[Pref 0000] 删除已弃用文件

src/views/vent/home/configurable/deprecated/AirVolumeMonitor.vue

@@ -1,113 +0,0 @@
-<!-- eslint-disable vue/multi-word-component-names -->
-<template>
-  <ModuleBasic :title="config.moduleName" :version="config.showStyle?.version" :size="config.showStyle?.size" :position="config.showStyle?.position">
-    <!-- <CostumeHeader :api="fetchOptions" @change="selectDeviceByID">
-    <div class="w-200px flex flex-items-center">
-      <RightCircleOutlined class="w-30px" />
-      <div class="flex-grow-1">
-        {{ selectedDevice.strinstallpos }}
-      </div>
-    </div>
-  </CostumeHeader> -->
-    <PictorialBar :option="chartOption" series-prop-type="y" x-axis-prop-type="x" :chart-data="chartData" height="100%" />
-    <!-- <div class="flex justify-around mt-10px">
-    <MiniBoard v-for="item in configs" :key="item.prop" :label="item.label" :value="selectedDevice[item.prop]" />
-  </div> -->
-  </ModuleBasic>
-</template>
-<script lang="ts" setup>
-  import { computed, onMounted, ref } from 'vue';
-  import PictorialBar from '/@/components/chart/PictorialBar.vue';
-  import { EChartsOption, graphic } from 'echarts';
-  import { useInitScene } from '../hooks/useInit';
-  import _ from 'lodash-es';
-  import { get } from '../../billboard/utils';
-  import ModuleBasic from './moduleBasic.vue';
-  // import mapComponent from './components/3Dmap/index.vue';
-
-  // 设备类别，是个枚举 TODO: 将手动换为自动获取类别
-  const devicekind = 'sys_wind';
-
-  const config = ref({
-    moduleName: '矿井风量实时监测',
-    moduleData: {
-      chart: {
-        x: 'stationname',
-        y: 'readData.m3',
-      },
-    },
-    showStyle: {
-      size: 'width:1000px;height:280px;',
-      position: 'left:460px;top:640px;',
-      version: 'enhanced',
-    },
-  });
-  // const { config: remoteConfig, fetchConfig } = useInitConfig(devicekind);
-  const { scene, fetchScene } = useInitScene(devicekind);
-
-  const chartData = computed(() => {
-    return scene.value.map((ele) => {
-      return {
-        x: get(ele, get(config.value, 'moduleData.chart.x', 'x')),
-        y: get(ele, get(config.value, 'moduleData.chart.y', 'y')),
-      };
-    });
-  });
-
-  onMounted(() => {
-    // fetchConfig();
-    fetchScene();
-  });
-
-  // 图表的配置项
-  const chartOption: EChartsOption = {
-    grid: {
-      top: 50,
-      height: 150,
-    },
-    yAxis: {
-      splitLine: {
-        lineStyle: {
-          color: '#ffffff',
-          opacity: 0.3,
-        },
-      },
-    },
-    legend: { show: false },
-    series: [
-      {
-        type: 'pictorialBar',
-        name: 'pictorial element',
-        symbol: 'circle',
-        symbolPosition: 'end',
-        symbolSize: [16, 16],
-        symbolOffset: [0, -8],
-        itemStyle: {
-          color: '#66ffff',
-        },
-        data: [],
-      },
-      {
-        name: 'reference bar',
-        type: 'bar',
-        silent: true,
-        itemStyle: {
-          color: new graphic.LinearGradient(0, 0, 0, 1, [
-            { offset: 0, color: '#66ffff' },
-            { offset: 0.2, color: '#66ffff' },
-            { offset: 1, color: '#66ffff22' },
-          ]),
-        },
-        tooltip: {
-          show: false,
-        },
-        barWidth: 8,
-        data: [],
-      },
-    ],
-    textStyle: {
-      color: '#fff',
-    },
-  };
-</script>
-<style scoped></style>

src/views/vent/home/configurable/deprecated/DeviceWarning.vue

