commit
efe7428905
7 changed files with 368 additions and 114 deletions
@ -0,0 +1,58 @@ |
||||
<template> |
||||
<div style="padding: 15px 25px;display: flex;justify-content: space-between"> |
||||
<img :src="img == ''?img1:img" style="width:30%;"> |
||||
<video v-if="mp4 != ''" :src="mp4" style="border:1px solid #d9d9d9;width:30%;"/> |
||||
<p v-else style="padding-top: 20px"> 暂无视频</p> |
||||
<table border="1" style="width:30%;font-size:14px;margin-bottom: 20px;" class="table"> |
||||
<!-- <tr>--> |
||||
<!-- <td style="text-align: center">添加人:</td>--> |
||||
<!-- <td>{{model.addPeople}}</td>--> |
||||
<!-- </tr>--> |
||||
<tr> |
||||
<td style="text-align: center">频率:</td> |
||||
<td>{{tableModel.freq}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td style="text-align: center">描述:</td> |
||||
<td>{{tableModel.descr}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td style="text-align: center">机器TMU:</td> |
||||
<td>{{tableModel.machineTmu}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td style="text-align: center">手工TMU:</td> |
||||
<td>{{tableModel.machineTmu}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td style="text-align: center">编号:</td> |
||||
<td>{{tableModel.nums}}</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
name: 'basicAction', |
||||
props:['tableModel'], |
||||
data () { |
||||
return { |
||||
model:{ |
||||
}, |
||||
img:'',//图片地址 |
||||
img1:require('@/assets/9-2.png'),// 默认图片 |
||||
mp4:'',//视频地址 |
||||
visible: false, |
||||
confirmLoading: false, |
||||
validatorRules: { |
||||
}, |
||||
}}, |
||||
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,40 @@ |
||||
<template> |
||||
<div style="padding: 15px 25px;display: flex;justify-content: space-between"> |
||||
<img :src="img == ''?img1:img" style="width:30%;"> |
||||
<video v-if="mp4 != ''" :src="mp4" style="border:1px solid #d9d9d9;width:30%;"/> |
||||
<p v-else style="padding-top: 20px"> 暂无视频</p> |
||||
<table border="1" style="font-size:14px;" class="table" > |
||||
<tr> |
||||
<td style="text-align: center">工序:</td> |
||||
<td>{{tableModel.processId}}</td> |
||||
</tr> |
||||
<tr> |
||||
<td style="text-align: center">辅料:</td> |
||||
<td>{{tableModel.fabricId}}</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
name: 'processFabric', |
||||
props:['tableModel'], |
||||
data () { |
||||
return { |
||||
model:{ |
||||
}, |
||||
img:'',//图片地址 |
||||
img1:require('@/assets/9-2.png'),// 默认图片 |
||||
mp4:'',//视频地址 |
||||
visible: false, |
||||
confirmLoading: false, |
||||
validatorRules: { |
||||
}, |
||||
}}, |
||||
} |
||||
</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,70 @@ |
||||
<template> |
||||
<a-modal |
||||
title="工序辅料-详情" |
||||
:visible="visible" |
||||
:confirm-loading="confirmLoading" |
||||
:width='1000' |
||||
@ok="handleOk" |
||||
@cancel="handleCancel"> |
||||
<h1 style="text-align: center;margin-bottom: 50px;border-bottom: 1px solid #e8e8e8;padding-bottom: 20px;font-size: 22px">黄淮学院服装智能制造管理平台 - <span>工序辅料</span></h1> |
||||
<processFabric :tableModel="model"></processFabric> |
||||
</a-modal> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
import { httpAction, getAction } from '@/api/manage' |
||||
import { validateDuplicateValue } from '@/utils/util' |
||||
import processFabric from '@/components/procedure/processFabric' |
||||
export default { |
||||
name: 'ZyProcessFabricFormDetail', |
||||
components: { |
||||
processFabric |
||||
}, |
||||
data () { |
||||
return { |
||||
code:'', |
||||
id:'', |
||||
model:{ |
||||
}, |
||||
visible:false, |
||||
labelCol: { |
||||
xs: { span: 24 }, |
||||
sm: { span: 5 }, |
||||
}, |
||||
wrapperCol: { |
||||
xs: { span: 24 }, |
||||
sm: { span: 16 }, |
||||
}, |
||||
confirmLoading: false, |
||||
validatorRules: { |
||||
}, |
||||
} |
||||
}, |
||||
methods: { |
||||
showModal(id) { |
||||
this.visible = true; |
||||
this.$http.get('pro/zyProcessFabric/queryById?id='+id).then( |
||||
res=>{ |
||||
this.model = res.result |
||||
} |
||||
) |
||||
}, |
||||
handleOk() { |
||||
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> |
||||
@ -0,0 +1,63 @@ |
||||
<template> |
||||
<a-modal |
||||
title="基础动作-详情" |
||||
:visible="visible" |
||||
:confirm-loading="confirmLoading" |
||||
:width='1200' |
||||
@ok="handleOk" |
||||
@cancel="handleCancel"> |
||||
<h1 style="text-align: center;margin-bottom: 30px;border-bottom: 1px solid #e8e8e8;padding-bottom: 20px;">黄淮学院服装智能制造管理平台 - <span>基础动作</span></h1> |
||||
<basicAction :tableModel="model"></basicAction> |
||||
</a-modal> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
import { httpAction, getAction } from '@/api/manage' |
||||
import { validateDuplicateValue } from '@/utils/util' |
||||
import basicAction from '@/components/procedure/basicAction' |
||||
export default { |
||||
name: 'ZyClothActionFormDetail', |
||||
components: { |
||||
basicAction |
||||
}, |
||||
data () { |
||||
return { |
||||
model:{ |
||||
}, |
||||
img:'',//图片地址 |
||||
img1:require('@/assets/9-2.png'),// 默认图片 |
||||
mp4:'',//视频地址 |
||||
visible: false, |
||||
confirmLoading: false, |
||||
validatorRules: { |
||||
}, |
||||
} |
||||
}, |
||||
methods: { |
||||
showModal(id) { |
||||
this.visible = true; |
||||
this.$http.get('base/zyClothAction/queryById?id='+id).then( |
||||
res=>{ |
||||
this.model = res.result |
||||
} |
||||
) |
||||
}, |
||||
handleOk() { |
||||
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