Merge branch 'master' of http://182.92.126.35:3000/hrx/mky-vent-base

src/views/vent/home/billboard/components/ArrowButton.vue

@@ -0,0 +1,43 @@
+<!-- eslint-disable vue/multi-word-component-names -->
+<template>
+  <div class="arrow-button" :class="`point-to-${pointTo}`" @click="$emit('click')"></div>
+</template>
+<script lang="ts" setup>
+  /** 箭头按钮，宽高固定 90 * 76 */
+  withDefaults(
+    defineProps<{
+      pointTo: 'left' | 'right' | 'bottom' | 'top';
+    }>(),
+    {
+      pointTo: 'left',
+    }
+  );
+
+  defineEmits(['click']);
+</script>
+<style lang="less" scoped>
+  .arrow-button {
+    height: 90px;
+    width: 76px;
+    background-image: url('@/assets/images/company/arrow-button.png');
+    background-size: 100% auto;
+    background-repeat: no-repeat;
+  }
+
+  .arrow-button:hover {
+    background-image: url('@/assets/images/company/arrow-button-hover.png');
+  }
+
+  .point-to-left {
+    transform: rotate(0deg);
+  }
+  .point-to-right {
+    transform: rotate(180deg);
+  }
+  .point-to-top {
+    transform: rotate(90deg);
+  }
+  .point-to-bottom {
+    transform: rotate(270deg);
+  }
+</style>

src/views/vent/home/billboard/components/BaseCard.vue

@@ -0,0 +1,52 @@
+<!-- eslint-disable vue/multi-word-component-names -->
+<template>
+  <div class="card" :style="{ height: `${height}px` }">
+    <p class="card_title" @click="alert">
+      <slot name="title">{{ title }}</slot>
+    </p>
+    <div class="card_content" :style="{ height: `${contentHeight}px` }">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+  // import mapComponent from './components/3Dmap/index.vue';
+
+  withDefaults(
+    defineProps<{
+      title: string;
+      /** 卡片总体的高度 */
+      height?: number;
+      /** 卡片内容部分的高度 */
+      contentHeight?: number;
+    }>(),
+    {
+      height: 370,
+      contentHeight: 300,
+    }
+  );
+
+  function alert() {
+    window.alert('123');
+  }
+</script>
+<style lang="less" scoped>
+  @font-face {
+    font-family: 'douyuFont';
+    src: url('@/assets/font/douyuFont.otf');
+  }
+
+  .card {
+    background: url('@/assets/images/company/area-card4.png') no-repeat;
+    background-size: 100% 100%;
+    padding: 2px 20px 0 20px;
+    text-align: center;
+  }
+  .card_title {
+    margin-top: 10px;
+    font-family: 'douyuFont';
+  }
+  .card_content {
+    padding: 10px 0 0 0;
+  }
+</style>

src/views/vent/home/billboard/components/CommonTitle.vue

@@ -0,0 +1,41 @@
+<!-- eslint-disable vue/multi-word-component-names -->
+<template>
+  <div class="common-title flex justify-between">
+    <div>
+      <slot name="label">{{ label }}</slot>
+    </div>
+    <div class="common-title__value">
+      <slot name="value">{{ value }}</slot>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+  withDefaults(
+    defineProps<{
+      label: string;
+      value?: string;
+    }>(),
+    {
+      value: '/',
+    }
+  );
+
+  defineEmits(['click']);
+</script>
+<style lang="less" scoped>
+  @import '@/design/vent/color.less';
+
+  .common-title {
+    height: 30px;
+    line-height: 30px;
+    padding-left: 58px;
+    box-sizing: border-box;
+    background: url('@/assets/images/company/lentj.png') no-repeat center;
+    background-size: 100% 100%;
+  }
+
+  .common-title__value {
+    color: @vent-gas-primary-text;
+    padding-right: 10px;
+  }
+</style>

src/views/vent/home/billboard/components/FireStatus.vue