@@ -1,178 +0,0 @@
-<!-- eslint-disable vue/multi-word-component-names -->
-<template>
-  <ModuleBasic :title="config.moduleName" :version="config.showStyle?.version" :size="config.showStyle?.size" :position="config.showStyle?.position">
-    <CostumeHeader>
-      <template #select>
-        <!-- 填写空的div以覆盖默认的选择框 -->
-        <div></div>
-      </template>
-      <div class="w-200px flex flex-items-center">
-        <RightCircleOutlined class="w-30px" />
-        <div v-for="(label, prop) in config.moduleData.header" :key="prop" class="flex-grow-1">
-          {{ label }}
-          <span> {{ get(scene, prop) }}条 </span>
-        </div>
-      </div>
-    </CostumeHeader>
-    <div class="timeline">
-      <div v-for="(item, i) in warns" :key="`svvhccdw-${i}`" class="flex items-center timeline-item">
-        <div class="timeline-item__icon" :class="`timeline-item__icon_${item.color}`"></div>
-        <div class="timeline-item__dot"></div>
-        <div class="timeline-item__label">{{ item.label }}</div>
-        <div :class="`timeline-item__value_${item.color}`">{{ item.count }}</div>
-      </div>
-      <div class="timeline-component"></div>
-    </div>
-  </ModuleBasic>
-</template>
-<script lang="ts" setup>
-  import { computed, onMounted, ref } from 'vue';
-  // import { list as cfgList } from '@/views/vent/deviceManager/configurationTable/configuration.api';
-  // import { list } from '@/views/vent/deviceManager/deviceTable/device.api';
-  import ModuleBasic from './moduleBasic.vue';
-  import CostumeHeader from './CostumeHeader.vue';
-  import { RightCircleOutlined } from '@ant-design/icons-vue';
-  import { useInitScene } from '../hooks/useInit';
-  import { get } from '../../billboard/utils';
-  import _ from 'lodash-es';
-  // import MiniBoard from './MiniBoard.vue';
-  // import mapComponent from './components/3Dmap/index.vue';
-
-  // 设备类别，是个枚举 TODO: 将手动换为自动获取类别
-  const devicekind = 'warn';
-
-  // const configs = ref<{ prop: string; label: string }[]>([]);
-  // function fetchConfig() {
-  //   cfgList({
-  //     deviceType: 'devicekind',
-  //   }).then(({ records }) => {
-  //     const moduleData = JSON.parse(records[0]?.moduleData);
-  //     configs.value = Object.keys(moduleData).map((k) => {
-  //       return {
-  //         prop: k,
-  //         label: moduleData[k],
-  //       };
-  //     });
-  //   });
-  // }
-  const config = ref({
-    moduleName: '设备告警',
-    moduleData: {
-      header: {
-        'netstatus.val': '网络断开',
-      },
-      main: {
-        'red.val': '严重',
-        'orange.val': '非常严重',
-        'yellow.val': '较严重',
-        'blue.val': '一般严重',
-        'alarm.val': '报警',
-      },
-    },
-    showStyle: {
-      size: 'width:450px;height:280px;',
-      position: 'right:0px;top:640px;',
-      version: 'enhanced',
-    },
-  });
-  // const { config: remoteConfig, fetchConfig } = useInitConfig(devicekind);
-  const { scene, fetchScene } = useInitScene(devicekind);
-
-  const warns = computed(() => {
-    const colors = ['red', 'orange', 'yellow', 'green', 'blue'];
-    let i = -1;
-    return _.map(config.value.moduleData.main || [], (label, prop) => {
-      i += 1;
-      return {
-        label,
-        count: get(scene, prop),
-        color: colors[i],
-      };
-    });
-  });
-
-  onMounted(() => {
-    fetchScene();
-    // fetchConfig();
-  });
-</script>
-<style lang="less" scoped>
-  @import '@/design/vent/color.less';
-
-  .timeline-item {
-    height: 20%;
-  }
-  .timeline-item__icon_red {
-    background-image: url('@/assets/images/home-container/configurable/warn_icon_5.png');
-  }
-  .timeline-item__icon_orange {
-    background-image: url('@/assets/images/home-container/configurable/warn_icon_4.png');
-  }
-  .timeline-item__icon_yellow {
-    background-image: url('@/assets/images/home-container/configurable/warn_icon_3.png');
-  }
-  .timeline-item__icon_green {
-    background-image: url('@/assets/images/home-container/configurable/warn_icon_2.png');
-  }
-  .timeline-item__icon_blue {
-    background-image: url('@/assets/images/home-container/configurable/warn_icon_1.png');
-  }
-  .timeline-item__icon {
-    width: 33px;
-    height: 35px;
-    margin-left: 50px;
-    background-repeat: no-repeat;
-    background-position: center center;
-  }
-  .timeline-item__dot {
-    width: 10px;
-    height: 10px;
-    margin-left: 70px;
-    background-color: @vent-gas-primary-bg;
-    border-radius: 5px;
-    position: relative;
-  }
-  .timeline-item__dot::before {
-    content: '';
-    position: absolute;
-    top: -3px;
-    left: -3px;
-    width: 16px;
-    height: 16px;
-    border-radius: 8px;
-    border: 1px solid @vent-gas-tab-border;
-  }
-  .timeline-item__label {
-    width: 100px;
-    margin-left: 70px;
-  }
-  .timeline-item__value_red {
-    color: red;
-  }
-  .timeline-item__value_orange {
-    color: orange;
-  }
-  .timeline-item__value_yellow {
-    color: yellow;
-  }
-  .timeline-item__value_green {
-    color: yellowgreen;
-  }
-  .timeline-item__value_blue {
-    color: lightblue;
-  }
-
-  .timeline {
-    height: 220px;
-    padding: 5px;
-    position: relative;
-  }
-  .timeline-component {
-    position: absolute;
-    width: 2px;
-    height: 180px;
-    top: 20px;
-    left: 162px;
-    background-image: @vent-configurable-home-timeline;
-  }
-</style>

src/views/vent/home/configurable/deprecated/SubVentilate.vue

@@ -1,43 +0,0 @@
-<template>
-  <ModuleBasic :title="config.moduleName" :version="config.showStyle?.version" :size="config.showStyle?.size" :position="config.showStyle?.position">
-    <CostumeHeader v-model:value="selectedDeviceID" :options="options">
-      <div class="w-200px flex flex-items-center">
-        <RightCircleOutlined class="w-30px" />
-        <div class="flex-grow-1">
-          {{ selectedDevice.strinstallpos }}
-        </div>
-      </div>
-    </CostumeHeader>
-    <div class="flex justify-around mt-10px">
-      <MiniBoard
-        v-for="(label, prop) in config.moduleData?.main"
-        :key="`vhccsv-${prop}`"
-        :label="label"
-        :value="get(selectedDevice, prop)"
-        type="A"
-      />
-    </div>
-  </ModuleBasic>
-</template>
-<script lang="ts" setup>
-  import { onMounted } from 'vue';
-  import ModuleBasic from './moduleBasic.vue';
-  import CostumeHeader from './CostumeHeader.vue';
-  import { RightCircleOutlined } from '@ant-design/icons-vue';
-  import MiniBoard from './MiniBoard.vue';
-  import { useInitConfig, useInitDevices } from '../hooks/useInit';
-  import { get } from '../../billboard/utils';
-  // import mapComponent from './components/3Dmap/index.vue';
-
-  // 设备类别，是个枚举 TODO: 将手动换为自动获取类别
-  const devicekind = 'fanlocal';
-
-  const { config, fetchConfig } = useInitConfig(devicekind);
-  const { options, selectedDevice, selectedDeviceID, fetchDevices } = useInitDevices(devicekind);
-
-  onMounted(() => {
-    fetchConfig();
-    fetchDevices();
-  });
-</script>
-<style scoped></style>

src/views/vent/home/configurable/deprecated/Ventilate.vue

@@ -1,38 +0,0 @@
-<!-- eslint-disable vue/multi-word-component-names -->
-<template>
-  <ModuleBasic :title="config.moduleName" :version="config.showStyle?.version" :size="config.showStyle?.size" :position="config.showStyle?.position">
-    <CostumeHeader v-model:value="selectedDeviceID" :options="options">
-      <div class="w-200px flex flex-items-center">
-        <RightCircleOutlined class="w-30px" />
-        <div class="flex-grow-1">
-          {{ selectedDevice.strinstallpos }}
-        </div>
-      </div>
-    </CostumeHeader>
-    <div class="flex justify-around mt-10px">
-      <MiniBoard v-for="(label, prop) in config.moduleData?.main" :key="`vhccv-${prop}`" :label="label" :value="get(selectedDevice, prop)" type="C" />
-    </div>
-  </ModuleBasic>
-</template>
-<script lang="ts" setup>
-  import { onMounted } from 'vue';
-  import ModuleBasic from './moduleBasic.vue';
-  import CostumeHeader from './CostumeHeader.vue';
-  import { RightCircleOutlined } from '@ant-design/icons-vue';
-  import MiniBoard from './MiniBoard.vue';
-  import { useInitConfig, useInitDevices } from '../hooks/useInit';
-  import { get } from '../../billboard/utils';
-  // import mapComponent from './components/3Dmap/index.vue';
-
-  // 设备类别，是个枚举 TODO: 将手动换为自动获取类别
-  const devicekind = 'fanmain';
-
-  const { config, fetchConfig } = useInitConfig(devicekind);
-  const { options, selectedDevice, selectedDeviceID, fetchDevices } = useInitDevices(devicekind);
-
-  onMounted(() => {
-    fetchConfig();
-    fetchDevices();
-  });
-</script>
-<style scoped></style>

src/views/vent/home/configurable/deprecated/VentilateAnalysis.vue

@@ -1,105 +0,0 @@
-<!-- eslint-disable vue/multi-word-component-names -->
-<template>
-  <ModuleBasic :title="config.moduleName" :version="config.showStyle?.version" :size="config.showStyle?.size" :position="config.showStyle?.position">
-    <CostumeHeader v-model:value="selectedDeviceID" :options="options">
-      <!-- <div class="w-200px flex flex-items-center">
-      <RightCircleOutlined class="w-30px" />
-      <div class="flex-grow-1">
-        {{ selectedDevice.strinstallpos }}
-      </div>
-    </div> -->
-    </CostumeHeader>
-    <Pie :option="chartOption" :chart-data="chartData" height="140px" />
-    <div class="flex justify-around mt-10px">
-      <MiniBoard
-        v-for="(label, prop) in config.moduleData?.main"
-        :key="`vhccva-${prop}`"
-        :label="label"
-        :value="get(selectedDevice, prop)"
-        layout="label-top"
-        type="D"
-      />
-    </div>
-  </ModuleBasic>
-</template>
-<script lang="ts" setup>
-  import CostumeHeader from './CostumeHeader.vue';
-  import { computed, onMounted, ref } from 'vue';
-  import Pie from '/@/components/chart/Pie.vue';
-  import { EChartsOption } from 'echarts';
-  import { useInitDevices } from '../hooks/useInit';
-  import { get } from '../../billboard/utils';
-  import _ from 'lodash-es';
-  import MiniBoard from './MiniBoard.vue';
-  import ModuleBasic from './moduleBasic.vue';
-  // import mapComponent from './components/3Dmap/index.vue';
-
-  // 设备类别，是个枚举 TODO: 将手动换为自动获取类别
-  const devicekind = 'sys_majorpath';
-
-  const config = ref({
-    moduleName: '关键通风路线', // 通风系统监测与分析
-    moduleData: {
-      main: {
-        // m3_total: '总风量',
-        // drag_total: '总阻力',
-        // dengjikong: '等积孔',
-        'majorpath.drag_1': '阻力1',
-        'majorpath.drag_2': '阻力2',
-        'majorpath.drag_3': '阻力3',
-      },
-      chart: {
-        'majorpath.drag_1': '阻力1',
-        'majorpath.drag_2': '阻力2',
-        'majorpath.drag_3': '阻力3',
-      },
-    },
-    showStyle: {
-      size: 'width:450px;height:280px;',
-      position: 'right:0px;top:60px;',
-      version: 'enhanced',
-    },
-  });
-  // const { config: remoteConfig, fetchConfig } = useInitConfig(devicekind);
-  const { options, selectedDevice, selectedDeviceID, fetchDevices } = useInitDevices(devicekind);
-
-  onMounted(() => {
-    // fetchConfig();
-    fetchDevices();
-  });
-
-  const chartData = computed(() => {
-    return _.map(config.value.moduleData?.chart || [], (label, prop) => {
-      return {
-        value: parseInt(get(selectedDevice.value, prop, 0)),
-        name: label,
-      };
-    });
-  });
-
-  onMounted(() => {});
-
-  // 图表配置项
-  const chartOption: EChartsOption = {
-    series: [
-      {
-        type: 'pie',
-        radius: ['50%', '75%'],
-        center: ['50%', '55%'],
-        data: [],
-        labelLine: { show: false },
-        label: {
-          show: false,
-          // formatter: '{b} \n ({d}%)',
-          // color: '#B1B9D3',
-        },
-        itemStyle: {
-          shadowBlur: 20,
-          shadowColor: '#259bcf',
-        },
-      },
-    ],
-    color: ['#d9a1ff', '#00d1ff', '#82fe78'],
-  };
-</script>
-<style scoped></style>

