输入 输出 增加超出点点，点击显示

haoxuan

2023-09-27 7486057a96d2a7fa0bba5e08c88b7f992dad1650

 src/views/visualization.vue

@@ -1,6 +1,6 @@

<template>
  <div class="home">
  <div class="home" ref="homeRef">
    <!-- v-if="Tasks&&Tasks.length>0" -->
    <template >
      <div class="left">
@@ -25,9 +25,9 @@
              style="float: left;"
              @click="cutClick(3)"
            >
              <img style="width:32px;" v-if="activeName == 3" src="../../public/one-blue.png" />
              <img style="width:32px;" v-if="activeName == 3" src="../../public/right-blue.png" />
              <span  v-else>
                <img style="width:32px;" src="../../public/one.png" />
                <img style="width:32px;" src="../../public/right.png" />
              </span>
            </span>
         </template>
@@ -211,7 +211,16 @@
                    v-for="(list, index2) in item"
                  >
                    <div class="card_content">
                      <div class="card_contentLeft">{{ list.materialId }}</div>
                      <div class="card_contentLeft font_dian">
                        <el-popover
                          width="200"
                          :content="list.materialId"
                          placement="top-start"
                          trigger="click"
                        >
                          <span slot="reference">{{ list.materialId }}</span>
                        </el-popover>
                      </div>
                    </div>
                    <div class="card-top-input-out-l">
                      <div>
@@ -344,7 +353,9 @@
              ></p>
              <div class="right-small-btn bottom-box-btn">
                <el-button type="primary"> 打印</el-button>
                <el-button v-if="taskData.Procedure.Status==3" type="primary" class="huise"> 完成</el-button>
                <el-popover
                 v-else
                  placement="top-end"
                  width="160"
                  class="button-finish"
@@ -359,7 +370,6 @@
                    <el-button
                      type="primary"
                      size="mini"
                      :disabled="taskData.Procedure.Status==3?true:false"
                      class="color_f70f83"
                      @click="finishClick(index, taskData)"
                    >
@@ -397,8 +407,15 @@
                  >
                    <div class="card">
                      <div class="card_content">
                        <div class="card_contentLeft">
                          {{ list.materialId }}
                        <div class="card_contentLeft font_dian">
                          <el-popover
                          width="200"
                          :content="list.materialId"
                          placement="top-start"
                          trigger="click"
                        >
                          <span slot="reference">{{ list.materialId }}</span>
                        </el-popover>
                        </div>
                      </div>
                      <div class="card-top-input-out-l">
@@ -448,12 +465,25 @@
        <div class="right-top-m">
          设备状态:
          <!-- 1断开2生产3待机 -->
          <span style="position: relative"
           v-if="plcStatus" >
            <img v-if="plcStatus == 1" src="../../public/duan.png" />
            <img v-else src="../../public/lian.png" />
            <!-- <span class="yuandian"></span> -->
            {{ plcStatus==1?'断开':(plcStatus==2?'生产中':'待机') }}
          <span style="position: relative" v-if="plcStatus" >
            <el-popover
              v-if="plcStatus == 1&&plcNotConnected"
              width="180"
              :content="plcNotConnected"
              placement="top-end"
              trigger="click"
            >
              <span slot="reference">
                <img  src="../../public/duan.png" />
                断开
              </span>
            </el-popover>
            <span v-else>
              <img  v-if="plcStatus == 1&&!plcNotConnected"  src="../../public/duan.png" />
              <img  v-else src="../../public/lian.png" />
              <!-- <span class="yuandian"></span> -->
              {{ plcStatus==1?'断开':(plcStatus==2?'生产中':'待机') }}
            </span>
          </span>
        </div>
        <div class="right-top-m-btn">
@@ -687,6 +717,8 @@
      isTipShow:false,
      // isFinsh:0,
      safeProduce:'',
      // 设备断开的原因
      plcNotConnected:'',
      ChannelAmount:0,
    };
  },
@@ -837,11 +869,16 @@
    setInterCard(value, name, i) {
      if (this.TasksCopy[i].Procedure.procedure[value]!=null) {
        let height = 200;
        let num = 1;
        if (this.$refs[name]) {
          height = this.$refs[name].$el?this.$refs[name].$el.offsetHeight:200;
          num = Math.floor(height / 80);
        let num = 3;
        // if (this.$refs[name]) {
        //   height = this.$refs[name].$el?this.$refs[name].$el.offsetHeight:200;
        //   num = Math.floor(height / 80);
        // }
        height = this.$refs['homeRef']?(this.$refs['homeRef'].offsetHeight-470-90-20):200;
        if(this.activeName==2){
          height=height-610-90-20
        }
        num = Math.floor(height / 80);
        let inputMaterials = JSON.parse(
          JSON.stringify(this.TasksCopy[i].Procedure.procedure[value])
        );
@@ -896,7 +933,7 @@
      };
      this.Tasks = [];
      this.TasksCopy=[]
      getTaskInfo({  }).then((res) => {
      getTaskInfo({taskMode:2}).then((res) => {
        if (res.code == 200&&res.data) {
          let arr=[]
          if(res.data.Tasks){
@@ -907,6 +944,7 @@
          this.activeName=1;
          this.TasksCopy = res.data.Tasks ? res.data.Tasks : [];
          this.safeProduce=res.data.Prompt.safeProduce?res.data.Prompt.safeProduce:''
          this.plcNotConnected=res.data.Prompt.plcNotConnected?res.data.Prompt.plcNotConnected:''
          this.ChannelAmount=res.data.ChannelAmount?res.data.ChannelAmount:1
          // if(this.ChannelAmount>1 &&this.TasksCopy.length<2){
          //   this.TasksCopy.push(object)
@@ -985,7 +1023,7 @@
      //       break;
      //   }
      // }
      getTaskUnStarted({page:1,pageSize:1}).then(res=>{
      getTaskInfo({taskMode:1}).then(res=>{
        if(res.code==200){
          this.taskData=res.data.Tasks?res.data.Tasks[0]:{};
          if (this.taskData.Procedure.ID) {
@@ -1407,6 +1445,15 @@
      border: 0;
    }
  }
  .huise{
    width: 46%;
    float: right;
  }
  .huise.el-button--primary {
      background: #CCE8E8;
      color: #AAAAAA;
      border: 0;
    }
}
.home {
  width: 100%;