修改字段管理和参数管理tab切换默认有全部展示，value值改为标准英文字符，tab切换更改为动态切换

src/views/system/config/index.vue

@@ -47,7 +47,7 @@
       </div>
       <!-- 字典切换 -->
       <el-tabs v-model="tableData.param.dictClassCode" class="demo-tabs" @click="dataList">
-				<el-tab-pane v-for="dict in param_class_type" :label="dict.label" :name="dict.name">
+				<el-tab-pane v-for="dict in tabDataList" :label="dict.dictLabel" :name="dict.dictValue">
           <el-table :data="tableData.data" style="width: 100%" @selection-change="handleSelectionChange" v-loading="tableData.loading">
             <el-table-column type="selection" width="55" align="center" />
             <el-table-column label="ID" v-col="'configId'" align="center" prop="configId" width="60" />
@@ -116,11 +116,11 @@ export default defineComponent({
   components: { EditConfig },
   setup() {
     const { proxy } = getCurrentInstance() as any;
-    const { param_class_type } = proxy.useDict('param_class_type'); // 获取字典类型
     const addDicRef = ref();
     const editDicRef = ref();
     const queryRef = ref();
     const { sys_yes_no } = proxy.useDict('sys_yes_no');
+    const tabDataList = ref([{dictLabel: '全部', dictValue: ''}]);
     const state = reactive<TableDataState>({
       ids: [],
       tableData: {
@@ -134,13 +134,17 @@ export default defineComponent({
           configName: '',
           configKey: '',
           configType: '',
-          dictClassCode: '0',// 字典分类
+          dictClassCode: '',// 字典分类
         },
       },
     });
+    // 页面加载时
+    onMounted(() => {
+      initTableData();
+    });
     // 初始化表格数据
     const initTableData = () => {
-      dataList();
+      dictList();
     };
     const dataList = () => {
       state.tableData.loading = true;
@@ -187,10 +191,6 @@ export default defineComponent({
         })
         .catch(() => { });
     };
-    // 页面加载时
-    onMounted(() => {
-      initTableData();
-    });
     /** 重置按钮操作 */
     const resetQuery = (formEl: FormInstance | undefined) => {
       if (!formEl) return;
@@ -205,11 +205,21 @@ export default defineComponent({
     const typeFormat = (row: TableDataRow) => {
       return proxy.selectDictLabel(unref(sys_yes_no), row.configType);
     };
+    // 获取字典列表
+    const dictList = () => {
+      state.tableData.loading = true;
+      api.dict.getDataList({dictType: 'param_class_type',status: 1,pageNum: 1,pageSize: 50,defaultValue: ''})
+        .then((res: any) => {
+          tabDataList.value = tabDataList.value.concat(res.list);
+          dataList();
+        }).finally(() => (state.tableData.loading = false));
+    };
     return {
       addDicRef,
       editDicRef,
       queryRef,
       sys_yes_no,
+      tabDataList,
       onOpenAddDic,
       onOpenEditDic,
       onRowDel,
@@ -217,7 +227,6 @@ export default defineComponent({
       resetQuery,
       handleSelectionChange,
       ...toRefs(state),
-      param_class_type,
     };
   },
 });

src/views/system/dict/index.vue

@@ -48,12 +48,11 @@
       </div>
       <!-- 字典切换 -->
       <el-tabs v-model="tableData.param.moduleClassify" class="demo-tabs" @click="typeList">
-				<el-tab-pane v-for="dict in dict_class_type" :label="dict.label" :name="dict.name">
+				<el-tab-pane v-for="dict in tabDataList" :label="dict.dictLabel" :name="dict.dictValue">
           <el-table :data="tableData.data" style="width: 100%" @selection-change="handleSelectionChange" v-loading="tableData.loading">
             <el-table-column type="selection" width="55" align="center" />
             <el-table-column label="字典ID" v-col="'dictId'" align="center" prop="dictId" width="80" />
             <el-table-column label="字典名称" v-col="'dictName'" prop="dictName" :show-overflow-tooltip="true" />
-            <el-table-column label="字典分类" v-col="'moduleClassify'" align="center" prop="moduleClassify" />
             <el-table-column label="字典类型" v-col="'dictType'" align="center" :show-overflow-tooltip="true">
               <template #default="scope">
                 <router-link :to="'/config/dict/' + scope.row.dictType" class="link-type">
@@ -78,14 +77,14 @@
           </el-table>
           <pagination v-show="tableData.total > 0" :total="tableData.total" v-model:page="tableData.param.pageNum" v-model:limit="tableData.param.pageSize" @pagination="typeList" />
 				</el-tab-pane>
-			</el-tabs>
+			</el-tabs> 
     </el-card>
     <EditDic ref="editDicRef" @typeList="typeList" />
   </div>
 </template>
 
 <script lang="ts">
-import { toRefs, reactive, onMounted, ref, defineComponent, getCurrentInstance} from 'vue';
+import { toRefs, reactive, onMounted, ref, defineComponent} from 'vue';
 import { ElMessageBox, ElMessage, FormInstance } from 'element-plus';
 import EditDic from './component/editDic.vue';
 import api from '/@/api/system';
@@ -122,11 +121,10 @@ export default defineComponent({
   name: 'systemDic',
   components: { EditDic },
   setup() {
-    const { proxy } = getCurrentInstance() as any;
-    const { dict_class_type } = proxy.useDict('dict_class_type'); // 获取字典类型
     const addDicRef = ref();
     const editDicRef = ref();
     const queryRef = ref();
+    const tabDataList = ref([{dictLabel: '全部', dictValue: ''}]);
     const state = reactive<TableDataState>({
       ids: [],
       tableData: {
@@ -137,16 +135,20 @@ export default defineComponent({
           pageNum: 1,
           pageSize: 10,
           dictName: '',
-          moduleClassify: '0',// 字典分类
+          moduleClassify: '',// 字典分类
           dictType: '',
           status: '',
           dateRange: [],
         },
       },
     });
+    // 页面加载时
+    onMounted(() => {
+      initTableData();
+    });
     // 初始化表格数据
     const initTableData = () => {
-      typeList();
+      dictList();
     };
     const typeList = () => {
       let params = state.tableData.param;
@@ -194,10 +196,6 @@ export default defineComponent({
         })
         .catch(() => { });
     };
-    // 页面加载时
-    onMounted(() => {
-      initTableData();
-    });
     /** 重置按钮操作 */
     const resetQuery = (formEl: FormInstance | undefined) => {
       if (!formEl) return;
@@ -208,17 +206,26 @@ export default defineComponent({
     const handleSelectionChange = (selection: TableDataRow[]) => {
       state.ids = selection.map((item) => item.dictId);
     };
+    // 获取字典列表
+    const dictList = () => {
+      state.tableData.loading = true;
+      api.dict.getDataList({dictType: 'dict_class_type',status: 1,pageNum: 1,pageSize: 50,defaultValue: ''})
+        .then((res: any) => {
+          tabDataList.value = tabDataList.value.concat(res.list);
+          typeList();
+        }).finally(() => (state.tableData.loading = false));
+    };
     return {
       addDicRef,
       editDicRef,
       queryRef,
+      tabDataList,
       onOpenAddDic,
       onOpenEditDic,
       onRowDel,
       typeList,
       resetQuery,
       handleSelectionChange,
-      dict_class_type,
       ...toRefs(state),
     };
   },