1、报警分析页面报警页面调整比例饼图颜色 2、维修看板页面设备平均故障率柱状图Y轴去除%号以及去除柱子注释含义 3、设备管理页面新增弹窗添加禁止手输设...

zhaowei

2025-05-29 20f77a55f8eeaceb026d1c5ad96de75d6edb712a

 src/views/mdc/base/WorkshopSignageEntrance.vue

@@ -1,12 +1,26 @@
<template>
  <div class="page-container">
    <a-list
      :grid="{ gutter: [{xs: 0, sm: 24, md: 24, lg: 56, xl: 64, xxl: 80},20], xs: 1, sm: 2, md: 2, lg: 3, xl: 4, xxl: 4 }"
      :data-source="workshopList">
      <a-list-item slot="renderItem" slot-scope="item, index">
        <div class="workshop-name" @click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}</div>
      </a-list-item>
    </a-list>
    <a-row>
      <h1>车间布局看板</h1>
      <a-list :grid="{gutter: 16, column:4}">
        <a-list-item v-for="item in workshopList" :key="item.id">
          <div class="workshop-name" @click="navigateToWorkshopSignage(item.id)">{{item.workshopName}}</div>
        </a-list-item>
      </a-list>
    </a-row>


    <a-row>
      <h1>分级看板</h1>
      <a-list :grid="{gutter: 16, column:4}">
        <a-list-item>
          <div class="workshop-name" @click="navigateToWorkshopSignageByUrl('/GradeWorkshopSignage')">分级看板</div>
        </a-list-item>
        <a-list-item>
          <div class="workshop-name" @click="navigateToWorkshopSignageByUrl('/RepairWorkshopSignage')">维修看板</div>
        </a-list-item>
      </a-list>
    </a-row>
  </div>
</template>

@@ -33,6 +47,16 @@
        const url = this.$router.resolve(`/MdcWorkshopSignage/${id}`).href
        window.open(url, '_blank')
      },

      /**
       * 通过车间Url地址跳转至对应大屏看板
       * @param httpUrl 车间Url地址
       */
      navigateToWorkshopSignageByUrl(httpUrl) {
        const url = this.$router.resolve(httpUrl).href
        window.open(url, '_blank')
      },

      /**
       * 获取车间列表
       */
@@ -53,7 +77,7 @@
    padding: 30px 30px 0;

    .workshop-name {
      width: 100%;
      /*width: 100%;*/
      background: #fff;
      padding: 55px 0;
      border-radius: 20px;
@@ -63,6 +87,7 @@
      text-overflow: ellipsis;
      font-size: 30px;
      cursor: pointer;
      margin: 0 8px;
    }
  }