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

- 为删除按钮添加 v-if 指令,仅在没有子节点时显示
- 为删除按钮添加 del 类,以应用特定样式
- 在 utils.js 中添加 $isEmpty函数,用于检查对象是否为空
This commit is contained in:
aixianling
2025-01-07 10:17:59 +08:00
parent d39650eca5
commit 95689baff9
2 changed files with 26 additions and 16 deletions

View File

@@ -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>