parent
35e868ae14
commit
3a9948373a
41 changed files with 1425 additions and 164 deletions
@ -0,0 +1,160 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<a-modal |
||||||
|
title="服装款式详情" |
||||||
|
:visible="visible" |
||||||
|
:confirm-loading="confirmLoading" |
||||||
|
:width='1000' |
||||||
|
@ok="handleOk" |
||||||
|
@cancel="handleCancel"> |
||||||
|
|
||||||
|
<a-spin :spinning="confirmLoading"> |
||||||
|
<h3 style="width: 98%;;margin:0px auto">款式详情</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto" :columns="columns1" :data-source="data1" |
||||||
|
bordered rowKey="nums" :pagination="false"> |
||||||
|
</a-table> |
||||||
|
|
||||||
|
<h3 style="width: 98%;;margin:20px auto 0">管理辅料</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns3" :data-source="data3" |
||||||
|
rowKey="id" bordered :pagination="false"> |
||||||
|
</a-table> |
||||||
|
|
||||||
|
</a-spin> |
||||||
|
</a-modal> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
const columns1 = [ |
||||||
|
{ |
||||||
|
title: '款式名称', |
||||||
|
dataIndex: 'styleNames', |
||||||
|
key: 'styleNames', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式编号', |
||||||
|
dataIndex: 'nums', |
||||||
|
key: 'nums', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式规格', |
||||||
|
dataIndex: 'specification', |
||||||
|
key: 'specification', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式形式', |
||||||
|
dataIndex: 'shape', |
||||||
|
key: 'shape', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '企业', |
||||||
|
dataIndex: 'enterpriseId', |
||||||
|
key: 'enterpriseId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式创建时间', |
||||||
|
dataIndex: 'createTime', |
||||||
|
key: 'createTime', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
const columns3 = [ |
||||||
|
{ |
||||||
|
title: '服装类型名称', |
||||||
|
dataIndex: 'typeName', |
||||||
|
key: 'typeName', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式名称', |
||||||
|
dataIndex: 'styleId', |
||||||
|
key: 'styleId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '辅料名称', |
||||||
|
dataIndex: 'accessoriesId', |
||||||
|
key: 'accessoriesId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '创建时间', |
||||||
|
dataIndex: 'createTime', |
||||||
|
key: 'createTime', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
export default { |
||||||
|
name: "ZyStyleAccListDetail", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
model: {}, |
||||||
|
confirmLoading: true, |
||||||
|
// 款式详情 |
||||||
|
data1: [], |
||||||
|
columns1, |
||||||
|
|
||||||
|
// 管理辅料 |
||||||
|
data3: [], |
||||||
|
columns3, |
||||||
|
|
||||||
|
id: '', |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
showModal(id) { |
||||||
|
this.visible = true; |
||||||
|
this.id = id; |
||||||
|
this.getDetailData() |
||||||
|
}, |
||||||
|
async getDetailData() { |
||||||
|
const {data: res} = await this.$axios.get('/jeecg-boot/zyaccessories/zyStyleAccessories/detail?id=' + this.id) |
||||||
|
if (res.code !== 200) { |
||||||
|
this.$message({ |
||||||
|
type: 'error', |
||||||
|
message: '未查询到数据！' |
||||||
|
}); |
||||||
|
} |
||||||
|
console.log('res.result'+res.result) |
||||||
|
this.confirmLoading = false |
||||||
|
if (this.data1.length === 0) { |
||||||
|
this.data1.push(res.result.zyClothsStyles) |
||||||
|
} |
||||||
|
this.data1 = res.result.zyClothsStyles |
||||||
|
this.data3 = res.result.zyStyleAccessoriesList |
||||||
|
}, |
||||||
|
handleOk(e) { |
||||||
|
this.confirmLoading = true; |
||||||
|
setTimeout(() => { |
||||||
|
this.visible = false; |
||||||
|
this.confirmLoading = false; |
||||||
|
}, 1); |
||||||
|
}, |
||||||
|
handleCancel(e) { |
||||||
|
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,174 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<a-modal |
||||||
|
title="服装款式面料详情" |
||||||
|
:visible="visible" |
||||||
|
:confirm-loading="confirmLoading" |
||||||
|
:width='1000' |
||||||
|
@ok="handleOk" |
||||||
|
@cancel="handleCancel"> |
||||||
|
|
||||||
|
<a-spin :spinning="confirmLoading"> |
||||||
|
<h3 style="width: 98%;;margin:0px auto">款式详情</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto" :columns="columns1" :data-source="data1" |
||||||
|
bordered rowKey="nums" :pagination="false"> |
||||||
|
</a-table> |
||||||
|
|
||||||
|
<h3 style="width: 98%;;margin:20px auto 0">管理面料</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns2" :data-source="data2" |
||||||
|
rowKey="id" bordered :pagination="false"> |
||||||
|
|
||||||
|
</a-table> |
||||||
|
|
||||||
|
</a-spin> |
||||||
|
</a-modal> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
const columns1 = [ |
||||||
|
{ |
||||||
|
title: '款式名称', |
||||||
|
dataIndex: 'styleNames', |
||||||
|
key: 'styleNames', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式编号', |
||||||
|
dataIndex: 'nums', |
||||||
|
key: 'nums', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式规格', |
||||||
|
dataIndex: 'specification', |
||||||
|
key: 'specification', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式形式', |
||||||
|
dataIndex: 'shape', |
||||||
|
key: 'shape', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '企业', |
||||||
|
dataIndex: 'enterpriseId', |
||||||
|
key: 'enterpriseId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式创建时间', |
||||||
|
dataIndex: 'createTime', |
||||||
|
key: 'createTime', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
const columns2 = [ |
||||||
|
{ |
||||||
|
title: '服装类型', |
||||||
|
dataIndex: 'typeName', |
||||||
|
key: 'typeName', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式编号', |
||||||
|
dataIndex: 'styleNums', |
||||||
|
key: 'styleNums', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式名称', |
||||||
|
dataIndex: 'styleNames', |
||||||
|
key: 'styleNames', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '面料编号', |
||||||
|
dataIndex: 'fabricNumber', |
||||||
|
key: 'fabricNumber', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '面料名称', |
||||||
|
dataIndex: 'fabricName', |
||||||
|
key: 'fabricName', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '创建时间', |
||||||
|
dataIndex: 'createTime', |
||||||
|
key: 'createTime', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "ZyStyleFabricListDetail", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
model: {}, |
||||||
|
confirmLoading: true, |
||||||
|
// 款式详情 |
||||||
|
data1: [], |
||||||
|
columns1, |
||||||
|
|
||||||
|
// 管理面料 |
||||||
|
data2: [], |
||||||
|
columns2, |
||||||
|
|
||||||
|
id: '', |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
showModal(id) { |
||||||
|
this.visible = true; |
||||||
|
this.id = id; |
||||||
|
this.getDetailData() |
||||||
|
}, |
||||||
|
async getDetailData() { |
||||||
|
const {data: res} = await this.$axios.get('/jeecg-boot/zystylefabric/zyStyleFabric/detail?id=' + this.id) |
||||||
|
if (res.code !== 200) { |
||||||
|
this.$message({ |
||||||
|
type: 'error', |
||||||
|
message: '未查询到数据！' |
||||||
|
}); |
||||||
|
} |
||||||
|
console.log('res.result'+res.result) |
||||||
|
this.confirmLoading = false |
||||||
|
if (this.data1.length === 0) { |
||||||
|
this.data1.push(res.result.zyClothsStyles) |
||||||
|
} |
||||||
|
this.data1 = res.result.zyClothsStyles |
||||||
|
this.data2 = res.result.zyStyleFabricList |
||||||
|
}, |
||||||
|
handleOk(e) { |
||||||
|
this.confirmLoading = true; |
||||||
|
setTimeout(() => { |
||||||
|
this.visible = false; |
||||||
|
this.confirmLoading = false; |
||||||
|
}, 1); |
||||||
|
}, |
||||||
|
handleCancel(e) { |
||||||
|
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,221 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<a-modal |
||||||
|
title="服装款式详情" |
||||||
|
:visible="visible" |
||||||
|
:confirm-loading="confirmLoading" |
||||||
|
:width='1000' |
||||||
|
@ok="handleOk" |
||||||
|
@cancel="handleCancel"> |
||||||
|
|
||||||
|
<a-spin :spinning="confirmLoading"> |
||||||
|
<h3 style="width: 98%;;margin:0px auto">款式详情</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto" :columns="columns1" :data-source="data1" bordered |
||||||
|
rowKey="nums" :pagination="false"> |
||||||
|
</a-table> |
||||||
|
|
||||||
|
<h3 style="width: 98%;;margin:20px auto 0">管理型号</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns4" :data-source="data4" rowKey="id" bordered :pagination="false"> |
||||||
|
|
||||||
|
</a-table> |
||||||
|
|
||||||
|
</a-spin> |
||||||
|
</a-modal> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
const columns1 = [ |
||||||
|
{ |
||||||
|
title: '款式名称', |
||||||
|
dataIndex: 'styleNames', |
||||||
|
key: 'styleNames', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式编号', |
||||||
|
dataIndex: 'nums', |
||||||
|
key: 'nums', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式规格', |
||||||
|
dataIndex: 'specification', |
||||||
|
key: 'specification', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式形式', |
||||||
|
dataIndex: 'shape', |
||||||
|
key: 'shape', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '企业', |
||||||
|
dataIndex: 'enterpriseId', |
||||||
|
key: 'enterpriseId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式创建时间', |
||||||
|
dataIndex: 'createTime', |
||||||
|
key: 'createTime', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
const columns4 = [ |
||||||
|
{ |
||||||
|
title: '服装款式', |
||||||
|
dataIndex: 'styleId', |
||||||
|
key: 'styleId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '是否默认尺码', |
||||||
|
dataIndex: 'isDefaultSize', |
||||||
|
key: 'isDefaultSize', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '型号编码', |
||||||
|
dataIndex: 'modelNumber', |
||||||
|
key: 'modelNumber', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '码数', |
||||||
|
dataIndex: 'size', |
||||||
|
key: 'size', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '型', |
||||||
|
dataIndex: 'anumbers', |
||||||
|
key: 'anumbers', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '号', |
||||||
|
dataIndex: 'bnumbers', |
||||||
|
key: 'bnumbers', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '领大', |
||||||
|
dataIndex: 'collarLarge', |
||||||
|
key: 'collarLarge', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '胸围', |
||||||
|
dataIndex: 'bust', |
||||||
|
key: 'bust', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '袖长', |
||||||
|
dataIndex: 'sleeveLength', |
||||||
|
key: 'sleeveLength', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '连肩袖长', |
||||||
|
dataIndex: 'shslLength', |
||||||
|
key: 'shslLength', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '总肩宽', |
||||||
|
dataIndex: 'tsWidth', |
||||||
|
key: 'tsWidth', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '袖口', |
||||||
|
dataIndex: 'cuff', |
||||||
|
key: 'cuff', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '腰围', |
||||||
|
dataIndex: 'waistline', |
||||||
|
key: 'waistline', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '下摆', |
||||||
|
dataIndex: 'hem', |
||||||
|
key: 'hem', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
export default { |
||||||
|
name: "ZyStyleModelListDetails", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
model: {}, |
||||||
|
confirmLoading: true, |
||||||
|
// 款式详情 |
||||||
|
data1: [], |
||||||
|
columns1, |
||||||
|
|
||||||
|
// 管理型号 |
||||||
|
columns4, |
||||||
|
data4:[], |
||||||
|
|
||||||
|
id: '', |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
showModal(id) { |
||||||
|
this.visible = true; |
||||||
|
this.id = id |
||||||
|
this.getDetailData() |
||||||
|
}, |
||||||
|
async getDetailData() { |
||||||
|
const {data: res} = await this.$axios.get('/jeecg-boot/zystylemodel/zyStyleModel/detail?id=' + this.id) |
||||||
|
if (res.code !== 200) { |
||||||
|
this.$message({ |
||||||
|
type: 'error', |
||||||
|
message: '未查询到数据！' |
||||||
|
}); |
||||||
|
} |
||||||
|
console.log('res.result') |
||||||
|
console.log(res.result) |
||||||
|
this.confirmLoading = false |
||||||
|
if (this.data1.length === 0) { |
||||||
|
this.data1.push(res.result.zyClothsStyles) |
||||||
|
} |
||||||
|
this.data1 = res.result.zyClothsStyles |
||||||
|
this.data4 = res.result.zyStyleModels |
||||||
|
}, |
||||||
|
handleOk(e) { |
||||||
|
this.confirmLoading = true; |
||||||
|
setTimeout(() => { |
||||||
|
this.visible = false; |
||||||
|
this.confirmLoading = false; |
||||||
|
}, 1); |
||||||
|
}, |
||||||
|
handleCancel(e) { |
||||||
|
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,155 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<a-modal |
||||||
|
title="服装款式详情" |
||||||
|
:visible="visible" |
||||||
|
:confirm-loading="confirmLoading" |
||||||
|
:width='1000' |
||||||
|
@ok="handleOk" |
||||||
|
@cancel="handleCancel"> |
||||||
|
<a-spin :spinning="confirmLoading"> |
||||||
|
<h3 style="width: 98%;;margin:0px auto">款式详情</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto" :columns="columns1" :data-source="data1" bordered |
||||||
|
rowKey="nums" :pagination="false"> |
||||||
|
</a-table> |
||||||
|
|
||||||
|
<h3 style="width: 98%;;margin:20px auto 0">管理工序</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns5" :data-source="data5" |
||||||
|
rowKey="id" bordered :pagination="false" > |
||||||
|
|
||||||
|
</a-table> |
||||||
|
</a-spin> |
||||||
|
</a-modal> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
const columns1 = [ |
||||||
|
{ |
||||||
|
title: '款式名称', |
||||||
|
dataIndex: 'styleNames', |
||||||
|
key: 'styleNames', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式编号', |
||||||
|
dataIndex: 'nums', |
||||||
|
key: 'nums', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式规格', |
||||||
|
dataIndex: 'specification', |
||||||
|
key: 'specification', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式形式', |
||||||
|
dataIndex: 'shape', |
||||||
|
key: 'shape', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '企业', |
||||||
|
dataIndex: 'enterpriseId', |
||||||
|
key: 'enterpriseId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式创建时间', |
||||||
|
dataIndex: 'createTime', |
||||||
|
key: 'createTime', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
const columns5 = [ |
||||||
|
{ |
||||||
|
title: '款式名称', |
||||||
|
dataIndex: 'styleId', |
||||||
|
key: 'styleId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '工序', |
||||||
|
dataIndex: 'processId', |
||||||
|
key: 'processId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '创建时间', |
||||||
|
dataIndex: 'createTime', |
||||||
|
key: 'createTime', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
export default { |
||||||
|
name: "ZyStyleModularListDetails", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
model: {}, |
||||||
|
confirmLoading: true, |
||||||
|
|
||||||
|
// 款式详情 |
||||||
|
data1: [], |
||||||
|
columns1, |
||||||
|
|
||||||
|
// 管理工序 |
||||||
|
columns5, |
||||||
|
data5: [], |
||||||
|
|
||||||
|
id: '', |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
showModal(id) { |
||||||
|
this.visible = true; |
||||||
|
this.id = id |
||||||
|
this.getDetailData() |
||||||
|
}, |
||||||
|
async getDetailData() { |
||||||
|
const {data: res} = await this.$axios.get('/jeecg-boot/zyStyleModular/zyStyleModular/detail?id=' + this.id) |
||||||
|
if (res.code !== 200) { |
||||||
|
this.$message({ |
||||||
|
type: 'error', |
||||||
|
message: '未查询到数据！' |
||||||
|
}); |
||||||
|
} |
||||||
|
console.log('res.result') |
||||||
|
console.log(res.result) |
||||||
|
this.confirmLoading = false |
||||||
|
if (this.data1.length === 0) { |
||||||
|
this.data1.push(res.result.zyClothsStyles) |
||||||
|
} |
||||||
|
this.data1 = res.result.zyClothsStyles |
||||||
|
this.data5 = res.result.zyStyleModularList |
||||||
|
}, |
||||||
|
handleOk(e) { |
||||||
|
this.confirmLoading = true; |
||||||
|
setTimeout(() => { |
||||||
|
this.visible = false; |
||||||
|
this.confirmLoading = false; |
||||||
|
}, 1); |
||||||
|
}, |
||||||
|
handleCancel(e) { |
||||||
|
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,172 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<a-modal |
||||||
|
title="服装款式详情" |
||||||
|
:visible="visible" |
||||||
|
:confirm-loading="confirmLoading" |
||||||
|
:width='1000' |
||||||
|
@ok="handleOk" |
||||||
|
@cancel="handleCancel"> |
||||||
|
|
||||||
|
<a-spin :spinning="confirmLoading"> |
||||||
|
<h3 style="width: 98%;;margin:0px auto">款式详情</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto" :columns="columns1" :data-source="data1" |
||||||
|
bordered rowKey="nums" :pagination="false"> |
||||||
|
</a-table> |
||||||
|
|
||||||
|
<h3 style="width: 98%;;margin:20px auto 0">管理模块</h3> |
||||||
|
<a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns" :data-source="data" |
||||||
|
rowKey="id" bordered :pagination="false"> |
||||||
|
</a-table> |
||||||
|
|
||||||
|
</a-spin> |
||||||
|
</a-modal> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
const columns1 = [ |
||||||
|
{ |
||||||
|
title: '款式名称', |
||||||
|
dataIndex: 'styleNames', |
||||||
|
key: 'styleNames', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式编号', |
||||||
|
dataIndex: 'nums', |
||||||
|
key: 'nums', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式规格', |
||||||
|
dataIndex: 'specification', |
||||||
|
key: 'specification', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式形式', |
||||||
|
dataIndex: 'shape', |
||||||
|
key: 'shape', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '企业', |
||||||
|
dataIndex: 'enterpriseId', |
||||||
|
key: 'enterpriseId', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式创建时间', |
||||||
|
dataIndex: 'createTime', |
||||||
|
key: 'createTime', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
const columns = [ |
||||||
|
{ |
||||||
|
title: '服装类型', |
||||||
|
dataIndex: 'typeName', |
||||||
|
key: 'typeName', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式编号', |
||||||
|
dataIndex: 'styleNums', |
||||||
|
key: 'styleNums', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '款式名称', |
||||||
|
dataIndex: 'styleNames', |
||||||
|
key: 'styleNames', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '模块编号', |
||||||
|
dataIndex: 'modularNums', |
||||||
|
key: 'modularNums', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '模块名称', |
||||||
|
dataIndex: 'modularName', |
||||||
|
key: 'modularName', |
||||||
|
align: 'center' |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: '创建时间', |
||||||
|
dataIndex: 'createTime', |
||||||
|
key: 'createTime', |
||||||
|
align: 'center' |
||||||
|
} |
||||||
|
]; |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "ZyStyleModuleListDetail", |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
model: {}, |
||||||
|
confirmLoading: true, |
||||||
|
// 款式详情 |
||||||
|
data1: [], |
||||||
|
columns1, |
||||||
|
// 管理模块 |
||||||
|
data: [], |
||||||
|
columns, |
||||||
|
|
||||||
|
id: '', |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
showModal(id) { |
||||||
|
this.visible = true; |
||||||
|
this.id = id; |
||||||
|
this.getDetailData() |
||||||
|
}, |
||||||
|
async getDetailData() { |
||||||
|
const {data: res} = await this.$axios.get('/jeecg-boot/zystylemodule/zyStyleModule/detail?id=' + this.id) |
||||||
|
if (res.code !== 200) { |
||||||
|
this.$message({ |
||||||
|
type: 'error', |
||||||
|
message: '未查询到数据！' |
||||||
|
}); |
||||||
|
} |
||||||
|
console.log('res.result'+res.result) |
||||||
|
this.confirmLoading = false |
||||||
|
if (this.data1.length === 0) { |
||||||
|
this.data1.push(res.result.zyClothsStyles) |
||||||
|
} |
||||||
|
this.data1 = res.result.zyClothsStyles |
||||||
|
this.data = res.result.zyStyleModuleList |
||||||
|
}, |
||||||
|
handleOk(e) { |
||||||
|
this.confirmLoading = true; |
||||||
|
setTimeout(() => { |
||||||
|
this.visible = false; |
||||||
|
this.confirmLoading = false; |
||||||
|
}, 1); |
||||||
|
}, |
||||||
|
handleCancel(e) { |
||||||
|
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,13 @@ |
|||||||
|
package org.jeecg.modules.demo.zyStyleModular.entity; |
||||||
|
|
||||||
|
import lombok.Data; |
||||||
|
|
||||||
|
import java.util.List; |
||||||
|
|
||||||
|
@Data |
||||||
|
public class ZyStyleModularDetailsVO { |
||||||
|
/*服装款式*/ |
||||||
|
//private List<ZyClothsStyle> zyClothsStyles;
|
||||||
|
/**子模块 款式工序*/ |
||||||
|
private List<ZyStyleModular> zyStyleModularList; |
||||||
|
} |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
package org.jeecg.modules.demo.zyaccessories.entity; |
||||||
|
|
||||||
|
import lombok.Data; |
||||||
|
import org.jeecg.modules.zyclothsstyle.entity.ZyClothsStyle; |
||||||
|
import org.jeecg.modules.zystylefabric.entity.NewZyStyleFabric; |
||||||
|
import org.jeecg.modules.zystylemodule.entity.NewStyleModule; |
||||||
|
|
||||||
|
import java.util.List; |
||||||
|
|
||||||
|
@Data |
||||||
|
public class ZyStyleAccDetailVO { |
||||||
|
/**服装款式*/ |
||||||
|
private List<ZyClothsStyle> zyClothsStyles; |
||||||
|
|
||||||
|
/**子模块 款式辅料*/ |
||||||
|
private List<ZyStyleAccessories> zyStyleAccessoriesList; |
||||||
|
} |
||||||
@ -0,0 +1,17 @@ |
|||||||
|
package org.jeecg.modules.zystylefabric.entity; |
||||||
|
|
||||||
|
import lombok.Data; |
||||||
|
import org.jeecg.modules.zyclothsstyle.entity.ZyClothsStyle; |
||||||
|
import org.jeecg.modules.zystylemodule.entity.NewStyleModule; |
||||||
|
|
||||||
|
import java.util.List; |
||||||
|
|
||||||
|
@Data |
||||||
|
public class ZyStyleFabricDetailVo { |
||||||
|
/**服装款式*/ |
||||||
|
private List<ZyClothsStyle> zyClothsStyles; |
||||||
|
|
||||||
|
/**子模块 款式面料*/ |
||||||
|
private List<NewZyStyleFabric> zyStyleFabricList; |
||||||
|
|
||||||
|
} |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
package org.jeecg.modules.zystylemodel.entity; |
||||||
|
|
||||||
|
import lombok.Data; |
||||||
|
import org.jeecg.modules.zyclothsstyle.entity.ZyClothsStyle; |
||||||
|
|
||||||
|
import java.util.List; |
||||||
|
@Data |
||||||
|
public class ZyStyleModelDetailsVO { |
||||||
|
/**服装款式*/ |
||||||
|
private List<ZyClothsStyle> zyClothsStyles; |
||||||
|
/**子模块 款式型号 */ |
||||||
|
private List<ZyStyleModel> zyStyleModels; |
||||||
|
} |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
package org.jeecg.modules.zystylemodule.entity; |
||||||
|
|
||||||
|
import lombok.Data; |
||||||
|
import org.jeecg.modules.zyclothsstyle.entity.ZyClothsStyle; |
||||||
|
|
||||||
|
import java.util.List; |
||||||
|
@Data |
||||||
|
public class ZyStyleModuleDetailVO { |
||||||
|
/**服装款式*/ |
||||||
|
private List<ZyClothsStyle> zyClothsStyles; |
||||||
|
/**子模块 款式模块*/ |
||||||
|
private List<NewStyleModule> zyStyleModuleList; |
||||||
|
} |
||||||
Loading…
Reference in new issue