1、分控车间看板设备状态增加状态值为1的待机状态 2、分控车间看板设备详细信息若数据文字长度过长则省略

zhaowei

2024-11-05 2bf00b2f7c94a705805b29ab63bdcda6d7ea7339

 src/views/mdc/base/SubControlWorkshopSignage.vue

@@ -59,22 +59,40 @@
          <td>{{item.clazz}}</td>
        </template>
      </tr>
      <template v-if="todayProductionPlanList.length<=3">
        <tr v-for="(item,index) in 3-todayProductionPlanList.length"
            :key="index">
          <td colspan="2"></td>
          <td colspan="2"></td>
          <td colspan="2"></td>
          <td colspan="2"></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td colspan="2"></td>
          <td colspan="2"></td>
          <td></td>
        </tr>
      </template>
      </tbody>
    </table>

    <div class="device-container">
      <div class="single-device-container" v-for="item in equipmentStatusList" :key="item.id"
           :style="{marginRight:isDeviceContinuous(currentProductionInfo.productionOrder)?'':'5%'}">
           :style="{marginRight:isDeviceContinuous(currentProductionInfo.productionOrder)?'':'5%'}"
           @click="openDetail(item)">
        <div class="status-image-container">
          <img src="@/assets/page/subControlWorkshopSignage/grey.png" v-if="item.oporation===0">
          <img src="@/assets/page/subControlWorkshopSignage/green.png" v-if="item.oporation===3">
          <img src="@/assets/page/subControlWorkshopSignage/yellow.png" v-if="item.oporation===2">
          <img src="@/assets/page/subControlWorkshopSignage/yellow.png" v-if="item.oporation===1">
          <img src="@/assets/page/subControlWorkshopSignage/red.png" v-if="item.oporation===22">
        </div>
        <div class="device-image-container">
          <img :src="require('@/assets/page/subControlWorkshopSignage/'+item.equipmentId+'.png')">
        </div>
        1
        {{item.equipmentId}}
        <div class="device-name">
          {{item.equipmentName}}
        </div>
@@ -102,7 +120,7 @@
            <template v-for="(listItem,listIndex) in maxBrandToolLifeListLength">
              <template>
                <tr>
                  <td style="width: 7vw">额定寿命</td>
                  <td style="width: 5vw;min-width: 5vw">额定寿命</td>
                  <template v-for="(item,index) in toolLife.brandList">
                    <td rowspan="2" style="width: 2.5vw">
                      {{toolLife.lifeList[index][listIndex]?toolLife.lifeList[index][listIndex]?toolLife.lifeList[index][listIndex].tid:'':''}}
@@ -130,6 +148,8 @@

    <SignageModal :todayProductionPlanList="todayProductionPlanList" :modalVisible="modalVisible"
                  @closeModal="modalVisible=false"/>

    <EquipmentDetailModal ref="equipmentDetailModal"/>
  </div>
</template>

@@ -137,10 +157,11 @@
  import moment from 'moment'
  import api from '@/api/mdc'
  import SignageModal from './modules/SubControlWorkshopSignage/SignageModal'
  import EquipmentDetailModal from './modules/SubControlWorkshopSignage/EquipmentDetailModal'

  export default {
    name: 'SubControlWorkshopSignage',
    components: { SignageModal },
    components: { EquipmentDetailModal, SignageModal },
    data() {
      return {
        currentProductionInfo: {
@@ -188,22 +209,22 @@
        // ],
        todayProductionPlanList: [],
        equipmentStatusList: [
          {
            oporation: 0,
            equipmentId: '5045-7076'
          },
          {
            oporation: 3,
            equipmentId: '5068-7005'
          },
          {
            oporation: 22,
            equipmentId: '5045-7157'
          },
          {
            oporation: 2,
            equipmentId: '5045-7815'
          }
          // {
          //   oporation: 0,
          //   equipmentId: '5045-7076'
          // },
          // {
          //   oporation: 3,
          //   equipmentId: '5068-7005'
          // },
          // {
          //   oporation: 22,
          //   equipmentId: '5045-7157'
          // },
          // {
          //   oporation: 2,
          //   equipmentId: '5045-7815'
          // }
        ],
        // toolLife: {
        //   brandList: ['北齐二', '铱 镏', '森 五', '东 曼', '西 曼', '西 德', '东 德'],
@@ -396,8 +417,18 @@
          })
      },

      clickToLoadMore() {

      openDetail(item) {
        if (item.oporation == 0) {
          this.$notification.warning({
            message: '消息',
            description: '设备处于关机状态！'
          })
          return false
        }
        console.log(item)
        this.$refs.equipmentDetailModal.initData(item.equipmentId)
        this.$refs.equipmentDetailModal.timerModel(item.equipmentId)
      },

      getEquipmentStatusByApi() {
@@ -536,6 +567,7 @@
        align-items: center;
        padding-top: 2%;
        font-size: 1vw;
        cursor: pointer;

        .status-image-container {
          height: 20%;