修复用户信息无法更新的bug

src/views/user/user.vue

@@ -29,7 +29,7 @@
             v-if="hasPerm('user:add')"
             type="primary"
             icon="el-icon-edit"
-            @click="showCreate"
+            @click="crud.toAdd"
           >
             添加
           </el-button>
@@ -61,8 +61,8 @@
         <CustomTable ref="customTable" :col-configs="colConfigs" :columns="columns" :crud="crud">
           <el-table-column slot="operation" align="center" width="100" label="操作">
             <template slot-scope="scope">
-              <Edit :data="scope.row" :disabled-edit="false" />
+              <Edit :permission="permission" :data="scope.row" :disabled-edit="false" />
-              <Delete :data="scope.row" style="margin-left: 5px" />
+              <Delete :permission="permission" :data="scope.row" style="margin-left: 5px" />
             </template>
           </el-table-column>
         </CustomTable>
@@ -70,18 +70,18 @@
       </el-col>
     </el-row>
 
-    <el-dialog :title="textMap[dialogStatus]" :visible="crud.status.editor > 0">
+    <el-dialog :title="textMap[dialogStatus]" :visible="crud.status.editor > 0" @close="crud.cancelCU">
       <el-form
         ref="tempUser"
         :model="tempUser"
-        :rules="rules"
+        :rules="dialogStatus === 'create' ? rules : {}"
         class="small-space"
         label-position="left"
         label-width="120px"
         style="width: 300px; margin-left: 50px"
       >
+        <template v-if="dialogStatus === 'create'">
           <el-form-item
-          v-if="dialogStatus === 'create'"
             label="用户名"
             prop="username"
             required
@@ -89,7 +89,6 @@
             <el-input v-model="tempUser.username" type="text" />
           </el-form-item>
           <el-form-item
-          v-if="dialogStatus === 'create'"
             label="身份证号"
             prop="identificationNum"
             required
@@ -97,7 +96,6 @@
             <el-input v-model="tempUser.identificationNum" type="text" />
           </el-form-item>
           <el-form-item
-          v-if="dialogStatus === 'create'"
             label="昵称"
             prop="nickname"
             required
@@ -105,14 +103,15 @@
             <el-input v-model="tempUser.nickname" type="text" />
           </el-form-item>
           <el-form-item
-          v-if="dialogStatus === 'create'"
             label="密码"
             prop="password"
             required
           >
             <el-input v-model="tempUser.password" type="password" />
           </el-form-item>
-        <el-form-item v-else label="新密码">
+        </template>
+        <template v-else>
+          <el-form-item label="新密码">
             <el-input
               v-model="tempUser.password"
               type="password"
@@ -120,7 +119,6 @@
             />
           </el-form-item>
           <el-form-item
-          v-if="dialogStatus === 'update'"
             label="新签名密码"
             prop="signPassword"
           >
@@ -130,10 +128,12 @@
               placeholder="不填则表示不修改"
             />
           </el-form-item>
+        </template>
         <el-form-item label="角色" prop="roleIds">
           <el-select
             v-model="roleIds"
             multiple
+            filterable
             placeholder="请选择"
             style="width: 180px"
           >
@@ -295,7 +295,12 @@ export default {
       },
       fileList: [],
       depts: [],
-      roleIds: []
+      roleIds: [],
+      permission: {
+        add: ['user:add'],
+        edit: ['user:update'],
+        del: ['user:delete']
+      }
     }
   },
   computed: {
@@ -316,6 +321,14 @@ export default {
     console.log(this.crud, this.query, '啊哈哈哈')
   },
   methods: {
+    // 编辑框打开后做的操作
+    [CRUD.HOOK.beforeToAdd]() {
+      this.showCreate()
+    },
+    // 编辑框打开后做的操作
+    [CRUD.HOOK.beforeToEdit](crud, form) {
+      this.showUpdate(form)
+    },
     getAllRoles() {
       this.api({
         url: '/role/all',
@@ -401,23 +414,18 @@ export default {
       // 显示新增对话框
       this.tempUser = {}
       this.dialogStatus = 'create'
-      this.dialogFormVisible = true
       this.roleIds.length = 0
+      this.dialogFormVisible = true
     },
-    showUpdate($index) {
+    showUpdate(user) {
-      const user = this.list[$index]
       this.tempUser = user
       this.roleIds.length = 0
-      if (user.roleIds !== null && user.roleIds !== undefined) {
+      if (user.roleIds) {
-        if (user.roleIds.indexOf(',') !== -1) {
+        user.roleIds.split(',').forEach((roleId) => this.roleIds.push(Number(roleId)))
-          user.roleIds
-            .split(',')
-            .forEach((roleId) => this.roleIds.push(Number(roleId)))
-        }
       }
-      if (user.signImg !== null && user.signImg !== '') {
+      if (user.signImg) {
         this.tempUser.signImg = user.signImg
-        this.fileList = JSON.parse(user.signImg)
+        this.fileList = [{ name: this.tempUser.signImg }]
         if (this.fileList.length > 0) {
           this.fileList[0].url =
             process.env.VUE_APP_IMG_URL + 'signImage/' + this.fileList[0].name
@@ -425,6 +433,7 @@ export default {
       } else {
         this.fileList = []
       }
+      console.log(this.fileList[0])
       this.dialogStatus = 'update'
       this.dialogFormVisible = true
     },
@@ -484,6 +493,7 @@ export default {
                 _vue.getList()
               }
             })
+            this.crud.cancelCU()
           })
         } else {
           return false