用户中心

src/components/UserMan/addUsers.vue

+<template>
+  <div class="setMember usersList addUsers">
+    <div class="head-title">
+      <span @click="goUrl" class="blue point">用户管理</span> / 用户编辑
+    </div>
+    <div class="content">
+      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="150px">
+
+        <el-form-item label="用户头像" class="is-required" size="small">
+          <el-button @click="openChangeDig(1)" size="small">选择文件</el-button>
+          <div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
+            <img  style="width:80px;height:80px" :src="addMsg.Photo"
+                 alt="">
+          </div>
+        </el-form-item>
+        <el-form-item label="OpenId">
+          <el-input v-model="addMsg.OpenId" style="width:478px" size="small" :disabled="true"></el-input>
+        </el-form-item>
+        <el-form-item label="昵称" prop="Name">
+          <el-input v-model="addMsg.Name" style="width:478px" size="small" ></el-input>
+        </el-form-item>
+        <el-form-item label="上级">
+          <el-select size="small" v-model="addMsg.SuperiorId" :filter-method="ChangeListName" filterable
+                     placeholder="请选择">
+            <el-option label="总部" :value="0"></el-option>
+            <el-option v-for="item in tableData" :key="item.Id" :label="item.Name" :value="item.Id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="联系方式">
+          <el-input v-model="addMsg.Moblie" style="width:478px" size="small"></el-input>
+        </el-form-item>
+
+
+      </el-form>
+
+    </div>
+    <div style="margin-top:20px">
+      <el-button size="small" type="primary" @click="Save('addMsg')">保存</el-button>
+    </div>
+    <!-- 选择文件 -->
+    <el-dialog title="选择文件" :visible.sync="changeState" width="1240px">
+      <ChooseImg  @SelectId="SelectId"></ChooseImg>
+    </el-dialog>
+  </div>
+</template>
+<script>
+  import ChooseImg from "@/components/global/ChooseImg.vue";
+
+  export default {
+    components: {
+      ChooseImg,
+
+    },
+    data() {
+      return {
+        addMsg: {
+          Source: 1,
+          OpenId: '',
+          Name: '',
+          Photo: 'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/dsmorentx.png',//默认头像
+          Moblie: '',
+          SuperiorId: 0,//上级
+          SmallShopId: 0,
+          UserPageType:0,
+          CounponPassword:0,
+          KeyWord:'',
+        },
+        rules: {
+          Name: [{
+            required: true,
+            message: '请输入昵称',
+            trigger: 'blur'
+          }],
+        },
+        msg: {
+          pageIndex: 1,
+          pageSize: 20,
+          Name: '',
+          Source: 0,
+          MemberGrade: 0,
+          Id: 0,
+          Moblie: ''
+        },
+        tableData: [],
+        changeState:false,
+        imgType:1,
+
+      };
+    },
+    created() {
+      this.getList();
+      this.addMsg.OpenId = this.generateUUID()
+    },
+    methods: {
+      Save(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            this.apipost("/api/AppletLogin/Login", this.addMsg, res => {
+              if (res.data.resultCode == 1) {
+                this.goUrl();
+              } else {
+                this.Error(res.data.message);
+              }
+            })
+          } else {
+            return false;
+          }
+        });
+
+      },
+      ChangeListName(val) {
+        this.msg.Name = val;
+        this.getList();
+      },
+      getList() {
+        this.apipost("/api/user/GetMemberUserDropDownList", this.msg, res => {
+          if (res.data.resultCode == 1) {
+            this.total = res.data.data.count;
+            let pageData = res.data.data.pageData;
+            this.tableData = pageData;
+          }
+        })
+      },
+      goUrl() {
+        this.$router.push({
+          name: 'usersList',
+          query: {
+            blank: "y"
+          }
+        });
+      },
+      generateUUID(){
+        var d = new Date().getTime();
+        if (window.performance && typeof window.performance.now === "function") {
+          d += performance.now(); //use high-precision timer if available
+        }
+        var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+          var r = (d + Math.random() * 16) % 16 | 0;
+          d = Math.floor(d / 16);
+          return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
+        });
+        return uuid;
+      },
+      openChangeDig(num) {
+
+        this.changeState = true;
+        this.imgType=num;
+      },
+      SelectId(msg){
+        if(this.imgType==1){
+          let url  = this.getIconLink(msg.url)
+          this.addMsg.Photo = url
+        }
+
+        this.changeState = false;
+      },
+
+    },
+    mounted() {
+
+    }
+  };
+
+</script>
+<style>
+  .addUsers .tip {
+    margin-left: 10px;
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    color: #ff4544;
+    background-color: #FEF0F0;
+    padding: 0 20px;
+    border-radius: 5px;
+  }
+
+  .addUsers .app-image {
+    background-size: cover;
+    background-position: center center;
+    width: 80px;
+    height: 80px;
+    border-radius: 0%;
+  }
+
+  .setMember .setTable .el-table__body .cell {
+    display: flex;
+    align-items: center;
+
+  }
+
+  .setMember .commonLabel .el-form-item__label {
+    margin-top: -4px;
+  }
+
+  .setMember .discount .el-form-item__label {
+    padding-right: 30px;
+    margin-top: -4px;
+  }
+
+  .setMember .el-form-item .elzk {
+    position: absolute;
+    left: -25px;
+    top: 8px;
+  }
+
+  .setMember .el-form-item {
+    position: relative;
+  }
+
+  .usersList .blue {
+    color: #409EFF;
+
+  }
+
+  .usersList .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 20px;
+    box-sizing: border-box;
+  }
+
+</style>

