| | |
| | | |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | <!-- 添加QQ客服按钮 --> |
| | | <div class="qq-service-btn" @click="openQQChat"> |
| | | <img :src="require('@/assets/image/qq.png')" alt="QQ客服"> |
| | | <span>QQ客服</span> |
| | | </div> |
| | | <el-dialog :visible.sync="open" style="margin: 0px;" customClass="customWidth" width="620px"> |
| | | <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" style="margin: 0px;"> |
| | | <h3 class="title">登录本都都家网</h3> |
| | |
| | | |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | |
| | | <el-dialog :visible.sync="qqDialogVisible" title="QQ客服" width="400px"> |
| | | <div style="text-align: center; padding: 20px;"> |
| | | <img :src="require('@/assets/image/qq.png')" alt="QQ客服" style="width: 80px; height: 80px; margin-bottom: 15px;"> |
| | | <h3 style="margin-bottom: 15px;">客服QQ: 3224414357</h3> |
| | | <p style="margin-bottom: 20px; color: #666;">请添加好友后发起会话</p> |
| | | <div style="display: flex; justify-content: center; gap: 15px;"> |
| | | <el-button type="primary" @click="copyQQ" plain> |
| | | 复制QQ号 |
| | | </el-button> |
| | | <el-button type="success" @click="addQQFriend"> |
| | | 添加好友 |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 底部 --> |
| | | <div class="el-login-footer" > |
| | | <span style="color: black; "><span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span></span> |
| | |
| | | <div class="gpr"> |
| | | <!-- <img :key="url" :src="url" style="width:100%;height:30%"></img> --> |
| | | </div> |
| | | |
| | | |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | } |
| | | }; |
| | | return { |
| | | qqDialogVisible: false, |
| | | url: require('../assets/images/index.png'), |
| | | openRegister: false, |
| | | avatar: undefined, |
| | |
| | | this.getCookie(); |
| | | }, |
| | | methods: { |
| | | openQQChat() { |
| | | this.qqDialogVisible = true; |
| | | }, |
| | | copyQQ() { |
| | | const qq = '3224414357'; |
| | | navigator.clipboard.writeText(qq).then(() => { |
| | | this.$message.success('QQ号已复制到剪贴板'); |
| | | }).catch(() => { |
| | | // 兼容不支持clipboard API的浏览器 |
| | | const input = document.createElement('input'); |
| | | input.value = qq; |
| | | document.body.appendChild(input); |
| | | input.select(); |
| | | document.execCommand('copy'); |
| | | document.body.removeChild(input); |
| | | this.$message.success('QQ号已复制'); |
| | | }); |
| | | }, |
| | | addQQFriend() { |
| | | window.open('tencent://message/?Menu=yes&uin=3224414357&Site=xxx&Service=10&sigT=10&sigU=10', '_blank'); |
| | | }, |
| | | handleRegister() { |
| | | //alert(this.registerForm.nickname) |
| | | this.$refs.registerForm.validate(valid => { |