commit
a32a0fc39c
12 changed files with 210 additions and 34 deletions
@ -0,0 +1,118 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<a-modal |
||||||
|
title="制衣部件详情" |
||||||
|
:visible="visible" |
||||||
|
:confirm-loading="confirmLoading" |
||||||
|
:width='1000' |
||||||
|
@ok="handleOk" |
||||||
|
@cancel="handleCancel"> |
||||||
|
<p class="title">制衣部件详情</p> |
||||||
|
<a-descriptions title="" bordered> |
||||||
|
<a-descriptions-item label="企业">{{model.enterpriseId_dictText}}</a-descriptions-item> |
||||||
|
<a-descriptions-item label="服装类型">{{model.clothsTypeId_dictText}}</a-descriptions-item> |
||||||
|
<a-descriptions-item label="部件名称">{{model.partsName}}</a-descriptions-item> |
||||||
|
<a-descriptions-item label="模块">{{model.modularId_dictText}}</a-descriptions-item> |
||||||
|
<a-descriptions-item label="描述" :span="2">{{model.description}}</a-descriptions-item> |
||||||
|
<a-descriptions-item label="图片" :span="3"> |
||||||
|
<img v-if="model.pictureUrl" :src="model.pictureUrl" alt="无法显示"></img> |
||||||
|
<span v-else>暂无图片</span> |
||||||
|
</a-descriptions-item> |
||||||
|
</a-descriptions> |
||||||
|
<p class="title">部件工序详情</p> |
||||||
|
<a-table :columns="columns1" :data-source="data1" bordered :pagination="false"> |
||||||
|
</a-table> |
||||||
|
</a-modal> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
// 部件 |
||||||
|
// 工序 |
||||||
|
// 是否瓶颈工序 |
||||||
|
// 创建时间 |
||||||
|
const columns1 = [ |
||||||
|
{ |
||||||
|
title:'索引', |
||||||
|
customRender:(text, record, index)=>index+1, |
||||||
|
align:'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '部件', |
||||||
|
dataIndex: 'nums', |
||||||
|
key: 'nums', |
||||||
|
align:'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '工序', |
||||||
|
dataIndex: 'modularId_dictText', |
||||||
|
key: 'modularId_dictText', |
||||||
|
align:'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '是否瓶颈工序', |
||||||
|
dataIndex: 'partsName', |
||||||
|
key: 'partsName', |
||||||
|
align:'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '创建时间', |
||||||
|
key: 'createTime', |
||||||
|
dataIndex: 'createTime', |
||||||
|
align:'center' |
||||||
|
}, |
||||||
|
]; |
||||||
|
const data1 = [ |
||||||
|
{ |
||||||
|
key: '1', |
||||||
|
nums:'gfhjf', |
||||||
|
modularId_dictText:'1-3合后育克', |
||||||
|
partsName:'是', |
||||||
|
createTime:'2022-12-06 19:00:07' |
||||||
|
}, |
||||||
|
// { |
||||||
|
// key: '2', |
||||||
|
// nums:'aaff', |
||||||
|
// modularId_dictText:'1-3合后育克', |
||||||
|
// partsName:'否', |
||||||
|
// createTime:'2022-12-06 18:30:49' |
||||||
|
// } |
||||||
|
] |
||||||
|
export default { |
||||||
|
name: 'ZyClothsComponentListDetail',//此处填组件名称 |
||||||
|
data () { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
confirmLoading: false, |
||||||
|
model:{ |
||||||
|
}, |
||||||
|
data1, |
||||||
|
columns1, |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
showModal(record) { |
||||||
|
this.visible = true; |
||||||
|
this.model = record |
||||||
|
console.log('record') |
||||||
|
console.log(record) |
||||||
|
}, |
||||||
|
handleOk(e) { |
||||||
|
this.confirmLoading = true; |
||||||
|
setTimeout(() => { |
||||||
|
this.visible = false; |
||||||
|
this.confirmLoading = false; |
||||||
|
}, 1); |
||||||
|
}, |
||||||
|
handleCancel(e) { |
||||||
|
this.visible = false; |
||||||
|
}, |
||||||
|
}, |
||||||
|
} |
||||||
|
</script > |
||||||
|
<style scoped> |
||||||
|
.title{ |
||||||
|
font-size: 18px; |
||||||
|
margin: 1em 0; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue