款式详情

zhc4dev
暖暖 2 years ago
parent e2ced904fc
commit 230f46a84d
  1. 325
      ant-design-vue-jeecg/src/views/zyclothsstyle/modules/ZyClothsStyleListDetail.vue

@ -47,13 +47,32 @@
<!-- </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 :pagination="false">
</a-table>
<h3 style="width: 98%;;margin:20px auto 0">管理模块详情</h3>
<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" 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" 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="columns3" :data-source="data3" 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="columns4" :data-source="data4" 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="columns5" :data-source="data5" bordered :pagination="false">
</a-table>
</a-modal>
</div>
</template>
@ -109,76 +128,292 @@
];
const columns = [
{
title: '管理模块',
title: '服装类型',
dataIndex: 'a',
key: 'a',
align:'center'
},
{
title: '名称',
dataIndex: 'name',
key: 'name',
title: '款式编号',
dataIndex: 'b',
key: 'b',
align:'center'
},
{
title: '编号',
dataIndex: 'age',
key: 'age',
title: '款式名称',
dataIndex: 'c',
key: 'c',
align:'center'
},
{
title: '模块编号',
dataIndex: 'd',
key: 'd',
align:'center'
},
{
title: '模块名称',
dataIndex: 'e',
key: 'e',
align:'center'
},
{
title: '创建时间',
dataIndex: 'address',
key: 'address',
dataIndex: 'f',
key: 'f',
align:'center'
}
];
const data = [
{
key: '1',
a:'款式',
name: 'tttt',
age: 'QIYE80301100000130',
address: '2022-12-05 21:11:32',
a:'女衬衫',
b:'a000400000014',
c:'test010',
d:'QIYE80301100000021',
e:'tttt',
f:'2022-12-06 10:02:59',
},
{
key: '2',
a:'模块',
name: 'tttt',
age: 'QIYE80301100000130',
address: '2022-12-05 21:11:32',
a:'女衬衫',
b:'a000400000014',
c:'test010',
d:'a000180301100000022',
e:'袖口模块A1',
f:'2022-12-06 10:02:59',
}, {
key: '3',
a:'面料',
name: '白色素面布',
age: '1001',
address: '2022-12-05 21:11:32',
a:'女衬衫',
b:'a000400000014',
c:'test010',
d:'b0005',
e:'领子模块',
f:'2022-12-06 10:02:59',
}
];
const columns2 = [
{
title: '服装类型',
dataIndex: 'a',
key: 'a',
align:'center'
},
{
title: '款式编号',
dataIndex: 'b',
key: 'b',
align:'center'
},
{
title: '款式名称',
dataIndex: 'c',
key: 'c',
align:'center'
},
{
key: '4',
a:'辅料',
name: '无纺衬双面衬',
age: '无',
address: '2022-12-05 21:11:32',
title: '面料编号',
dataIndex: 'd',
key: 'd',
align:'center'
},
{
key: '5',
a:'型号',
name: '无',
age: '无',
address: '无',
title: '面料名称',
dataIndex: 'e',
key: 'e',
align:'center'
},
{
key: '6',
a:'工序',
name: '1-3合后育克',
age: '无',
address: '2022-12-05 21:11:32',
title: '创建时间',
dataIndex: 'f',
key: 'f',
align:'center'
}
];
const data2 = [
{
key: '1',
a:'女衬衫',
b:'a000400000014',
c:'test010',
d:'1002',
e:'面料2',
f:'2022-12-06 10:02:59',
},
{
key: '2',
a:'女衬衫',
b:'a000400000014',
c:'test010',
d:'1003',
e:'面料3',
f:'2022-12-06 10:02:59',
}
];
const columns3 = [
{
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'
}
];
const data3 = [
{
key: '1',
a:'女衬衫',
c:'test010',
e:'123',
f:'2022-12-06 10:02:59',
}
];
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: 'a',
key: 'a',
align:'center'
},
{
title: '工序',
dataIndex: 'c',
key: 'c',
align:'center'
},
{
title: '创建时间',
dataIndex: 'f',
key: 'f',
align:'center'
}
];
const data5 = [
{
key: '1',
a:'test010',
c:'9',
f:'2022-12-06 10:02:59',
},
{
key: '2',
a:'test010',
c:'8',
f:'2022-12-06 10:02:59',
}
];
export default {
name: 'ZyClothsStyleListDetail',//
data () {
@ -191,6 +426,14 @@
columns,
data1,
columns1,
data2,
columns2,
data3,
columns3,
columns4,
data4,
columns5,
data5,
}
},
methods: {

Loading…
Cancel
Save