更新

src/layout/adminCenter/menuInfo.vue

@@ -17,40 +17,46 @@
             <el-menu-item index="1">
               <template slot="title">
                 <i class="el-icon-pie-chart"></i>
-                <span>展会管理</span>
+                <span>绑定微信</span>
               </template>
             </el-menu-item>
             <el-menu-item index="2">
               <template slot="title">
                 <i class="el-icon-pie-chart"></i>
-                <span>申请管理</span>
+                <span>展会管理</span>
               </template>
             </el-menu-item>
             <el-menu-item index="3">
               <template slot="title">
                 <i class="el-icon-pie-chart"></i>
-                <span>VIP用户</span>
+                <span>申请管理</span>
               </template>
             </el-menu-item>
             <el-menu-item index="4">
+              <template slot="title">
+                <i class="el-icon-pie-chart"></i>
+                <span>VIP用户</span>
+              </template>
+            </el-menu-item>
+            <el-menu-item index="5">
               <template slot="title">
                 <i class="el-icon-notebook-1"></i>
                 <span>交易备案</span>
               </template>
             </el-menu-item>
-            <el-menu-item index="5">
+            <el-menu-item index="6">
               <template slot="title">
                 <i class="el-icon-notebook-1"></i>
                 <span>统计报表</span>
               </template>
             </el-menu-item>
-            <el-menu-item index="6">
+            <el-menu-item index="7">
               <template slot="title">
                 <i class="el-icon-notebook-1"></i>
                 <span>动态监测</span>
               </template>
             </el-menu-item>
-            <el-menu-item index="7">
+            <el-menu-item index="8">
               <template slot="title">
                 <i class="el-icon-circle-close"></i>
                 <span>退出登录</span>
