yu
/
CostumingPlatform
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

20220907-syy-基本工序-详情

Browse Source
zhc4dev
暖暖 2 years ago
parent 11ce9857b9
commit 8b3268e488
1 changed files with 118 additions and 104 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 222
      ant-design-vue-jeecg/src/views/process/modules/ZyProcessDetail.vue

222
ant-design-vue-jeecg/src/views/process/modules/ZyProcessDetail.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div>
<a-modal <a-modal
title="标准作业指导书" title="标准作业指导书"
:visible="visible" :visible="visible"
@ -9,59 +9,73 @@
@cancel="handleCancel" @cancel="handleCancel"
style="display:flex;" style="display:flex;"
> >
<div style="height:300px;width: 100%;display:flex;"> <div style="width: 96%;margin:0 auto 30px;border-bottom: 1px solid #e8e8e8;padding-bottom: 30px">
<table border="1" style="width: 85%;height:100%;font-size:14px;"> <h1 style="text-align: center;margin-bottom: 30px;border-bottom: 1px solid #e8e8e8;padding-bottom: 20px">黄淮学院服装智能制造管理平台 - <span>基本工序</span></h1>
<tr> <div style="width:100%;height:100%;display: flex;align-items: start;justify-content: space-between;margin-bottom: 20px;" class="coin">
<td><span style="font-weight:bold;">工序代码：</span>{{data.processCode}}</td> <img :src="img == ''?img:img1" style="width:32%;">
<td><span style="font-weight:bold;">工序名称：</span>{{data.processName}}</td> <table border="1" style="width: 66%;height:100%;font-size:14px;margin-bottom: 20px" class="table">
<td><span style="font-weight:bold;">工艺描述：</span>{{data.processDescribe}}</td> <tr>
<td><span style="font-weight:bold;">做工说明：</span>{{data.mkExplain}}</td> <td><span>工序代码：</span>{{data.processCode}}</td>
<td><span style="font-weight:bold;">品质要求：</span>{{data.qualityRequire}}</td> <td><span>工序名称：</span>{{data.processName}}</td>
</tr> <td><span>工序时间：</span>{{data.processTime}}</td>
<tr> <td><span>工序单价：</span>{{data.price}}</td>
<td><span style="font-weight:bold;">工序时间：</span>{{data.processTime}}</td> </tr>
<td><span style="font-weight:bold;">工序单价：</span>{{data.price}}</td> <tr>
<td><span style="font-weight:bold;">工序等级：</span>{{data.grade}}</td> <td><span>工序等级：</span>{{data.grade}}</td>
<td><span style="font-weight:bold;">面料代码：</span>{{data.fabricNum}}</td> <td><span>面料代码：</span>{{data.fabricNum}}</td>
<td><span style="font-weight:bold;">面料等级：</span>{{data.fabricGrade}}</td> <td><span>面料等级：</span>{{data.fabricGrade}}</td>
</tr> <td><span>针距(厘米)：</span>{{data.needlePitch}}</td>
<tr> </tr>
<td><span style="font-weight:bold;">针距(厘米)：</span>{{data.needlePitch}}</td> <tr>
<td><span style="font-weight:bold;">机器名称：</span>{{data.machineId}}</td> <td><span>机器名称：</span>{{data.machineId}}</td>
<td><span style="font-weight:bold;">手工宽放：</span>{{data.manualWide}}</td> <td><span>手工宽放：</span>{{data.manualWide}}</td>
<td><span style="font-weight:bold;">手工时间：</span>{{data.manualTime}}</td> <td><span>手工时间：</span>{{data.manualTime}}</td>
<td><span style="font-weight:bold;">机器转速：</span>{{data.machineSpeed}}</td> <td><span>机器转速：</span>{{data.machineSpeed}}</td>
</tr> </tr>
<tr> <tr>
<td><span style="font-weight:bold;">机器宽放：</span>{{data.machineWide}}</td> <td><span>机器宽放：</span>{{data.machineWide}}</td>
<td><span style="font-weight:bold;">机器时间：</span>{{data.machineTime}}</td> <td><span>机器时间：</span>{{data.machineTime}}</td>
<td><span style="font-weight:bold;">机器浮于：</span>{{data.machineFloat}}</td> <td><span>机器浮于：</span>{{data.machineFloat}}</td>
<td><span style="font-weight:bold;">绑包宽放：</span>{{data.bundleWide}}</td> <td><span>绑包宽放：</span>{{data.bundleWide}}</td>
<td><span style="font-weight:bold;">绑包时间：</span>{{data.bundleTime}}</td> </tr>
</tr> <tr>
<tr> <td><span>绑包时间：</span>{{data.bundleTime}}</td>
<td><span style="font-weight:bold;">部件表名：</span>{{data.componentId}}</td> <td><span>部件表名：</span>{{data.componentId}}</td>
<td><span style="font-weight:bold;">是否瓶颈：</span>{{data.isBottleneck}}</td> <td><span>是否瓶颈：</span>{{data.isBottleneck}}</td>
<td><span style="font-weight:bold;">企业名称：</span>{{data.enterpriseId}}</td> <td><span>企业名称：</span>{{data.enterpriseId}}</td>
<td><span style="font-weight:bold;">工具名称：</span>{{data.toolId}}</td> </tr>
<td><span style="font-weight:bold;">款式名称：</span>{{data.styleId}}</td> <tr>
</tr> <td><span>工具名称：</span>{{data.toolId}}</td>
<tr> <td><span>款式名称：</span>{{data.styleId}}</td>
<td><span style="font-weight:bold;">工段代码：</span>{{data.worksectionCode}}</td> <td><span>工段代码：</span>{{data.worksectionCode}}</td>
<td><span style="font-weight:bold;">合同号：</span>{{data.totalManualTmu}}</td> <td><span>合同号：</span>{{data.totalManualTmu}}</td>
<td><span style="font-weight:bold;">合计(手工TMU)：</span>{{data.totalManualTmu}}</td> </tr>
<td><span style="font-weight:bold;">合计(机器TMU)：</span>{{data.totalMachineTmu}}</td> <tr>
<td><span style="font-weight:bold;">合计(手工秒)：</span>{{data.totalMaunal}}</td> <td><span>合计(手工TMU)：</span>{{data.totalManualTmu}}</td>
<td><span>合计(机器TMU)：</span>{{data.totalMachineTmu}}</td>
</tr> <td><span>合计(手工秒)：</span>{{data.totalMaunal}}</td>
<tr> <td><span>合计(机器秒)：</span>{{data.totalMachine}}</td>
<td><span style="font-weight:bold;">合计(机器秒)：</span>{{data.totalMachine}}</td> </tr>
</tr> </table>
</table> </div>
<div style="width:14.9%;height:100%;"> <div style="width:100%;height:100%;display: flex;align-items: start;justify-content: space-between">
<img :src="img" style="width:90%;height:75%;margin:5% 0 0 10%;"> <video v-if="mp4 != ''" :src="mp4" style="border:1px solid #d9d9d9;width:32%;"/>
<video :src="mp4" style="border:1px solid #213;width:80%;height:30%;margin:0 0 0 15%"/> <p v-else style="padding-top: 20px"> 暂无视频</p>
</div> <table border="1" style="width: 66%;height:100%;font-size:14px;margin-bottom: 20px" class="table">
<tr>
<td style="text-align: center;width: 120px"><span>工艺描述：</span></td>
<td><span>{{data.processDescribe}}</span></td>
</tr>
<tr>
<td style="text-align: center;width: 120px"><span>做工说明：</span></td>
<td>{{data.mkExplain}}</td>
</tr>
<tr>
<td style="text-align: center;width: 120px"><span>品质要求：</span></td>
<td>{{data.qualityRequire}}</td>
</tr>
</table>
</div>
</div> </div>
<a-card :title="`动作`+(index+1)" v-for="(item,index) in data.zyClothAction" :key="item.id" :headStyle="headStyle"> <a-card :title="`动作`+(index+1)" v-for="(item,index) in data.zyClothAction" :key="item.id" :headStyle="headStyle">
<div style="width:100%;height:20px;display:flex;font-size:18px"> <div style="width:100%;height:20px;display:flex;font-size:18px">
@ -74,61 +88,61 @@
<td style="width:20%">描述：{{item.descr}}</td> <td style="width:20%">描述：{{item.descr}}</td>
</tr> </tr>
</table> </table>
<!-- <p>编号：{{item.nums}}</p>
<p>频率：{{item.freq}}</p>
<p>机器TMU：{{item.machineTmu}}</p>
<p>手工TMU：{{item.machineTmu}}</p>
<p>描述：{{item.descr}}</p> -->
</div> </div>
</a-card> </a-card>
<div style="width: 96%;margin:0 auto 30px">
<h2 style="text-align: left;margin-bottom: 30px;border-bottom: 1px solid #e8e8e8;padding-bottom: 20px">基础动作</h2>
</div>
</a-modal> </a-modal>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return{ return{
ModalText: 'Content of the modal', ModalText: 'Content of the modal',
visible: false, visible: false,
confirmLoading: false, confirmLoading: false,
selectId:'2', selectId:'2',
img:'', img:'',
mp4:'', img1:require('@/assets/9-2.png'),//默认图片
data:{}, mp4:'',
headStyle:{ data:{},
height:'10px' headStyle:{
} height:'10px'
} }
},
created(){
},
methods: {
showModal(id) {
// console.log(this.selectId)
this.visible = true;
this.$http.get('/base/zyProcess/queryById?id='+id).then(
res=>{
this.data = res.result
this.img = "http://10.100.200.112/jeecg-boot/sys/common/static/"+this.data.image;
this.mp4 = "http://10.100.200.112/jeecg-boot/sys/common/static/"+this.data.vedio;
console.log(this.data)
} }
) },
}, created(){
handleOk(e) { },
this.ModalText = 'The modal will be closed after two seconds'; methods: {
this.confirmLoading = true; showModal(id) {
console.log(this.data) this.visible = true;
setTimeout(() => { this.$http.get('/base/zyProcess/queryById?id='+id).then(
this.visible = false; res=>{
this.confirmLoading = false; this.data = res.result
}, 1); this.img = "http://10.100.200.112/jeecg-boot/sys/common/static/"+this.data.image;
}, this.mp4 = "http://10.100.200.112/jeecg-boot/sys/common/static/"+this.data.vedio;
handleCancel(e) { console.log(this.data)
console.log('Clicked cancel button'); }
this.visible = false; )
}, },
}, handleOk() {
} this.ModalText = 'The modal will be closed after two seconds';
</script> this.confirmLoading = true;
setTimeout(() => {
this.visible = false;
this.confirmLoading = false;
}, 1);
},
handleCancel() {
this.visible = false;
},
},
}
</script>
<style scoped>
.table{border-color:#d9d9d9;border-radius: 3px}
.table td{padding: 10px 20px;max-width: 380px;white-space:nowrap}
.table td span{color: #333}
</style>
Write Preview
Loading…
Cancel
Save