parent
20a7dc40f8
commit
c82dc24631
4 changed files with 198 additions and 81 deletions
@ -0,0 +1,90 @@ |
||||
<template> |
||||
<div style="padding: 15px 25px;"> |
||||
<div style="width:100%;height:100%;display: flex;align-items: start;justify-content: space-between;margin-bottom: 20px;" class="coin"> |
||||
<img :src="img == ''?img:img1" style="width:32%;"> |
||||
<table border="1" style="width: 66%;height:100%;font-size:14px;margin-bottom: 20px" class="table"> |
||||
<tr> |
||||
<td><span>工序代码：</span>{{data.processCode}}</td> |
||||
<td><span>工序名称：</span>{{data.processName}}</td> |
||||
<td><span>工序时间：</span>{{data.processTime}}</td> |
||||
<td><span>工序单价：</span>{{data.price}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td><span>工序等级：</span>{{data.grade}}</td> |
||||
<td><span>面料代码：</span>{{data.fabricNum}}</td> |
||||
<td><span>面料等级：</span>{{data.fabricGrade}}</td> |
||||
<td><span>针距(厘米)：</span>{{data.needlePitch}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td><span>机器名称：</span>{{data.machineId}}</td> |
||||
<td><span>手工宽放：</span>{{data.manualWide}}</td> |
||||
<td><span>手工时间：</span>{{data.manualTime}}</td> |
||||
<td><span>机器转速：</span>{{data.machineSpeed}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td><span>机器宽放：</span>{{data.machineWide}}</td> |
||||
<td><span>机器时间：</span>{{data.machineTime}}</td> |
||||
<td><span>机器浮于：</span>{{data.machineFloat}}</td> |
||||
<td><span>绑包宽放：</span>{{data.bundleWide}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td><span>绑包时间：</span>{{data.bundleTime}}</td> |
||||
<td><span>部件表名：</span>{{data.componentId}}</td> |
||||
<td><span>是否瓶颈：</span>{{data.isBottleneck}}</td> |
||||
<td><span>企业名称：</span>{{data.enterpriseId}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td><span>工具名称：</span>{{data.toolId}}</td> |
||||
<td><span>款式名称：</span>{{data.styleId}}</td> |
||||
<td><span>工段代码：</span>{{data.worksectionCode}}</td> |
||||
<td><span>合同号：</span>{{data.totalManualTmu}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td><span>合计(手工TMU)：</span>{{data.totalManualTmu}}</td> |
||||
<td><span>合计(机器TMU)：</span>{{data.totalMachineTmu}}</td> |
||||
<td><span>合计(手工秒)：</span>{{data.totalMaunal}}</td> |
||||
<td><span>合计(机器秒)：</span>{{data.totalMachine}}</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
<div style="width:100%;height:100%;display: flex;align-items: start;justify-content: space-between"> |
||||
<video v-if="mp4 != ''" :src="mp4" style="border:1px solid #d9d9d9;width:32%;"/> |
||||
<p v-else style="padding-top: 20px"> 暂无视频</p> |
||||
<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> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
name: 'zyProcess', |
||||
props:['data'], |
||||
data () { |
||||
return { |
||||
img:'', |
||||
img1:require('@/assets/9-2.png'),//默认图片 |
||||
mp4:'', |
||||
} |
||||
}, |
||||
methods: { |
||||
} |
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.table{border-color:#d9d9d9;border-radius: 3px} |
||||
.table td{padding: 10px 20px;max-width: 380px; } |
||||
.table td span{color: #333} |
||||
</style> |
||||
@ -0,0 +1,83 @@ |
||||
<template> |
||||
<a-modal |
||||
title="标准作业指导书" |
||||
:visible="visible" |
||||
:confirm-loading="confirmLoading" |
||||
:width='1400' |
||||
@ok="handleOk" |
||||
@cancel="handleCancel" |
||||
style="display:flex;" |
||||
> |
||||
<table border="1" style="font-size:14px;" class="table" > |
||||
<tr> |
||||
<td style="text-align: center">部件:</td> |
||||
<td>{{model.componentId}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td style="text-align: center">工艺:</td> |
||||
<td>{{model.processId}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td style="text-align: center">是否瓶颈工序:</td> |
||||
<td>{{model.bottleneck}}</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
</a-modal> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
import { httpAction, getAction } from '@/api/manage' |
||||
import { validateDuplicateValue } from '@/utils/util' |
||||
|
||||
export default { |
||||
name: 'ZyProcessComponentFormDetail', |
||||
components: { |
||||
}, |
||||
props: { |
||||
|
||||
}, |
||||
data () { |
||||
return { |
||||
model:{ |
||||
}, |
||||
visible: false, |
||||
confirmLoading: false, |
||||
img:'',//图片地址 |
||||
img1:require('@/assets/9-2.png'),// 默认图片 |
||||
mp4:'',//视频地址 |
||||
} |
||||
}, |
||||
methods: { |
||||
showModal(id) { |
||||
this.visible = true; |
||||
this.$http.get('/pro/zyProcessComponent/queryById?id='+id).then( |
||||
res=>{ |
||||
this.model = 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.model') |
||||
console.log(this.model) |
||||
} |
||||
) |
||||
}, |
||||
handleOk() { |
||||
this.ModalText = 'The modal will be closed after two seconds'; |
||||
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;} |
||||
.table td span{color: #333} |
||||
</style> |
||||
Loading…
Reference in new issue