| | |
| | | </p> |
| | | <div class="statelist"> |
| | | <span class="title-item" |
| | | >订单编号: |
| | | <span class="color_4efefa">{{ taskData.Order.orderId || "" }}</span> |
| | | >工单编号: |
| | | <span class="color_4efefa">{{ |
| | | taskData.Order.workOrderId || "" |
| | | }}</span> |
| | | </span> |
| | | <span class="title-item" |
| | | >当前工序: |
| | |
| | | {{ taskData.Procedure.procedure.workHours || "" }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="起止时间" |
| | | >{{ |
| | | formatDate(taskData.Procedure.procedure.startTime) || "" |
| | | }} |
| | | >{{ formatDate(taskData.Procedure.procedure.startTime) || "" }} |
| | | - |
| | | {{ |
| | | formatDate(taskData.Procedure.procedure.endTime) |
| | |
| | | }}</span |
| | | > |
| | | <span class="card-top-r-b"> |
| | | |
| | | <el-progress |
| | | define-back-color="#133EAF" |
| | | color="#09E5ED" |
| | | :text-inside="true" |
| | | :stroke-width="10" |
| | | :percentage=" |
| | | parseInt(finishNumber / taskData.Order.amount) |
| | | parseInt(finishNumber / taskData.Order.amount) |
| | | " |
| | | :show-text="false" |
| | | ></el-progress> |
| | |
| | | <!-- <div class="card_content"> |
| | | |
| | | </div> --> |
| | | <div class="card_top-4"><div>工艺编号:{{ list.number }}</div> |
| | | <div style="font-size:14px;color:#cfcfcf;line-height:20px">工艺的具体信息请点击控制查看!</div></div> |
| | | <div class="card_top-4"> |
| | | <div>工艺编号:{{ list.number }}</div> |
| | | <div |
| | | style=" |
| | | font-size: 14px; |
| | | color: #cfcfcf; |
| | | line-height: 20px; |
| | | " |
| | | > |
| | | 工艺的具体信息请点击控制查看! |
| | | </div> |
| | | </div> |
| | | </template> |
| | | </div> |
| | | </el-carousel-item> |
| | |
| | | </div> --> |
| | | </div> |
| | | <div class="right_base"> |
| | | <div class="right-small-title" style="line-height:40px;">知识库</div> |
| | | <div class="right-small-title" style="line-height: 40px">知识库</div> |
| | | <Knowledge /> |
| | | <div class="right-base-btn call"> |
| | | <el-button type="primary" |
| | |
| | | outputMaterials: [], |
| | | procedureList: [ |
| | | [ |
| | | { |
| | | number:10, |
| | | name:'工序' |
| | | { |
| | | number: 10, |
| | | name: "工序", |
| | | }, |
| | | { |
| | | number:10, |
| | | number: 10, |
| | | }, |
| | | |
| | | ] |
| | | ], |
| | | ], |
| | | taskData: { |
| | | Order: { |
| | |
| | | }, |
| | | |
| | | getTaskInfo() { |
| | | this.taskData = { |
| | | Order: {}, |
| | | Procedure: { procedure: { inputMaterials: [], outputMaterials: [] } }, |
| | | }; |
| | | getTaskInfo().then((res) => { |
| | | if (res.code == 200) { |
| | | this.taskData = res.data; |
| | | this.taskData = res.data |
| | | ? res.data |
| | | : { |
| | | Order: {}, |
| | | Procedure: { |
| | | procedure: { inputMaterials: [], outputMaterials: [] }, |
| | | }, |
| | | }; |
| | | this.procedureList.push([ |
| | | { |
| | | name: "工序", |
| | |
| | | }, |
| | | // 右侧控制 |
| | | controlClick() { |
| | | this.$refs.control.islook = true; |
| | | if (Object.keys(this.taskData).length > 0 && this.taskData.Procedure.ID) { |
| | | this.$refs.control.islook = true; |
| | | } else { |
| | | this.$message.error("当前设备没有工序!"); |
| | | } |
| | | }, |
| | | // 右侧完成 |
| | | finishClick() { |
| | | finishTask({ id: this.taskData.Procedure.ID }).then((res) => { |
| | | if (res.code == 200) { |
| | | this.finishShow = false; |
| | | this.getTaskInfo(); |
| | | this.$message.success("操作成功!"); |
| | | } |
| | | }); |
| | | if (Object.keys(this.taskData).length > 0 && this.taskData.Procedure.ID) { |
| | | finishTask({ id: this.taskData.Procedure.ID }).then((res) => { |
| | | if (res.code == 200) { |
| | | this.finishShow = false; |
| | | this.getTaskInfo(); |
| | | this.$message.success("操作成功!"); |
| | | } |
| | | }); |
| | | } else { |
| | | this.$message.error("当前设备没有工序!"); |
| | | } |
| | | }, |
| | | getRandomNumber(min, max) { |
| | | return Math.floor(Math.random() * (max - min + 1) + min); |
| | |
| | | .right-small-btn { |
| | | margin-top: 10px; |
| | | width: calc(100% - 20px); |
| | | margin:0 auto; |
| | | margin: 0 auto; |
| | | position: absolute; |
| | | bottom: 10px; |
| | | left: 10px; |
| | |
| | | line-height: 40px; |
| | | color: #fff; |
| | | background: rgb(19, 35, 90); |
| | | font-size:20px; |
| | | font-size: 20px; |
| | | } |
| | | .card-info-box { |
| | | position: absolute; |