yu
/
CostumingPlatform
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

款式详情

Browse Source
zhc4dev
暖暖 2 years ago
parent 51a5d0a5cc
commit e2ced904fc
2 changed files with 409 additions and 187 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 376
      ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue
  2. 220
      ant-design-vue-jeecg/src/views/zyclothsstyle/modules/ZyClothsStyleListDetail.vue

376
ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue
Unescape View File

@ -131,207 +131,209 @@
</div> </div>
<zy-cloths-style-modal ref="modalForm" @ok="modalFormOk"></zy-cloths-style-modal> <zy-cloths-style-modal ref="modalForm" @ok="modalFormOk"></zy-cloths-style-modal>
<ZyClothsStyleListDetail ref="ZyClothsStyleListDetail"></ZyClothsStyleListDetail>
</a-card> </a-card>
</template> </template>
<script> <script>
import '@/assets/less/TableExpand.less' import '@/assets/less/TableExpand.less'
import {mixinDevice} from '@/utils/mixin' import {mixinDevice} from '@/utils/mixin'
import {JeecgListMixin} from '@/mixins/JeecgListMixin' import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import ZyClothsStyleModal from './modules/ZyClothsStyleModal' import ZyClothsStyleModal from './modules/ZyClothsStyleModal'
import ZyClothsStyleListDetail from './modules/ZyClothsStyleListDetail'
export default { export default {
name: 'ZyClothsStyleList', name: 'ZyClothsStyleList',
mixins: [JeecgListMixin, mixinDevice], mixins: [JeecgListMixin, mixinDevice],
components: { components: {
ZyClothsStyleModal ZyClothsStyleModal,ZyClothsStyleListDetail
}, },
data() { data() {
return { return {
description: '服装款式表管理页面', description: '服装款式表管理页面',
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#',
dataIndex: '', dataIndex: '',
key: 'rowIndex', key: 'rowIndex',
width: 60, width: 60,
align: "center", align: "center",
customRender: function (t, r, index) { customRender: function (t, r, index) {
return parseInt(index) + 1; return parseInt(index) + 1;
} }
}, },
{
title: '服装类型名称',
align: "center",
dataIndex: 'typeName'
},
{
title: '款式名称',
align: "center",
dataIndex: 'styleNames'
},
{
title: '编号',
align: "center",
dataIndex: 'nums'
},
{ {
title: '规格', title: '款式名称',
align: "center", align: "center",
dataIndex: 'specification' dataIndex: 'styleNames'
}, },
{
title: '编号',
align: "center",
dataIndex: 'nums'
},
{ {
title: '形式', title: '规格',
align: "center", align: "center",
dataIndex: 'shape_dictText' dataIndex: 'specification'
}, },
{
title: '企业',
align: "center",
dataIndex: 'enterpriseId_dictText'
},
// {
// title:'折叠搭配及包装',
// align:"center",
// dataIndex: 'foldingPackaging_dictText'
// },
// {
// title:'缝纫形式',
// align:"center",
// dataIndex: 'sewingForm_dictText'
// },
{
title: '创建时间',
align: "center",
dataIndex: 'createTime'
},
{
title: '管理模块',
dataIndex: 'action1',
align: "center",
fixed: "right",
width: 110,
scopedSlots: {customRender: 'action1'}
},
{
title: '操作',
dataIndex: 'action',
align: "center",
fixed: "right",
width: 147,
scopedSlots: {customRender: 'action'}
}
],
url: {
list: "/zyclothsstyle/zyClothsStyle/list",
delete: "/zyclothsstyle/zyClothsStyle/delete",
deleteBatch: "/zyclothsstyle/zyClothsStyle/deleteBatch",
exportXlsUrl: "/zyclothsstyle/zyClothsStyle/exportXls",
importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel",
}, {
styleId: '', title: '形式',
dictOptions: {}, align: "center",
superFieldList: [], dataIndex: 'shape_dictText'
} },
}, {
created() { title: '企业',
this.getSuperFieldList(); align: "center",
}, dataIndex: 'enterpriseId_dictText'
computed: { },
importExcelUrl: function () { // {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; // title:'折叠搭配及包装',
}, // align:"center",
}, // dataIndex: 'foldingPackaging_dictText'
methods: { // },
initDictConfig() { // {
}, // title:'缝纫形式',
//管理模块 // align:"center",
jumpPage1(record) { // dataIndex: 'sewingForm_dictText'
this.$router.push({ // },
path: '/src/views/zystylemodule/ZyStyleModuleList', {
query: { // 路由携带参数 title: '创建时间',
'id': record.id, align: "center",
'typeId': record.typeId, dataIndex: 'createTime'
'styleNames': record.styleNames, },
} {
}); title: '管理模块',
}, dataIndex: 'action1',
//管理面料 align: "center",
jumpPage2(record) { fixed: "right",
this.$router.push({ width: 110,
path: '/src/views/zystylefabric/ZyStyleFabricList', scopedSlots: {customRender: 'action1'}
query: { // 路由携带参数 },
'id': record.id, {
'styleNames': record.styleNames, title: '操作',
} dataIndex: 'action',
}); align: "center",
}, fixed: "right",
//管理辅料 width: 147,
jumpPage3(record) { scopedSlots: {customRender: 'action'}
this.$router.push({ }
path: '/src/views/zystyleaccessories/ZyStyleAccessoriesList', ],
query: { // 路由携带参数 url: {
'id': record.id, list: "/zyclothsstyle/zyClothsStyle/list",
'styleNames': record.styleNames, delete: "/zyclothsstyle/zyClothsStyle/delete",
} deleteBatch: "/zyclothsstyle/zyClothsStyle/deleteBatch",
}); exportXlsUrl: "/zyclothsstyle/zyClothsStyle/exportXls",
importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel",
},
styleId: '',
dictOptions: {},
superFieldList: [],
}
}, },
//款式型号管理 created() {
jumpPage4(record) { this.getSuperFieldList();
this.$router.push({
path: '/src/views/zystylemodel/ZyStyleModelList',
query: { // 路由携带参数
'id': record.id,
'styleNames': record.styleNames,
}
});
}, },
//款式工序管理 computed: {
jumpPage5(record) { importExcelUrl: function () {
this.$router.push({ return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
//path: '/process/ZyProcessList', },
path: '/zystylemodular/ZyStyleModularList',
query: { // 路由携带参数
'id': record.id,
'styleNames': record.styleNames,
},
});
}, },
getSuperFieldList() { methods: {
let fieldList = []; initDictConfig() {
fieldList.push({ },
type: 'popup', //管理模块
value: 'typeId', jumpPage1(record) {
text: '类型id', this.$router.push({
popup: {code: 'zy_cloths_type', field: 'type_name', orgFields: 'type_name', destFields: 'id'} path: '/src/views/zystylemodule/ZyStyleModuleList',
}) query: { // 路由携带参数
fieldList.push({type: 'string', value: 'shape', text: '形式', dictCode: ''}) 'id': record.id,
fieldList.push({type: 'string', value: 'nums', text: '编号', dictCode: ''}) 'typeId': record.typeId,
fieldList.push({type: 'string', value: 'styleNames', text: '名称', dictCode: ''}) 'styleNames': record.styleNames,
fieldList.push({type: 'string', value: 'specification', text: '规格', dictCode: ''}) }
fieldList.push({type: 'string', value: 'salesTerritory', text: '销售地区', dictCode: ''}) });
fieldList.push({type: 'string', value: 'productOverview', text: '产品概述', dictCode: ''}) },
fieldList.push({type: 'string', value: 'structure', text: '结构', dictCode: ''}) //管理面料
fieldList.push({type: 'string', value: 'characteristic', text: '特征', dictCode: ''}) jumpPage2(record) {
fieldList.push({type: 'string', value: 'designSketch', text: '效果', dictCode: ''}) this.$router.push({
fieldList.push({type: 'string', value: 'mainMap', text: '主图', dictCode: ''}) path: '/src/views/zystylefabric/ZyStyleFabricList',
fieldList.push({type: 'string', value: 'measuringMethod', text: '测量方法', dictCode: ''}) query: { // 路由携带参数
fieldList.push({type: 'string', value: 'error', text: '误差', dictCode: ''}) 'id': record.id,
fieldList.push({type: 'string', value: 'quotaMaterials', text: '定额用料', dictCode: ''}) 'styleNames': record.styleNames,
fieldList.push({type: 'string', value: 'foldingPackaging', text: '折叠搭配及包装', dictCode: ''}) }
fieldList.push({type: 'string', value: 'accLogos', text: '配件及标志', dictCode: ''}) });
fieldList.push({type: 'string', value: 'sewingForm', text: '缝纫形式', dictCode: ''}) },
fieldList.push({type: 'sel_depart', value: 'enterpriseId', text: '企业id'}) //管理辅料
this.superFieldList = fieldList jumpPage3(record) {
this.$router.push({
path: '/src/views/zystyleaccessories/ZyStyleAccessoriesList',
query: { // 路由携带参数
'id': record.id,
'styleNames': record.styleNames,
}
});
},
//款式型号管理
jumpPage4(record) {
this.$router.push({
path: '/src/views/zystylemodel/ZyStyleModelList',
query: { // 路由携带参数
'id': record.id,
'styleNames': record.styleNames,
}
});
},
//款式工序管理
jumpPage5(record) {
this.$router.push({
//path: '/process/ZyProcessList',
path: '/zystylemodular/ZyStyleModularList',
query: { // 路由携带参数
'id': record.id,
'styleNames': record.styleNames,
},
});
},
// 详情
handleDetail(record){
this.$refs.ZyClothsStyleListDetail.showModal(record)
},
getSuperFieldList() {
let fieldList = [];
fieldList.push({
type: 'popup',
value: 'typeId',
text: '类型id',
popup: {code: 'zy_cloths_type', field: 'type_name', orgFields: 'type_name', destFields: 'id'}
})
fieldList.push({type: 'string', value: 'shape', text: '形式', dictCode: ''})
fieldList.push({type: 'string', value: 'nums', text: '编号', dictCode: ''})
fieldList.push({type: 'string', value: 'styleNames', text: '名称', dictCode: ''})
fieldList.push({type: 'string', value: 'specification', text: '规格', dictCode: ''})
fieldList.push({type: 'string', value: 'salesTerritory', text: '销售地区', dictCode: ''})
fieldList.push({type: 'string', value: 'productOverview', text: '产品概述', dictCode: ''})
fieldList.push({type: 'string', value: 'structure', text: '结构', dictCode: ''})
fieldList.push({type: 'string', value: 'characteristic', text: '特征', dictCode: ''})
fieldList.push({type: 'string', value: 'designSketch', text: '效果', dictCode: ''})
fieldList.push({type: 'string', value: 'mainMap', text: '主图', dictCode: ''})
fieldList.push({type: 'string', value: 'measuringMethod', text: '测量方法', dictCode: ''})
fieldList.push({type: 'string', value: 'error', text: '误差', dictCode: ''})
fieldList.push({type: 'string', value: 'quotaMaterials', text: '定额用料', dictCode: ''})
fieldList.push({type: 'string', value: 'foldingPackaging', text: '折叠搭配及包装', dictCode: ''})
fieldList.push({type: 'string', value: 'accLogos', text: '配件及标志', dictCode: ''})
fieldList.push({type: 'string', value: 'sewingForm', text: '缝纫形式', dictCode: ''})
fieldList.push({type: 'sel_depart', value: 'enterpriseId', text: '企业id'})
this.superFieldList = fieldList
}
} }
} }
}
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
</style> </style>

