commit
41c10baf3f
21 changed files with 420 additions and 114 deletions
@ -0,0 +1,80 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<a-modal |
||||||
|
title="制衣部件详情" |
||||||
|
:visible="visible" |
||||||
|
:confirm-loading="confirmLoading" |
||||||
|
:width='1000' |
||||||
|
@ok="handleOk" |
||||||
|
@cancel="handleCancel"> |
||||||
|
<a-spin :spinning="confirmLoading"> |
||||||
|
<!-- <p class="title">制衣部件详情</p>--> |
||||||
|
<a-descriptions title="" bordered> |
||||||
|
<a-descriptions-item label="企业">{{model.enterpriseId}}</a-descriptions-item> |
||||||
|
<a-descriptions-item label="服装类型">{{model.clothsTypeId}}</a-descriptions-item> |
||||||
|
<a-descriptions-item label="部件名称">{{model.partsName}}</a-descriptions-item> |
||||||
|
<a-descriptions-item label="模块">{{model.modularId}}</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" rowKey="id" bordered :pagination="false">--> |
||||||
|
<!-- </a-table>--> |
||||||
|
</a-spin> |
||||||
|
</a-modal> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: "ZyClothsModularCompentListDetails", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
confirmLoading: true, |
||||||
|
model: { |
||||||
|
}, |
||||||
|
//data1:[], |
||||||
|
//columns1, |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
showModal(id) { |
||||||
|
this.visible = true; |
||||||
|
this.$http.get('/base/zyClothsModularCompent/detail?id=' + id).then( |
||||||
|
res => { |
||||||
|
if (res.code !== 200) { |
||||||
|
this.$message({ |
||||||
|
type: 'error', |
||||||
|
message: '未查询到数据!' |
||||||
|
}); |
||||||
|
} |
||||||
|
this.model = res.result |
||||||
|
//this.data1 = res.result.zyProcessComponents |
||||||
|
this.confirmLoading = false |
||||||
|
} |
||||||
|
) |
||||||
|
}, |
||||||
|
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