sx/map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

枚举配置页面修改

Browse Source
This commit is contained in:
fengrong 2024-10-22 11:17:48 +08:00
parent 34ebafaef1
commit 406d7fca24
1 changed files with 66 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
ui/dasadmin/src/views/backend/auth/Enumeration/index.vue
View File

@ -3,29 +3,26 @@
<el-container class="containerPart">
<el-aside class="defaultAside">
<el-main class="treeMain">
<!-- <div class="demo-collapse">
<el-collapse>
<el-collapse-item class="treeTitle" title="枚举类型配置" name="1" :icon="CaretRight">
<div>
<el-tree
style="max-width: 600px;margin-top: 2.2%"
ref="TypeTree"
:data="TypeData"
:props="defaultProps"
node-key="id"
@node-click="handleNodeClick"
/>
</div>
&lt;!&ndash; <template #title>
枚举类型配置<el-icon class="header-icon" :icon="CaretRight"></el-icon>
</template>&ndash;&gt;
&lt;!&ndash; <label class="treeTitle">枚举类型配置</label>&ndash;&gt;
</el-collapse-item>
</el-collapse>
</div>-->
<label class="treeTitle">枚举类型配置</label>
<!-- <div class="demo-collapse">-->
<!-- <el-collapse v-model="activeName" accordion>-->
<!-- <el-collapse-item name="1">-->
<!-- <template #title>-->
<!-- <span class="collapse-title">枚举类型配置</span>-->
<!-- </template>-->
<!-- <div>-->
<!-- <el-tree-->
<!-- style="max-width: 600px;margin-top: 2.2%"-->
<!-- ref="TypeTree"-->
<!-- :data="TypeData"-->
<!-- :props="defaultProps"-->
<!-- node-key="id"-->
<!-- @node-click="handleNodeClick"-->
<!-- />-->
<!-- </div>-->
<!-- </el-collapse-item>-->
<!-- </el-collapse>-->
<!-- </div>-->
<!-- <label class="treeTitle">枚举类型配置</label>-->
<el-tree
style="max-width: 600px;margin-top: 2.2%"
ref="TypeTree"
@ -192,7 +189,7 @@ import {
const activeName = ref('1')
interface Tree {
enumId: number,
enumName: string,
@ -201,11 +198,18 @@ interface Tree {
const defaultProps = {
children: 'children',
label: 'description',
}
const tableData = ref()
const TypeData=ref()
//const TypeData=ref()
const TypeData=ref([{
id: 0,
name: "",
description: "枚举类型配置",
children: []
}])
const TypeTree = ref()
const formRef = ref()
const enumTypeId=ref()
@ -227,10 +231,12 @@ const clickQuery = () => {
const enumTreeTypeList = () => {
enumTreeQuery().then((res) => {
if (res.code == 200) {
TypeData.value = res.data
//TypeData.value = res.data
TypeData.value[0].children = res.data
nextTick(() => {
enumTypeId.value=res.data[0]?.id
TypeTree.value?.setCurrentKey(res.data[0]?.id!, false)
//TypeTree.value?.setCurrentKey(res.data[0]?.id!, false)
TypeTree.value?.setCurrentKey(TypeData.value[0].id!, false)
queryListData.description =queryName.value
queryListData.enumTypeId = res.data[0].id
queryListData.pageNum=currentPage.value,
@ -379,7 +385,6 @@ const queryenumValueMethod = (data: any) => {
const onSubmitvalue = () => {
formRef.value.validate((valid: any) => {
if (valid) {
debugger
if(formInlineValue.isActive==true){
formInlineValue.isActive=1
}else{
@ -388,9 +393,7 @@ const onSubmitvalue = () => {
console.log(formInlineValue)
enumValueAdd(formInlineValue).then((res: any) => {
debugger
if (res.code == 200) {
/* TypeTree.value?.setCurrentKey(res.data[0]?.id!, false)*/
queryListData.description =queryName.value
queryListData.enumTypeId = enumTypeId.value
queryListData.pageNum=currentPage.value,
@ -421,7 +424,6 @@ interface fromDelete {
row?: any[]
}
const fromDelete = (data: any) => {
debugger
dialogVisibleDelete.value = true
fromDeleteData.id = data.row.id
}
@ -487,6 +489,10 @@ const edithandleClosevalue = (done: () => void) => {
onMounted(() => {
enumTreeTypeList()
const firstNode = TypeTree.value.store.root.childNodes[0];
/*if (firstNode) {
handleNodeClick(firstNode.data, null, TypeTree.value);
}*/
})
</script>
@ -509,6 +515,35 @@ $paginationHeight: 32px;
width: 260px;
height: 100%;
border-right: 1px solid #eaebed;
.el-main{
.demo-collapse{
.el-collapse{
border: none;
border-color: transparent;
}
.el-collapse-item{
:deep(.el-collapse-item__arrow){
pointer-events: auto;
}
.collapse-title {
flex: 1 0 90%;
order: 1;
}
:deep(.el-collapse-item__header){
background: #d0e5f2;
border-radius: 4px;
padding-left: 10px;
text-align:left
}
:deep(.el-collapse-item__wrap){
border: none;
border-color: transparent;
}
}
}
}
.treeMain{
.treeTitle{
height:40px;