Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

字典管理

Browse Source
This commit is contained in:
仲么了
2024-01-22 19:13:58 +08:00
parent e13c9080e6
commit 4f285a61e5
9 changed files with 709 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/api/system-boot/csDictData.ts Normal file
View File

@@ -0,0 +1,55 @@
import request from '@/utils/request'
// 新增字典数据
export const addCsDictData = (data: any) => {
return request({
url: '/system-boot/csDictData/add',
method: 'post',
data: data
})
}
// 查询字典数据
export const queryCsDictDataPage = (data: any) => {
return request({
url: '/system-boot/csDictData/list',
method: 'post',
data: Object.assign(
{
orderBy: '',
pageNum: 0,
pageSize: 0,
searchBeginTime: '',
searchEndTime: '',
searchState: 0,
searchValue: '',
dataType: '',
sortBy: ''
},
data
)
})
}
//删除字典数据
export const delCsDictData = (id: string) => {
let form = new FormData()
form.append('id', id)
return request({
url: '/system-boot/csDictData/delete',
method: 'post',
data: form,
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
}
// 修改字典数据
export const updateCsDictData = (data: any) => {
return request({
url: '/system-boot/csDictData/update',
method: 'post',
data: data
})
}

1
src/layouts/admin/index.vue
View File

@@ -138,6 +138,7 @@ const init = async () => {
]
const handlerMenu = (data: any) => {
data.forEach((item: any) => {
item.routePath = item.routePath[0] == '/' ? item.routePath.substring(1, item.routePath.length) : item.routePath
item.path = item.routePath
item.name = item.title
item.keepalive = item.routePath

46
src/styles/app.scss
View File

@@ -27,6 +27,7 @@ body,
width: 8px;
height: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
height: 3px;
@@ -46,9 +47,11 @@ body,
.w100 {
width: 100% !important;
}
.h100 {
height: 100% !important;
}
.ba-center {
display: flex;
align-items: center;
@@ -59,6 +62,7 @@ body,
background: #fff;
margin: var(--ba-main-space) var(--ba-main-space) 0px var(--ba-main-space);
}
.zoom-handle {
position: absolute;
width: 20px;
@@ -67,6 +71,7 @@ body,
right: -10px;
cursor: se-resize;
}
.block-help {
display: block;
width: 100%;
@@ -82,16 +87,19 @@ body,
font-size: 14px !important;
color: var(--el-color-white) !important;
}
.el-button.is-disabled .icon {
color: var(--el-button-disabled-text-color) !important;
}
}
/* 表格顶部菜单-e */
/* 鼠标置入浮动效果-s */
.suspension {
transition: all 0.3s ease;
}
.suspension:hover {
-webkit-transform: translateY(-4px) scale(1.02);
-moz-transform: translateY(-4px) scale(1.02);
@@ -103,12 +111,14 @@ body,
z-index: 999;
border-radius: 6px;
}
/* 鼠标置入浮动效果-e */
/* 表格-s */
.ba-table-box {
border-radius: var(--el-border-radius-round);
}
.ba-table-alert {
background-color: var(--el-fill-color-darker) !important;
border: 1px solid var(--ba-boder-color);
@@ -116,6 +126,7 @@ body,
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* 表格-e */
/* 新增/编辑表单-s */
@@ -123,18 +134,22 @@ body,
overflow: hidden;
border-radius: var(--el-border-radius-base);
}
.cn-operate-dialog .el-dialog__header {
padding-bottom: 16px;
border-bottom: 1px solid var(--ba-bg-color);
}
.cn-operate-dialog .el-dialog__body {
height: 60vh;
padding-top: 20px;
padding-bottom: 52px;
}
.cn-operate-dialog .el-dialog__body .el-scrollbar {
padding-right: 60px;
}
.cn-operate-dialog .el-dialog__footer {
padding: 10px var(--el-dialog-padding-primary);
box-shadow: var(--el-box-shadow);
@@ -142,13 +157,27 @@ body,
width: 100%;
bottom: 0;
}
.cn-operate-dialog .el-form--inline {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
grid-gap: 10px;
width: calc(100% - 1px);
.el-form-item {
margin-right: 0;
margin-bottom: 0;
}
}
.cn-operate-dialog .el-form--inline .el-select {
width: 100%;
}
.ba-operate-form {
padding-top: 20px;
}
/* 新增/编辑表单-e */
/* 全局遮罩-s */
@@ -161,6 +190,7 @@ body,
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999990;
}
/* 全局遮罩-e */
/* 图片上传预览-s */
@@ -168,10 +198,12 @@ body,
display: flex;
align-items: center;
justify-content: center;
img {
max-width: 100%;
}
}
/* 图片上传预览-e */
/* 页面切换动画-s */
@@ -182,45 +214,55 @@ body,
will-change: transform;
transition: all 0.3s ease;
}
// slide-right
.slide-right-enter-from {
opacity: 0;
transform: translateX(-20px);
}
.slide-right-leave-to {
opacity: 0;
transform: translateX(20px);
}
// slide-left
.slide-left-enter-from {
@extend .slide-right-leave-to;
}
.slide-left-leave-to {
@extend .slide-right-enter-from;
}
/* 页面切换动画-e */
/* 布局相关-s */
.frontend-footer-brother {
min-height: calc(100vh - 120px);
}
.user-views {
padding-left: 15px;
.user-views-card {
margin-bottom: 15px;
}
}
.ba-aside-drawer {
.el-drawer__body {
padding: 0;
}
}
/* 布局相关-e */
/* 暗黑模式公共样式-s */
.ba-icon-dark {
color: var(--el-text-color-primary) !important;
}
/* 暗黑模式公共样式-e */
/* NProgress-s */
@@ -230,6 +272,7 @@ body,
z-index: 999999;
}
}
/* NProgress-e */
/* 自适应-s */
@@ -238,16 +281,19 @@ body,
display: none;
}
}
@media screen and (max-width: 1024px) {
.cn-operate-dialog {
width: 96%;
}
}
@media screen and (max-width: 991px) {
.user-views {
padding: 0;
}
}
/* 自适应-e */
.custom-table-header {

1
src/views/auth/userList/popupEdit.vue
View File

@@ -114,7 +114,6 @@ import { roleList } from '@/api/user-boot/role'
import { add, edit } from '@/api/user-boot/user'
import { useAdminInfo } from '@/stores/adminInfo'
import Area from '@/components/form/area/index.vue'
import { de } from 'element-plus/es/locale'
import { Arrayable } from 'element-plus/es/utils'
const adminInfo = useAdminInfo()

139
src/views/govern/manage/basic/dictionary.vue Normal file
View File

@@ -0,0 +1,139 @@
<template>
<div class='default-main'>
<TableHeader>
<template #select>
<el-form-item label='数据分类'>
<el-select
v-model='tableStore.table.params.dataType'
multiple
filterable
collapse-tags
clearable
placeholder='请选择数据分类'
>
<el-option
v-for='item in DataTypeSelect'
:key='item.id'
:label='item.name'
:value='item.id'
></el-option>
</el-select>
</el-form-item>
<el-form-item label='数据存储'>
<el-select
v-model='tableStore.table.params.classId'
multiple
filterable
collapse-tags
clearable
placeholder='请选择数据存储'
>
<el-option
v-for='item in DataSelect'
:key='item.id'
:label='item.name'
:value='item.id'
></el-option>
</el-select>
</el-form-item>
<el-form-item label='过滤筛选:'>
<el-input v-model='tableStore.table.params.searchValue' placeholder='数据名称、别名、名称'
clearable></el-input>
</el-form-item>
</template>
<template #operation>
<el-button type='primary' @click='addMenu' icon='el-icon-plus'>新增字典</el-button>
</template>
</TableHeader>
<Table ref='tableRef' />
<PopupDictionary ref='popupDictionary'></PopupDictionary>
</div>
</template>
<script setup lang='ts'>
import { ref, onMounted, provide } from 'vue'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
import { useDictData } from '@/stores/dictData'
import PopupDictionary from './popupDictionary.vue'
defineOptions({
name: 'govern/manage/basic/dictionary'
})
const popupDictionary = ref()
const dictData = useDictData()
const DataSelect = dictData.getBasicData('Data')
const DataTypeSelect = dictData.getBasicData('Cs_Data_Type')
const tableStore = new TableStore({
url: '/system-boot/csDictData/list',
method: 'POST',
column: [
{ title: '数据分类', field: 'dataTypeName' },
{ title: '数据名称', field: 'name' },
{ title: '别名', field: 'otherName' },
{ title: '展示名称', field: 'showName' },
{ title: '相别', field: 'phaseName' },
{ title: '单位', field: 'unit' },
{ title: '基础数据类型', field: 'type' },
{ title: '数据谐波次数', field: 'harmStart' },
{ title: '数据统计方法', field: 'statMethod' },
{ title: '数据存储', field: 'classIdName' },
{ title: '数据来源', field: 'resourcesId' },
{
title: '操作',
align: 'center',
width: '130',
render: 'buttons',
buttons: [
{
name: 'edit',
title: '编辑',
type: 'primary',
icon: 'el-icon-EditPen',
render: 'tipButton',
click: row => {
popupDictionary.value.open('编辑字典', row)
}
},
{
name: 'del',
title: '删除',
type: 'danger',
icon: 'el-icon-Delete',
render: 'confirmButton',
popconfirm: {
confirmButtonText: '确认',
cancelButtonText: '取消',
confirmButtonType: 'danger',
title: '确定删除吗？'
},
click: row => {
}
}
]
}
],
loadCallback: () => {
tableStore.table.data.forEach((item: any) => {
item.classIdName = DataSelect.find((child: any) => child.id == item.classId)?.name || '/'
item.phaseName = item.phase === 'M' ? '/' : item.phase || '/'
for (let key in item) {
if (typeof item[key] !== 'number') {
item[key] = item[key] || '/'
}
}
})
}
})
tableStore.table.params.searchState = ''
tableStore.table.params.dataType = ''
tableStore.table.params.classId = ''
provide('tableStore', tableStore)
onMounted(() => {
tableStore.index()
})
const addMenu = () => {
popupDictionary.value.open('新增字典')
}
</script>

253
src/views/govern/manage/basic/popupDictionary.vue Normal file
View File

@@ -0,0 +1,253 @@
<template>
<el-dialog class='cn-operate-dialog' v-model='dialogVisible' :title='title'>
<el-scrollbar>
<div style='padding-left: 50px'>
<el-divider content-position='center'>基础数据</el-divider>
</div>
<el-form :inline='true' :model='form' label-width='120px' ref='form'>
<el-form-item label='数据分类:' prop='dataType'>
<el-select v-model='form.dataType' filterable clearable placeholder='请选择数据分类'>
<el-option v-for='item in DataTypeSelect' :key='item.id' :label='item.name'
:value='item.id'>
</el-option>
</el-select>
</el-form-item>
<el-form-item label='数据名称:' prop='name'>
<el-input v-model='form.name' autocomplete='off' placeholder='请输入数据名称'></el-input>
</el-form-item>
<el-form-item label='别名:' prop='otherName'>
<el-input v-model='form.otherName' autocomplete='off' placeholder='请输入别名'></el-input>
</el-form-item>
<el-form-item label='展示名称:' prop='showName'>
<el-input v-model='form.showName' autocomplete='off' placeholder='请输入展示名称'></el-input>
</el-form-item>
<el-form-item label='相别:' prop='phase'>
<el-select v-model='form.phase' filterable clearable placeholder='请选择相别'>
<el-option v-for='item in phaseSelect' :key='item.id' :label='item.name'
:value='item.id'></el-option>
</el-select>
</el-form-item>
<el-form-item label='单位:' prop='unit'>
<el-input v-model='form.unit' autocomplete='off' placeholder='请输入单位'></el-input>
</el-form-item>
<el-form-item label='基础数据类型:' prop='type'>
<el-input v-model='form.type' autocomplete='off' placeholder='请输入基础数据类型'></el-input>
</el-form-item>
<el-form-item label='开始结束次数:' prop='harmStart'>
<el-slider v-model='form.harm' range show-stops :max='50' />
</el-form-item>
<el-form-item label='统计方法:' prop='statMethod'>
<el-select v-model='form.statMethod' multiple filterable clearable placeholder='请选择统计方法'>
<el-option v-for='item in StatMethodSelect' :key='item.id' :label='item.name'
:value='item.id'>
</el-option>
</el-select>
</el-form-item>
<el-form-item label='数据存储:' prop='classId'>
<el-select v-model='form.classId' filterable clearable placeholder='请选择数据存储'>
<el-option v-for='item in DataSelect' :key='item.code' :label='item.name'
:value='item.id'></el-option>
</el-select>
</el-form-item>
<el-form-item label='报表数据来源:' prop='resourcesId'>
<el-select v-model='form.resourcesId' filterable clearable placeholder='请选择报表数据来源'>
<el-option v-for='item in ResourcesIdSelect' :key='item.code' :label='item.name'
:value='item.id'>
</el-option>
</el-select>
</el-form-item>
<el-form-item label='序号:' prop='sort'>
<el-input type='number' v-model='form.sort' autocomplete='off' placeholder='请输入序号'></el-input>
</el-form-item>
<el-form-item label='限值名称:' prop='limitName'>
<el-input type='text' v-model='form.limitName' autocomplete='off'
placeholder='请输入限值名称'></el-input>
</el-form-item>
<el-form-item label='限值表名:' prop='limitTable'>
<el-input type='text' v-model='form.limitTable' autocomplete='off'
placeholder='请输入限值表名'></el-input>
</el-form-item>
<el-form-item label='超标判断方式:' prop='formula'>
<el-select v-model='form.formula' filterable clearable placeholder='请选择超标判断方式'>
<el-option v-for='item in FormulaSelect' :key='item.code' :label='item.name'
:value='item.id'>
</el-option>
</el-select>
</el-form-item>
</el-form>
<div style='padding-left: 50px'>
<el-divider content-position='center'>拓展数据</el-divider>
</div>
<el-form :inline='true' :model='form' label-width='120px' ref='form2'>
<el-form-item label='参数缺省值:' prop='defaultValue'>
<el-input v-model='form.defaultValue' autocomplete='off' placeholder='请输入参数缺省值'></el-input>
</el-form-item>
<el-form-item label='事件类别:' prop='eventType'>
<el-input v-model='form.eventType' autocomplete='off' placeholder='请输入事件类别'></el-input>
</el-form-item>
<el-form-item label='设置最大值:' prop='maxNum'>
<el-input type='number' v-model='form.maxNum' autocomplete='off'
placeholder='请输入设置最大值'></el-input>
</el-form-item>
<el-form-item label='设置最小值:' prop='minNum'>
<el-input type='number' v-model='form.minNum' autocomplete='off'
placeholder='请输入设置最小值'></el-input>
</el-form-item>
<el-form-item label='枚举序列:' prop='setValue'>
<el-input v-model='form.setValue' autocomplete='off' placeholder='请输入枚举序列'></el-input>
</el-form-item>
<el-form-item label='字符串长度上限:' prop='strlen'>
<el-input type='number' v-model='form.strlen' autocomplete='off'
placeholder='请输入字符串长度上限'></el-input>
</el-form-item>
<el-form-item label='上送规则:' prop='tranRule'>
<el-input v-model='form.tranRule' autocomplete='off' placeholder='请输入上送规则'></el-input>
</el-form-item>
<el-form-item label='是否可远程控制:' prop='ctlSts'>
<el-radio v-model='form.ctlSts' :label='1'>是</el-radio>
<el-radio v-model='form.ctlSts' :label='0'>否</el-radio>
</el-form-item>
<el-form-item label='是否需遥控校验:' prop='curSts'>
<el-radio v-model='form.curSts' :label='1'>是</el-radio>
<el-radio v-model='form.curSts' :label='0'>否</el-radio>
</el-form-item>
<el-form-item label='是否存储:' prop='storeFlag'>
<el-radio v-model='form.storeFlag' :label='1'>是</el-radio>
<el-radio v-model='form.storeFlag' :label='0'>否</el-radio>
</el-form-item>
<el-form-item label='是否加密:' prop='storeFlag'>
<el-radio v-model='form.storeFlag' :label='1'>是</el-radio>
<el-radio v-model='form.storeFlag' :label='0'>否</el-radio>
</el-form-item>
<el-form-item label='数据是否上送:' prop='tranFlag'>
<el-radio v-model='form.tranFlag' :label='1'>是</el-radio>
<el-radio v-model='form.tranFlag' :label='0'>否</el-radio>
</el-form-item>
</el-form>
</el-scrollbar>
<template #footer>
<span class='dialog-footer'>
<el-button @click='dialogVisible = false'>取消</el-button>
<el-button type='primary' @click='submit'>确认</el-button>
</span>
</template>
</el-dialog>
</template>
<script lang='ts' setup>
import { ref, inject } from 'vue'
import { reactive } from 'vue'
import TableStore from '@/utils/tableStore'
import { ElMessage } from 'element-plus'
import { useDictData } from '@/stores/dictData'
import { addCsDictData, updateCsDictData } from '@/api/system-boot/csDictData'
const dictData = useDictData()
const DataSelect = dictData.getBasicData('Data')
const DataTypeSelect = dictData.getBasicData('Cs_Data_Type')
const ResourcesIdSelect = dictData.getBasicData('Data_Day')
const FormulaSelect = dictData.getBasicData('Limit_Value_Judgment')
const phaseSelect = [
{
name: 'A相',
id: 'A'
},
{
name: 'B相',
id: 'B'
},
{
name: 'C相',
id: 'C'
},
{
name: 'T相',
id: 'T'
}
]
const StatMethodSelect = [
{
name: '平均值',
id: 'avg'
},
{
name: '最大值',
id: 'max'
},
{
name: '最小值',
id: 'min'
},
{
name: 'CP95值',
id: 'cp95'
}
]
const tableStore = inject('tableStore') as TableStore
const form = reactive({
id: null,
classId: null,
ctlSts: null,
curSts: null,
dataType: null,
defaultValue: null,
eventType: null,
harm: [0, 50],
harmEnd: null,
harmStart: null,
maxNum: null,
minNum: null,
name: null,
otherName: null,
phase: null,
resourcesId: null,
setValue: null,
showName: null,
sort: null,
statMethod: null,
storeFlag: null,
strlen: null,
systemType: null,
tranFlag: null,
tranRule: null,
type: null,
unit: null,
formula: null,
limitName: null,
limitTable: 'pq_overlimit'
})
const rules = {}
const dialogVisible = ref(false)
const title = ref('')
const open = (text: string, data?: anyObj) => {
title.value = text
dialogVisible.value = true
if (data) {
for (let key in form) {
form[key] = data[key] === '/' ? null : data[key]
}
form.harm = [form.harmStart, form.harmEnd]
} else {
for (let key in form) {
form[key] = null
}
form.pq_overlimit = 'pq_overlimit'
form.harm = [0, 50]
}
console.log(form)
}
const submit = async () => {
form.harmStart = form.harm[0]
form.harmEnd = form.harm[1]
if (form.id) {
await updateCsDictData(form)
} else {
await addCsDictData(form)
}
ElMessage.success('保存成功')
tableStore.index()
dialogVisible.value = false
}
defineExpose({ open })
</script>

41
src/views/govern/manage/basic/template.vue Normal file
View File

@@ -0,0 +1,41 @@
<template>
<div class="default-main">
<TableHeader></TableHeader>
<Table ref="tableRef" />
</div>
</template>
<script setup lang="ts">
import { ref, onMounted, provide } from 'vue'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
defineOptions({
name: 'govern/manage/basic/template'
})
const tableStore = new TableStore({
url: '/system-boot/csDictData/list',
method: 'POST',
column: [
{ title: '数据分类', field: 'classId' },
{ title: '数据名称', field: 'name' },
{ title: '别名', field: 'otherName' },
{ title: '展示名称', field: 'showName' },
{ title: '相别', field: 'phase' },
{ title: '单位', field: 'unit' },
{ title: '基础数据类型', field: 'type' },
{ title: '数据谐波次数', field: 'harmStart' },
{ title: '数据统计方法', field: 'statMethod' },
{ title: '数据存储', field: 'classId' },
{ title: '数据来源', field: 'resourcesId' },
{ title: '操作', field: '操作' }
]
})
provide('tableStore', tableStore)
tableStore.table.params.searchState = 0
onMounted(() => {
tableStore.index()
})
const addMenu = () => {}
</script>

41
src/views/govern/manage/basic/version.vue Normal file
View File

@@ -0,0 +1,41 @@
<template>
<div class="default-main">
<TableHeader></TableHeader>
<Table ref="tableRef" />
</div>
</template>
<script setup lang="ts">
import { ref, onMounted, provide } from 'vue'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
defineOptions({
name: 'govern/manage/basic/version'
})
const tableStore = new TableStore({
url: '/system-boot/csDictData/list',
method: 'POST',
column: [
{ title: '数据分类', field: 'classId' },
{ title: '数据名称', field: 'name' },
{ title: '别名', field: 'otherName' },
{ title: '展示名称', field: 'showName' },
{ title: '相别', field: 'phase' },
{ title: '单位', field: 'unit' },
{ title: '基础数据类型', field: 'type' },
{ title: '数据谐波次数', field: 'harmStart' },
{ title: '数据统计方法', field: 'statMethod' },
{ title: '数据存储', field: 'classId' },
{ title: '数据来源', field: 'resourcesId' },
{ title: '操作', field: '操作' }
]
})
provide('tableStore', tableStore)
tableStore.table.params.searchState = 0
onMounted(() => {
tableStore.index()
})
const addMenu = () => {}
</script>

4
vite.config.ts
View File

@@ -10,8 +10,8 @@ export default defineConfig({
server: {
proxy: {
'/api': {
target: 'http://192.168.1.81:10215', //数据中心
// target: 'http://192.168.1.22:10215', //治理
// target: 'http://192.168.1.81:10215', //数据中心
target: 'http://192.168.1.22:10215', //治理
changeOrigin: true,
rewrite: path => path.replace(/^\/api/, '') //路径重写，把'/api'替换为''
}