手机号变星星 写死

haoxuan

2023-09-15 7124c1d1d118877b0fc93c3ec85741d718ec34ef

 src/views/visualization.vue

@@ -1,8 +1,8 @@

<template>
  <div class="home">
    <!-- v-if="Object.keys(taskData).length > 0 && taskData.Procedure.ID" -->
    <template>
    <!--  -->
    <template v-if="Tasks&&Tasks.length>0">
      <div class="left">
        <p class="title">
          <span
@@ -27,7 +27,7 @@
            style="float: right;margin-right:20px;font-size:28px;line-height:25px;"
            @click="taskClick"
          >
          <el-badge :value="TaskCount"  :class="TaskCount==0?'item color_666':'item color_fff'">
          <el-badge :value="TaskCount"  :class="(TaskCount==0||isTipShow)?'item color_666':'item color_fff'">
            <i   class="el-icon-chat-dot-round" />
          </el-badge>
        </span>
@@ -82,7 +82,7 @@
          <div class="content">
            <div class="content_left">
              <div class="content-top">
                <div class="small_title">当前完成</div>
                <div class="small_title">加工数</div>
                <div class="content_leftBttom">
                  <dl>
                    <dd
@@ -95,7 +95,7 @@
                </div>
              </div>
              <div class="content-top">
                <div class="small_title">正品生产</div>
                <div class="small_title">目标数</div>
                <div class="content_leftBttom">
                  <dl>
                    <dd
@@ -152,8 +152,10 @@
                        ? parseInt(
                            (taskData.finishNumber / taskData.Order.amount) *
                              100
                          )
                        : 0
                        )>100?100:parseInt(
                            (taskData.finishNumber / taskData.Order.amount) *
                              100
                        ): 0
                    "
                  ></el-progress>
                </el-descriptions-item>
@@ -274,7 +276,11 @@
                                    (taskData.finishNumber /
                                      taskData.Order.amount) *
                                      100
                                  )
                                )>100?100:parseInt(
                                    (taskData.finishNumber /
                                      taskData.Order.amount) *
                                      100
                                )
                                : 0
                            "
                            :show-text="false"
@@ -471,9 +477,12 @@
                style="font-size: 20px; font-weight: 600; margin-right: 10px"
                >{{ item.workerName || "" }}</span
              >
              <span>{{ item.phoneNum || "" }}</span>
              <!-- <span>{{ item.phoneNum || "" }}</span> -->
              <span class="color_yellow"><i class="el-icon-star-on" /><i class="el-icon-star-on" /><i class="el-icon-star-on" /><i class="el-icon-star-on" /><i class="el-icon-star-on" /></span>
            </dl>
           
          </div>
         
          <!-- <div
            style="
              width: 100%;
@@ -498,8 +507,8 @@
        </div>
      </div>
    </template>
    <!-- v-else -->
    <template>
    <!--  -->
    <template v-else>
      <div class="home-img-box">
        <div class="bg-title">
          <img src="../../public/bg-title.png" />
@@ -539,6 +548,7 @@
      :taskData="taskData"
      :Order="taskData.Order"
      @getSetProductNumber="getTaskInfo"
      @isTip="isTip"
    />
  </div>
</template>
@@ -665,6 +675,7 @@
      cutdownTimer: null,
      TaskCount:0,
      plcStatus:1,
      isTipShow:false,
    };
  },
  mounted() {
@@ -688,6 +699,9 @@
      }else{
        this.$message.error('目前没有任务！')
      }
    },
    isTip(val){
      this.isTipShow=val
    },
    cutClick(val) {
      this.activeName = val;
@@ -975,6 +989,9 @@
</script>

<style lang="scss">
.color_yellow{
  color:yellow;
}
.active-one {
  width: 100%;
  height: calc(100% - 100px);
@@ -1195,7 +1212,7 @@
  // float:left;
  .bottom-title {
    font-weight: 600;
    font-size: 22px;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;