220
ant-design-vue-jeecg/src/views/zyclothsstyle/modules/ZyClothsStyleListDetail.vue
Unescape View File

@ -0,0 +1,220 @@
<template>
<div>
<a-modal
title="服装款式详情"
:visible="visible"
:confirm-loading="confirmLoading"
: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>-->
<!-- &lt;!&ndash; 模块&ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; 面料&ndash;&gt;-->
<!-- <td><span>面料编号：</span>2</td>-->
<!-- <td><span>面料名称：</span>2A01</td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td><span>面料创建时间：</span>2022-12-06 10:02:59</td>-->
<!-- &lt;!&ndash; 辅料&ndash;&gt;-->
<!-- <td><span>辅料名称：</span>2A01</td>-->
<!-- <td><span>辅料创建时间：</span>2022-12-06 10:02:59</td>-->
<!-- &lt;!&ndash; 工序&ndash;&gt;-->
<!-- <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>-->
<!-- </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>
<a-table style="width: 98%;font-size:14px;margin:10px auto 0" :columns="columns" :data-source="data" bordered :pagination="false">
</a-table>
</a-modal>
</div>
</template>
<script>
const columns1 = [
{
title: '款式名称',
dataIndex: 'a',
key: 'a',
align:'center'
},
{
title: '款式编号',
dataIndex: 'b',
key: 'b',
align:'center'
},
{
title: '款式规格',
dataIndex: 'c',
key: 'c',
align:'center'
},
{
title: '款式形式',
dataIndex: 'd',
key: 'd',
align:'center'
},
{
title: '企业',
dataIndex: 'e',
key: 'e',
align:'center'
},
{
title: '款式创建时间',
dataIndex: 'f',
key: 'f',
align:'center'
},
];
const data1 = [
{
key:'1',
a:'tttt',
b:'QIYE80301100000130',
c:'123',
d:'预制',
e:'黄淮服装智能制造中心',
f:'2022-12-06 10:02:59',
}
];
const columns = [
{
title: '管理模块',
dataIndex: 'a',
key: 'a',
align:'center'
},
{
title: '名称',
dataIndex: 'name',
key: 'name',
align:'center'
},
{
title: '编号',
dataIndex: 'age',
key: 'age',
align:'center'
},
{
title: '创建时间',
dataIndex: 'address',
key: 'address',
align:'center'
}
];
const data = [
{
key: '1',
a:'款式',
name: 'tttt',
age: 'QIYE80301100000130',
address: '2022-12-05 21:11:32',
},
{
key: '2',
a:'模块',
name: 'tttt',
age: 'QIYE80301100000130',
address: '2022-12-05 21:11:32',
}, {
key: '3',
a:'面料',
name: '白色素面布',
age: '1001',
address: '2022-12-05 21:11:32',
},
{
key: '4',
a:'辅料',
name: '无纺衬双面衬',
age: '无',
address: '2022-12-05 21:11:32',
},
{
key: '5',
a:'型号',
name: '无',
age: '无',
address: '无',
},
{
key: '6',
a:'工序',
name: '1-3合后育克',
age: '无',
address: '2022-12-05 21:11:32',
}
];
export default {
name: 'ZyClothsStyleListDetail',//此处填组件名称
data () {
return {
visible: false,
confirmLoading: false,
model:{
},
data,
columns,
data1,
columns1,
}
},
methods: {
showModal(record) {
this.visible = true;
this.model = record
console.log('this.model')
console.log(this.model)
},
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>
Write Preview
Loading…
Cancel
Save