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