用户

src/views/adminCenter/user/index.vue

@@ -5,7 +5,7 @@
         <el-button type="primary" size="small" @click="toAdd()">添加</el-button>
       </template>
     </data-table>
-    <el-dialog :title="dialog.title" :visible.sync="dialog.show" width="50%" :before-close="toClose">
+    <el-dialog :title="dialog.title" :visible.sync="dialog.show" width="50%" :before-close="toClose" :close-on-click-modal="false">
       <form-1 :form="form" @onSubmit="onSubmit"></form-1>
     </el-dialog>
   </div>
@@ -37,7 +37,7 @@ export default {
           label: '用户类别',
           prop: 'type',
           format: (i) => {
-            return i === '1' ? '超级管理员' : '未识别';
+            return i === '1' ? '超级管理员' : i === '2' ? '审核管理员' : i === '3' ? '库存管理员' : i === '4' ? '财务管理员' : i === '5' ? '商户' : '用户';
           },
         },
       ],
@@ -52,7 +52,7 @@ export default {
     this.search();
   },
   methods: {
-    ...mapUser(['query']),
+    ...mapUser(['query', 'fetch', 'create', 'update']),
     async search({ skip = 0, limit = 10, ...info } = {}) {
       let res = await this.query({ skip, limit, ...info });
       if (this.$checkRes(res)) {
@@ -61,19 +61,36 @@ export default {
       }
     },
     // 修改
-    toEdit({ data }) {
-      console.log(data);
+    async toEdit({ data }) {
+      this.$set(this, `form`, data);
+      this.dialog = { title: '信息维护', show: true, type: '1' };
     },
     // 添加
     toAdd() {
       this.dialog = { title: '添加信息', show: true, type: '1' };
     },
     // 提交保存
-    onSubmit({ data }) {
-      console.log(data);
+    async onSubmit({ data }) {
+      if (data.id) {
+        let res = await this.update(data);
+        if (this.$checkRes(res)) {
+          this.$message({ type: `success`, message: `操作完成` });
+          this.toClose();
+        }
+      } else {
+        let res = await this.create(data);
+        if (this.$checkRes(res)) {
+          this.$message({ type: `success`, message: `操作完成` });
+          this.toClose();
+        }
+      }
     },
     // 关闭
-    toClose() {},
+    toClose() {
+      this.search();
+      this.form = {};
+      this.dialog = { title: '添加信息', show: false, type: '1' };
+    },
   },
   computed: {
     ...mapState(['user']),

src/views/adminCenter/user/parts/form-1.vue

@@ -10,7 +10,7 @@
             <el-form-item label="联系电话" prop="phone">
               <el-input v-model="form.phone" placeholder="请输入联系电话"></el-input>
             </el-form-item>
-            <el-form-item label="登录密码" prop="password">
+            <el-form-item label="登录密码" prop="password" v-if="!form.id">
               <el-input v-model="form.password" type="password" placeholder="请输入登录密码" show-password></el-input>
             </el-form-item>
             <el-form-item label="电子邮箱" prop="email">
@@ -29,7 +29,14 @@
               <el-input v-model="form.address" placeholder="请输入联系地址"></el-input>
             </el-form-item>
             <el-form-item label="用户类别" prop="type">
-              <el-input v-model="form.type" placeholder="请输入用户类别"></el-input>
+              <el-radio-group v-model="form.type">
+                <el-radio label="1">超级管理员</el-radio>
+                <el-radio label="2">审核管理员</el-radio>
+                <el-radio label="3">库存管理员</el-radio>
+                <el-radio label="4">财务管理员</el-radio>
+                <el-radio label="5">商户</el-radio>
+                <el-radio label="6">用户</el-radio>
+              </el-radio-group>
             </el-form-item>
             <el-form-item>
               <el-button type="danger" @click="onReset('form')">重置信息</el-button>