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