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

View File

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

View File

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