feat(AppAccountConfigManage): 优化认证材料对话框样式和功能- 调整对话框宽度为 50vw，使界面更加响应式

- 为删除按钮添加 v-if 指令，仅在没有子节点时显示
- 为删除按钮添加 del 类，以应用特定样式
- 在 utils.js 中添加 $isEmpty函数，用于检查对象是否为空

project/xumu/AppAccountConfigManage/AppAccountConfigManage.vue

@@ -100,7 +100,7 @@ export default {
         </template>
       </el-table-column>
     </ai-table>
-    <ai-dialog v-model="dialog" title="认证材料" width="500px" @close="userId=''"
+    <ai-dialog v-model="dialog" title="认证材料" width="50vw" @close="userId=''"
                @open="getTreeData" customFooter>
       <el-button class="mar-b8" type="primary" @click="createNode(treeData)">新增根节点</el-button>
       <el-tree :data="treeData" :props="{label:'name'}" default-expand-all>
@@ -108,7 +108,7 @@ export default {
           <div class="flex" style="width: 100%">
             <span class="fill" v-text="node.label"/>
             <el-button size="mini" type="text" @click="createNode(data)">增加子节点</el-button>
-            <el-button size="mini" type="text" @click="handleDelete(data)">删除</el-button>
+            <el-button size="mini" type="text" @click="handleDelete(data)" v-if="$isEmpty(data.children)" class="del">删除</el-button>
           </div>
         </template>
       </el-tree>
@@ -120,5 +120,9 @@ export default {
 <style scoped lang="scss">
 .AppAccountConfigManage {
   height: 100%;
+
+  .el-button .del {
+    color: #f46;
+  }
 }
 </style>

project/xumu/AppAccountManage/AppAccountManage.vue

@@ -22,12 +22,13 @@
             <div>{{ row.name }}</div>
           </el-row>
         </el-table-column>
-        <el-table-column slot="options" align="center" label="操作" fixed="right" width="180px">
+        <el-table-column slot="options" align="center" label="操作" fixed="right" width="220px">
           <template slot-scope="{ row }">
             <div class="table-options">
               <el-button type="text" @click="changeEnable(row)">{{ row.status == 1 ? '禁用' : '启用' }}</el-button>
               <el-button type="text" @click="appAllot(row)">编辑</el-button>
-              <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
+              <el-button type="text" @click="resetPassword(row.id)">重置密码</el-button>
+              <el-button type="text" @click="handleDelete(row)">删除</el-button>
             </div>
           </template>
         </el-table-column>
@@ -40,12 +41,12 @@
         <el-form-item required label="行政区划" prop="areaId">
           <ai-area-get v-model.trim="dialogForm.areaId" placeholder="请选择" :instance="instance"/>
         </el-form-item>
-        <el-form-item required label="账户" prop="username">
+        <el-form-item required label="账户" prop="userName">
-          <el-input v-model.trim="dialogForm.username" placeholder="请输入..." clearable :maxLength="15"/>
+          <el-input v-model.trim="dialogForm.userName" placeholder="请输入..." clearable :maxLength="15"/>
-        </el-form-item>
-        <el-form-item required label="账号密码" prop="password" v-if="!isEdit" :rules="[{ required: true, message: '请输入密码' }]">
-          <el-input v-model.trim="dialogForm.password" placeholder="请输入密码" clearable :minlength="6"/>
         </el-form-item>
+        <!--        <el-form-item required label="账号密码" prop="password" v-if="!isEdit" :rules="[{ required: true, message: '请输入密码' }]">-->
+        <!--          <el-input v-model.trim="dialogForm.password" placeholder="请输入密码" clearable :minlength="6"/>-->
+        <!--        </el-form-item>-->
         <el-form-item required label="角色" prop="roleId">
           <el-select placeholder="请选择角色" :value="dialogForm.roleId" filterable v-model="dialogForm.roleId" clearable>
             <el-option v-for="(op, i) in accountRoles" :key="i" :label="op.name" :value="op.id"/>
@@ -91,19 +92,18 @@ export default {
     colConfigs() {
       return [
         // {type: 'selection', align: 'center'},
-        {label: "账号", slot: "username"},
+        {label: "账号", prop: "userName"},
         {label: "姓名", slot: "name"},
         {label: "联系方式", prop: "phone", align: 'center'},
         {label: "角色", prop: "roleName", align: 'center'},
         {label: "状态", prop: "status", align: 'center', dict: "enable"},
         {label: "认证状态", prop: "authStatus", align: 'center', dict: "authStatus"},
         {label: "配置状态", prop: "configStatus", align: 'center', dict: "configStatus"},
-        {slot: "options"}
       ]
     },
     rules() {
       return {
-        username: [{required: true, message: "请输入账号"}],
+        userName: [{required: true, message: "请输入账号"}],
         name: [{required: true, message: "请输入姓名"}],
         password: [{required: true, message: '请输入密码'}],
         areaId: [{required: true, message: "请选择行政区划"}],
@@ -193,8 +193,13 @@ export default {
         }
       })
     },
-    handleDelete(ids) {
+    handleDelete(row) {
-      this.$confirm("是否要删除该账号?").then(() => {
+      const {id: ids, authStatus, configStatus} = row
+      let text = "是否要删除该账号?"
+      if (authStatus == 1) {
+        text = configStatus == 1 ? "该账户已经认证，是否确认删除该账户?" : "该账户已经认证及配置，是否确认删除该账户?"
+      }
+      this.$confirm(text).then(() => {
         this.instance.post("/admin/user/del", null, {
           params: {ids}
         }).then(res => {
@@ -215,6 +220,16 @@ export default {
           }
         })
       })
+    },
+    resetPassword(id) {
+      this.$confirm("是否要重置密码?").then(() => {
+        this.instance.post("/api/user/resetPwd", null, {params: {id}}).then(res => {
+          if (res?.code == 0) {
+            this.$message.success("重置成功!")
+            this.getTableData()
+          }
+        })
+      })
     }
   },
   created() {

project/xumu/AppAuthManage/authList.vue

@@ -1,7 +1,4 @@
 <script>
-
-import AiSelect from "dui/packages/basic/AiSelect.vue";
-
 const columns = [
   {label: "序号", type: "index"},
   {label: "账号", prop: "userName"},
@@ -13,7 +10,6 @@ const columns = [
 ]
 export default {
   name: "authList",
-  components: {AiSelect},
   props: {
     instance: Function,
     dict: Object,
@@ -29,6 +25,15 @@ export default {
       form: {}
     }
   },
+  watch: {
+    search: {
+      deep: true,
+      handler() {
+        this.page.pageNum = 1
+        this.getTableData()
+      }
+    }
+  },
   methods: {
     getTableData() {
       this.instance.post("/api/user/auth/page", null, {

ui/lib/js/utils.js

@@ -230,5 +230,11 @@ export default {
       }
       return max
     } else return 0
+  },
+  $isEmpty(obj) {
+    if (obj === null || obj === undefined) return true;
+    if (typeof obj === 'string' && obj.trim() === '') return true;
+    if (Array.isArray(obj) && obj.length === 0) return true;
+    return typeof obj === 'object' && Object.keys(obj).length === 0;
   }
 }