服装智能制造软件平台V3.0
http://182.92.169.222/hhxy/#/user/login
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
2.4 KiB
88 lines
2.4 KiB
<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 :model="model"></processFabric>--> |
|
<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>{{model.processId}}</td> |
|
</tr> |
|
<tr> |
|
<td style="text-align: center">面料:</td> |
|
<td>{{model.fabricId}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</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:'', |
|
img:'',//图片地址 |
|
img1:require('@/assets/9-2.png'),// 默认图片 |
|
mp4:'',//视频地址 |
|
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> |