src/views/vent/home/configurable/deprecated/VentilateControl.vue

@@ -1,44 +0,0 @@
-<!-- eslint-disable vue/multi-word-component-names -->
-<template>
-  <ModuleBasic :title="config.moduleName" :version="config.showStyle?.version" :size="config.showStyle?.size" :position="config.showStyle?.position">
-    <!-- <CostumeHeader v-model:value="selectedDeviceID" :options="options">
-      <template #select>
-        <div></div>
-      </template>
-      <div> </div>
-    </CostumeHeader> -->
-    <!-- <div class="flex justify-around mt-10px">
-    <MiniBoard v-for="item in configs" :key="item.prop" :label="item.label" :value="selectedDevice[item.prop]" />
-  </div> -->
-  </ModuleBasic>
-</template>
-<script lang="ts" setup>
-  import { onMounted, ref } from 'vue';
-  // import CostumeHeader from './CostumeHeader.vue';
-  // import { RightCircleOutlined } from '@ant-design/icons-vue';
-  import ModuleBasic from './moduleBasic.vue';
-  // import MiniBoard from './MiniBoard.vue';
-  // import { useInitDevices } from '../hooks/useInit';
-  // import { get } from '../../billboard/utils';
-  // import mapComponent from './components/3Dmap/index.vue';
-
-  // 设备类别，是个枚举 TODO: 将手动换为自动获取类别
-  // const devicekind = 'fanlocal';
-
-  const config = ref({
-    moduleName: '通风设施远程控制',
-    showStyle: {
-      size: 'width:450px;height:280px;',
-      position: 'left:0;top:640px;',
-      version: 'enhanced',
-    },
-  });
-  // const { configs, fetchConfig } = useInitConfig(devicekind);
-  // const { options, selectedDevice, selectedDeviceID, fetchDevices } = useInitDevices(devicekind);
-
-  onMounted(() => {
-    // fetchConfig();
-    // fetchDevices();
-  });
-</script>
-<style scoped></style>

src/views/vent/home/configurable/deprecated/WorkSurface.vue