@@ -0,0 +1,31 @@
+<!-- eslint-disable vue/multi-word-component-names -->
+<template>
+  <CommonTitle class="mb-10px" label="矿井火灾风险性等级" :value="risk" />
+  <ListItem
+    v-for="(item, i) in FIRE_STATUS_LIST"
+    :key="item.icon"
+    :icon="item.icon"
+    :label="item.label"
+    :value="data[item.prop]"
+    :type="i % 2 ? 'green' : 'blue'"
+    class="mt-5px"
+  />
+</template>
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import CommonTitle from './CommonTitle.vue';
+  import ListItem from './ListItem.vue';
+  import { FIRE_STATUS_LIST } from '../billboard.data';
+
+  const risk = ref('低风险');
+
+  const data = ref({
+    a: '正常',
+    b: '正常',
+    c: '正常',
+    d: '正常',
+    e: '正常',
+    f: '22℃',
+  });
+</script>
+<style lang="less" scoped></style>

src/views/vent/monitorManager/nitrogen/components/nitrogenHome1.vue

@@ -43,7 +43,7 @@
               </div>
             </template>
           </fourBorderBg>
-          <fourBorderBg :class="`cqg${groupNum}`" :id="`cqgMonitor${groupNum}`" v-if="deviceProperty.modelMonitor[1].list.length > 0">
+          <fourBorderBg v-if="getShowModelMonitor(deviceProperty.modelMonitor[1], groupNum)" :class="`cqg${groupNum}`" :id="`cqgMonitor${groupNum}`">
             <div class="title">{{ deviceProperty.modelMonitor[1].title + (index + 1) }}</div>
             <template v-for="(cqgMonitor, cqgMonitorIndex) in deviceProperty.modelMonitor[1].list" :key="cqgMonitorIndex">
               <div class="monitor-item">
@@ -371,6 +371,14 @@
 
   function handleCancel() {}
 
