|
|
|
@ -8,410 +8,425 @@ |
|
|
|
|
:width='1000' |
|
|
|
|
@ok="handleOk" |
|
|
|
|
@cancel="handleCancel"> |
|
|
|
|
<!-- <table border="1" style="width: 98%;font-size:14px;margin:30px auto 0" class="table">--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>款式名称:</span>tttt</td>--> |
|
|
|
|
<!-- <td><span>款式编号:</span>QIYE80301100000130</td>--> |
|
|
|
|
<!-- <td><span>款式规格:</span>123</td>--> |
|
|
|
|
<!-- <td><span>款式形式:</span>预制</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>企业:</span>黄淮服装智能制造中心</td>--> |
|
|
|
|
<!-- <td><span>款式创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
<!-- <!– 模块–>--> |
|
|
|
|
<!-- <td><span>服装类型:</span>tttt</td>--> |
|
|
|
|
<!-- <td><span>模块编号:</span>QIYE80301100000130</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>模块名称:</span>2</td>--> |
|
|
|
|
<!-- <td><span>模块创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
<!-- <!– 面料–>--> |
|
|
|
|
<!-- <td><span>面料编号:</span>2</td>--> |
|
|
|
|
<!-- <td><span>面料名称:</span>2A01</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>面料创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
<!-- <!– 辅料–>--> |
|
|
|
|
<!-- <td><span>辅料名称:</span>2A01</td>--> |
|
|
|
|
<!-- <td><span>辅料创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
<!-- <!– 工序–>--> |
|
|
|
|
<!-- <td><span>工序名称:</span>2A01</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>工序创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
<!-- <table border="1" style="width: 98%;font-size:14px;margin:30px auto 0" class="table">--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>款式名称:</span>tttt</td>--> |
|
|
|
|
<!-- <td><span>款式编号:</span>QIYE80301100000130</td>--> |
|
|
|
|
<!-- <td><span>款式规格:</span>123</td>--> |
|
|
|
|
<!-- <td><span>款式形式:</span>预制</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>企业:</span>黄淮服装智能制造中心</td>--> |
|
|
|
|
<!-- <td><span>款式创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
<!-- <!– 模块–>--> |
|
|
|
|
<!-- <td><span>服装类型:</span>tttt</td>--> |
|
|
|
|
<!-- <td><span>模块编号:</span>QIYE80301100000130</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>模块名称:</span>2</td>--> |
|
|
|
|
<!-- <td><span>模块创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
<!-- <!– 面料–>--> |
|
|
|
|
<!-- <td><span>面料编号:</span>2</td>--> |
|
|
|
|
<!-- <td><span>面料名称:</span>2A01</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>面料创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
<!-- <!– 辅料–>--> |
|
|
|
|
<!-- <td><span>辅料名称:</span>2A01</td>--> |
|
|
|
|
<!-- <td><span>辅料创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
<!-- <!– 工序–>--> |
|
|
|
|
<!-- <td><span>工序名称:</span>2A01</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
<!-- <tr>--> |
|
|
|
|
<!-- <td><span>工序创建时间:</span>2022-12-06 10:02:59</td>--> |
|
|
|
|
|
|
|
|
|
<!-- <td><span>面料编号:</span>2</td>--> |
|
|
|
|
<!-- <td><span>面料名称:</span>2A01</td>--> |
|
|
|
|
<!-- <td><span>面料名称:</span>2A01</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
<!-- <td><span>面料编号:</span>2</td>--> |
|
|
|
|
<!-- <td><span>面料名称:</span>2A01</td>--> |
|
|
|
|
<!-- <td><span>面料名称:</span>2A01</td>--> |
|
|
|
|
<!-- </tr>--> |
|
|
|
|
|
|
|
|
|
<!-- </table>--> |
|
|
|
|
<!-- </table>--> |
|
|
|
|
<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: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> |
|
|
|
|
<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> |
|
|
|
|
|
|
|
|
|
<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"> |
|
|
|
|
<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-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"> |
|
|
|
|
<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-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" bordered :pagination="false">--> |
|
|
|
|
<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" bordered :pagination="false">--> |
|
|
|
|
|
|
|
|
|
<!-- </a-table>--> |
|
|
|
|
<!-- </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"> |
|
|
|
|
<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-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' |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
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' |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
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' |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
const columns4 = [ |
|
|
|
|
{ |
|
|
|
|
title: '服装款式', |
|
|
|
|
dataIndex: 'a', |
|
|
|
|
key: 'a', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '是否默认尺码', |
|
|
|
|
dataIndex: 'c', |
|
|
|
|
key: 'c', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '型号编码', |
|
|
|
|
dataIndex: 'e', |
|
|
|
|
key: 'e', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '码数', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '型', |
|
|
|
|
dataIndex: 'a', |
|
|
|
|
key: 'a', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '号', |
|
|
|
|
dataIndex: 'a', |
|
|
|
|
key: 'a', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '领大', |
|
|
|
|
dataIndex: 'c', |
|
|
|
|
key: 'c', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '胸围', |
|
|
|
|
dataIndex: 'e', |
|
|
|
|
key: 'e', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '袖长', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '连肩袖长', |
|
|
|
|
dataIndex: 'e', |
|
|
|
|
key: 'e', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '总肩宽', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '袖口', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '腰围', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '下摆', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align:'center' |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
const data4 = [ |
|
|
|
|
{ |
|
|
|
|
key: '1', |
|
|
|
|
a:'女衬衫', |
|
|
|
|
c:'test010', |
|
|
|
|
e:'123', |
|
|
|
|
f:'2022-12-06 10:02:59', |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
const columns5 = [ |
|
|
|
|
{ |
|
|
|
|
title: '款式名称', |
|
|
|
|
dataIndex: 'styleId', |
|
|
|
|
key: 'styleId', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '工序', |
|
|
|
|
dataIndex: 'processId', |
|
|
|
|
key: 'processId', |
|
|
|
|
align:'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '创建时间', |
|
|
|
|
dataIndex: 'createTime', |
|
|
|
|
key: 'createTime', |
|
|
|
|
align:'center' |
|
|
|
|
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' |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
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' |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
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' |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
const columns4 = [ |
|
|
|
|
{ |
|
|
|
|
title: '服装款式', |
|
|
|
|
dataIndex: 'a', |
|
|
|
|
key: 'a', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '是否默认尺码', |
|
|
|
|
dataIndex: 'c', |
|
|
|
|
key: 'c', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '型号编码', |
|
|
|
|
dataIndex: 'e', |
|
|
|
|
key: 'e', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '码数', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '型', |
|
|
|
|
dataIndex: 'a', |
|
|
|
|
key: 'a', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '号', |
|
|
|
|
dataIndex: 'a', |
|
|
|
|
key: 'a', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '领大', |
|
|
|
|
dataIndex: 'c', |
|
|
|
|
key: 'c', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '胸围', |
|
|
|
|
dataIndex: 'e', |
|
|
|
|
key: 'e', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '袖长', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '连肩袖长', |
|
|
|
|
dataIndex: 'e', |
|
|
|
|
key: 'e', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '总肩宽', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '袖口', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '腰围', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align: 'center' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
title: '下摆', |
|
|
|
|
dataIndex: 'f', |
|
|
|
|
key: 'f', |
|
|
|
|
align: 'center' |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
const data4 = [ |
|
|
|
|
{ |
|
|
|
|
key: '1', |
|
|
|
|
a: '女衬衫', |
|
|
|
|
c: 'test010', |
|
|
|
|
e: '123', |
|
|
|
|
f: '2022-12-06 10:02:59', |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
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: 'ZyClothsStyleListDetail',//此处填组件名称 |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
visible: false, |
|
|
|
|
model: {}, |
|
|
|
|
confirmLoading: true, |
|
|
|
|
// 管理模块 |
|
|
|
|
data: [], |
|
|
|
|
columns, |
|
|
|
|
// 款式详情 |
|
|
|
|
data1: [], |
|
|
|
|
columns1, |
|
|
|
|
// 管理面料 |
|
|
|
|
data2: [], |
|
|
|
|
columns2, |
|
|
|
|
// 管理辅料 |
|
|
|
|
data3: [], |
|
|
|
|
columns3, |
|
|
|
|
// 管理型号 |
|
|
|
|
columns4, |
|
|
|
|
data4, |
|
|
|
|
// 管理工序 |
|
|
|
|
columns5, |
|
|
|
|
data5: [], |
|
|
|
|
url: { |
|
|
|
|
detail: "/zyclothsstyle/zyClothsStyle/detail", |
|
|
|
|
}, |
|
|
|
|
id: '', |
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
export default { |
|
|
|
|
name: 'ZyClothsStyleListDetail',//此处填组件名称 |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
visible: false, |
|
|
|
|
model:{ |
|
|
|
|
}, |
|
|
|
|
confirmLoading:true, |
|
|
|
|
// 管理模块 |
|
|
|
|
data:[], |
|
|
|
|
columns, |
|
|
|
|
// 款式详情 |
|
|
|
|
data1:[], |
|
|
|
|
columns1, |
|
|
|
|
// 管理面料 |
|
|
|
|
data2:[], |
|
|
|
|
columns2, |
|
|
|
|
// 管理辅料 |
|
|
|
|
data3:[], |
|
|
|
|
columns3, |
|
|
|
|
// 管理型号 |
|
|
|
|
columns4, |
|
|
|
|
data4, |
|
|
|
|
// 管理工序 |
|
|
|
|
columns5, |
|
|
|
|
data5:[], |
|
|
|
|
url: { |
|
|
|
|
detail: "/zyclothsstyle/zyClothsStyle/detail", |
|
|
|
|
}, |
|
|
|
|
id:'', |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
showModal(id) { |
|
|
|
|
this.visible = true; |
|
|
|
|
this.id = id |
|
|
|
|
// this.$http.get('/zyclothsstyle/zyClothsStyle/detail?id='+record.id).then( |
|
|
|
|
// res=>{ |
|
|
|
|
// console.log('res') |
|
|
|
|
// console.log(res.result.zyClothsStyle) |
|
|
|
|
// this.data1.push(res.result.zyClothsStyle) |
|
|
|
|
// } |
|
|
|
|
// ) |
|
|
|
|
this.getDetailData() |
|
|
|
|
}, |
|
|
|
|
async getDetailData() { |
|
|
|
|
const {data: res} = await this.$axios.get('/jeecg-boot/zyclothsstyle/zyClothsStyle/detail?id=' + this.id) |
|
|
|
|
if (res.code !== 200) { |
|
|
|
|
this.$message({ |
|
|
|
|
type: 'error', |
|
|
|
|
message: '未查询到数据!' |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
showModal(id) { |
|
|
|
|
this.visible = true; |
|
|
|
|
this.id = id |
|
|
|
|
// this.$http.get('/zyclothsstyle/zyClothsStyle/detail?id='+record.id).then( |
|
|
|
|
// res=>{ |
|
|
|
|
// console.log('res') |
|
|
|
|
// console.log(res.result.zyClothsStyle) |
|
|
|
|
// this.data1.push(res.result.zyClothsStyle) |
|
|
|
|
// } |
|
|
|
|
// ) |
|
|
|
|
this.getDetailData() |
|
|
|
|
}, |
|
|
|
|
async getDetailData(){ |
|
|
|
|
const {data:res} = await this.$axios.get('/jeecg-boot/zyclothsstyle/zyClothsStyle/detail?id='+this.id) |
|
|
|
|
if (res.code !== 200) { |
|
|
|
|
this.$message({ |
|
|
|
|
type: 'error', |
|
|
|
|
message: '未查询到数据!' |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
this.confirmLoading = false |
|
|
|
|
if(this.data1.length == 0){ |
|
|
|
|
this.data1.push(res.result.zyClothsStyle) |
|
|
|
|
} |
|
|
|
|
this.data2 = res.result.zyStyleFabricList |
|
|
|
|
this.data3 = res.result.zyStyleAccessoriesList |
|
|
|
|
this.data = res.result.zyStyleModuleList |
|
|
|
|
this.data5 = res.result.zyStyleModularList |
|
|
|
|
}, |
|
|
|
|
handleOk(e) { |
|
|
|
|
this.confirmLoading = true; |
|
|
|
|
setTimeout(() => { |
|
|
|
|
this.visible = false; |
|
|
|
|
this.confirmLoading = false; |
|
|
|
|
}, 1); |
|
|
|
|
}, |
|
|
|
|
handleCancel(e) { |
|
|
|
|
this.confirmLoading = false |
|
|
|
|
if (this.data1.length === 0) { |
|
|
|
|
this.data1.push(res.result.zyClothsStyles) |
|
|
|
|
} |
|
|
|
|
this.data1 = res.result.zyClothsStyles |
|
|
|
|
this.data2 = res.result.zyStyleFabricList |
|
|
|
|
this.data3 = res.result.zyStyleAccessoriesList |
|
|
|
|
this.data = res.result.zyStyleModuleList |
|
|
|
|
this.data5 = res.result.zyStyleModularList |
|
|
|
|
}, |
|
|
|
|
handleOk(e) { |
|
|
|
|
this.confirmLoading = true; |
|
|
|
|
setTimeout(() => { |
|
|
|
|
this.visible = false; |
|
|
|
|
}, |
|
|
|
|
this.confirmLoading = false; |
|
|
|
|
}, 1); |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
</script > |
|
|
|
|
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} |
|
|
|
|
.table { |
|
|
|
|
border-color: #d9d9d9; |
|
|
|
|
border-radius: 3px |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.table td { |
|
|
|
|
padding: 10px 20px; |
|
|
|
|
max-width: 380px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.table td span { |
|
|
|
|
color: #333 |
|
|
|
|
} |
|
|
|
|
</style> |