@@ -86,7 +92,7 @@ export default {
     ...login({ logout: 'logout', transactiondtetle: 'delete' }),
     // 菜单跳转
     selectMenu(key) {
-      if (key == '7') {
+      if (key == '8') {
         this.logout();
         this.$message({
           message: '退出登录成功',

src/layout/live/head.vue

@@ -16,7 +16,7 @@
                 type="text"
                 class="userCenter"
                 @click="stnmae"
-                v-if="user.role == '3' || user.role == '4' || user.role == '5' || user.role == '6' || user.role == '7' || user.role == '8'"
+                v-if="user.role == '3' || user.role == '4' || user.role == '5' || user.role == '6' || user.role == '8'"
               >
                 个人中心
               </button>

src/layout/login/loginMain.vue

@@ -27,15 +27,22 @@
             <el-tab-pane label="个人登录" name="second">
               <el-col :span="24">
                 <el-form ref="form" :model="form" label-width="120px">
-                  <el-form-item label="用户名&手机号">
-                    <el-input v-model="form.phone" placeholder="请输入用户/手机号" :minlength="11" :maxlength="11"></el-input>
+                  <el-form-item
+                    label="手机号"
+                    prop="phone"
+                    :rules="[
+                      { required: true, message: '手机号不能为空' },
+                      { type: 'number', message: '手机号必须为数字值' },
+                    ]"
+                  >
+                    <el-input type="phone" v-model.number="form.phone" autocomplete="off" placeholder="请输入手机号" :minlength="11" :maxlength="11"></el-input>
                   </el-form-item>
                   <el-form-item label="登录密码">
                     <el-input v-model="form.passwd" placeholder="请输入登录密码" show-password></el-input>
                   </el-form-item>
                   <el-form-item label="用户类别">
                     <el-radio-group v-model="form.role">
-                      <el-radio label="7">临时用户</el-radio>
+                      <el-radio label="7">游客用户</el-radio>
                       <el-radio label="4">个人用户</el-radio>
                       <el-radio label="5">机构用户</el-radio>
                       <el-radio label="6">专家用户</el-radio>
@@ -63,7 +70,7 @@
                   </el-form-item>
                   <el-form-item label="用户类别" prop="role">
                     <el-radio-group v-model="forms.role">
-                      <el-radio label="7">临时用户</el-radio>
+                      <!-- <el-radio label="7">临时用户</el-radio> -->
                       <el-radio label="4">个人</el-radio>
                       <el-radio label="5">机构管理员</el-radio>
                       <el-radio label="6">专家</el-radio>

src/layout/vipCenter/menuInfo.vue

@@ -17,16 +17,22 @@
             <el-menu-item index="1">
               <template slot="title">
                 <i class="el-icon-notebook-1"></i>
-                <span>统计报表</span>
+                <span>绑定微信</span>
               </template>
             </el-menu-item>
             <el-menu-item index="2">
+              <template slot="title">
+                <i class="el-icon-notebook-1"></i>
+                <span>统计报表</span>
+              </template>
+            </el-menu-item>
+            <el-menu-item index="3">
               <template slot="title">
                 <i class="el-icon-video-camera"></i>
                 <span>动态监测</span>
               </template>
             </el-menu-item>
-            <el-menu-item index="3">
+            <el-menu-item index="4">
               <template slot="title">
                 <i class="el-icon-circle-close"></i>
                 <span>退出登录</span>
@@ -62,7 +68,7 @@ export default {
     ...login({ logout: 'logout', transactiondtetle: 'delete' }),
     // 菜单跳转
     selectMenu(key) {
-      if (key == '3') {
+      if (key == '4') {
         this.logout();
         this.$message({
           message: '退出登录成功',

src/views/adminCenter/basicInfo/index.vue

@@ -1,22 +1,9 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24">
-        <el-col :span="24" class="leftTop"> <span>|</span> <span>基本信息</span> </el-col>
-        <el-col :span="24" class="info">
-          <el-form :model="form" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
-            <el-form-item label="用户名" prop="adminuser">
-              <el-input v-model="form.adminuser" placeholder="请输入用户名"></el-input>
-            </el-form-item>
-            <el-form-item label="手机号" prop="phone">
-              <el-input v-model="form.phone" placeholder="请输入手机号" disabled></el-input>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" @click="submitForm('form')">保存</el-button>
-              <el-button @click="resetForm('form')">重置</el-button>
-            </el-form-item>
-          </el-form>
-        </el-col>
+      <el-col :span="24" class="leftTop"> <span>|</span> <span>绑定微信</span> </el-col>
+      <el-col :span="24" class="info">
+        <img :src="qc" />
       </el-col>
     </el-row>
   </div>
@@ -24,58 +11,22 @@
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: dock } = createNamespacedHelpers('dock');
-const { mapActions: authUser } = createNamespacedHelpers('authUser');
+import QRCode from 'qrcode';
 export default {
   name: 'index',
   props: {},
   components: {},
   data: function() {
     return {
-      form: {},
-      rules: {
-        adminuser: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
-        phone: [{ required: true, message: '请输入手机号', trigger: 'blur' }],
-      },
+      qc: '',
     };
   },
-  created() {
-    this.searchInfo();
-  },
+  created() {},
   methods: {
-    ...dock({ dockQuery: 'query', dockFetch: 'fetch', dockUpdate: 'update' }),
-    ...authUser({ authUserFetch: 'fetch', authUserUpdate: 'update' }),
-    async searchInfo() {
-      if (this.user.uid) {
-        let res = await this.dockFetch(this.user.uid);
-        if (this.$checkRes(res)) {
-          this.$set(this, `form`, res.data);
-        }
-      }
-    },
-    async submitForm() {
-      let res = await this.dockUpdate(this.form);
-      if (this.$checkRes(res)) {
-        let data = {};
-        data.id = this.user.uid;
-        data.name = this.form.adminuser;
-        let arr = await this.authUserUpdate(data);
-        if (this.$checkRes(arr)) {
-          this.$message({
-            message: '修改信息成功',
-            type: 'success',
-          });
-        } else {
-          this.$message({
-            message: '修改信息失败',
-            type: 'error',
-          });
-        }
-      }
-      this.searchInfo();
-    },
-    resetForm() {
-      this.form.adminuser = '';
+    async creatQrCode() {
+      let url = `http://free.liaoningdoupo.com/api/auth/wxchat?redirect_uri=http://free.liaoningdoupo.com/platmobile/bind/&type=1&uid=${this.user.uid}`; // 需要转换为二维码的内容
+      let el = document.getElementById('qrCodeUrl');
+      this.qc = await QRCode.toDataURL(url, { height: 200, width: 200 });
     },
   },
   computed: {
@@ -84,6 +35,9 @@ export default {
       return `${this.$route.meta.title}`;
     },
   },
+  mounted() {
+    this.creatQrCode();
+  },
   metaInfo() {
     return { title: this.$route.meta.title };
   },
@@ -104,6 +58,6 @@ export default {
   color: #22529a;
 }
 .info {
-  padding: 0 40px 0 0;
+  padding: 0 40px 0 10px;
 }
 </style>

src/views/adminCenter/index.vue

@@ -12,21 +12,24 @@
             </el-col>
             <el-col :span="19" class="mainMess">
               <span v-if="num == '1'">
-                <dockInfo></dockInfo>
+                <basicInfo></basicInfo>
               </span>
               <span v-else-if="num == '2'">
-                <applyInfo></applyInfo>
+                <dockInfo></dockInfo>
               </span>
               <span v-else-if="num == '3'">
-                <vipInfo></vipInfo>
+                <applyInfo></applyInfo>
               </span>
               <span v-else-if="num == '4'">
-                <transaction></transaction>
+                <vipInfo></vipInfo>
               </span>
               <span v-else-if="num == '5'">
-                <statisInfo></statisInfo>
+                <transaction></transaction>
               </span>
               <span v-else-if="num == '6'">
+                <statisInfo></statisInfo>
+              </span>
+              <span v-else-if="num == '7'">
                 <dynamicInfo></dynamicInfo>
               </span>
               <span v-else>
@@ -47,6 +50,7 @@
 import heads from '@/layout/userCenter/heads.vue';
 import menuInfo from '@/layout/adminCenter/menuInfo.vue';
 import foot from '@/layout/live/foot.vue';
+import basicInfo from './basicInfo/index.vue';
 import transaction from './transaction/index.vue';
 import dockInfo from './dockInfo/index.vue';
 import statisInfo from './statisInfo/index.vue';
@@ -61,7 +65,7 @@ export default {
     heads,
     menuInfo,
     foot,
-
+    basicInfo, //绑定微信
     dockInfo, //展会管理
     applyInfo, //申请管理
     vipInfo, //VIP用户

src/views/vipCenter/basicInfo/index.vue

@@ -1,22 +1,9 @@
 <template>
   <div id="index">
     <el-row>
-      <el-col :span="24">
-        <el-col :span="24" class="leftTop"> <span>|</span> <span>基本信息</span> </el-col>
-        <el-col :span="24" class="info">
-          <el-form :model="form" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
-            <el-form-item label="用户名" prop="adminuser">
-              <el-input v-model="form.name" placeholder="请输入用户名"></el-input>
-            </el-form-item>
-            <el-form-item label="手机号" prop="phone">
-              <el-input v-model="form.phone" placeholder="请输入用户名" disabled></el-input>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" @click="submitForm('form')">保存</el-button>
-              <el-button @click="resetForm('form')">重置</el-button>
-            </el-form-item>
-          </el-form>
-        </el-col>
+      <el-col :span="24" class="leftTop"> <span>|</span> <span>绑定微信</span> </el-col>
+      <el-col :span="24" class="info">
+        <img :src="qc" />
       </el-col>
     </el-row>
   </div>
@@ -24,67 +11,22 @@
 
 <script>
 import { mapState, createNamespacedHelpers } from 'vuex';
-const { mapActions: dock } = createNamespacedHelpers('dock');
-const { mapActions: authUser } = createNamespacedHelpers('authUser');
+import QRCode from 'qrcode';
 export default {
   name: 'index',
   props: {},
   components: {},
   data: function() {
     return {
-      form: {},
-      rules: {
-        adminuser: [{ required: false, message: '请输入用户名', trigger: 'blur' }],
-        phone: [{ required: false, message: '请输入手机号', trigger: 'blur' }],
-      },
+      qc: '',
     };
   },
-  created() {
-    this.searchInfo();
-  },
+  created() {},
   methods: {
-    ...dock({ dockQuery: 'query', dockFetch: 'fetch', dockUpdate: 'update' }),
-    ...authUser({ authUserFetch: 'fetch', authUserUpdate: 'update' }),
-    async searchInfo() {
-      if (this.user.uid) {
-        let data = {
-          name: this.user.name,
-          phone: this.user.phone,
-        };
-        this.$set(this, `form`, data);
-      }
-    },
-    async submitForm() {
-      this.form.id = this.user.uid;
-      let res = await this.authUserUpdate(this.form);
-      if (this.$checkRes(res)) {
-        this.$message({
-          message: '修改信息成功',
-          type: 'success',
-        });
-      }
-      // let res = await this.dockUpdate(this.form);
-      // if (this.$checkRes(res)) {
-      //   let data = {};
-      //   data.id = this.user.uid;
-      //   data.name = this.form.adminuser;
-      //   let arr = await this.authUserUpdate(data);
-      //   if (this.$checkRes(arr)) {
-      //     this.$message({
-      //       message: '修改信息成功',
-      //       type: 'success',
-      //     });
-      //   } else {
-      //     this.$message({
-      //       message: '修改信息失败',
-      //       type: 'error',
-      //     });
-      //   }
-      // }
-      this.searchInfo();
-    },
-    resetForm() {
-      this.form.adminuser = '';
+    async creatQrCode() {
+      let url = `http://free.liaoningdoupo.com/api/auth/wxchat?redirect_uri=http://free.liaoningdoupo.com/platmobile/bind/&type=1&uid=${this.user.uid}`; // 需要转换为二维码的内容
+      let el = document.getElementById('qrCodeUrl');
+      this.qc = await QRCode.toDataURL(url, { height: 200, width: 200 });
     },
   },
   computed: {
@@ -93,6 +35,9 @@ export default {
       return `${this.$route.meta.title}`;
     },
   },
+  mounted() {
+    this.creatQrCode();
+  },
   metaInfo() {
     return { title: this.$route.meta.title };
   },
@@ -113,6 +58,6 @@ export default {
   color: #22529a;
 }
 .info {
-  padding: 0 40px 0 0;
+  padding: 0 40px 0 10px;
 }
 </style>

src/views/vipCenter/index.vue

@@ -12,6 +12,9 @@
             </el-col>
             <el-col :span="19" class="mainMess">
               <span v-if="num == '1'">
+                <basicInfo></basicInfo>
+              </span>
+              <span v-else-if="num == '2'">
                 <statisInfo></statisInfo>
               </span>
               <span v-else-if="num == '2'">
@@ -35,9 +38,9 @@
 import heads from '@/layout/userCenter/heads.vue';
 import menuInfo from '@/layout/vipCenter/menuInfo.vue';
 import foot from '@/layout/live/foot.vue';
+import basicInfo from './basicInfo/index.vue';
 import statisInfo from './statisInfo/index.vue';
 import dynamicInfo from './dynamicInfo/index.vue';
-
 import { mapState, createNamespacedHelpers } from 'vuex';
 export default {
   name: 'index',
@@ -46,6 +49,7 @@ export default {
     heads,
     menuInfo,
     foot,
+    basicInfo, //绑定微信
     statisInfo, //统计报表
     dynamicInfo, //动态监测
   },