haoxuan
2023-08-26 4074ed7aa3b5f45a6cf3148ba0fb140d6b220ea5
src/views/visualization.vue
@@ -1,6 +1,7 @@
<template>
  <div class="home">
    <!--  -->
    <template v-if="Object.keys(taskData).length > 0 && taskData.Procedure.ID">
      <div class="left">
        <p class="title">
@@ -106,15 +107,17 @@
                <el-progress
                  define-back-color="#133EAF"
                  color="#09E5ED"
                  text-color="#fff"
                  :text-inside="true"
                  :stroke-width="30"
                  :percentage="taskData.Order?parseInt(finishNumber/taskData.Order.amount):0"
                  :percentage="taskData.Order?parseInt(finishNumber/taskData.Order.amount*100):0"
                ></el-progress>
              </el-descriptions-item>
              <!-- <el-descriptions-item label="合格率" style="width: 100%">
                  <el-progress
                    define-back-color="#007101"
                    color="#00CC66"
                    text-color="#fff"
                    :text-inside="true"
                    :stroke-width="30"
                    :percentage="passrate"
@@ -196,15 +199,16 @@
                    </div>
                    <div class="card_top-3">
                      <span class="card-top-r-t"
                        >完成进度:{{ taskData.Order?parseInt(finishNumber/taskData.Order.amount):0}}</span
                        >完成进度:{{ taskData.Order?parseInt(finishNumber/taskData.Order.amount*100):0}}</span
                      >
                      <span class="card-top-r-b">
                        <el-progress
                          define-back-color="#133EAF"
                          color="#09E5ED"
                          text-color="#fff"
                          :text-inside="true"
                          :stroke-width="10"
                          :percentage="taskData.Order?parseInt(finishNumber/taskData.Order.amount):0"
                          :percentage="taskData.Order?parseInt(finishNumber/taskData.Order.amount*100):0"
                          :show-text="false"
                        ></el-progress>
                      </span>
@@ -361,7 +365,7 @@
          </span>
        </div>
        <div class="right-top-m-btn">
          <el-button type="primary" @click="controlClick"> 控制</el-button>
          <!-- <el-button type="primary" @click="controlClick"> 控制</el-button> -->
        </div>
        <div class="right_dutyLst">
          <div class="right-small-title">当前值班</div>
@@ -415,6 +419,7 @@
        </div>
      </div>
    </template>
    <!--  -->
    <template v-else>
      <div class="home-img-box">
        <div class="bg-title">
@@ -439,9 +444,9 @@
      </div>
    </template>
    <!-- 控制的弹框 -->
    <AddControl ref="control" :id="taskData.Procedure.ID" />
    <AddControl ref="control" :Arr="Arr" />
    <!-- 控制的弹框 -->
    <AddIssue ref="control" :taskData="taskData" :Order="taskData.Order" @getSetProductNumber="getTaskInfo" />
    <AddIssue ref="control" :Arr="Arr" :taskData="taskData" :Order="taskData.Order" @getSetProductNumber="getTaskInfo" />
  </div>
</template>
@@ -525,6 +530,7 @@
      showCountDown:false,
      countDownHour:0,
      countDownMinute:0,
      Arr:[],
    };
  },
  mounted() {
@@ -542,6 +548,7 @@
    this.getTaskInfo();
  },
  methods: {
    reloadPage() {
      // window.location.reload();
      this.getTaskInfo();
@@ -683,6 +690,7 @@
                  number: res.data.Number,
                  name: "工艺",
                });
                this.Arr=res.data.Params?res.data.Params:[];
              }
            });
            this.getProgressInfo();
@@ -1254,7 +1262,8 @@
    }
    .right_dutyLst {
      width: calc(100% - 20px);
      height: 270px;
      // height: 270px;
      height: 310px;
      border-radius: 4px;
      line-height: 30px;
      overflow: hidden;