|
|
@@ -19,6 +19,7 @@
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
<div class="right_1">
|
|
|
+ <el-button type="primary" @click="dialog = true">微信绑定</el-button>
|
|
|
<div class="name">{{ user.nick_name || '暂无昵称' }}</div>
|
|
|
<div class="layout" @click="toOut">
|
|
|
<LoginOutlined />
|
|
|
@@ -31,10 +32,17 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
+ <el-dialog v-model="dialog" title="微信绑定" :destroy-on-close="true" width="30%">
|
|
|
+ <div class="code">
|
|
|
+ <div class="title">*使用双创活动小程序扫码绑定微信</div>
|
|
|
+ <QRCodeVue :value="qrCanvas" :size="200"></QRCodeVue>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
+import QRCodeVue from 'qrcode.vue'
|
|
|
import { get } from 'lodash-es'
|
|
|
import { LoginOutlined } from '@ant-design/icons-vue'
|
|
|
import { siteInfo, menuList3 } from '@/layout/site'
|
|
|
@@ -56,6 +64,10 @@ const acitveKey = ref(route.name)
|
|
|
|
|
|
const $checkRes = inject('$checkRes')
|
|
|
const configInfo = ref({})
|
|
|
+
|
|
|
+const dialog = ref(false)
|
|
|
+const qrCanvas = ref('https://www.example.com')
|
|
|
+
|
|
|
// 检查是否有注册到路由中,注册的显示,没注册的不显示
|
|
|
const checkHasComponent = (menu) => {
|
|
|
const routes = router.getRoutes()
|
|
|
@@ -174,11 +186,15 @@ watch(
|
|
|
.right_1 {
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
+ align-items: center;
|
|
|
height: 80px;
|
|
|
line-height: 80px;
|
|
|
font-size: $global-font-size-20;
|
|
|
+ .name {
|
|
|
+ margin: 0 20px;
|
|
|
+ }
|
|
|
.layout {
|
|
|
- padding: 0 10px 0 20px;
|
|
|
+ padding: 0 10px 0 0;
|
|
|
color: #8a8b8c;
|
|
|
cursor: pointer;
|
|
|
span {
|
|
|
@@ -195,4 +211,11 @@ watch(
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.code {
|
|
|
+ text-align: center;
|
|
|
+ .title {
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
