zhc4dev
赵玉瑞 2 years ago
parent 8902c92c57
commit 3185cdd378
  1. 413
      ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue

@ -6,27 +6,28 @@
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="编号"> <a-form-item label="编号">
<a-input placeholder="请输入编号" v-model="queryParam.nums" ></a-input> <a-input placeholder="请输入编号" v-model="queryParam.nums"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="形式"> <a-form-item label="形式">
<j-dict-select-tag placeholder="请选择形式" dictCode="style_shape" v-model="queryParam.shape" ></j-dict-select-tag> <j-dict-select-tag placeholder="请选择形式" dictCode="style_shape"
v-model="queryParam.shape"></j-dict-select-tag>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="名称"> <a-form-item label="名称">
<a-input placeholder="请输入名称" v-model="queryParam.styleNames" ></a-input> <a-input placeholder="请输入名称" v-model="queryParam.styleNames"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="规格"> <a-form-item label="规格">
<a-input placeholder="请输入规格" v-model="queryParam.specification" ></a-input> <a-input placeholder="请输入规格" v-model="queryParam.specification"></a-input>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="企业名称"> <a-form-item label="企业名称">
<j-select-depart placeholder="请输入企业名称" v-model="queryParam.enterpriseId" /> <j-select-depart placeholder="请输入企业名称" v-model="queryParam.enterpriseId"/>
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24"> <a-col :xl="6" :lg="7" :md="8" :sm="24">
@ -44,23 +45,29 @@
<div class="table-operator"> <div class="table-operator">
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button> <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('服装款式表')">导出</a-button> <a-button type="primary" icon="download" @click="handleExportXls('服装款式表')">导出</a-button>
<!-- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel"> <!-- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<a-button type="primary" icon="import">导入</a-button> <a-button type="primary" icon="import">导入</a-button>
</a-upload>--> </a-upload>-->
<!-- 高级查询区域 --> <!-- 高级查询区域 -->
<!-- <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>--> <!-- <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>-->
<a-dropdown v-if="selectedRowKeys.length > 0"> <a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay"> <a-menu slot="overlay">
<a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item> <a-menu-item key="1" @click="batchDel">
<a-icon type="delete"/>
删除
</a-menu-item>
</a-menu> </a-menu>
<a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button> <a-button style="margin-left: 8px"> 批量操作
<a-icon type="down"/>
</a-button>
</a-dropdown> </a-dropdown>
</div> </div>
<!-- table区域-begin --> <!-- table区域-begin -->
<div> <div>
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;"> <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
<i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a> <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a
style="font-weight: 600">{{ selectedRowKeys.length }}</a>
<a style="margin-left: 24px" @click="onClearSelected">清空</a> <a style="margin-left: 24px" @click="onClearSelected">清空</a>
</div> </div>
@ -83,7 +90,8 @@
</template> </template>
<template slot="imgSlot" slot-scope="text"> <template slot="imgSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span> <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
<img v-else :src="getImgView(text)" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/> <img v-else :src="getImgView(text)" height="25px" alt=""
style="max-width:80px;font-size: 12px;font-style: italic;"/>
</template> </template>
<template slot="fileSlot" slot-scope="text"> <template slot="fileSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span> <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
@ -99,21 +107,21 @@
</template> </template>
<span slot="action1" slot-scope="text, record"> <span slot="action1" slot-scope="text, record">
<a @click="jumpPage1(record)" >管理模块</a> <a @click="jumpPage1(record)">管理模块</a>
<a-divider type="vertical" /> <a-divider type="vertical"/>
<a @click="jumpPage2(record)" >管理面料</a> <a @click="jumpPage2(record)">管理面料</a>
<a-divider type="vertical" /> <a-divider type="vertical"/>
<a @click="jumpPage3(record)" >管理辅料</a> <a @click="jumpPage3(record)">管理辅料</a>
<a-divider type="vertical" /> <a-divider type="vertical"/>
<a @click="jumpPage4(record)" >管理型号</a> <a @click="jumpPage4(record)">管理型号</a>
<a-divider type="vertical" /> <a-divider type="vertical"/>
<a @click="jumpPage5(record)" >管理工序</a> <a @click="jumpPage5(record)">管理工序</a>
</span> </span>
<span slot="action" slot-scope="text, record"> <span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a> <a @click="handleEdit(record)">编辑</a>
<a-divider type="vertical" /> <a-divider type="vertical"/>
<a @click="handleDetail(record)">详情</a> <a @click="handleDetail(record)">详情</a>
<a-divider type="vertical" /> <a-divider type="vertical"/>
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)"> <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a> <a>删除</a>
</a-popconfirm> </a-popconfirm>
@ -128,190 +136,195 @@
<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'
export default { export default {
name: 'ZyClothsStyleList', name: 'ZyClothsStyleList',
mixins:[JeecgListMixin, mixinDevice], mixins: [JeecgListMixin, mixinDevice],
components: { components: {
ZyClothsStyleModal ZyClothsStyleModal
}, },
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: 'styleNames'
},
{
title:'编号',
align:"center",
dataIndex: 'nums'
},
{
title:'规格',
align:"center",
dataIndex: 'specification'
},
{
title:'服装类型',
align:"center",
dataIndex: 'typeId_dictText'
},
{
title:'形式',
align:"center",
dataIndex: 'shape_dictText'
},
{
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", title: '款式名称',
delete: "/zyclothsstyle/zyClothsStyle/delete", align: "center",
deleteBatch: "/zyclothsstyle/zyClothsStyle/deleteBatch", dataIndex: 'styleNames'
exportXlsUrl: "/zyclothsstyle/zyClothsStyle/exportXls", },
importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel", {
title: '编号',
align: "center",
dataIndex: 'nums'
},
{
title: '规格',
align: "center",
dataIndex: 'specification'
}, },
styleId:'', {
dictOptions:{}, title: '服装类型',
superFieldList:[], align: "center",
} dataIndex: 'typeId_dictText'
}, },
created() { {
title: '形式',
align: "center",
dataIndex: 'shape_dictText'
},
{
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: '',
dictOptions: {},
superFieldList: [],
}
},
created() {
this.getSuperFieldList(); this.getSuperFieldList();
},
computed: {
importExcelUrl: function () {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
}, },
computed: { },
importExcelUrl: function(){ methods: {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; initDictConfig() {
},
}, },
methods: { //
initDictConfig(){ jumpPage1(record) {
}, this.$router.push({
// path: '/src/views/zystylemodule/ZyStyleModuleList',
jumpPage1(record) { query: { //
this.$router.push({ 'id': record.id,
path: '/src/views/zystylemodule/ZyStyleModuleList', 'typeId': record.typeId,
query: { // }
'id': record.id, });
'typeId': record.typeId, },
} //
}); jumpPage2(record) {
}, this.$router.push({
// path: '/src/views/zystylefabric/ZyStyleFabricList',
jumpPage2(record) { query: { //
this.$router.push({ 'id': record.id,
path: '/src/views/zystylefabric/ZyStyleFabricList', }
query: { // });
'id': record.id, },
} jumpPage3(record) {
}); this.$router.push({
}, path: '/src/views/zystyleaccessories/ZyStyleAccessoriesList',
jumpPage3(record) { query: { //
this.$router.push({ 'id': record.id,
path: '/src/views/zystyleaccessories/ZyStyleAccessoriesList', }
query: { // });
'id': record.id, },
} //
}); jumpPage4(record) {
}, this.$router.push({
// path: '/src/views/zystylemodel/ZyStyleModelList',
jumpPage4(record) { query: { //
this.$router.push({ 'id': record.id,
path: '/src/views/zystylemodel/ZyStyleModelList', }
query: { // });
'id': record.id, },
} //
}); jumpPage5(record) {
}, this.$router.push({
// //path: '/process/ZyProcessList',
jumpPage5(record) { path: '/zystylemodular/ZyStyleModularList',
this.$router.push({ query: { //
//path: '/process/ZyProcessList', 'id': record.id,
path: '/zystylemodular/ZyStyleModularList', }
query: { // });
'id': record.id, },
} getSuperFieldList() {
}); let fieldList = [];
}, fieldList.push({
getSuperFieldList(){ type: 'popup',
let fieldList=[]; value: 'typeId',
fieldList.push({type:'popup',value:'typeId',text:'类型id', popup:{code:'zy_cloths_type',field:'type_name',orgFields:'type_name',destFields:'id'}}) text: '类型id',
fieldList.push({type:'string',value:'shape',text:'形式',dictCode:''}) popup: {code: 'zy_cloths_type', field: 'type_name', orgFields: 'type_name', destFields: 'id'}
fieldList.push({type:'string',value:'nums',text:'编号',dictCode:''}) })
fieldList.push({type:'string',value:'styleNames',text:'名称',dictCode:''}) fieldList.push({type: 'string', value: 'shape', text: '形式', dictCode: ''})
fieldList.push({type:'string',value:'specification',text:'规格',dictCode:''}) fieldList.push({type: 'string', value: 'nums', text: '编号', dictCode: ''})
fieldList.push({type:'string',value:'salesTerritory',text:'销售地区',dictCode:''}) fieldList.push({type: 'string', value: 'styleNames', text: '名称', dictCode: ''})
fieldList.push({type:'string',value:'productOverview',text:'产品概述',dictCode:''}) fieldList.push({type: 'string', value: 'specification', text: '规格', dictCode: ''})
fieldList.push({type:'string',value:'structure',text:'结构',dictCode:''}) fieldList.push({type: 'string', value: 'salesTerritory', text: '销售地区', dictCode: ''})
fieldList.push({type:'string',value:'characteristic',text:'特征',dictCode:''}) fieldList.push({type: 'string', value: 'productOverview', text: '产品概述', dictCode: ''})
fieldList.push({type:'string',value:'designSketch',text:'效果',dictCode:''}) fieldList.push({type: 'string', value: 'structure', text: '结构', dictCode: ''})
fieldList.push({type:'string',value:'mainMap',text:'主图',dictCode:''}) fieldList.push({type: 'string', value: 'characteristic', text: '特征', dictCode: ''})
fieldList.push({type:'string',value:'measuringMethod',text:'测量方法',dictCode:''}) fieldList.push({type: 'string', value: 'designSketch', text: '效果', dictCode: ''})
fieldList.push({type:'string',value:'error',text:'误差',dictCode:''}) fieldList.push({type: 'string', value: 'mainMap', text: '主图', dictCode: ''})
fieldList.push({type:'string',value:'quotaMaterials',text:'定额用料',dictCode:''}) fieldList.push({type: 'string', value: 'measuringMethod', text: '测量方法', dictCode: ''})
fieldList.push({type:'string',value:'foldingPackaging',text:'折叠搭配及包装',dictCode:''}) fieldList.push({type: 'string', value: 'error', text: '误差', dictCode: ''})
fieldList.push({type:'string',value:'accLogos',text:'配件及标志',dictCode:''}) fieldList.push({type: 'string', value: 'quotaMaterials', text: '定额用料', dictCode: ''})
fieldList.push({type:'string',value:'sewingForm',text:'缝纫形式',dictCode:''}) fieldList.push({type: 'string', value: 'foldingPackaging', text: '折叠搭配及包装', dictCode: ''})
fieldList.push({type:'sel_depart',value:'enterpriseId',text:'企业id'}) fieldList.push({type: 'string', value: 'accLogos', text: '配件及标志', dictCode: ''})
this.superFieldList = fieldList 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>
Loading…
Cancel
Save