塔山火灾预警-提交

src/views/vent/home/configurable/components/content.vue

@@ -91,7 +91,7 @@
         </template>
         <!-- lxh -->
         <template v-if="config.name === 'select_cs'">
-          <SelectCs></SelectCs>
+          <SelectCs :devicedata="config.data" :setLabelData="config.config.setLabelConfig"  ></SelectCs>
         </template>
         <template v-if="config.name === 'measure_detail'">
           <MeasureDetail class="content__module" :show-title="false" :composite-data="config.data"
@@ -187,6 +187,7 @@ const layoutConfig = computed(() => {
   const preset = clone(props.moduleData.preset) || [];
 
   return layout.items.reduce((arr: any[], item) => {
+    console.log(item.name,'name---')
     switch (item.name) {
       case 'board': {
         const cfg = board.shift();
@@ -369,6 +370,7 @@ const layoutConfig = computed(() => {
         break;
       }
     }
+    console.log(arr,'arr---')
     return arr;
   }, []);
 });

src/views/vent/home/configurable/components/preset/SelectCs.vue

@@ -2,26 +2,26 @@
   <div class="select-cs">
     <div class="select-item">
       <div class="select-item-box">
-        <a-select v-model:value="selectVal" placeholder="选择球阀" :bordered="false" style="width: 100%">
+        <a-select v-model:value="selectVal" :placeholder="setLabelData['selectL']" :bordered="false" style="width: 100%">
           <a-select-option v-for="item in optionList" :key="item.value" :value="item.value">{{ item.label
-            }}</a-select-option>
+          }}</a-select-option>
         </a-select>
       </div>
       <div class="select-item-box">
-        <span>开启</span>
+        <span>{{ setLabelData['switchL'][0] }}</span>
         <a-switch v-model:checked="checkedStatus" />
-        <span>关闭</span>
+        <span>{{ setLabelData['switchL'][1] }}</span>
       </div>
 
 
     </div>
     <div class="select-item">
       <div class="select-item-box1">
-        <span>进料泵</span>
+        <span>{{ setLabelData['switchL1'] }}</span>
         <a-switch v-model:checked="checkedJlb" />
       </div>
       <div class="select-item-box1">
-        <span>注浆泵</span>
+        <span>{{ setLabelData['switchL2'] }}</span>
         <a-switch v-model:checked="checkedZjb" />
       </div>
     </div>
@@ -37,7 +37,14 @@ let props = defineProps({
     default: () => {
       return {}
     }
-  }
+  },
+  setLabelData: {
+    type: Object,
+    default: () => {
+      return {}
+    }
+  },
+
 })
 
 let selectVal = ref(undefined)
@@ -47,8 +54,8 @@ let optionList = ref<any[]>([
   { label: '测试2', value: 3 },
 ])
 let checkedStatus = ref(false)
