分控车间看板新增点击设备图片弹出设备信息弹窗

zhaowei

2024-10-31 7fe18e1be6ef108277fa628db35c63c74d77b75e

 src/views/mdc/base/SubControlWorkshopSignage.vue

@@ -80,7 +80,8 @@

    <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">
@@ -90,7 +91,7 @@
        <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>
@@ -146,6 +147,8 @@

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

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

@@ -153,10 +156,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: {
@@ -204,22 +208,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: ['北齐二', '铱 镏', '森 五', '东 曼', '西 曼', '西 德', '东 德'],
@@ -412,8 +416,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() {
@@ -552,6 +566,7 @@
        align-items: center;
        padding-top: 2%;
        font-size: 1vw;
        cursor: pointer;

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