枚举页面配置

This commit is contained in:
fengrong 2024-10-22 09:49:46 +08:00
parent c6bf4efae2
commit 34ebafaef1

View File

@ -4,22 +4,28 @@
<el-aside class="defaultAside"> <el-aside class="defaultAside">
<el-main class="treeMain"> <el-main class="treeMain">
<!-- <div class="demo-collapse"> <!-- <div class="demo-collapse">
<el-collapse accordion> <el-collapse>
<el-collapse-item name="1"> <el-collapse-item class="treeTitle" title="枚举类型配置" name="1" :icon="CaretRight">
<template #title> <div>
枚举类型配置<el-icon class="header-icon"> <el-tree
<info-filled /> style="max-width: 600px;margin-top: 2.2%"
</el-icon> ref="TypeTree"
</template> :data="TypeData"
<ul> :props="defaultProps"
<li v-for="(item, index) in TypeData" :key="index" @click="clickType(item)"> node-key="id"
{{ item.enumName }} @node-click="handleNodeClick"
</li> />
</ul> </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-item>
</el-collapse> </el-collapse>
</div>--> </div>-->
<label class="treeTitle">枚举类型配置</label> <label class="treeTitle">枚举类型配置</label>
<el-tree <el-tree
style="max-width: 600px;margin-top: 2.2%" style="max-width: 600px;margin-top: 2.2%"
ref="TypeTree" ref="TypeTree"
@ -28,6 +34,7 @@
node-key="id" node-key="id"
@node-click="handleNodeClick" @node-click="handleNodeClick"
/> />
</el-main> </el-main>
</el-aside> </el-aside>
<el-container class="defaultMainContainer"> <el-container class="defaultMainContainer">
@ -136,7 +143,7 @@
</template> </template>
</el-dialog> </el-dialog>
<!--查看枚举值--> <!--查看枚举值-->
<el-dialog v-model="visibleValueEdit" title="查看枚举值" width="500" :before-close="handleClosevalue"> <el-dialog v-model="visibleValueEdit" title="查看枚举值" width="500" :before-close="edithandleClosevalue">
<el-form <el-form
ref="formRef" ref="formRef"
:inline="true" :inline="true"
@ -171,7 +178,7 @@
<script setup lang="ts"> <script setup lang="ts">
import {nextTick, onMounted, reactive, ref} from 'vue' import {nextTick, onMounted, reactive, ref} from 'vue'
import { Search, Plus } from '@element-plus/icons-vue' import { Search, Plus, CaretRight } from '@element-plus/icons-vue'
import { ElMessage, ElMessageBox, FormRules } from 'element-plus' import { ElMessage, ElMessageBox, FormRules } from 'element-plus'
import { import {
enumListQuery, enumListQuery,
@ -180,8 +187,6 @@ import {
enumValueAdd, enumValueAdd,
enumValueDelete enumValueDelete
} from "/@/api/backend/Enumeration/request"; } from "/@/api/backend/Enumeration/request";
import {equipQuery, menuDelete} from "/@/api/backend";
@ -476,6 +481,9 @@ const enumValueEdit = (data: any) => {
} }
} }
const edithandleClosevalue = (done: () => void) => {
visibleValueEdit.value = false
}
onMounted(() => { onMounted(() => {
enumTreeTypeList() enumTreeTypeList()