@@ -1,125 +0,0 @@
-<!-- eslint-disable vue/multi-word-component-names -->
-<template>
-  <ModuleBasic :title="config.moduleName" :version="config.showStyle?.version" :size="config.showStyle?.size" :position="config.showStyle?.position">
-    <CostumeHeader v-model:value="selectedDeviceID" :options="options">
-      <!-- <div class="w-200px flex flex-items-center">
-      <RightCircleOutlined class="w-30px" />
-      <div class="flex-grow-1">
-        {{ selectedDevice.strinstallpos }}
-      </div>
-    </div> -->
-    </CostumeHeader>
-    <LineMulti
-      :option="chartOption"
-      :prop-type-arr="propTypeArr"
-      x-axis-prop-type="time"
-      :chart-data="chartData"
-      height="140px"
-      class="worksurface-chart"
-    />
-    <div class="flex justify-around">
-      <MiniBoard
-        v-for="(label, prop) in config.moduleData?.main"
-        :key="`vhccws-${prop}`"
-        :label="label"
-        :value="get(selectedDevice, prop)"
-        layout="label-top"
-        type="B"
-      />
-    </div>
-  </ModuleBasic>
-</template>
-<script lang="ts" setup>
-  import LineMulti from '/@/components/chart/LineMulti.vue';
-  import CostumeHeader from './CostumeHeader.vue';
-  import { computed, onMounted, ref } from 'vue';
-  import { EChartsOption } from 'echarts';
-  import { useInitDevices } from '../hooks/useInit';
-  import { get } from '../../billboard/utils';
-  import _ from 'lodash-es';
-  import MiniBoard from './MiniBoard.vue';
-  import ModuleBasic from './moduleBasic.vue';
-  // import mapComponent from './components/3Dmap/index.vue';
-
-  // 设备类别，是个枚举 TODO: 将手动换为自动获取类别
-  const devicekind = 'sys_surface_caimei';
-
-  const config = ref({
-    moduleName: '采煤工作面智能管控',
-    moduleData: {
-      main: {
-        jin: '进风',
-        hui: '回风',
-        xufengliang: '需风量',
-      },
-      // 这里的配置比较特殊，需要配置为数据中 history 对象下的取值路径。无法针对 x 轴进行配置
-      // 例如数据为 { history: [ jin: 10 ] }，那么需要配置为 jin
-      chart: {
-        hui: '回风量',
-        jin: '进风量',
-      },
-    },
-    showStyle: {
-      size: 'width:450px;height:280px;',
-      position: 'right:0px;top:350px;',
-      version: 'enhanced',
-    },
-  });
-  // const { config: remoteConfig, fetchConfig } = useInitConfig(devicekind);
-  const { options, selectedDevice, selectedDeviceID, fetchDevices } = useInitDevices(devicekind);
-
-  onMounted(() => {
-    // fetchConfig();
-    fetchDevices();
-  });
-
-  const chartData = computed(() => {
-    return selectedDevice.value.history || [];
-  });
-
-  const propTypeArr = computed(() => {
-    const map = new Map();
-    if (config.value.moduleData?.chart) {
-      _.forEach(config.value.moduleData?.chart || [], (label, prop) => {
-        map.set(prop, label);
-      });
-    }
-    return map;
-  });
-
-  // 图表相关
-  const chartOption: EChartsOption = {
-    legend: {
-      top: 10,
-      right: 10,
-      textStyle: {
-        color: '#fff',
-      },
-    },
-    grid: {
-      top: 35,
-      height: 80,
-    },
-    yAxis: {
-      type: 'value',
-      splitLine: {
-        lineStyle: {
-          color: '#fff',
-          opacity: 0.3,
-        },
-      },
-    },
-    textStyle: {
-      color: '#fff',
-    },
-    backgroundColor: '#081f33',
-    // backgroundColor: '#0091ff12',
-  };
-</script>
-<style scoped lang="less">
-  @import '@/design/vent/color.less';
-
-  .worksurface-chart {
-    border: 1px solid @vent-configurable-home-light-border;
-  }
-</style>

src/views/vent/home/configurable/deprecated/moduleBasic.vue

@@ -1,47 +0,0 @@
-<template>
-  <!-- <component :is="getModuleComponent(position, version)" :style="style" :title="title"> -->
-  <slot></slot>
-  <!-- </component> -->
-</template>
-<script lang="ts" setup>
-  // import ModuleLeft from './moduleLeft.vue';
-  // import ModuleRight from './moduleRight.vue';
-  // import ModuleBottom from './moduleBottom.vue';
-  // import { computed } from 'vue';
-
-  const props = withDefaults(
-    defineProps<{
-      title?: string;
-      position?: string;
-      size?: string;
-      version?: string;
-    }>(),
-    {
-      title: '',
-      position: '',
-      version: '',
-      size: '',
-    }
-  );
-
-  // const style = computed(() => {
-  //   return props.size + props.position;
-  // });
-
-  // // 根据配置里的定位判断应该使用哪个module组件
-  // function getModuleComponent(position, version) {
-  //   if (version === 'original') {
-  //     return ModuleLeft; // TODO：改为返回旧版的module组件
-  //   }
-  //   if (position.includes('left:0')) {
-  //     return ModuleLeft;
-  //   }
-  //   if (position.includes('right:0')) {
-  //     return ModuleRight;
-  //   }
-  //   if (position.includes('bottom:0')) {
-  //     return ModuleBottom;
-  //   }
-  //   return ModuleLeft; // TODO：改为返回旧版的module组件
-  // }
-</script>