+  // 判断是否应该在某套件（组别）下展示监测数据详情
+  function getShowModelMonitor(config: devicePropertyType, groupNum: number) {
+    if (config.hideInGroup) {
+      return !config.hideInGroup.includes(groupNum);
+    }
+    return !!config.list.length;
+  }
+
   onMounted(async () => {
     setTimeout(() => {
       mountedThree(deviceProperty.value.monitorDataGroupArr).then(async () => {

src/views/vent/monitorManager/nitrogen/nitrogen.data.1.ts

@@ -2,13 +2,14 @@ import { ref, defineAsyncComponent } from 'vue';
 import { useGlobSetting } from '/@/hooks/setting';
 export function getNitrogenHome() {
   const { sysOrgCode } = useGlobSetting();
-  // sysOrgCode = 'sdmtjtwlmlmk';
+  // const sysOrgCode = 'yjmdjhmk';
   let nitrogenHome;
   switch (sysOrgCode) {
     case 'sdmtjtbltmk': //补连塔
       nitrogenHome = defineAsyncComponent(() => import('./components/nitrogenHomeBLT.vue'));
       return nitrogenHome;
     case 'sdmtjtwlmlmk':
+    case 'yjmdjhmk': // 窑街金河矿
     case 'sdmtjtyjlmk': //榆家梁
       nitrogenHome = defineAsyncComponent(() => import('./components/nitrogenHome1.vue'));
       return nitrogenHome;
@@ -58,7 +59,7 @@ export const bottomBtnList = ref([
 
 export async function getMonitorData() {
   const { sysOrgCode } = useGlobSetting();
-  // sysOrgCode = 'sdmtjtwlmlmk';
+  // const sysOrgCode = 'yjmdjhmk';
   switch (sysOrgCode) {
     case 'yjmdsankuang': // 窑街三矿
       return await import('./nitrogen.dataYJ');
@@ -82,6 +83,8 @@ export async function getMonitorData() {
       return await import('./nitrogen.data.yjl');
     case 'sdmtjtwlmlmk': // 乌兰木伦
       return await import('./nitrogen.data.wlml');
+    case 'yjmdjhmk': // 窑街金河矿
+      return await import('./nitrogen.data.jh');
     default: //默认
       return await import('./nitrogen.dataCc_2');
     // return await import('./nitrogen.data.yjl');
@@ -103,6 +106,7 @@ export interface devicePropertyType {
   type: string;
   title: string;
   stateHeader: [];
+  hideInGroup?: any[];
   children: deviceChildType[];
   list: propertyListType[];
   key: string;

src/views/vent/monitorManager/nitrogen/nitrogen.data.jh.ts

@@ -0,0 +1,378 @@
+/**
+ * 监测数据组配置，该配置主要影响的是模型中套件的数量
+ *
+ * 数组第一层意味着有几套监测系统，第二层意味着一套监测系统里有几个套件。
+ * 第二层中的数据意味着套件编号，将用于生成点表字段来展示数据
+ */
+export const monitorDataGroupArr = [[1, 2, 3, 4]];
+
+/**
+ * 监测数据详情配置，该配置主要影响了模型里各个套件所展示的详情信息
+ *
+ * type代表详情信息排版类型
+ *
+ * hideInGroup代表在哪个套件下不展示监测数据详情
+ *
+ * key用于和套件编号、list[x].code一起生成点表字段，例如：key1code
+ */
+export const modelMonitor = [
+  {
+    type: 'list',
+    title: '空压机',
+    stateHeader: [],
+    key: 'forFan',
+    list: [
+      // {
+      //   code: 'signal',
+      //   child: [
+      //     {
+      //       title: `运行状态`,
+      //       code: `Working`,
+      //       isWaring: false,
+      //     },
+      //   ],
+      // },
+      {
+        title: '出口压力',
+        code: 'GasSupplyPressure',
+        unit: 'mPa',
+      },
+      {
+        title: `电机电流`,
+        code: `Current`,
+        unit: 'A',
+      },
+      {
+        title: `运行时间`,
+        code: `RunTime`,
+        unit: 'h',
+      },
+      {
+        title: `电机温度`,
+        code: `Temp`,
+        unit: '℃',
+      },
+    ],
+  },
+  {
+    type: 'list',
+    title: '风包',
+    key: 'forFan',
+    stateHeader: [],
+    hideInGroup: [4],
+    list: [
+      {
+        title: '风包压力',
+        code: 'WindBagPressure',
+        unit: 'mPa',
+      },
+      {
+        title: '风包温度',
+        code: 'WindBagTemp',
+        unit: '℃',
+      },
+    ],
+  },
+];
+
+/**
+ * 左侧监测数据配置，该配置主要影响左边监测模块里展示的信息
+ *
+ * type代表详情信息排版类型
+ *
+ * key用于和套件编号、list[x].code一起生成点表字段，例如：key1code
+ */
+export const leftMonitor = [
+  // {
+  //   type: 'list',
+  //   title: '压风机1',
+  //   stateHeader: [],
+  //   children: [
+  //     {
+  //       title: '',
+  //       childTitle: ['1#压风机'],
+  //       key: ['PRE1'],
+  //       list: [
+  //         {
+  //           title: `启动失败`,
+  //           code: `_MOT_StartFail`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `停止失败`,
+  //           code: `_MOT_StopFail`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `报警信号`,
+  //           code: `_AlamSignal`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `故障信号`,
+  //           code: `_FaultSignal`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `B相绕组超温`,
+  //           code: `_MOT_PhaseBTempAlarm`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `C相绕组超温`,
+  //           code: `_MOT_PhaseCTempAlarm`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: '电机启动失败',
+  //           code: '_MOT_StartFail',
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: '电机停止失败',
+  //           code: '_MOT_StopFail',
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: '电机运行返回',
+  //           code: '_MOT_RunReturn',
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `A相绕组超温`,
+  //           code: `_MOT_PhaseATempAlarm`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `主机本机`,
+  //           code: `_HostorLoc`,
+  //           type: 'signal',
+  //         },
+  //         {
+  //           title: '总运行时间(h)',
+  //           code: '_MOT_TotalRunTime',
+  //           type: '',
+  //         },
+  //         {
+  //           title: 'A相绕组温度(℃)',
+  //           code: '_MOT_PhaseATemp',
+  //           type: '',
+  //         },
+  //         {
+  //           title: 'B相绕组温度(℃)',
+  //           code: '_MOT_PhaseBTemp',
+  //           type: '',
+  //         },
+  //         {
+  //           title: 'C相绕组温度(℃)',
+  //           code: '_MOT_PhaseCTemp',
+  //           type: '',
+  //         },
+  //       ],
+  //     },
+  //   ],
+  // },
+  // {
+  //   type: 'list',
+  //   title: '压风机2',
+  //   stateHeader: [],
+  //   children: [
+  //     {
+  //       title: '',
+  //       childTitle: ['2#压风机'],
+  //       key: ['PRE2'],
+  //       list: [
+  //         {
+  //           title: `启动失败`,
+  //           code: `_MOT_StartFail`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `停止失败`,
+  //           code: `_MOT_StopFail`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `报警信号`,
+  //           code: `_AlamSignal`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `故障信号`,
+  //           code: `_FaultSignal`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `B相绕组超温`,
+  //           code: `_MOT_PhaseBTempAlarm`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `C相绕组超温`,
+  //           code: `_MOT_PhaseCTempAlarm`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: '电机启动失败',
+  //           code: '_MOT_StartFail',
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: '电机停止失败',
+  //           code: '_MOT_StopFail',
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: '电机运行返回',
+  //           code: '_MOT_RunReturn',
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `A相绕组超温`,
+  //           code: `_MOT_PhaseATempAlarm`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `主机本机`,
+  //           code: `_HostorLoc`,
+  //           type: 'signal',
+  //         },
+  //         {
+  //           title: '总运行时间(h)',
+  //           code: '_MOT_TotalRunTime',
+  //           type: '',
+  //         },
+  //         {
+  //           title: 'A相绕组温度(℃)',
+  //           code: '_MOT_PhaseATemp',
+  //           type: '',
+  //         },
+  //         {
+  //           title: 'B相绕组温度(℃)',
+  //           code: '_MOT_PhaseBTemp',
+  //           type: '',
+  //         },
+  //         {
+  //           title: 'C相绕组温度(℃)',
+  //           code: '_MOT_PhaseCTemp',
+  //           type: '',
+  //         },
+  //       ],
+  //     },
+  //   ],
+  // },
+];
+
+/**
+ * 右上角汇总数据配置
+ *
+ * code表示点表字段，例如：pressure_total
+ */
+export const totalData = [
+  {
+    title: '总压力',
+    code: 'TotalPressure',
+    unit: 'mPa',
+  },
+];
+
+/**
+ * 右侧监测数据配置，该配置主要影响右边监测模块里展示的信息
+ *
+ * type代表详情信息排版类型
+ *
+ * key用于和套件编号、list[x].code一起生成点表字段，例如：key1code
+ */
+export const rightMonitor = [
+  // {
+  //   type: 'list',
+  //   title: '压风机3',
+  //   stateHeader: [],
+  //   children: [
+  //     {
+  //       title: '',
+  //       childTitle: ['3#压风机'],
+  //       key: ['PRE3'],
+  //       list: [
+  //         {
+  //           title: `启动失败`,
+  //           code: `_MOT_StartFail`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `停止失败`,
+  //           code: `_MOT_StopFail`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `报警信号`,
+  //           code: `_AlamSignal`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `故障信号`,
+  //           code: `_FaultSignal`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `B相绕组超温`,
+  //           code: `_MOT_PhaseBTempAlarm`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `C相绕组超温`,
+  //           code: `_MOT_PhaseCTempAlarm`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: '电机启动失败',
+  //           code: '_MOT_StartFail',
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: '电机停止失败',
+  //           code: '_MOT_StopFail',
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: '电机运行返回',
+  //           code: '_MOT_RunReturn',
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `A相绕组超温`,
+  //           code: `_MOT_PhaseATempAlarm`,
+  //           type: 'warning',
+  //         },
+  //         {
+  //           title: `主机本机`,
+  //           code: `_HostorLoc`,
+  //           type: 'signal',
+  //         },
+  //         {
+  //           title: '总运行时间(h)',
+  //           code: '_MOT_TotalRunTime',
+  //           type: '',
+  //         },
+  //         {
+  //           title: 'A相绕组温度(℃)',
+  //           code: '_MOT_PhaseATemp',
+  //           type: '',
+  //         },
+  //         {
+  //           title: 'B相绕组温度(℃)',
+  //           code: '_MOT_PhaseBTemp',
+  //           type: '',
+  //         },
+  //         {
+  //           title: 'C相绕组温度(℃)',
+  //           code: '_MOT_PhaseCTemp',
+  //           type: '',
+  //         },
+  //       ],
+  //     },
+  //   ],
+  // },
+];
+
+export const detailCtrl = [];