src/components/UserMan/usersList.vue

@@ -2,8 +2,11 @@
   <div class="usersList">
     <div class="head-title">
       用户管理
+
       <el-button @click="dialogVisible=true" style="float:right;margin-top: -5px;" size="small" type="primary">批量导出
       </el-button>
+      <el-button @click="addusers" style="float:right;margin-top: -5px;margin-right: 10px" size="small" type="primary">新增
+      </el-button>
     </div>
     <div class="content">
       <div>
@@ -64,7 +67,7 @@
           </template>
         </el-table-column>
         <el-table-column prop="PostName" label="职位">
-            
+
         </el-table-column>
         <el-table-column label="会员类型">
           <template slot-scope="scope">
@@ -118,6 +121,10 @@
               <img @click="OpenczjfDig(scope.row,2)" style="width:32px;height:32px"
               src="../../assets/img/userman/balance.png" alt="">
             </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="二维码" placement="top">
+              <img @click="showQRcode(scope.row)" style="width:32px;height:32px"
+                   src="../../assets/img/userman/QRcode.png" alt="">
+            </el-tooltip>
 
 
           </template>
@@ -181,6 +188,18 @@
         <el-button size="small" type="primary" @click="czsubmitForm('addMsg')">确 定</el-button>
       </span>
     </el-dialog>
+    <!-- 充值积分 -->
+    <el-dialog title="二维码" :visible.sync="qrshow" width="600px">
+      <div style="display: flex;align-items: center;justify-content: center">
+        <el-image
+          style="width: 200px; height: 200px"
+          :src="qrcodeImg"
+         ></el-image>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="qrshow = false">关 闭</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -241,7 +260,8 @@
         },
         imgurl: '',
         dateList:[],
-
+        qrcodeImg:'',
+        qrshow:false,
       };
     },
     created() {
@@ -266,6 +286,14 @@
           }
         });
       },
+      addusers(){
+        this.$router.push({
+          name: 'addUsers',
+          query: {
+            blank: "y"
+          }
+        });
+      },
       czsubmitForm(formName) {
         this.$refs[formName].validate((valid) => {
           if (valid) {
@@ -307,6 +335,18 @@
         }
         this.imgurl = '';
       },
+      showQRcode(row){
+        this.apipost("/api/user/GetWeiXinQRCodeForHT", {Path: '/pages/index/index?user_id=' + row.Id,With: 212,}, res => {
+          if (res.data.resultCode == 1) {
+              if(res.data.data){
+                this.qrcodeImg=this.domainManager().DomainUrl+res.data.data;
+                this.qrshow=true
+              }
+          } else {
+            this.Error(res.data.message);
+          }
+        })
+      },
       openChangeDig() {
         this.changeState = true;
         setTimeout(() => {
@@ -334,7 +374,7 @@
         if(!msg.Id ||msg.Id==''){
           msg.Id=0;
         }
-        
+
          if(this.dateList && this.dateList.length>0){
                 msg.StartTime=this.dateList[0];
                 msg.EndTime=this.dateList[1];

src/router/index.js

@@ -524,6 +524,12 @@ export default new Router({
           name: 'usersListEdit',
           component: resolve => require(['@/components/UserMan/usersListEdit'], resolve),
         },
+        // 用户管理 新增用户
+        {
+          path: '/addUsers',
+          name: 'addUsers',
+          component: resolve => require(['@/components/UserMan/addUsers'], resolve),
+        },
 
         // 用户管理 核销员
         {