This commit is contained in:
caozehui
2024-10-24 13:20:57 +08:00
parent 3af786876e
commit 86e8e69675
3 changed files with 36 additions and 64 deletions

View File

@@ -5,10 +5,10 @@ export const dictTypeList: Dict.ResDictType[] = [
id: "1", id: "1",
name: "用户性别", name: "用户性别",
code: "EXAMPLE_CODE1", code: "EXAMPLE_CODE1",
sort: 1, sort: 100,
openLevel: 1, openLevel: 1,
openDescribe: 1, openDescribe: 1,
remark: "示例描述1221", remark: "示例描述示例描述示例描述12231",
state: 1, state: 1,
createBy: "admin", createBy: "admin",
createTime: "2023-10-01 12:00:00", createTime: "2023-10-01 12:00:00",
@@ -19,10 +19,10 @@ export const dictTypeList: Dict.ResDictType[] = [
id: "231", id: "231",
name: "菜单状态", name: "菜单状态",
code: "EXAMPLE_CODE2", code: "EXAMPLE_CODE2",
sort: 1, sort: 100,
openLevel: 1, openLevel: 1,
openDescribe: 1, openDescribe: 1,
remark: "示例描述11133", remark: "示例描述示例描述示例描述11133",
state: 0, state: 0,
createBy: "admin", createBy: "admin",
createTime: "2023-10-01 12:00:00", createTime: "2023-10-01 12:00:00",
@@ -33,10 +33,10 @@ export const dictTypeList: Dict.ResDictType[] = [
id: "33", id: "33",
name: "系统开关", name: "系统开关",
code: "EXAMPLE_CODE3", code: "EXAMPLE_CODE3",
sort: 1, sort: 100,
openLevel: 1, openLevel: 1,
openDescribe: 1, openDescribe: 1,
remark: "示例描述111344", remark: "示例描述示例描述示例描述11144",
state: 1, state: 1,
createBy: "admin", createBy: "admin",
createTime: "2023-10-01 12:00:00", createTime: "2023-10-01 12:00:00",
@@ -51,7 +51,7 @@ export const dictDataList: Dict.ResDictData[] = [
typeId: "101", typeId: "101",
name: "字典项1", name: "字典项1",
code: "EXAMPLE_00111", code: "EXAMPLE_00111",
sort: 1, sort:100,
level: 1, level: 1,
algoDescribe: null, algoDescribe: null,
value: "字典值1", value: "字典值1",
@@ -66,7 +66,7 @@ export const dictDataList: Dict.ResDictData[] = [
typeId: "101", typeId: "101",
name: "字典项2", name: "字典项2",
code: "EXAMPLE_00121", code: "EXAMPLE_00121",
sort: 1, sort:100,
level: 2, level: 2,
algoDescribe: null, algoDescribe: null,
value: "字典值2", value: "字典值2",
@@ -81,7 +81,7 @@ export const dictDataList: Dict.ResDictData[] = [
typeId: "101", typeId: "101",
name: "字典项3", name: "字典项3",
code: "EXAMPLE_00141", code: "EXAMPLE_00141",
sort: 1, sort:100,
level: 3, level: 3,
algoDescribe: null, algoDescribe: null,
value: "字典值3", value: "字典值3",
@@ -96,7 +96,7 @@ export const dictDataList: Dict.ResDictData[] = [
typeId: "101", typeId: "101",
name: "字典项4", name: "字典项4",
code: "EXAMPLE_00311", code: "EXAMPLE_00311",
sort: 1, sort:100,
level: null, level: null,
algoDescribe: null, algoDescribe: null,
value: "字典值4", value: "字典值4",
@@ -111,7 +111,7 @@ export const dictDataList: Dict.ResDictData[] = [
typeId: "101", typeId: "101",
name: "字典项5", name: "字典项5",
code: "EXAMPLE_00341", code: "EXAMPLE_00341",
sort: 1, sort:100,
level: undefined, level: undefined,
algoDescribe: null, algoDescribe: null,
value: "字典值5", value: "字典值5",
@@ -126,7 +126,7 @@ export const dictDataList: Dict.ResDictData[] = [
typeId: "101", typeId: "101",
name: "字典项6", name: "字典项6",
code: "EXAMPLE_00318", code: "EXAMPLE_00318",
sort: 1, sort:100,
level: 0, level: 0,
algoDescribe: null, algoDescribe: null,
value: "字典值6", value: "字典值6",

View File

@@ -34,14 +34,7 @@
<el-input v-model="dialogForm.value" placeholder="请输入" autocomplete="off" /> <el-input v-model="dialogForm.value" placeholder="请输入" autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="显示排序" :label-width="100"> <el-form-item label="显示排序" :label-width="100">
<el-input-number v-model="dialogForm.sort" :min="1" :max="100" /> <el-input-number v-model="dialogForm.sort"/>
</el-form-item>
<el-form-item label="状态" :label-width="100">
<el-radio-group v-model.number="dialogForm.state">
<el-radio v-for="item in dictStore.getDictData('status')" :key="item.id" :value="item.code">{{
item.label
}}</el-radio>
</el-radio-group>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@@ -88,34 +81,28 @@ const columns = reactive<ColumnProps<Dict.ResDictData>[]>([
{ {
prop: 'name', prop: 'name',
label: '名称', label: '名称',
width: 160, width: 180,
search: { search: {
el: 'input', el: 'input'
props: {
placeholder: '请输入名称'
}
} }
}, },
{ {
prop: 'code', prop: 'code',
label: '编码', label: '编码',
width: 160, width: 180,
search: { search: {
el: 'input', el: 'input'
props: {
placeholder: '请输入编码'
}
} }
}, },
{ {
prop: 'value', prop: 'value',
label: '值', label: '值',
width: 160 width: 180
}, },
{ {
prop: 'level', prop: 'level',
label: '事件等级', label: '事件等级',
width: 100, width: 150,
render: scope => { render: scope => {
return ( return (
<> <>
@@ -132,6 +119,7 @@ const columns = reactive<ColumnProps<Dict.ResDictData>[]>([
{ {
prop: 'state', prop: 'state',
label: '状态', label: '状态',
minWidth: 100,
enum: dictStore.getDictData('status'), enum: dictStore.getDictData('status'),
search: { search: {
el: 'tree-select', el: 'tree-select',
@@ -175,8 +163,7 @@ function useCount() {
name: "", name: "",
code: "", code: "",
value: "", value: "",
sort: 1, sort:100,
state: 1, // 状态0-删除 1-正常
}) })
return { dialogVisible, dialogType, dialogForm }; return { dialogVisible, dialogType, dialogForm };
@@ -231,8 +218,7 @@ const close = () => {
name: "", name: "",
code: "", code: "",
value: "", value: "",
sort: 1, sort:100
state: 1,
} }
} }

View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="table-box"> <div class="table-box">
<ProTable :columns="columns" :data="data" :request-api="getDictTypeList"> <ProTable :columns="columns" :data="data">
<template #tableHeader="scope"> <template #tableHeader="scope">
<el-button type="primary" :icon="CirclePlus" @click="openDrawer('新增')">新增</el-button> <el-button type="primary" :icon="CirclePlus" @click="openDrawer('新增')">新增</el-button>
<el-button type="primary" :icon="Download" plain @click="downloadFile">导出</el-button> <el-button type="primary" :icon="Download" plain @click="downloadFile">导出</el-button>
@@ -28,16 +28,10 @@
<el-input v-model="dialogForm.code" placeholder="请输入" autocomplete="off" /> <el-input v-model="dialogForm.code" placeholder="请输入" autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="显示排序" :label-width="100"> <el-form-item label="显示排序" :label-width="100">
<el-input-number v-model="dialogForm.sort" :min="1" :max="100" /> <el-input-number v-model="dialogForm.sort" />
</el-form-item>
<el-form-item label="状态" :label-width="100">
<el-radio-group v-model.number="dialogForm.state">
<el-radio v-for="item in dictStore.getDictData('status')" :key="item.id" :value="item.code">{{ item.label
}}</el-radio>
</el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="备注" :label-width="100"> <el-form-item label="备注" :label-width="100">
<el-input v-model="dialogForm.remark" placeholder="请输入备注" autocomplete="off" /> <el-input v-model="dialogForm.remark" placeholder="请输入备注" autocomplete="off" :rows="2" type="textarea" />
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@@ -86,25 +80,24 @@ const columns = reactive<ColumnProps<Dict.ResDictType>[]>([
{ {
prop: 'name', prop: 'name',
label: '类型名称', label: '类型名称',
width: 160, width: 180,
search: { search: {
el: 'input', el: 'input'
props: {
placeholder: '请输入字典名称'
}
} }
}, },
{ {
prop: 'code', prop: 'code',
label: '类型编码', label: '类型编码',
width: 160, width: 180,
search: { search: {
el: 'input', el: 'input'
props: {
placeholder: '请输入字典编码'
}
} }
}, },
{
prop: 'remark',
label: '描述',
width: 340,
},
{ {
prop: 'state', prop: 'state',
label: '状态', label: '状态',
@@ -124,11 +117,6 @@ const columns = reactive<ColumnProps<Dict.ResDictType>[]>([
) )
}, },
}, },
{
prop: 'remark',
label: '描述',
width: 200,
},
{ {
prop: 'createTime', prop: 'createTime',
label: '创建时间', label: '创建时间',
@@ -155,8 +143,7 @@ function useCount() {
id: "", id: "",
name: "", name: "",
code: "", code: "",
sort: 1, sort:100,
state: 1, // 状态0-删除 1-正常
remark: "" remark: ""
}) })
@@ -204,8 +191,7 @@ const close = () => {
id: "", id: "",
name: "", name: "",
code: "", code: "",
state: 1, sort:100,
sort: 1,
remark: "" remark: ""
} }
} }