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

2022-11-14

Browse Source
zhc4dev
赵玉瑞 2 years ago
parent 8902c92c57
commit 3185cdd378
1 changed files with 213 additions and 200 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. 179
      ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue

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

@ -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,18 +136,18 @@
<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: '服装款式表管理页面',
// 表头 // 表头
@ -147,42 +155,42 @@
{ {
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:'款式名称', title: '款式名称',
align:"center", align: "center",
dataIndex: 'styleNames' dataIndex: 'styleNames'
}, },
{ {
title:'编号', title: '编号',
align:"center", align: "center",
dataIndex: 'nums' dataIndex: 'nums'
}, },
{ {
title:'规格', title: '规格',
align:"center", align: "center",
dataIndex: 'specification' dataIndex: 'specification'
}, },
{ {
title:'服装类型', title: '服装类型',
align:"center", align: "center",
dataIndex: 'typeId_dictText' dataIndex: 'typeId_dictText'
}, },
{ {
title:'形式', title: '形式',
align:"center", align: "center",
dataIndex: 'shape_dictText' dataIndex: 'shape_dictText'
}, },
{ {
title:'企业', title: '企业',
align:"center", align: "center",
dataIndex: 'enterpriseId_dictText' dataIndex: 'enterpriseId_dictText'
}, },
// { // {
@ -196,25 +204,25 @@
// dataIndex: 'sewingForm_dictText' // dataIndex: 'sewingForm_dictText'
// }, // },
{ {
title:'创建时间', title: '创建时间',
align:"center", align: "center",
dataIndex: 'createTime' dataIndex: 'createTime'
}, },
{ {
title: '管理模块', title: '管理模块',
dataIndex: 'action1', dataIndex: 'action1',
align:"center", align: "center",
fixed:"right", fixed: "right",
width:110, width: 110,
scopedSlots: { customRender: 'action1' } scopedSlots: {customRender: 'action1'}
}, },
{ {
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
align:"center", align: "center",
fixed:"right", fixed: "right",
width:147, width: 147,
scopedSlots: { customRender: 'action' } scopedSlots: {customRender: 'action'}
} }
], ],
url: { url: {
@ -225,21 +233,21 @@
importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel", importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel",
}, },
styleId:'', styleId: '',
dictOptions:{}, dictOptions: {},
superFieldList:[], superFieldList: [],
} }
}, },
created() { created() {
this.getSuperFieldList(); this.getSuperFieldList();
}, },
computed: { computed: {
importExcelUrl: function(){ importExcelUrl: function () {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
}, },
}, },
methods: { methods: {
initDictConfig(){ initDictConfig() {
}, },
//管理模块 //管理模块
jumpPage1(record) { jumpPage1(record) {
@ -287,31 +295,36 @@
} }
}); });
}, },
getSuperFieldList(){ getSuperFieldList() {
let fieldList=[]; 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({
fieldList.push({type:'string',value:'shape',text:'形式',dictCode:''}) type: 'popup',
fieldList.push({type:'string',value:'nums',text:'编号',dictCode:''}) value: 'typeId',
fieldList.push({type:'string',value:'styleNames',text:'名称',dictCode:''}) text: '类型id',
fieldList.push({type:'string',value:'specification',text:'规格',dictCode:''}) popup: {code: 'zy_cloths_type', field: 'type_name', orgFields: 'type_name', destFields: 'id'}
fieldList.push({type:'string',value:'salesTerritory',text:'销售地区',dictCode:''}) })
fieldList.push({type:'string',value:'productOverview',text:'产品概述',dictCode:''}) fieldList.push({type: 'string', value: 'shape', text: '形式', dictCode: ''})
fieldList.push({type:'string',value:'structure',text:'结构',dictCode:''}) fieldList.push({type: 'string', value: 'nums', text: '编号', dictCode: ''})
fieldList.push({type:'string',value:'characteristic',text:'特征',dictCode:''}) fieldList.push({type: 'string', value: 'styleNames', text: '名称', dictCode: ''})
fieldList.push({type:'string',value:'designSketch',text:'效果',dictCode:''}) fieldList.push({type: 'string', value: 'specification', text: '规格', dictCode: ''})
fieldList.push({type:'string',value:'mainMap',text:'主图',dictCode:''}) fieldList.push({type: 'string', value: 'salesTerritory', text: '销售地区', dictCode: ''})
fieldList.push({type:'string',value:'measuringMethod',text:'测量方法',dictCode:''}) fieldList.push({type: 'string', value: 'productOverview', text: '产品概述', dictCode: ''})
fieldList.push({type:'string',value:'error',text:'误差',dictCode:''}) fieldList.push({type: 'string', value: 'structure', text: '结构', dictCode: ''})
fieldList.push({type:'string',value:'quotaMaterials',text:'定额用料',dictCode:''}) fieldList.push({type: 'string', value: 'characteristic', text: '特征', dictCode: ''})
fieldList.push({type:'string',value:'foldingPackaging',text:'折叠搭配及包装',dictCode:''}) fieldList.push({type: 'string', value: 'designSketch', text: '效果', dictCode: ''})
fieldList.push({type:'string',value:'accLogos',text:'配件及标志',dictCode:''}) fieldList.push({type: 'string', value: 'mainMap', text: '主图', dictCode: ''})
fieldList.push({type:'string',value:'sewingForm',text:'缝纫形式',dictCode:''}) fieldList.push({type: 'string', value: 'measuringMethod', text: '测量方法', dictCode: ''})
fieldList.push({type:'sel_depart',value:'enterpriseId',text:'企业id'}) 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 this.superFieldList = fieldList
} }
} }
} }
</script> </script>
<style scoped> <style scoped>
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
</style> </style>
Write Preview
Loading…
Cancel
Save