[Wip 0000] 可配置首页支持告示及表格模块支持自定义跳转及样式优化

src/components/Configurable/ModulePrimary.vue

@@ -37,7 +37,8 @@
   import { computed, watch } from 'vue';
   import { useInitModule } from './hooks/useInit';
   import { getFormattedText } from './hooks/helper';
-  import { openWindow } from '/@/utils';
+  import { redirectTo as redirect } from './hooks/helper';
+  // import { openWindow } from '/@/utils';
   // import { ModuleProps } from '../types';
 
   const props = defineProps<{
@@ -73,7 +74,7 @@
   function redirectTo() {
     const { to } = props.moduleData;
     if (!to) return;
-    openWindow(to);
+    redirect(getFormattedText(selectedDevice.value, to));
   }
 
   watch(

src/components/Configurable/content.vue

@@ -27,6 +27,7 @@
               :key="item.prop"
               :label="item.label"
               :value="item.value"
+              :to="item.to"
               :type="config.type"
               :layout="config.layout"
             />
@@ -66,11 +67,11 @@
           <Partition class="content__module" :type="config.type" :label="config.label" :icon="config.icon" />
         </template>
         <template v-if="config.name === 'board_table'">
-          <BoardTable 
-            class="content__module" 
-            :board-configs="config.config.boardConfigs" 
-            :table-config="config.config.table" 
-            :table-data="config.data" 
+          <BoardTable
+            class="content__module"
+            :board-configs="config.config.boardConfigs"
+            :table-config="config.config.table"
+            :table-data="config.data"
           />
         </template>
         <!-- <template v-if="config.key === 'fire_control'">
@@ -84,7 +85,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
+  import { computed, defineAsyncComponent } from 'vue';
   import {
     CommonItem,
     Config,
@@ -94,19 +95,20 @@
     // ModuleDataPreset,
     // ModuleDataTable,
   } from './types';
-  import MiniBoard from './detail/MiniBoard.vue';
-  import CustomList from './detail/CustomList.vue';
-  import CustomGallery from './detail/CustomGallery.vue';
-  import ComplexList from './detail/ComplexList.vue';
-  import GalleryList from './detail/GalleryList.vue';
-  import CustomTable from './detail/CustomTable.vue';
-  import CustomChart from './detail/CustomChart.vue';
   import { clone } from 'lodash-es';
   import { getData, getFormattedText } from './hooks/helper';
-  import BlastDelta from './preset/BlastDelta.vue';
-  import QHCurve from './preset/QHCurve.vue';
-  import Partition from './preset/partition.vue';
-  import BoardTable from './preset/BoardTable.vue';
+
+  const MiniBoard = defineAsyncComponent(() => import('./detail/MiniBoard.vue'));
+  const CustomList = defineAsyncComponent(() => import('./detail/CustomList.vue'));
+  const CustomGallery = defineAsyncComponent(() => import('./detail/CustomGallery.vue'));
+  const ComplexList = defineAsyncComponent(() => import('./detail/ComplexList.vue'));
+  const GalleryList = defineAsyncComponent(() => import('./detail/GalleryList.vue'));
+  const CustomTable = defineAsyncComponent(() => import('./detail/CustomTable.vue'));
+  const CustomChart = defineAsyncComponent(() => import('./detail/CustomChart.vue'));
+  const BlastDelta = defineAsyncComponent(() => import('./preset/BlastDelta.vue'));
+  const QHCurve = defineAsyncComponent(() => import('./preset/QHCurve.vue'));
+  const Partition = defineAsyncComponent(() => import('./preset/partition.vue'));
+  const BoardTable = defineAsyncComponent(() => import('./preset/BoardTable.vue'));
 
   const props = defineProps<{
     data: any;
@@ -122,6 +124,7 @@
         ...i,
         label: getFormattedText(raw, i.label, i.trans),
         value: getFormattedText(raw, i.value, i.trans),
+        to: getFormattedText(raw, i.to, i.trans),
       };
     });
   }

src/components/Configurable/detail/CustomChart.vue

@@ -475,9 +475,6 @@
             itemStyle: {
               opacity: 0.7,
             },