-let checkedJlb=ref(false)
-let checkedZjb=ref(false)
+let checkedJlb = ref(false)
+let checkedZjb = ref(false)
 
 watch(() => props.devicedata, (newV, oldV) => {
   console.log(newV, '测试---')

src/views/vent/home/configurable/configurable.data.tashan.ts

@@ -2,515 +2,521 @@ import type { Config } from '../../deviceManager/configurationTable/types';
 
 export const testConfigTSFire: Config[] = [
 
-  // 1. 采空区基本信息（左上）
-  {
-    deviceType: 'goafsInfo',
-    moduleName: '采空区基本信息',
-    pageType: 'ts_fire',
-    moduleData: {
-      header: {
-        show: false,
-        readFrom: '',
-        selector: { show: false, value: '' },
-        slot: { show: false, value: '' },
-      },
-      background: { show: false, type: 'video', link: '' },
-      layout: {
-        direction: 'row',
-        items: [{ name: 'board', basis: '100%' }],
-      },
-      list: [],
-      board: [
-        {
-          type: 'L',
-          readFrom: '',
-          layout: 'label-top',
-          items: [
-            {
-              label: '所属煤层',
-              value: '6煤',
-            },
-            {
-              label: '煤层厚度',
-              value: '2.62m',
-            },
-            {
-              label: '煤层角度',
-              value: '0°~10°',
-            },
-            {
-              label: '最短发火期',
-              value: '33天',
-            },
-            {
-              label: '工作面长度',
-              value: '303.69m',
-            },
-            {
-              label: '采空区管理',
-              value: '全部垮落',
-            },
-          ],
-        },
-      ],
-      chart: [],
-      gallery: [],
-      gallery_list: [],
-      table: [],
-      complex_list: [],
-      preset: [],
-    },
-    showStyle: {
-      size: 'width:440px;height:250px;',
-      version: '原版',
-      position: 'top:70px;left:10px;',
-      headerPosition: 'centerBottom',
-    },
-  },
-  // 2. 矿用自动喷洒系统（左中）
-  {
-    deviceType: 'autoSpraySystem',
-    moduleName: '矿用自动喷洒系统',
-    pageType: 'ts_fire',
-      moduleData: {
-      header: {
-        show: false,
-        readFrom: '',
-        selector: {
-          show: false,
-          value: '',
-        },
-        slot: {
-          show: false,
-          value: '',
-        },
-      },
-      background: {
-        show: false,
-        type: 'video',
-        link: '',
-      },
-      layout: {
-        direction: 'column',
-        items: [
-          {
-             name: 'select_cs',
-             basis: '40%',
-           },
-          { 
-            name: 'board', 
-            basis: '60%' 
-          }
-        ],
-      },
-      board: [
-        {
-          type: 'M',
-          readFrom: '',
-          layout: 'val-top',
-          items: [
-            {
-              label: '流量传感器#1',
-              value: 'xxxxxx',
-            },
-            {
-              label: '流量传感器#2',
-              value: 'xxxxxx',
-            },
-            {
-              label: '压力传感器',
-              value: 'xxxxxx',
-            },
-            {
-              label: '液位计',
-              value: '液位超限',
-            }
-          ],
-        },],
-      chart: [],
-      gallery: [],
-      gallery_list: [],
-      table: [],
-      list: [],
-      complex_list: [],
-      preset: [
-        {
-          readFrom: 'select_cs',
-        },
-      ],
-      mock: {},
-    },
-    showStyle: {
-      size: 'width:440px;height:290px;',
-      version: '原版',
-      position: 'top:325px;left:10px;',
-    },
-  },
-  // 3. 光纤测温系统（左下）
-  {
-    deviceType: 'pdArray',
-    moduleName: '光纤测温系统',
-    pageType: 'ts_fire',
-    moduleData: {
-      header: {
-        show: true,
-        readFrom: '',
-        selector: {
-          show: true,
-          value: '${systemname}',
-        },
-        slot: {
-          show: false,
-          value: '',
-        },
-      },
-      background: {
-        show: false,
-        type: 'video',
-        link: '',
-      },
-      layout: {
-        direction: 'column',
-        items: [
-          {
-            name: 'chart',
-            basis: '100%',
-          },
-        ],
-      },
-      chart: [
-        {
-          type: 'line_smooth',
-          readFrom: 'arrayFiber',
-          legend: { show: false },
-          xAxis: [{ show: true }],
-          yAxis: [{ show: true, name: '温度（℃）', position: 'left' }],
-          series: [
-            {
-              label: '${strinstallpos}',
-              readFrom: 'fibreTemperatureArr',
-              xprop: 'pos',
-              yprop: 'value',
-            },
-          ],
-        },
-      ],
-      gallery: [],
-      gallery_list: [],
-      table: [],
-      list: [],
-      complex_list: [],
-      preset: [],
-    },
-    showStyle: {
-      size: 'width:440px;height:270px;',
-      version: '原版',
-      position: 'bottom:8px;left:10px;',
-      headerPosition: 'centerBottom',
-    },
-  },
-  // 4. 可采煤层煤自燃特性（右上）
-  {
-    deviceType: 'coalFireFeature',
-    moduleName: '开采煤层自燃发火特性',
-    pageType: 'ts_fire',
-        moduleData: {
-      header: {
-        show: false,
-        readFrom: '',
-        selector: {
-          show: false,
-          value: '',
-        },
-        slot: {
-          show: false,
-          value: '',
-        },
-      },
-      background: {
-        show: false,
-        type: 'video',
-        link: '',
-      },
-      layout: {
-        direction: 'row',
-        items: [
-          {
-            name: 'table',
-            basis: '100%',
-          },
-        ],
-      },
-      board: [],
-      chart: [],
-      gallery: [],
-      gallery_list: [],
-      table: [
-        {
-          type: 'A',
-          readFrom: 'mockTable',
-          columns: [
-            {
-              name: '煤层',
-              prop: 'a',
-            },
-            {
-              name: '自燃倾向性',
-              prop: 'b',
-            },
-            {
-              name: '最短发火期',
-              prop: 'c',
-            },
-            {
-              name: '煤层爆炸指数',
-              prop: 'd',
-            },
-          ],
-        },
-      ],
-      list: [],
-      complex_list: [],
-      preset: [],
-      mock: {
-        mockTable: [
-          {
-            a: '1煤',
-            b: '自燃',
-            c: '123天',
-            d: '0%',
-          },
-          {
-            a: '2煤',
-            b: '自燃',
-            c: '123天',
-            d: '0%',
-          },
-          {
-            a: '3煤',
-            b: '自燃',
-            c: '123天',
-            d: '0%',
-          },
-          {
-            a: '4煤',
-            b: '自燃',
-            c: '123天',
-            d: '0%',
-          },
-          {
-            a: '5煤',
-            b: '自燃',
-            c: '123天',
-            d: '0%',
-          },
-          {
-            a: '6煤',
-            b: '自燃',
-            c: '123天',
-            d: '0%',
-          },
-          {
-            a: '7煤',
-            b: '自燃',
-            c: '123天',
-            d: '0%',
-          },
-        ],
-      },
-    },
-    showStyle: {
-      size: 'width:440px;height:200px;',
-      version: '原版',
-      position: 'top:75px;right:10px;',
-    },
-  },
-  // 5. 注氮系统（右中）
-  {
-    deviceType: 'NitrogenMonitor',
-    moduleName: '注氮系统',
-    pageType: 'ts_fire',
-    moduleData: {
-      header: { show: false, readFrom: '', selector: { show: false, value: '' }, slot: { show: false, value: '' } },
-      background: { show: false, type: 'video', link: '' },
-      layout: {
-        direction: 'column',
-        items: [
-          {
-            name: 'board',
-            basis: '40%',
-          },
-          { 
-            name: 'board', 
-            basis: '30%' 
-          },
-          { 
-            name: 'board', 
-            basis: '30%' 
-          },
-          { 
-            name: 'board', 
-            basis: '30%' 
-          }],
-      },
-      table: [],
-      board: [
-        {
-          type: 'N',
-          readFrom: '',
-          layout: 'label-top',
-          items: [
-            {
-              label: '流量',
-              value: '2663',
-            },
-            {
-              label: '管道温度',
-              value: '40.1',
-            },
-            {
-              label: '氮气压力',
-              value: '0.86',
-            },
-            {
-              label: '氮含量',
-              value: '97.3',
-            }
-          ],
-        },
-        {
-          type: 'O',
-          readFrom: '',
-          layout: 'val-top',
-          items: [
-            {
-              label: '排气压力',
-              value: '0.97',
-            },
-            {
-              label: '排气温度',
-              value: '84.4',
-            },
-            {
-              label: '油压',
-              value: '0.99',
-            }
-          ],
-        },
-        {
-          type: 'O',
-          readFrom: '',
-          layout: 'val-top',
-          items: [
-            {
-              label: '排气压力',
-              value: '0.97',
-            },
-            {
-              label: '排气温度',
-              value: '84.4',
-            },
-            {
-              label: '油压',
-              value: '0.99',
-            }
-          ],
-        },
-        {
-          type: 'O',
-          readFrom: '',
-          layout: 'val-top',
-          items: [
-            {
-              label: '排气压力',
-              value: '0.97',
-            },
-            {
-              label: '排气温度',
-              value: '84.4',
-            },
-            {
-              label: '油压',
-              value: '0.99',
-            }
-          ],
-        }
-      ],
-      chart: [],
-      gallery: [],
-      gallery_list: [],
-      list: [],
-      complex_list: [],
-      preset: [],
-      mock: {},
-    },
-    showStyle: {
-      size: 'width:440px;height:290px;',
-      version: '原版',
-      position: 'top:280px;right:10px;',
-    },
-  },
-  // 6. 采空区密闭监测系统（右下）
-  {
-    deviceType: 'pdArray',
-    moduleName: '采空区密闭监测系统',
-    pageType: 'ts_fire',
-    moduleData: {
-      header: {
-        show: true,
-        readFrom: '',
-        selector: {
-          show: true,
-          value: '${systemname}',
-        },
-        slot: {
-          show: false,
-          value: '',
-        },
-      },
-      background: {
-        show: false,
-        type: 'video',
-        link: '',
-      },
-      layout: {
-        direction: 'column',
-        items: [
-          {
-            name: 'chart',
-            basis: '100%',
-          },
-        ],
-      },
-      chart: [
-        {
-          type: 'line_smooth',
-          readFrom: 'arrayFiber',
-          legend: { show: false },
-          xAxis: [{ show: true }],
-          yAxis: [{ show: true, name: '温度（℃）', position: 'left' }],
-          series: [
-            {
-              label: '${strinstallpos}',
-              readFrom: 'fibreTemperatureArr',
-              xprop: 'pos',
-              yprop: 'value',
-            },
-          ],
-        },
-      ],
-      gallery: [],
-      gallery_list: [],
-      table: [],
-      list: [],
-      complex_list: [],
-      preset: [],
-    },
-    showStyle: {
-      size: 'width:440px;height:280px;',
-      version: '原版',
-      position: 'bottom:8px;right:10px;',
-    },
-  },
-  
+// 1. 采空区基本信息（左上）
+{
+deviceType: 'goafsInfo',
+moduleName: '采空区基本信息',
+pageType: 'ts_fire',
+moduleData: {
+header: {
+show: false,
+readFrom: '',
+selector: { show: false, value: '' },
+slot: { show: false, value: '' },
+},
+background: { show: false, type: 'video', link: '' },
+layout: {
+direction: 'row',
+items: [{ name: 'board', basis: '100%' }],
+},
+list: [],
+board: [
+{
+type: 'L',
+readFrom: '',
+layout: 'label-top',
+items: [
+{
+label: '所属煤层',
+value: '6煤',
+},
+{
+label: '煤层厚度',
+value: '2.62m',
+},
+{
+label: '煤层角度',
+value: '0°~10°',
+},
+{
+label: '最短发火期',
+value: '33天',
+},
+{
+label: '工作面长度',
+value: '303.69m',
+},
+{
+label: '采空区管理',
+value: '全部垮落',
+},
+],
+},
+],
+chart: [],
+gallery: [],
+gallery_list: [],
+table: [],
+complex_list: [],
+preset: [],
+},
+showStyle: {
+size: 'width:440px;height:250px;',
+version: '原版',
+position: 'top:70px;left:10px;',
+headerPosition: 'centerBottom',
+},
+},
+// 2. 矿用自动喷洒系统（左中）
+{
+deviceType: 'autoSpraySystem',
+moduleName: '矿用自动喷洒系统',
+pageType: 'ts_fire',
+moduleData: {
+header: {
+show: false,
+readFrom: '',
+selector: {
+show: false,
+value: '',
+},
+slot: {
+show: false,
+value: '',
+},
+},
+background: {
+show: false,
+type: 'video',
+link: '',
+},
+layout: {
+direction: 'column',
+items: [
+{
+name: 'select_cs',
+basis: '40%',
+},
+{
+name: 'board',
+basis: '60%'
+}
+],
+},
+board: [
+{
+type: 'M',
+readFrom: '',
+layout: 'val-top',
+items: [
+{
+label: '流量传感器#1',
+value: 'xxxxxx',
+},
+{
+label: '流量传感器#2',
+value: 'xxxxxx',
+},
+{
+label: '压力传感器',
+value: 'xxxxxx',
+},
+{
+label: '液位计',
+value: '液位超限',
+}
+],
+},],
+chart: [],
+gallery: [],
+gallery_list: [],
+table: [],
+list: [],
+complex_list: [],
+preset: [
+{
+readFrom: 'select_cs',
+setLabelConfig :{
+selectL:'请选择...',
+switchL:['开启','关闭'],
+switchL1:'进料泵',
+switchL2:'注浆泵'
+}
+},
+],
+mock: {},
+},
+showStyle: {
+size: 'width:440px;height:290px;',
+version: '原版',
+position: 'top:325px;left:10px;',
+},
+},
+// 3. 光纤测温系统（左下）
+{
+deviceType: 'pdArray',
+moduleName: '光纤测温系统',
+pageType: 'ts_fire',
+moduleData: {
+header: {
+show: true,
+readFrom: '',
+selector: {
+show: true,
+value: '${systemname}',
+},
+slot: {
+show: false,
+value: '',
+},
+},
+background: {
+show: false,
+type: 'video',
+link: '',
+},
+layout: {
+direction: 'column',
+items: [
+{
+name: 'chart',
+basis: '100%',
+},
+],
+},
+chart: [
+{
+type: 'line_smooth',
+readFrom: 'arrayFiber',
+legend: { show: false },
+xAxis: [{ show: true }],
+yAxis: [{ show: true, name: '温度（℃）', position: 'left' }],
+series: [
+{
+label: '${strinstallpos}',
+readFrom: 'fibreTemperatureArr',
+xprop: 'pos',
+yprop: 'value',
+},
+],
+},
+],
+gallery: [],
+gallery_list: [],
+table: [],
+list: [],
+complex_list: [],
+preset: [],
+},
+showStyle: {
+size: 'width:440px;height:270px;',
+version: '原版',
+position: 'bottom:8px;left:10px;',
+headerPosition: 'centerBottom',
+},
+},
+// 4. 可采煤层煤自燃特性（右上）
+{
+deviceType: 'coalFireFeature',
+moduleName: '开采煤层自燃发火特性',
+pageType: 'ts_fire',
+moduleData: {
+header: {
+show: false,
+readFrom: '',
+selector: {
+show: false,
+value: '',
+},
+slot: {
+show: false,
+value: '',
+},
+},
+background: {
+show: false,
+type: 'video',
+link: '',
+},
+layout: {
+direction: 'row',
+items: [
+{
+name: 'table',
+basis: '100%',
+},
+],
+},
+board: [],
+chart: [],
+gallery: [],
+gallery_list: [],
+table: [
+{
+type: 'A',
+readFrom: 'mockTable',
+columns: [
+{
+name: '煤层',
+prop: 'a',
+},
+{
+name: '自燃倾向性',
+prop: 'b',
+},
+{
+name: '最短发火期',
+prop: 'c',
+},
+{
+name: '煤层爆炸指数',
+prop: 'd',
+},
+],
+},
+],
+list: [],
+complex_list: [],
+preset: [],
+mock: {
+mockTable: [
+{
+a: '1煤',
+b: '自燃',
+c: '123天',
+d: '0%',
+},
+{
+a: '2煤',
+b: '自燃',
+c: '123天',
+d: '0%',
+},
+{
+a: '3煤',
+b: '自燃',
+c: '123天',
+d: '0%',
+},
+{
+a: '4煤',
+b: '自燃',
+c: '123天',
+d: '0%',
+},
+{
+a: '5煤',
+b: '自燃',
+c: '123天',
+d: '0%',
+},
+{
+a: '6煤',
+b: '自燃',
+c: '123天',
+d: '0%',
+},
+{
+a: '7煤',
+b: '自燃',
+c: '123天',
+d: '0%',
+},
+],
+},
+},
+showStyle: {
+size: 'width:440px;height:200px;',
+version: '原版',
+position: 'top:75px;right:10px;',
+},
+},
+// 5. 注氮系统（右中）
+{
+deviceType: 'NitrogenMonitor',
+moduleName: '注氮系统',
+pageType: 'ts_fire',
+moduleData: {
+header: { show: false, readFrom: '', selector: { show: false, value: '' }, slot: { show: false, value: '' } },
+background: { show: false, type: 'video', link: '' },
+layout: {
+direction: 'column',
+items: [
+{
+name: 'board',
+basis: '40%',
+},
+{
+name: 'board',
+basis: '30%'
+},
+{
+name: 'board',
+basis: '30%'
+},
+{
+name: 'board',
+basis: '30%'
+}],
+},
+table: [],
+board: [
+{
+type: 'N',
+readFrom: '',
+layout: 'label-top',
+items: [
+{
+label: '流量',
+value: '2663',
+},
+{
+label: '管道温度',
+value: '40.1',
+},
+{
+label: '氮气压力',
+value: '0.86',
+},
+{
+label: '氮含量',
+value: '97.3',
+}
+],
+},
+{
+type: 'O',
+readFrom: '',
+layout: 'val-top',
+items: [
+{
+label: '排气压力',
+value: '0.97',
+},
+{
+label: '排气温度',
+value: '84.4',
+},
+{
+label: '油压',
+value: '0.99',
+}
+],
+},
+{
+type: 'O',
+readFrom: '',
+layout: 'val-top',
+items: [
+{
+label: '排气压力',
+value: '0.97',
+},
+{
+label: '排气温度',
+value: '84.4',
+},
+{
+label: '油压',
+value: '0.99',
+}
+],
+},
+{
+type: 'O',
+readFrom: '',
+layout: 'val-top',
+items: [
+{
+label: '排气压力',
+value: '0.97',
+},
+{
+label: '排气温度',
+value: '84.4',
+},
+{
+label: '油压',
+value: '0.99',
+}
+],
+}
+],
+chart: [],
+gallery: [],
+gallery_list: [],
+list: [],
+complex_list: [],
+preset: [],
+mock: {},
+},
+showStyle: {
+size: 'width:440px;height:290px;',
+version: '原版',
+position: 'top:280px;right:10px;',
+},
+},
+// 6. 采空区密闭监测系统（右下）
+{
+deviceType: 'pdArray',
+moduleName: '采空区密闭监测系统',
+pageType: 'ts_fire',
+moduleData: {
+header: {
+show: true,
+readFrom: '',
+selector: {
+show: true,
+value: '${systemname}',
+},
+slot: {
+show: false,
+value: '',
+},
+},
+background: {
+show: false,
+type: 'video',
+link: '',
+},
+layout: {
+direction: 'column',
+items: [
+{
+name: 'chart',
+basis: '100%',
+},
+],
+},
+chart: [
+{
+type: 'line_smooth',
+readFrom: 'arrayFiber',
+legend: { show: false },
+xAxis: [{ show: true }],
+yAxis: [{ show: true, name: '温度（℃）', position: 'left' }],
+series: [
+{
+label: '${strinstallpos}',
+readFrom: 'fibreTemperatureArr',
+xprop: 'pos',
+yprop: 'value',
+},
+],
+},
+],
+gallery: [],
+gallery_list: [],
+table: [],
+list: [],
+complex_list: [],
+preset: [],
+},
+showStyle: {
+size: 'width:440px;height:280px;',
+version: '原版',
+position: 'bottom:8px;right:10px;',
+},
+},
+
 ];

src/views/vent/home/configurable/fireTS.vue

@@ -42,7 +42,7 @@
     </div>
     <!-- 渲染所有模块 -->
     <ModuleCommon 
-      v-for="cfg in configs" 
+      v-for="cfg in cfgs" 
       :key="cfg.deviceType + cfg.moduleName"
       :show-style="cfg.showStyle" 
       :module-data="cfg.moduleData"