Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
J
JINRUN-PERPOSITION
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
xinzhedeai
JINRUN-PERPOSITION
Commits
772d65f8
Commit
772d65f8
authored
Dec 01, 2025
by
xinzhedeai
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
add:数据字典 增删改 查
parent
dda7a63b
Changes
6
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
622 additions
and
138 deletions
+622
-138
dict.js
src/api/jinrun/dict.js
+44
-0
type.js
src/api/system/dict/type.js
+7
-7
index.js
src/router/index.js
+18
-0
dict.vue
src/views/common/dict.vue
+300
-0
index.vue
src/views/system/dict/index.vue
+253
-131
fenbu.vue
src/views/tongji/fenbu.vue
+0
-0
No files found.
src/api/jinrun/dict.js
0 → 100644
View file @
772d65f8
import
request
from
'
@/utils/request
'
// 查询系统字典列表
export
function
listDict
(
query
)
{
return
request
({
url
:
'
/sys/dict/getDictList
'
,
method
:
'
get
'
,
params
:
query
})
}
// 查询系统字典详细
export
function
getDict
(
dictId
)
{
return
request
({
url
:
'
/sys/dict/getDictById/
'
+
dictId
,
method
:
'
get
'
})
}
// 新增系统字典
export
function
addDict
(
data
)
{
return
request
({
url
:
'
/sys/dict/addDict
'
,
method
:
'
post
'
,
data
:
data
})
}
// 修改系统字典
export
function
updateDict
(
data
)
{
return
request
({
url
:
'
/sys/dict/updateDict
'
,
method
:
'
put
'
,
data
:
data
})
}
// 删除系统字典
export
function
delDict
(
dictId
)
{
return
request
({
url
:
'
/sys/dict/deleteDict/
'
+
dictId
,
method
:
'
delete
'
})
}
src/api/system/dict/type.js
View file @
772d65f8
...
...
@@ -3,7 +3,7 @@ import request from '@/utils/request'
// 查询字典类型列表
export
function
listType
(
query
)
{
return
request
({
url
:
'
/sys
tem/dict/type/l
ist
'
,
url
:
'
/sys
/dict/getDictL
ist
'
,
method
:
'
get
'
,
params
:
query
})
...
...
@@ -12,7 +12,7 @@ export function listType(query) {
// 查询字典类型详细
export
function
getType
(
dictId
)
{
return
request
({
url
:
'
/sys
tem/dict/type
/
'
+
dictId
,
url
:
'
/sys
/dict/getDictById
/
'
+
dictId
,
method
:
'
get
'
})
}
...
...
@@ -20,7 +20,7 @@ export function getType(dictId) {
// 新增字典类型
export
function
addType
(
data
)
{
return
request
({
url
:
'
/sys
tem/dict/type
'
,
url
:
'
/sys
/dict/addDict
'
,
method
:
'
post
'
,
data
:
data
})
...
...
@@ -29,7 +29,7 @@ export function addType(data) {
// 修改字典类型
export
function
updateType
(
data
)
{
return
request
({
url
:
'
/sys
tem/dict/type
'
,
url
:
'
/sys
/dict/updateDict
'
,
method
:
'
put
'
,
data
:
data
})
...
...
@@ -38,7 +38,7 @@ export function updateType(data) {
// 删除字典类型
export
function
delType
(
dictId
)
{
return
request
({
url
:
'
/sys
tem/dict/type
/
'
+
dictId
,
url
:
'
/sys
/dict/deleteDict
/
'
+
dictId
,
method
:
'
delete
'
})
}
...
...
@@ -46,7 +46,7 @@ export function delType(dictId) {
// 刷新字典缓存
export
function
refreshCache
()
{
return
request
({
url
:
'
/sys
tem
/dict/type/refreshCache
'
,
url
:
'
/sys/dict/type/refreshCache
'
,
method
:
'
delete
'
})
}
...
...
@@ -54,7 +54,7 @@ export function refreshCache() {
// 获取字典选择框列表
export
function
optionselect
()
{
return
request
({
url
:
'
/sys
tem
/dict/type/optionselect
'
,
url
:
'
/sys/dict/type/optionselect
'
,
method
:
'
get
'
})
}
\ No newline at end of file
src/router/index.js
View file @
772d65f8
...
...
@@ -232,6 +232,24 @@ export const constantRoutes = [
component
:
()
=>
import
(
'
@/views/tongji/baojing
'
),
name
:
'
baojing
'
,
meta
:
{
title
:
'
报警统计
'
,
icon
:
'
dashboard
'
,
}
},
{
path
:
'
fenbu
'
,
component
:
()
=>
import
(
'
@/views/tongji/fenbu
'
),
name
:
'
fenbu
'
,
meta
:
{
title
:
'
人员分布统计
'
,
icon
:
'
dashboard
'
,
}
}
]
},{
path
:
'
/system
'
,
component
:
EmptyLayout
,
redirect
:
'
noredirect
'
,
children
:
[
{
path
:
'
dict
'
,
component
:
()
=>
import
(
'
@/views/common/dict
'
),
name
:
'
dict
'
,
meta
:
{
title
:
'
字典管理
'
,
icon
:
'
user
'
}
}
]
},
...
...
src/views/common/dict.vue
0 → 100644
View file @
772d65f8
<
template
>
<div
class=
"app-container"
>
<el-form
:model=
"queryParams"
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form-item
label=
"字典值"
prop=
"dictValue"
>
<el-input
v-model=
"queryParams.dictValue"
placeholder=
"请输入字典值"
clearable
@
keyup.enter.native=
"handleQuery"
/>
</el-form-item>
<el-form-item
label=
"字典标签"
prop=
"dictLabel"
>
<el-input
v-model=
"queryParams.dictLabel"
placeholder=
"请输入字典标签"
clearable
@
keyup.enter.native=
"handleQuery"
/>
</el-form-item>
<!--
<el-form-item
label=
"排序"
prop=
"dictSort"
>
<el-input
v-model=
"queryParams.dictSort"
placeholder=
"请输入排序"
clearable
@
keyup.enter.native=
"handleQuery"
/>
</el-form-item>
-->
<el-form-item>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
搜索
</el-button
>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetQuery"
>
重置
</el-button
>
</el-form-item>
</el-form>
<el-row
:gutter=
"10"
class=
"mb8"
>
<el-col
:span=
"1.5"
>
<el-button
type=
"primary"
plain
icon=
"el-icon-plus"
size=
"mini"
@
click=
"handleAdd"
>
新增
</el-button
>
</el-col>
</el-row>
<el-table
v-loading=
"loading"
:data=
"dictList"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
label=
"主键"
align=
"center"
prop=
"dictId"
/>
<el-table-column
label=
"字典类型"
align=
"center"
prop=
"dictType"
/>
<el-table-column
label=
"字典值"
align=
"center"
prop=
"dictValue"
/>
<el-table-column
label=
"字典标签"
align=
"center"
prop=
"dictLabel"
/>
<el-table-column
label=
"排序"
align=
"center"
prop=
"dictSort"
/>
<el-table-column
label=
"备注"
align=
"center"
prop=
"remark"
/>
<el-table-column
label=
"操作"
align=
"center"
class-name=
"small-padding fixed-width"
width=
"250"
>
<template
slot-scope=
"scope"
>
<el-button
size=
"small"
type=
"primary"
icon=
"el-icon-edit"
@
click=
"handleUpdate(scope.row)"
>
修改
</el-button
>
<el-button
size=
"small"
type=
"danger"
icon=
"el-icon-delete"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button
>
</
template
>
</el-table-column>
</el-table>
<pagination
v-show=
"total > 0"
:total=
"total"
:page.sync=
"queryParams.pageNum"
:limit.sync=
"queryParams.pageSize"
@
pagination=
"getList"
/>
<!-- 添加或修改系统字典对话框 -->
<el-dialog
:title=
"title"
:visible.sync=
"open"
width=
"500px"
append-to-body
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"80px"
>
<el-form-item
label=
"字典类型"
prop=
"dictType"
>
<el-input
v-model=
"form.dictType"
placeholder=
"请输入字典类型"
/>
</el-form-item>
<el-form-item
label=
"字典值"
prop=
"dictValue"
>
<el-input
v-model=
"form.dictValue"
placeholder=
"请输入字典值"
/>
</el-form-item>
<el-form-item
label=
"字典标签"
prop=
"dictLabel"
>
<el-input
v-model=
"form.dictLabel"
placeholder=
"请输入字典标签"
/>
</el-form-item>
<el-form-item
label=
"排序"
prop=
"dictSort"
>
<el-input
v-model=
"form.dictSort"
placeholder=
"请输入排序"
/>
</el-form-item>
<el-form-item
label=
"备注"
prop=
"remark"
>
<el-input
v-model=
"form.remark"
placeholder=
"请输入备注"
/>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
type=
"primary"
@
click=
"submitForm"
>
确 定
</el-button>
<el-button
@
click=
"cancel"
>
取 消
</el-button>
</div>
</el-dialog>
</div>
</template>
<
script
>
import
{
listDict
,
getDict
,
delDict
,
addDict
,
updateDict
,
}
from
"
@/api/jinrun/dict
"
;
export
default
{
name
:
"
Dict
"
,
data
()
{
return
{
// 遮罩层
loading
:
true
,
// 选中数组
ids
:
[],
// 非单个禁用
single
:
true
,
// 非多个禁用
multiple
:
true
,
// 显示搜索条件
showSearch
:
true
,
// 总条数
total
:
0
,
// 系统字典表格数据
dictList
:
[],
// 弹出层标题
title
:
""
,
// 是否显示弹出层
open
:
false
,
// 查询参数
queryParams
:
{
pageNum
:
1
,
pageSize
:
10
,
dictType
:
null
,
dictValue
:
null
,
dictLabel
:
null
,
dictSort
:
null
,
},
// 表单参数
form
:
{},
// 表单校验
rules
:
{
dictType
:
[
{
required
:
true
,
message
:
"
字典类型不能为空
"
,
trigger
:
"
change
"
},
],
dictValue
:
[
{
required
:
true
,
message
:
"
字典值不能为空
"
,
trigger
:
"
blur
"
},
],
dictLabel
:
[
{
required
:
true
,
message
:
"
字典标签不能为空
"
,
trigger
:
"
blur
"
},
],
},
};
},
created
()
{
this
.
getList
();
},
methods
:
{
/** 查询系统字典列表 */
getList
()
{
this
.
loading
=
true
;
listDict
(
this
.
queryParams
).
then
((
response
)
=>
{
this
.
dictList
=
response
.
records
;
this
.
total
=
response
.
total
;
this
.
loading
=
false
;
});
},
// 取消按钮
cancel
()
{
this
.
open
=
false
;
this
.
reset
();
},
// 表单重置
reset
()
{
this
.
form
=
{
dictId
:
null
,
dictType
:
null
,
dictValue
:
null
,
dictLabel
:
null
,
dictSort
:
null
,
remark
:
null
,
createBy
:
null
,
createTime
:
null
,
updateTime
:
null
,
};
this
.
resetForm
(
"
form
"
);
},
/** 搜索按钮操作 */
handleQuery
()
{
this
.
queryParams
.
pageNum
=
1
;
this
.
getList
();
},
/** 重置按钮操作 */
resetQuery
()
{
this
.
resetForm
(
"
queryForm
"
);
this
.
handleQuery
();
},
// 多选框选中数据
handleSelectionChange
(
selection
)
{
this
.
ids
=
selection
.
map
((
item
)
=>
item
.
dictId
);
this
.
single
=
selection
.
length
!==
1
;
this
.
multiple
=
!
selection
.
length
;
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
reset
();
this
.
open
=
true
;
this
.
title
=
"
添加系统字典
"
;
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
reset
();
const
dictId
=
row
.
dictId
||
this
.
ids
;
getDict
(
dictId
).
then
((
response
)
=>
{
this
.
form
=
response
;
this
.
open
=
true
;
this
.
title
=
"
修改系统字典
"
;
});
},
/** 提交按钮 */
submitForm
()
{
this
.
$refs
[
"
form
"
].
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
form
.
dictId
!=
null
)
{
updateDict
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
"
修改成功
"
);
this
.
open
=
false
;
this
.
getList
();
});
}
else
{
addDict
(
this
.
form
).
then
((
response
)
=>
{
this
.
$modal
.
msgSuccess
(
"
新增成功
"
);
this
.
open
=
false
;
this
.
getList
();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete
(
row
)
{
const
dictIds
=
row
.
dictId
||
this
.
ids
;
this
.
$modal
.
confirm
(
'
是否确认删除系统字典编号为"
'
+
dictIds
+
'
"的数据项?
'
)
.
then
(
function
()
{
return
delDict
(
dictIds
);
})
.
then
(()
=>
{
this
.
getList
();
this
.
$modal
.
msgSuccess
(
"
删除成功
"
);
})
.
catch
(()
=>
{});
},
/** 导出按钮操作 */
handleExport
()
{
this
.
download
(
"
system/dict/export
"
,
{
...
this
.
queryParams
,
},
`dict_
${
new
Date
().
getTime
()}
.xlsx`
);
},
},
};
</
script
>
src/views/system/dict/index.vue
View file @
772d65f8
<
template
>
<div
class=
"app-container"
>
<el-form
:model=
"queryParams"
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form-item
label=
"字典名称"
prop=
"dictName"
>
<el-input
v-model=
"queryParams.dictName"
placeholder=
"请输入字典名称"
clearable
style=
"width: 240px"
@
keyup.enter.native=
"handleQuery"
<el-form
:model=
"queryParams"
ref=
"queryForm"
size=
"small"
:inline=
"true"
v-show=
"showSearch"
label-width=
"68px"
>
<el-form-item
label=
"字典名称"
prop=
"dictType"
>
<el-select
v-model=
"queryParams.dictType"
>
<el-option
v-for=
"item in typeOptions"
:key=
"item.dictId"
:label=
"item.dictName"
:value=
"item.dictType"
/>
</el-select>
</el-form-item>
<el-form-item
label=
"字典
类型"
prop=
"dictType
"
>
<el-form-item
label=
"字典
标签"
prop=
"dictLabel
"
>
<el-input
v-model=
"queryParams.dict
Type
"
placeholder=
"请输入字典
类型
"
v-model=
"queryParams.dict
Label
"
placeholder=
"请输入字典
标签
"
clearable
style=
"width: 240px"
@
keyup.enter.native=
"handleQuery"
/>
</el-form-item>
<el-form-item
label=
"状态"
prop=
"status"
>
<el-select
v-model=
"queryParams.status"
placeholder=
"字典状态"
clearable
style=
"width: 240px"
>
<el-option
v-for=
"dict in dict.type.sys_normal_disable"
:key=
"dict.value"
:label=
"dict.label"
:value=
"dict.value"
/>
</el-select>
</el-form-item>
<el-form-item
label=
"创建时间"
>
<el-date-picker
v-model=
"dateRange"
style=
"width: 240px"
value-format=
"yyyy-MM-dd"
type=
"daterange"
range-separator=
"-"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
搜索
</el-button>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetQuery"
>
重置
</el-button>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
搜索
</el-button
>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetQuery"
>
重置
</el-button
>
</el-form-item>
</el-form>
...
...
@@ -60,7 +49,8 @@
size=
"mini"
@
click=
"handleAdd"
v-hasPermi=
"['system:dict:add']"
>
新增
</el-button>
>
新增
</el-button
>
</el-col>
<el-col
:span=
"1.5"
>
<el-button
...
...
@@ -71,7 +61,8 @@
:disabled=
"single"
@
click=
"handleUpdate"
v-hasPermi=
"['system:dict:edit']"
>
修改
</el-button>
>
修改
</el-button
>
</el-col>
<el-col
:span=
"1.5"
>
<el-button
...
...
@@ -82,7 +73,8 @@
:disabled=
"multiple"
@
click=
"handleDelete"
v-hasPermi=
"['system:dict:remove']"
>
删除
</el-button>
>
删除
</el-button
>
</el-col>
<el-col
:span=
"1.5"
>
<el-button
...
...
@@ -92,44 +84,72 @@
size=
"mini"
@
click=
"handleExport"
v-hasPermi=
"['system:dict:export']"
>
导出
</el-button>
>
导出
</el-button
>
</el-col>
<el-col
:span=
"1.5"
>
<el-button
type=
"
danger
"
type=
"
warning
"
plain
icon=
"el-icon-
refresh
"
icon=
"el-icon-
close
"
size=
"mini"
@
click=
"handle
RefreshCach
e"
v-hasPermi=
"['system:dict:remove']"
>
刷新缓存
</el-button>
@
click=
"handle
Clos
e"
>
关闭
</el-button
>
</el-col>
<right-toolbar
:showSearch.sync=
"showSearch"
@
queryTable=
"getList"
></right-toolbar>
<right-toolbar
:showSearch.sync=
"showSearch"
@
queryTable=
"getList"
></right-toolbar>
</el-row>
<el-table
v-loading=
"loading"
:data=
"typeList"
@
selection-change=
"handleSelectionChange"
>
<el-table
v-loading=
"loading"
:data=
"dataList"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"selection"
width=
"55"
align=
"center"
/>
<el-table-column
label=
"字典编号"
align=
"center"
prop=
"dictId"
/>
<el-table-column
label=
"字典名称"
align=
"center"
prop=
"dictName"
:show-overflow-tooltip=
"true"
/>
<el-table-column
label=
"字典类型"
align=
"center"
:show-overflow-tooltip=
"true"
>
<el-table-column
label=
"字典编码"
align=
"center"
prop=
"dictCode"
/>
<el-table-column
label=
"字典标签"
align=
"center"
prop=
"dictLabel"
>
<template
slot-scope=
"scope"
>
<router-link
:to=
"'/system/dict-data/index/' + scope.row.dictId"
class=
"link-type"
>
<span>
{{
scope
.
row
.
dictType
}}
</span>
</router-link>
</
template
>
</el-table-column>
<el-table-column
label=
"状态"
align=
"center"
prop=
"status"
>
<
template
slot-scope=
"scope"
>
<dict-tag
:options=
"dict.type.sys_normal_disable"
:value=
"scope.row.status"
/>
<span
v-if=
"
(scope.row.listClass == '' || scope.row.listClass == 'default') &&
(scope.row.cssClass == '' || scope.row.cssClass == null)
"
>
{{
scope
.
row
.
dictLabel
}}
</span
>
<el-tag
v-else
:type=
"scope.row.listClass == 'primary' ? '' : scope.row.listClass"
:class=
"scope.row.cssClass"
>
{{
scope
.
row
.
dictLabel
}}
</el-tag
>
</
template
>
</el-table-column>
<el-table-column
label=
"备注"
align=
"center"
prop=
"remark"
:show-overflow-tooltip=
"true"
/>
<el-table-column
label=
"创建时间"
align=
"center"
prop=
"createTime"
width=
"180"
>
<el-table-column
label=
"字典键值"
align=
"center"
prop=
"dictValue"
/>
<el-table-column
label=
"字典排序"
align=
"center"
prop=
"dictSort"
/>
<el-table-column
label=
"备注"
align=
"center"
prop=
"remark"
:show-overflow-tooltip=
"true"
/>
<el-table-column
label=
"创建时间"
align=
"center"
prop=
"createTime"
width=
"180"
>
<
template
slot-scope=
"scope"
>
<span>
{{
parseTime
(
scope
.
row
.
createTime
)
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"操作"
align=
"center"
class-name=
"small-padding fixed-width"
>
<el-table-column
label=
"操作"
align=
"center"
class-name=
"small-padding fixed-width"
>
<
template
slot-scope=
"scope"
>
<el-button
size=
"mini"
...
...
@@ -137,20 +157,22 @@
icon=
"el-icon-edit"
@
click=
"handleUpdate(scope.row)"
v-hasPermi=
"['system:dict:edit']"
>
修改
</el-button>
>
修改
</el-button
>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-delete"
@
click=
"handleDelete(scope.row)"
v-hasPermi=
"['system:dict:remove']"
>
删除
</el-button>
>
删除
</el-button
>
</
template
>
</el-table-column>
</el-table>
<pagination
v-show=
"total
>
0"
v-show=
"total
>
0"
:total=
"total"
:page.sync=
"queryParams.pageNum"
:limit.sync=
"queryParams.pageSize"
...
...
@@ -160,11 +182,34 @@
<!-- 添加或修改参数配置对话框 -->
<el-dialog
:title=
"title"
:visible.sync=
"open"
width=
"500px"
append-to-body
>
<el-form
ref=
"form"
:model=
"form"
:rules=
"rules"
label-width=
"80px"
>
<el-form-item
label=
"字典
名称"
prop=
"dictName
"
>
<el-input
v-model=
"form.dict
Name"
placeholder=
"请输入字典名称
"
/>
<el-form-item
label=
"字典
类型
"
>
<el-input
v-model=
"form.dict
Type"
:disabled=
"true
"
/>
</el-form-item>
<el-form-item
label=
"字典类型"
prop=
"dictType"
>
<el-input
v-model=
"form.dictType"
placeholder=
"请输入字典类型"
/>
<el-form-item
label=
"数据标签"
prop=
"dictLabel"
>
<el-input
v-model=
"form.dictLabel"
placeholder=
"请输入数据标签"
/>
</el-form-item>
<el-form-item
label=
"数据键值"
prop=
"dictValue"
>
<el-input
v-model=
"form.dictValue"
placeholder=
"请输入数据键值"
/>
</el-form-item>
<el-form-item
label=
"样式属性"
prop=
"cssClass"
>
<el-input
v-model=
"form.cssClass"
placeholder=
"请输入样式属性"
/>
</el-form-item>
<el-form-item
label=
"显示排序"
prop=
"dictSort"
>
<el-input-number
v-model=
"form.dictSort"
controls-position=
"right"
:min=
"0"
/>
</el-form-item>
<el-form-item
label=
"回显样式"
prop=
"listClass"
>
<el-select
v-model=
"form.listClass"
>
<el-option
v-for=
"item in listClassOptions"
:key=
"item.value"
:label=
"item.label + '(' + item.value + ')'"
:value=
"item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item
label=
"状态"
prop=
"status"
>
<el-radio-group
v-model=
"form.status"
>
...
...
@@ -172,11 +217,16 @@
v-for=
"dict in dict.type.sys_normal_disable"
:key=
"dict.value"
:label=
"dict.value"
>
{{dict.label}}
</el-radio>
>
{{ dict.label }}
</el-radio
>
</el-radio-group>
</el-form-item>
<el-form-item
label=
"备注"
prop=
"remark"
>
<el-input
v-model=
"form.remark"
type=
"textarea"
placeholder=
"请输入内容"
></el-input>
<el-input
v-model=
"form.remark"
type=
"textarea"
placeholder=
"请输入内容"
></el-input>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
...
...
@@ -188,11 +238,17 @@
</template>
<
script
>
import
{
listType
,
getType
,
delType
,
addType
,
updateType
,
refreshCache
}
from
"
@/api/system/dict/type
"
;
import
{
listType
,
getType
,
delType
,
addType
,
updateType
,
refreshCache
,
}
from
"
@/api/system/dict/type
"
;
export
default
{
name
:
"
Dict
"
,
dicts
:
[
'
sys_normal_disable
'
],
name
:
"
Data
"
,
data
()
{
return
{
// 遮罩层
...
...
@@ -208,47 +264,94 @@ export default {
// 总条数
total
:
0
,
// 字典表格数据
typeList
:
[],
dataList
:
[],
// 默认字典类型
defaultDictType
:
""
,
// 弹出层标题
title
:
""
,
// 是否显示弹出层
open
:
false
,
// 日期范围
dateRange
:
[],
// 数据标签回显样式
listClassOptions
:
[
{
value
:
"
default
"
,
label
:
"
默认
"
,
},
{
value
:
"
primary
"
,
label
:
"
主要
"
,
},
{
value
:
"
success
"
,
label
:
"
成功
"
,
},
{
value
:
"
info
"
,
label
:
"
信息
"
,
},
{
value
:
"
warning
"
,
label
:
"
警告
"
,
},
{
value
:
"
danger
"
,
label
:
"
危险
"
,
},
],
// 类型数据字典
typeOptions
:
[],
// 查询参数
queryParams
:
{
pageNum
:
1
,
pageSize
:
10
,
dictName
:
undefined
,
dictType
:
undefined
,
status
:
undefined
dictLabel
:
undefined
,
status
:
undefined
,
},
// 表单参数
form
:
{},
// 表单校验
rules
:
{
dict
Name
:
[
{
required
:
true
,
message
:
"
字典名称不能为空
"
,
trigger
:
"
blur
"
}
dict
Label
:
[
{
required
:
true
,
message
:
"
数据标签不能为空
"
,
trigger
:
"
blur
"
},
],
dictType
:
[
{
required
:
true
,
message
:
"
字典类型不能为空
"
,
trigger
:
"
blur
"
}
]
}
dictValue
:
[
{
required
:
true
,
message
:
"
数据键值不能为空
"
,
trigger
:
"
blur
"
},
],
dictSort
:
[
{
required
:
true
,
message
:
"
数据顺序不能为空
"
,
trigger
:
"
blur
"
},
],
},
};
},
created
()
{
this
.
getList
();
const
dictId
=
this
.
$route
.
params
&&
this
.
$route
.
params
.
dictId
;
this
.
getType
(
dictId
);
this
.
getTypeList
();
},
methods
:
{
/** 查询字典类型详细 */
getType
(
dictId
)
{
getType
(
dictId
).
then
((
response
)
=>
{
this
.
queryParams
.
dictType
=
response
.
data
.
dictType
;
this
.
defaultDictType
=
response
.
data
.
dictType
;
this
.
getList
();
});
},
/** 查询字典类型列表 */
getTypeList
()
{
getDictOptionselect
().
then
((
response
)
=>
{
this
.
typeOptions
=
response
.
data
;
});
},
/** 查询字典数据列表 */
getList
()
{
this
.
loading
=
true
;
list
Type
(
this
.
addDateRange
(
this
.
queryParams
,
this
.
dateRange
)).
then
(
response
=>
{
this
.
type
List
=
response
.
rows
;
list
Data
(
this
.
queryParams
).
then
((
response
)
=>
{
this
.
data
List
=
response
.
rows
;
this
.
total
=
response
.
total
;
this
.
loading
=
false
;
}
);
});
},
// 取消按钮
cancel
()
{
...
...
@@ -258,11 +361,14 @@ export default {
// 表单重置
reset
()
{
this
.
form
=
{
dictId
:
undefined
,
dictName
:
undefined
,
dictType
:
undefined
,
dictCode
:
undefined
,
dictLabel
:
undefined
,
dictValue
:
undefined
,
cssClass
:
undefined
,
listClass
:
"
default
"
,
dictSort
:
0
,
status
:
"
0
"
,
remark
:
undefined
remark
:
undefined
,
};
this
.
resetForm
(
"
form
"
);
},
...
...
@@ -271,46 +377,60 @@ export default {
this
.
queryParams
.
pageNum
=
1
;
this
.
getList
();
},
/** 返回按钮操作 */
handleClose
()
{
const
obj
=
{
path
:
"
/system/dict
"
};
this
.
$tab
.
closeOpenPage
(
obj
);
},
/** 重置按钮操作 */
resetQuery
()
{
this
.
dateRange
=
[];
this
.
resetForm
(
"
queryForm
"
);
this
.
queryParams
.
dictType
=
this
.
defaultDictType
;
this
.
handleQuery
();
},
/** 新增按钮操作 */
handleAdd
()
{
this
.
reset
();
this
.
open
=
true
;
this
.
title
=
"
添加字典类型
"
;
this
.
title
=
"
添加字典数据
"
;
this
.
form
.
dictType
=
this
.
queryParams
.
dictType
;
},
// 多选框选中数据
handleSelectionChange
(
selection
)
{
this
.
ids
=
selection
.
map
(
item
=>
item
.
dictId
)
this
.
single
=
selection
.
length
!=
1
this
.
multiple
=
!
selection
.
length
this
.
ids
=
selection
.
map
(
(
item
)
=>
item
.
dictCode
);
this
.
single
=
selection
.
length
!=
1
;
this
.
multiple
=
!
selection
.
length
;
},
/** 修改按钮操作 */
handleUpdate
(
row
)
{
this
.
reset
();
const
dict
Id
=
row
.
dictId
||
this
.
ids
get
Type
(
dictId
).
then
(
response
=>
{
const
dict
Code
=
row
.
dictCode
||
this
.
ids
;
get
Data
(
dictCode
).
then
((
response
)
=>
{
this
.
form
=
response
.
data
;
this
.
open
=
true
;
this
.
title
=
"
修改字典
类型
"
;
this
.
title
=
"
修改字典
数据
"
;
});
},
/** 提交按钮 */
submitForm
:
function
()
{
this
.
$refs
[
"
form
"
].
validate
(
valid
=>
{
submitForm
:
function
()
{
this
.
$refs
[
"
form
"
].
validate
(
(
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
form
.
dictId
!=
undefined
)
{
updateType
(
this
.
form
).
then
(
response
=>
{
if
(
this
.
form
.
dictCode
!=
undefined
)
{
updateData
(
this
.
form
).
then
((
response
)
=>
{
this
.
$store
.
dispatch
(
"
dict/removeDict
"
,
this
.
queryParams
.
dictType
);
this
.
$modal
.
msgSuccess
(
"
修改成功
"
);
this
.
open
=
false
;
this
.
getList
();
});
}
else
{
addType
(
this
.
form
).
then
(
response
=>
{
addData
(
this
.
form
).
then
((
response
)
=>
{
this
.
$store
.
dispatch
(
"
dict/removeDict
"
,
this
.
queryParams
.
dictType
);
this
.
$modal
.
msgSuccess
(
"
新增成功
"
);
this
.
open
=
false
;
this
.
getList
();
...
...
@@ -321,27 +441,29 @@ export default {
},
/** 删除按钮操作 */
handleDelete
(
row
)
{
const
dictIds
=
row
.
dictId
||
this
.
ids
;
this
.
$modal
.
confirm
(
'
是否确认删除字典编号为"
'
+
dictIds
+
'
"的数据项?
'
).
then
(
function
()
{
return
delType
(
dictIds
);
}).
then
(()
=>
{
const
dictCodes
=
row
.
dictCode
||
this
.
ids
;
this
.
$modal
.
confirm
(
'
是否确认删除字典编码为"
'
+
dictCodes
+
'
"的数据项?
'
)
.
then
(
function
()
{
return
delData
(
dictCodes
);
})
.
then
(()
=>
{
this
.
getList
();
this
.
$modal
.
msgSuccess
(
"
删除成功
"
);
}).
catch
(()
=>
{});
this
.
$store
.
dispatch
(
"
dict/removeDict
"
,
this
.
queryParams
.
dictType
);
})
.
catch
(()
=>
{});
},
/** 导出按钮操作 */
handleExport
()
{
this
.
download
(
'
system/dict/type/export
'
,
{
...
this
.
queryParams
},
`type_
${
new
Date
().
getTime
()}
.xlsx`
)
this
.
download
(
"
system/dict/data/export
"
,
{
...
this
.
queryParams
,
},
`data_
${
new
Date
().
getTime
()}
.xlsx`
);
},
},
/** 刷新缓存按钮操作 */
handleRefreshCache
()
{
refreshCache
().
then
(()
=>
{
this
.
$modal
.
msgSuccess
(
"
刷新成功
"
);
this
.
$store
.
dispatch
(
'
dict/cleanDict
'
);
});
}
}
};
</
script
>
\ No newline at end of file
src/views/tongji/
renyuan
fenbu.vue
→
src/views/tongji/fenbu.vue
View file @
772d65f8
File moved
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment