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,16 +211,32 @@
                    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>
                      <div class="font_dian">
                        <!-- 设备12<i
                            style="font-size: 14px"
                            class="el-icon-right font-arrow-20"
                          ></i>
                          设备13 -->
                        {{ list.materialName }}
                          <el-popover
                          width="200"
                          :content="list.materialName"
                          placement="top-start"
                          trigger="click"
                        >
                          <span slot="reference">{{ list.materialName }}</span>
                        </el-popover>
                      </div>
                    </div>
                    <div class="card-top-input-out-r">
@@ -398,13 +414,27 @@
                  >
                    <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">
                        <div>
                          {{ list.materialName }}
                        <div class="font_dian">
                          <el-popover
                            width="200"
                            :content="list.materialName"
                            placement="top-start"
                            trigger="click"
                          >
                            <span slot="reference">{{ list.materialName }}</span>
                          </el-popover>
                        </div>
                      </div>
                      <div class="card-top-input-out-r">
@@ -430,6 +460,9 @@
            <el-empty description="暂无任务..."></el-empty>
          </template>
        </div>
        <template v-if="!Tasks||Tasks.length==0">
          <el-empty description="暂无任务..."></el-empty>
        </template>
      </div>
      <div class="right">
        <div class="right_top">
@@ -565,6 +598,7 @@
    <AddIssue
      ref="control"
      :Arr="Arr"
      :ArrError="ArrError"
      :safeProduce="safeProduce"
      :taskData="taskData"
      :Order="taskData.Order"
@@ -693,6 +727,7 @@
      countDownHour: 0,
      countDownMinute: 0,
      Arr: [],
      ArrError:'',
      // 记录定时器状态
      procInfoTimer: null,
      cutdownTimer: null,
@@ -747,6 +782,9 @@
      this.activeName = val;
      if(this.activeName==2){
        this.Tasks=this.TasksCopy.slice(0,2)
        if(this.Tasks.length<2){
          this.Tasks.push(null)
        }
      }else if(this.activeName==1){
        this.Tasks=this.TasksCopy.slice(0,1)
      }else if(this.activeName==3){
@@ -853,11 +891,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])
        );
@@ -912,7 +955,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){
@@ -1002,13 +1045,16 @@
      //       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]:{};
          this.ArrError=''
          if (this.taskData.Procedure.ID) {
              startTask({ id: this.taskData.Procedure.ID }).then((res) => {
                if (res.code == 200) {
                  this.Arr =res.data.Params ? res.data.Params : []
                }else{
                  this.ArrError=res.msg;
                }
              });
            }
@@ -1101,7 +1147,7 @@
 color:#318583;
}
.el-empty{
  height:100%;
  height:calc(100% - 190px);
  .el-empty__description p{
    font-size:16px!important;
    color:#fff!important;
@@ -1569,6 +1615,12 @@
        margin-top: 10px;
        color: #333;
        position: relative;
        .font_dian{
            -webkit-box-orient:vertical;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
          }
        .card_top-2{
          width:35%;
        }
@@ -1690,12 +1742,7 @@
            border-radius: 5px 5px 0 0;
            background: rgb(19, 35, 90);
          }
          .font_dian{
            -webkit-box-orient:vertical;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
          }
          .card_contentRight {
            width: 100%;