diff --git a/src/api/system-boot/csDictData.ts b/src/api/system-boot/csDictData.ts
new file mode 100644
index 0000000..eb58792
--- /dev/null
+++ b/src/api/system-boot/csDictData.ts
@@ -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
+    })
+}
+
diff --git a/src/layouts/admin/index.vue b/src/layouts/admin/index.vue
index 680c6de..1e52423 100644
--- a/src/layouts/admin/index.vue
+++ b/src/layouts/admin/index.vue
@@ -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
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 73f34a1..8327f36 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -1,177 +1,209 @@
 /* 基本样式 */
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    outline: none !important;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  outline: none !important;
 }
 
 html,
 body,
 #app {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
-    font-weight: 400;
-    -webkit-font-smoothing: antialiased;
-    -webkit-tap-highlight-color: transparent;
-    background-color: var(--ba-bg-color);
-    font-size: 14px;
-    overflow: hidden;
-    position: relative;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
+  font-weight: 400;
+  -webkit-font-smoothing: antialiased;
+  -webkit-tap-highlight-color: transparent;
+  background-color: var(--ba-bg-color);
+  font-size: 14px;
+  overflow: hidden;
+  position: relative;
 }
 
 ::-webkit-scrollbar {
-    width: 8px;
-    height: 10px;
+  width: 8px;
+  height: 10px;
 }
+
 ::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    height: 3px;
-    background-color: var(--el-color-primary) !important;
-    border-radius: 30px !important;
+  border-radius: 5px;
+  height: 3px;
+  background-color: var(--el-color-primary) !important;
+  border-radius: 30px !important;
 }
 
 // 阿里 iconfont Symbol引用css
 .iconfont-icon {
-    width: 1em;
-    height: 1em;
-    vertical-align: -0.15em;
-    fill: currentColor;
-    overflow: hidden;
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
 }
 
 .w100 {
-    width: 100% !important;
+  width: 100% !important;
 }
+
 .h100 {
-    height: 100% !important;
+  height: 100% !important;
 }
+
 .ba-center {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .default-main {
-    background: #fff;
-    margin: var(--ba-main-space) var(--ba-main-space) 0px var(--ba-main-space);
+  background: #fff;
+  margin: var(--ba-main-space) var(--ba-main-space) 0px var(--ba-main-space);
 }
+
 .zoom-handle {
-    position: absolute;
-    width: 20px;
-    height: 20px;
-    bottom: -10px;
-    right: -10px;
-    cursor: se-resize;
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  bottom: -10px;
+  right: -10px;
+  cursor: se-resize;
 }
+
 .block-help {
-    display: block;
-    width: 100%;
-    color: #909399;
-    font-size: 13px;
-    line-height: 16px;
-    padding-top: 5px;
+  display: block;
+  width: 100%;
+  color: #909399;
+  font-size: 13px;
+  line-height: 16px;
+  padding-top: 5px;
 }
 
 /* 表格顶部菜单-s */
 .table-header {
-    .table-header-operate .icon {
-        font-size: 14px !important;
-        color: var(--el-color-white) !important;
-    }
-    .el-button.is-disabled .icon {
-        color: var(--el-button-disabled-text-color) !important;
-    }
+  .table-header-operate .icon {
+    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;
+  transition: all 0.3s ease;
 }
+
 .suspension:hover {
-    -webkit-transform: translateY(-4px) scale(1.02);
-    -moz-transform: translateY(-4px) scale(1.02);
-    -ms-transform: translateY(-4px) scale(1.02);
-    -o-transform: translateY(-4px) scale(1.02);
-    transform: translateY(-4px) scale(1.02);
-    -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2);
-    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2);
-    z-index: 999;
-    border-radius: 6px;
+  -webkit-transform: translateY(-4px) scale(1.02);
+  -moz-transform: translateY(-4px) scale(1.02);
+  -ms-transform: translateY(-4px) scale(1.02);
+  -o-transform: translateY(-4px) scale(1.02);
+  transform: translateY(-4px) scale(1.02);
+  -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2);
+  z-index: 999;
+  border-radius: 6px;
 }
+
 /* 鼠标置入浮动效果-e */
 
 /* 表格-s */
 .ba-table-box {
-    border-radius: var(--el-border-radius-round);
+  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);
-    border-bottom: 0;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
+  background-color: var(--el-fill-color-darker) !important;
+  border: 1px solid var(--ba-boder-color);
+  border-bottom: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
+
 /* 表格-e */
 
 /* 新增/编辑表单-s */
 .cn-operate-dialog {
-    overflow: hidden;
-    border-radius: var(--el-border-radius-base);
+  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);
+  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;
+  height: 60vh;
+  padding-top: 20px;
+  padding-bottom: 52px;
 }
+
 .cn-operate-dialog .el-dialog__body .el-scrollbar {
-    padding-right: 60px;
+  padding-right: 60px;
 }