-            tooltip: {
-              show: false,
-            },
             // padAngle: 5,
             data: serie.data.map((e) => ({
               name: e[0],
@@ -496,9 +493,6 @@
               show: false,
             },
             animation: false,
-            tooltip: {
-              show: false,
-            },
             // padAngle: 6,
             data: serie.data.map((e) => ({
               name: e[0],

src/components/Configurable/detail/CustomTable.vue

@@ -5,7 +5,13 @@
     </div>
     <div class="table__content_list" :class="`table__content_list_${type}`">
       <div class="table__content_list_row" v-for="(item, index) in data" :key="`svvhbct-${index}`">
-        <div v-for="(t, i) in columns" :key="`svvhbctr-${i}`" :style="{ flexBasis }" :class="`table__content__list_item_${type}`">
+        <div
+          v-for="(t, i) in columns"
+          :key="`svvhbctr-${i}`"
+          :style="{ flexBasis }"
+          :class="`table__content__list_item_${type} ${t.path ? 'cursor-pointer' : ''}`"
+          @click="redirectTo(getFormattedText(item, t.path))"
+        >
           <slot :name="t.prop" :scope="item">
             <span>{{ getter(item, t.prop) }}</span>
           </slot>
@@ -17,13 +23,14 @@
 <script lang="ts" setup>
   import { computed } from 'vue';
   import { get, isNil } from 'lodash-es';
+  import { getFormattedText, redirectTo } from '../hooks/helper';
 
   let props = withDefaults(
     defineProps<{
       /** B | C */
       type: string;
       /** 列表表头配置，每个prop都有其对应的slot来提供定制化功能 */
-      columns: { prop: string; name: string }[];
+      columns: { prop: string; name: string; path?: string }[];
       data: any[];
       defaultValue?: string;
     }>(),
@@ -195,7 +202,7 @@
     font-weight: bold;
     font-size: 15px;
     color: #000000;
-    .table__content_list_row{
+    .table__content_list_row {
       color: #000000 !important;
       margin-bottom: 10px !important;
     }
@@ -205,7 +212,6 @@
     color: #ff0000;
   }
 
-
   .table__content_label_D {
     background-image: var(--image-content-label-A);
     background-size: 100% 100%;
@@ -221,7 +227,7 @@
     color: #000000;
     text-align: center;
   }
-  .table__content_list_row{
+  .table__content_list_row {
     color: #000000 !important;
   }
 
@@ -236,7 +242,7 @@
   }
 
   //
-   .table__content_label_E {
+  .table__content_label_E {
     background-image: var(--image-content-label-A);
     background-size: 100% 100%;
     background-repeat: no-repeat;
@@ -253,8 +259,7 @@
     text-align: center;
     z-index: 10;
   }
-  .table__content_list_row{
+  .table__content_list_row {
     color: #000000 !important;
   }
-
 </style>

src/components/Configurable/detail/MiniBoard.vue

@@ -1,8 +1,11 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <template>
-  <div class="mini-board" :class="`mini-board_${type} mini-board_${type}_${getValueDecoClass(value)}`">
-    
-     <!-- Type H 的特殊布局: 左边 SVG, 右边 Label/Value -->
+  <div
+    class="mini-board"
+    :class="`mini-board_${type} mini-board_${type}_${getValueDecoClass(value)} ${to ? 'cursor-pointer' : ''}`"
+    @click="redirectTo(to)"
+  >
+    <!-- Type H 的特殊布局: 左边 SVG, 右边 Label/Value -->
     <template v-if="type === 'H'">
       <div class="mini-board__icon-h">
         <div class="icon-item"></div>
@@ -47,6 +50,8 @@
   </div>
 </template>
 <script lang="ts" setup>
+  import { redirectTo } from '../hooks/helper';
+
   withDefaults(
     defineProps<{
       label: string;
@@ -55,6 +60,7 @@
       layout: string;
       // 告示牌类型，类型为：'A' | 'B' | 'C' | 'D'
       type?: string;
+      to?: string;
     }>(),
     {
       value: '/',
@@ -120,6 +126,7 @@
     text-align: center;
     background-size: 100% 100%;
     position: relative;
+    pointer-events: all;
   }
 
   .mini-board__label {
@@ -381,33 +388,33 @@
       margin-top: 7px;
     }
   }
-  .mini-board_H:nth-child(1) .mini-board__icon-h .icon-item{
+  .mini-board_H:nth-child(1) .mini-board__icon-h .icon-item {
     background-image: var(--image-board-bg-H-CH4);
   }
-  .mini-board_H:nth-child(2) .mini-board__icon-h .icon-item{
+  .mini-board_H:nth-child(2) .mini-board__icon-h .icon-item {
     width: 21px;
     background-image: var(--image-board-bg-H-CO);
   }
-  .mini-board_H:nth-child(3) .mini-board__icon-h .icon-item{
+  .mini-board_H:nth-child(3) .mini-board__icon-h .icon-item {
     background-image: var(--image-board-bg-H-CO2);
   }
-  .mini-board_H:nth-child(4) .mini-board__icon-h .icon-item{
+  .mini-board_H:nth-child(4) .mini-board__icon-h .icon-item {
     width: 20px;
     background-image: var(--image-board-bg-H-O2);
   }
-  .mini-board_H:nth-child(5) .mini-board__icon-h .icon-item{
+  .mini-board_H:nth-child(5) .mini-board__icon-h .icon-item {
     width: 28px;
     background-image: var(--image-board-bg-H-C2H4);
   }
-  .mini-board_H:nth-child(6) .mini-board__icon-h .icon-item{
+  .mini-board_H:nth-child(6) .mini-board__icon-h .icon-item {
     width: 28px;
     background-image: var(--image-board-bg-H-C2H2);
   }
-  .mini-board_H:nth-child(7) .mini-board__icon-h .icon-item{
+  .mini-board_H:nth-child(7) .mini-board__icon-h .icon-item {
     width: 20px;
     background-image: var(--image-board-bg-H-pre);
   }
-  .mini-board_H:nth-child(8) .mini-board__icon-h .icon-item{
+  .mini-board_H:nth-child(8) .mini-board__icon-h .icon-item {
     width: 20px;
     background-image: var(--image-board-bg-H-tem);
   }

src/components/Configurable/hooks/helper.ts

@@ -1,7 +1,9 @@
 import { get, isNil } from 'lodash-es';
+import { openWindow } from '/@/utils';
+import { router } from '/@/router';
 
 /** 根据配置中的 formatter 将文本格式并返回 */
-export function getFormattedText(data: any, formatter: string, trans?: Record<string, string>, defaultValue?: any): string {
+export function getFormattedText(data: any, formatter: string = '', trans?: Record<string, string>, defaultValue?: any): string {
   const defval = defaultValue === undefined ? '-' : defaultValue;
   if (!data) return defval;
 
@@ -40,7 +42,6 @@ export function getRawProp(formatter: string): string {
 // 获取模块所依赖的数据的方法
 export function getData(raw, readFrom, parser?) {
   const result = readFrom ? get(raw, readFrom) : raw;
-  console.log()
   if (!result) return result;
   switch (parser) {
     case 'json':
@@ -49,3 +50,12 @@ export function getData(raw, readFrom, parser?) {
       return result;
   }
 }
+
+export function redirectTo(path?: string) {
+  if (!path) return;
+  if (path.endsWith('#')) {
+    openWindow(path.slice(0, -1));
+  } else {
+    router.push(path);
+  }
+}

src/components/Configurable/types.ts

@@ -79,7 +79,18 @@ export interface ModuleData {
     direction: 'column' | 'row';
     items: {
       /** 分区名称，对应下方的配置 */
-      name: 'board' | 'list' | 'chart' | 'table' | 'gallery' | 'complex_list' | 'gallery_list' | 'blast_delta' | 'qh_curve' | 'partition' | 'board_table';
+      name:
+        | 'board'
+        | 'list'
+        | 'chart'
+        | 'table'
+        | 'gallery'
+        | 'complex_list'
+        | 'gallery_list'
+        | 'blast_delta'
+        | 'qh_curve'
+        | 'partition'
+        | 'board_table';
       /** 分区大小 */
       basis: string;
       overflow?: boolean;
@@ -129,6 +140,8 @@ export interface CommonItem {
   value: string;
   /** 翻译依据，formatter 格式 */
   trans?: Record<string, string>;
+  /** 跳转链接，formatter 格式 */
+  to?: string;
 }
 
 export interface ModuleDataBoard extends ReadFrom {
@@ -295,7 +308,7 @@ export interface ModuleDataChart extends ReadFrom {
 
 export interface ModuleDataTable extends ReadFrom {
   /** 表格的预设样式 */
-  type: 'A' | 'B' | 'C'| 'D' | 'E';
+  type: 'A' | 'B' | 'C' | 'D' | 'E';
   /** 是否自动滚动 */
   autoScroll?: boolean;
   /** 核心配置，每个表格列对应一项 */
@@ -304,6 +317,8 @@ export interface ModuleDataTable extends ReadFrom {
     name: string;
     /** 取值 prop，注意该项不支持 formatter 格式 */
     prop: string;
+    /** 跳转至 path，支持 formatter 格式 */
+    path?: string;
   }[];
 }
 

src/views/dashboard/SealedGoaf/configurable.data.sealedGoaf.ts

@@ -28,26 +28,32 @@ export const testConfigSealedGoaf: Config[] = [
             {
               label: '${productionStatusData[4].name}',
               value: '${productionStatusData[4].num}',
+              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[4].name}',
             },
             {
               label: '${productionStatusData[9].name}',
               value: '${productionStatusData[9].num}',
+              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[9].name}',
             },
             {
               label: '${productionStatusData[0].name}',
               value: '${productionStatusData[0].num}',
+              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[0].name}',
             },
             {
               label: '${productionStatusData[1].name}',
               value: '${productionStatusData[1].num}',
+              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[1].name}',
             },
             {
               label: '${productionStatusData[6].name}',
               value: '${productionStatusData[6].num}',
+              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[6].name}',
             },
             {
               label: '${productionStatusData[7].name}',
               value: '${productionStatusData[7].num}',
+              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[7].name}',
             },
           ],
         },
@@ -169,6 +175,7 @@ export const testConfigSealedGoaf: Config[] = [
       list: [],
       complex_list: [],
       preset: [],
+      to: '/basicinfo/mines-info',
     },
     showStyle: {
       size: 'width:400px;height:210px;',
@@ -176,22 +183,22 @@ export const testConfigSealedGoaf: Config[] = [
       position: 'top:280px;left:25px;',
     },
   },
-  // 5. 密闭情况总览 更名为 矿井情况总览
+  // 4. 联网状态
   {
-    deviceType: 'sealed_info',
-    moduleName: '矿井情况总览',
+    deviceType: 'isOnline',
+    moduleName: '联网状态',
     pageType: 'sealed_goaf',
     moduleData: {
       header: {
-        show: true,
+        show: false,
         readFrom: '',
         selector: {
-          show: false,
-          value: '',
+          show: true,
+          value: '${pos}',
         },
         slot: {
-          show: true,
-          value: '(总计:${totalNum.alarmNum.alarmTotal})',
+          show: false,
+          value: '',
         },
       },
       background: {
@@ -204,37 +211,41 @@ export const testConfigSealedGoaf: Config[] = [
         items: [
           {
             name: 'board',
-            basis: '40%',
+            basis: '36%',
             overflow: true,
           },
           {
             name: 'table',
-            basis: '60%',
+            basis: '64%',
             overflow: true,
           },
         ],
       },
       board: [
         {
-          type: 'C',
-          readFrom: '',
+          type: 'B',
+          readFrom: 'goafAccessCount.totalNum',
           layout: 'val-top',
           items: [
             {
-              label: '低风险',
-              value: '${totalNum.alarmNum.alarm1Total}',
+              label: '应接入',
+              value: '${yjTotal}',
+              to: '/basicinfo/mines-info?accessStatus=1',
             },
             {
-              label: '一般风险',
-              value: '${totalNum.alarmNum.alarm2Total}',
+              label: '在线',
+              value: '${zxTotal}',
+              to: '/basicinfo/mines-info?status=1',
             },
             {
-              label: '较高风险',
-              value: '${totalNum.alarmNum.alarm3Total}',
+              label: '离线',
+              value: '${lxTotal}',
+              to: '/basicinfo/mines-info?accessStatus=0',
             },
             {
-              label: '高风险',
-              value: '${totalNum.alarmNum.alarm4Total}',
+              label: '未接入',
+              value: '${wjTotal}',
+              to: '/basicinfo/mines-info?status=0',
             },
           ],
         },
@@ -244,29 +255,30 @@ export const testConfigSealedGoaf: Config[] = [
       gallery_list: [],
       table: [
         {
-          type: 'A',
+          type: 'B',
           // parser: 'json',
-          readFrom: 'goafAlarmData',
+          readFrom: 'goafAccessCount.accessDetails',
           columns: [
             {
               name: ' ',
-              prop: 'managementName',
+              prop: 'name',
+              path: '/basicinfo/mines-info?deptId=${deptId}',
             },
             {
-              name: '低风险',
-              prop: 'alarm1',
+              name: '应接入',
+              prop: 'yjNum',
             },
             {
-              name: '一般风险',
-              prop: 'alarm2',
+              name: '在线',
+              prop: 'zxNum',
             },
             {
-              name: '较高风险',
-              prop: 'alarm3',
+              name: '离线',
+              prop: 'lxNum',
             },
             {
-              name: '高风险',
-              prop: 'alarm4',
+              name: '未接入',
+              prop: 'wjNum',
             },
           ],
         },
@@ -274,6 +286,40 @@ export const testConfigSealedGoaf: Config[] = [
       list: [],
       complex_list: [],
       preset: [],
+      // mock: {
+      //   isOnline: [
+      //     {
+      //       pos: '生成矿井',
+      //       boardArray: [
+      //         {
+      //           label: '低风险',
+      //           value: '243',
+      //         },
+      //         {
+      //           label: '一般风险',
+      //           value: '242',
+      //         },
+      //         {
+      //           label: '较高风险',
+      //           value: '1',
+      //         },
+      //         {
+      //           label: '高风险',
+      //           value: '0',
+      //         },
+      //       ],
+      //       tableArray: [
+      //         {
+      //           name: '执法一处',
+      //           yjNum: '84',
+      //           zxNum: '84',
+      //           lxNum: '0',
+      //           wjNum: '0',
+      //         },
+      //       ],
+      //     },
+      //   ],
+      // },
     },
     showStyle: {
       size: 'width:400px;height:400px;',
@@ -361,6 +407,7 @@ export const testConfigSealedGoaf: Config[] = [
       list: [],
       complex_list: [],
       preset: [],
+      to: '/warningAnalysis/overlimit-alarm',
     },
     showStyle: {
       size: 'width:400px;height:250px;',
@@ -368,24 +415,23 @@ export const testConfigSealedGoaf: Config[] = [
       position: 'top:30px;right:25px;',
     },
   },
-
-  // 6. 联网状态
+  // 6. 密闭情况总览 更名为 矿井情况总览
   {
-    deviceType: 'isOnline',
-    moduleName: '联网状态',
+    deviceType: 'sealed_info',
+    moduleName: '矿井密闭风险统计',
     pageType: 'sealed_goaf',
     moduleData: {
       header: {
-        show: false,
+        show: true,
         readFrom: '',
         selector: {
-          show: true,
-          value: '${pos}',
-        },
-        slot: {
           show: false,
           value: '',
         },
+        slot: {
+          show: true,
+          value: '(总计:${totalNum.alarmNum.alarmTotal})',
+        },
       },
       background: {
         show: false,
@@ -409,25 +455,25 @@ export const testConfigSealedGoaf: Config[] = [
       },
       board: [
         {
-          type: 'B',
-          readFrom: 'goafAccessCount.totalNum',
+          type: 'C',
+          readFrom: '',
           layout: 'val-top',
           items: [
             {
-              label: '应接入',
-              value: '${yjTotal}',
+              label: '低风险',
+              value: '${totalNum.alarmNum.alarm1Total}',
             },
             {
-              label: '在线',
-              value: '${zxTotal}',
+              label: '一般风险',
+              value: '${totalNum.alarmNum.alarm2Total}',
             },
             {
-              label: '离线',
-              value: '${lxTotal}',
+              label: '较高风险',
+              value: '${totalNum.alarmNum.alarm3Total}',
             },
             {
-              label: '未接入',
-              value: '${wjTotal}',
+              label: '高风险',
+              value: '${totalNum.alarmNum.alarm4Total}',
             },
           ],
         },
@@ -437,29 +483,29 @@ export const testConfigSealedGoaf: Config[] = [
       gallery_list: [],
       table: [
         {
-          type: 'B',
+          type: 'A',
           // parser: 'json',
-          readFrom: 'goafAccessCount.accessDetails',
+          readFrom: 'goafAlarmData',
           columns: [
             {
               name: ' ',
-              prop: 'name',
+              prop: 'managementName',
             },
             {
-              name: '应接入',
-              prop: 'yjNum',
+              name: '低风险',
+              prop: 'alarm1',
             },
             {
-              name: '在线',
-              prop: 'zxNum',
+              name: '一般风险',
+              prop: 'alarm2',
             },
             {
-              name: '离线',
-              prop: 'lxNum',
+              name: '较高风险',
+              prop: 'alarm3',
             },
             {
-              name: '未接入',
-              prop: 'wjNum',
+              name: '高风险',
+              prop: 'alarm4',
             },
           ],
         },
@@ -467,40 +513,6 @@ export const testConfigSealedGoaf: Config[] = [
       list: [],
       complex_list: [],
       preset: [],
-      // mock: {
-      //   isOnline: [
-      //     {
-      //       pos: '生成矿井',
-      //       boardArray: [
-      //         {
-      //           label: '低风险',
-      //           value: '243',
-      //         },
-      //         {
-      //           label: '一般风险',
-      //           value: '242',
-      //         },
-      //         {
-      //           label: '较高风险',
-      //           value: '1',
-      //         },
-      //         {
-      //           label: '高风险',
-      //           value: '0',
-      //         },
-      //       ],
-      //       tableArray: [
-      //         {
-      //           name: '执法一处',
-      //           yjNum: '84',
-      //           zxNum: '84',
-      //           lxNum: '0',
-      //           wjNum: '0',
-      //         },
-      //       ],
-      //     },
-      //   ],
-      // },
     },
     showStyle: {
       size: 'width:400px;height:560px;',
@@ -1088,7 +1100,7 @@ export const testConfigSealedMine: Config[] = [
       ],
       gallery_list: [],
       table: [
-         {
+        {
           type: 'E',
           // parser: 'json',
           readFrom: 'transCoalSeamFireData',

src/views/dashboard/SealedGoaf/index.vue

@@ -12,7 +12,7 @@
       <div class="company-title">
         <div class="company-title-content">
           <span class="title-text">
-            {{ departName }} 
+            {{ departName }}
           </span>
         </div>
       </div>
@@ -168,7 +168,7 @@
         const arr = coalSeamFireData[key];
         const obj = { name1: key, name2: arr.map((e) => `${e.mineName}-${e.coalSeamName}`).join('<br>') };
         return {
-          coalSeamLevel: `${obj.name1}：<br>${obj.name2}`,
+          coalSeamLevel: `${obj.name1}：${obj.name2.length}`,
           num: arr?.length,
         };
       });
@@ -220,11 +220,11 @@
         });
       }
       // 遍历煤层自燃倾向性，数据重组
-      let transCoalSeamFireData:any[] = [];
-      if(coalSeamFireData) {
+      let transCoalSeamFireData: any[] = [];
+      if (coalSeamFireData) {
         transCoalSeamFireData = Object.values(coalSeamFireData).flat();
       }
-      
+
       // 把接口数据赋值给响应式变量（备用）
       goafData.value = { monitorData, coalSeamFireData, transCoalSeamFireData, goafStatusNum, goafAlarmNum, provinceAlarm };
       // 更新页面数据
@@ -287,7 +287,7 @@
       pointer-events: all;
     }
   }
-  .custom-system-select-mine{
+  .custom-system-select-mine {
     top: 70px !important;
   }
   .button-border {
@@ -308,14 +308,14 @@
     border: 2px dashed #0070ff;
     border-radius: 5px;
     // padding: 14px 20px;
-    
-    .company-title-content { 
+
+    .company-title-content {
       width: 100%;
-      height: 52px;  
+      height: 52px;
       background-image: url(/src/assets/images/sealedGoaf/title-bg.png);
       background-repeat: no-repeat;
       background-size: 100% 100%;
-    } 
+    }
 
     .title-text {
       display: block;

src/views/dashboard/basicInfo/minesInfo/index.vue

@@ -50,7 +50,12 @@
       api: getMineData, // 数据统计接口
       columns, // 绑定动态列
       formConfig: {
-        model: { deptId: route.query.deptId },
+        model: {
+          deptId: route.query.deptId,
+          accessStatus: route.query.accessStatus,
+          status: route.query.status,
+          gjMineStatus: route.query.gjMineStatus,
+        },
         labelWidth: 120,
         schemas: searchFormSchema, // 绑定动态搜索表单
         showAdvancedButton: false,