feat(AppAccountConfigManage): 优化认证材料对话框样式和功能- 调整对话框宽度为 50vw,使界面更加响应式
- 为删除按钮添加 v-if 指令,仅在没有子节点时显示 - 为删除按钮添加 del 类,以应用特定样式 - 在 utils.js 中添加 $isEmpty函数,用于检查对象是否为空
This commit is contained in:
		| @@ -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> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user