+
 .cn-operate-dialog .el-dialog__footer {
-    padding: 10px var(--el-dialog-padding-primary);
-    box-shadow: var(--el-box-shadow);
-    position: absolute;
-    width: 100%;
-    bottom: 0;
+  padding: 10px var(--el-dialog-padding-primary);
+  box-shadow: var(--el-box-shadow);
+  position: absolute;
+  width: 100%;
+  bottom: 0;
 }
+
 .cn-operate-dialog .el-form--inline {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+  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;
+  padding-top: 20px;
 }
+
 /* 新增/编辑表单-e */
 
 /* 全局遮罩-s */
 .ba-layout-shade {
-    position: fixed;
-    top: 0;
-    left: 0;
-    height: 100vh;
-    width: 100vw;
-    background-color: rgba(0, 0, 0, 0.5);
-    z-index: 9999990;
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100vh;
+  width: 100vw;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 9999990;
 }
+
 /* 全局遮罩-e */
 
 /* 图片上传预览-s */
 .img-preview-dialog .el-dialog__body {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    img {
-        max-width: 100%;
-    }
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  img {
+    max-width: 100%;
+  }
 }
+
 /* 图片上传预览-e */
 
 /* 页面切换动画-s */
@@ -179,79 +211,93 @@ body,
 .slide-right-leave-active,
 .slide-left-enter-active,
 .slide-left-leave-active {
-    will-change: transform;
-    transition: all 0.3s ease;
+  will-change: transform;
+  transition: all 0.3s ease;
 }
+
 // slide-right
 .slide-right-enter-from {
-    opacity: 0;
-    transform: translateX(-20px);
+  opacity: 0;
+  transform: translateX(-20px);
 }
+
 .slide-right-leave-to {
-    opacity: 0;
-    transform: translateX(20px);
+  opacity: 0;
+  transform: translateX(20px);
 }
+
 // slide-left
 .slide-left-enter-from {
-    @extend .slide-right-leave-to;
+  @extend .slide-right-leave-to;
 }
+
 .slide-left-leave-to {
-    @extend .slide-right-enter-from;
+  @extend .slide-right-enter-from;
 }
+
 /* 页面切换动画-e */
 
 /* 布局相关-s */
 .frontend-footer-brother {
-    min-height: calc(100vh - 120px);
+  min-height: calc(100vh - 120px);
 }
+
 .user-views {
-    padding-left: 15px;
-    .user-views-card {
-        margin-bottom: 15px;
-    }
+  padding-left: 15px;
+
+  .user-views-card {
+    margin-bottom: 15px;
+  }
 }
+
 .ba-aside-drawer {
-    .el-drawer__body {
-        padding: 0;
-    }
+  .el-drawer__body {
+    padding: 0;
+  }
 }
+
 /* 布局相关-e */
 
 /* 暗黑模式公共样式-s */
 .ba-icon-dark {
-    color: var(--el-text-color-primary) !important;
+  color: var(--el-text-color-primary) !important;
 }
+
 /* 暗黑模式公共样式-e */
 
 /* NProgress-s */
 #nprogress {
-    .bar,
-    .spinner {
-        z-index: 999999;
-    }
+  .bar,
+  .spinner {
+    z-index: 999999;
+  }
 }
+
 /* NProgress-e */
 
 /* 自适应-s */
 @media screen and (max-width: 768px) {
-    .xs-hidden {
-        display: none;
-    }
+  .xs-hidden {
+    display: none;
+  }
 }
+
 @media screen and (max-width: 1024px) {
-    .cn-operate-dialog {
-        width: 96%;
-    }
+  .cn-operate-dialog {
+    width: 96%;
+  }
 }
+
 @media screen and (max-width: 991px) {
-    .user-views {
-        padding: 0;
-    }
+  .user-views {
+    padding: 0;
+  }
 }
+
 /* 自适应-e */
 
 .custom-table-header {
-    display: flex;
-    padding: 13px 15px;
-    align-items: center;
+  display: flex;
+  padding: 13px 15px;
+  align-items: center;
 }
diff --git a/src/views/auth/userList/popupEdit.vue b/src/views/auth/userList/popupEdit.vue
index 41f4650..ca40329 100644
--- a/src/views/auth/userList/popupEdit.vue
+++ b/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()
diff --git a/src/views/govern/manage/basic/dictionary.vue b/src/views/govern/manage/basic/dictionary.vue
new file mode 100644
index 0000000..6f32fba
--- /dev/null
+++ b/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>
diff --git a/src/views/govern/manage/basic/popupDictionary.vue b/src/views/govern/manage/basic/popupDictionary.vue
new file mode 100644
index 0000000..aa401cb
--- /dev/null
+++ b/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>
diff --git a/src/views/govern/manage/basic/template.vue b/src/views/govern/manage/basic/template.vue
new file mode 100644
index 0000000..40f5f07
--- /dev/null
+++ b/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>
diff --git a/src/views/govern/manage/basic/version.vue b/src/views/govern/manage/basic/version.vue
new file mode 100644
index 0000000..ca43a86
--- /dev/null
+++ b/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>
diff --git a/vite.config.ts b/vite.config.ts
index f0ecba3..1aae639 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -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'替换为''
             }