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>

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;
   }
 }