| | |
| | | <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 |
| | |
| | | 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> |
| | |
| | | <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 |
| | |
| | | </div> |
| | | </div> |
| | | <div class="content-top"> |
| | | <div class="small_title">正品生产</div> |
| | | <div class="small_title">目标数</div> |
| | | <div class="content_leftBttom"> |
| | | <dl> |
| | | <dd |
| | |
| | | ? parseInt( |
| | | (taskData.finishNumber / taskData.Order.amount) * |
| | | 100 |
| | | ) |
| | | : 0 |
| | | )>100?100:parseInt( |
| | | (taskData.finishNumber / taskData.Order.amount) * |
| | | 100 |
| | | ): 0 |
| | | " |
| | | ></el-progress> |
| | | </el-descriptions-item> |
| | |
| | | (taskData.finishNumber / |
| | | taskData.Order.amount) * |
| | | 100 |
| | | ) |
| | | )>100?100:parseInt( |
| | | (taskData.finishNumber / |
| | | taskData.Order.amount) * |
| | | 100 |
| | | ) |
| | | : 0 |
| | | " |
| | | :show-text="false" |
| | |
| | | </div> |
| | | </template> |
| | | <!-- v-else --> |
| | | <template> |
| | | <template v-else> |
| | | <div class="home-img-box"> |
| | | <div class="bg-title"> |
| | | <img src="../../public/bg-title.png" /> |
| | |
| | | :taskData="taskData" |
| | | :Order="taskData.Order" |
| | | @getSetProductNumber="getTaskInfo" |
| | | @isTip="isTip" |
| | | /> |
| | | </div> |
| | | </template> |
| | |
| | | cutdownTimer: null, |
| | | TaskCount:0, |
| | | plcStatus:1, |
| | | isTipShow:false, |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | }else{ |
| | | this.$message.error('目前没有任务!') |
| | | } |
| | | }, |
| | | isTip(val){ |
| | | this.isTipShow=val |
| | | }, |
| | | cutClick(val) { |
| | | this.activeName = val; |
| | |
| | | // float:left; |
| | | .bottom-title { |
| | | font-weight: 600; |
| | | font-size: 22px; |
| | | font-size: 20px; |
| | | height: 30px; |
| | | line-height: 30px; |
| | | margin-bottom: 5px; |