字典管理

src/views/auth/userList/popupEdit.vue

@@ -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()

src/views/govern/manage/basic/dictionary.vue

@@ -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>

src/views/govern/manage/basic/popupDictionary.vue

@@ -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>

src/views/govern/manage/basic/template.vue

@@ -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>

src/views/govern/manage/basic/version.vue

@@ -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>