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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 413
      ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue

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

@ -6,27 +6,28 @@
<a-row :gutter="24">
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<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-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="形式">
<j-dict-select-tag placeholder="请选择形式" dictCode="style_shape" v-model="queryParam.shape" ></j-dict-select-tag>
<a-form-item label="形式">
<j-dict-select-tag placeholder="请选择形式" dictCode="style_shape"
v-model="queryParam.shape"></j-dict-select-tag>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<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-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<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-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<a-form-item label="企业名称">
<j-select-depart placeholder="请输入企业名称" v-model="queryParam.enterpriseId" />
<j-select-depart placeholder="请输入企业名称" v-model="queryParam.enterpriseId"/>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
@ -44,23 +45,29 @@
<div class="table-operator">
<a-button @click="handleAdd" type="primary" icon="plus">新增</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-button type="primary" icon="import">导入</a-button>
</a-upload>-->
<!-- <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<a-button type="primary" icon="import">导入</a-button>
</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-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-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>
</div>
<!-- table区域-begin -->
<div>
<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>
</div>
@ -83,7 +90,8 @@
</template>
<template slot="imgSlot" slot-scope="text">
<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 slot="fileSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
@ -99,21 +107,21 @@
</template>
<span slot="action1" slot-scope="text, record">
<a @click="jumpPage1(record)" >管理模块</a>
<a-divider type="vertical" />
<a @click="jumpPage2(record)" >管理面料</a>
<a-divider type="vertical" />
<a @click="jumpPage3(record)" >管理辅料</a>
<a-divider type="vertical" />
<a @click="jumpPage4(record)" >管理型号</a>
<a-divider type="vertical" />
<a @click="jumpPage5(record)" >管理工序</a>
<a @click="jumpPage1(record)">管理模块</a>
<a-divider type="vertical"/>
<a @click="jumpPage2(record)">管理面料</a>
<a-divider type="vertical"/>
<a @click="jumpPage3(record)">管理辅料</a>
<a-divider type="vertical"/>
<a @click="jumpPage4(record)">管理型号</a>
<a-divider type="vertical"/>
<a @click="jumpPage5(record)">管理工序</a>
</span>
<span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a>
<a-divider type="vertical" />
<a-divider type="vertical"/>
<a @click="handleDetail(record)">详情</a>
<a-divider type="vertical" />
<a-divider type="vertical"/>
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a>
</a-popconfirm>
@ -128,190 +136,195 @@
<script>
import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import ZyClothsStyleModal from './modules/ZyClothsStyleModal'
import '@/assets/less/TableExpand.less'
import {mixinDevice} from '@/utils/mixin'
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import ZyClothsStyleModal from './modules/ZyClothsStyleModal'
export default {
name: 'ZyClothsStyleList',
mixins:[JeecgListMixin, mixinDevice],
components: {
ZyClothsStyleModal
},
data () {
return {
description: '服装款式表管理页面',
// 表头
columns: [
{
title: '#',
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) {
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' }
export default {
name: 'ZyClothsStyleList',
mixins: [JeecgListMixin, mixinDevice],
components: {
ZyClothsStyleModal
},
data() {
return {
description: '服装款式表管理页面',
// 表头
columns: [
{
title: '#',
dataIndex: '',
key: 'rowIndex',
width: 60,
align: "center",
customRender: function (t, r, index) {
return parseInt(index) + 1;
}
],
url: {
list: "/zyclothsstyle/zyClothsStyle/list",
delete: "/zyclothsstyle/zyClothsStyle/delete",
deleteBatch: "/zyclothsstyle/zyClothsStyle/deleteBatch",
exportXlsUrl: "/zyclothsstyle/zyClothsStyle/exportXls",
importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel",
},
{
title: '款式名称',
align: "center",
dataIndex: 'styleNames'
},
{
title: '编号',
align: "center",
dataIndex: 'nums'
},
{
title: '规格',
align: "center",
dataIndex: 'specification'
},
styleId:'',
dictOptions:{},
superFieldList:[],
}
},
created() {
{
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",
delete: "/zyclothsstyle/zyClothsStyle/delete",
deleteBatch: "/zyclothsstyle/zyClothsStyle/deleteBatch",
exportXlsUrl: "/zyclothsstyle/zyClothsStyle/exportXls",
importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel",
},
styleId: '',
dictOptions: {},
superFieldList: [],
}
},
created() {
this.getSuperFieldList();
},
computed: {
importExcelUrl: function () {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
computed: {
importExcelUrl: function(){
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
},
methods: {
initDictConfig() {
},
methods: {
initDictConfig(){
},
//管理模块
jumpPage1(record) {
this.$router.push({
path: '/src/views/zystylemodule/ZyStyleModuleList',
query: { // 路由携带参数
'id': record.id,
'typeId': record.typeId,
}
});
},
//管理面料
jumpPage2(record) {
this.$router.push({
path: '/src/views/zystylefabric/ZyStyleFabricList',
query: { // 路由携带参数
'id': record.id,
}
});
},
jumpPage3(record) {
this.$router.push({
path: '/src/views/zystyleaccessories/ZyStyleAccessoriesList',
query: { // 路由携带参数
'id': record.id,
}
});
},
//管理辅料
jumpPage4(record) {
this.$router.push({
path: '/src/views/zystylemodel/ZyStyleModelList',
query: { // 路由携带参数
'id': record.id,
}
});
},
//管理工序
jumpPage5(record) {
this.$router.push({
//path: '/process/ZyProcessList',
path: '/zystylemodular/ZyStyleModularList',
query: { // 路由携带参数
'id': record.id,
}
});
},
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
}
//管理模块
jumpPage1(record) {
this.$router.push({
path: '/src/views/zystylemodule/ZyStyleModuleList',
query: { // 路由携带参数
'id': record.id,
'typeId': record.typeId,
}
});
},
//管理面料
jumpPage2(record) {
this.$router.push({
path: '/src/views/zystylefabric/ZyStyleFabricList',
query: { // 路由携带参数
'id': record.id,
}
});
},
jumpPage3(record) {
this.$router.push({
path: '/src/views/zystyleaccessories/ZyStyleAccessoriesList',
query: { // 路由携带参数
'id': record.id,
}
});
},
//管理辅料
jumpPage4(record) {
this.$router.push({
path: '/src/views/zystylemodel/ZyStyleModelList',
query: { // 路由携带参数
'id': record.id,
}
});
},
//管理工序
jumpPage5(record) {
this.$router.push({
//path: '/process/ZyProcessList',
path: '/zystylemodular/ZyStyleModularList',
query: { // 路由携带参数
'id': record.id,
}
});
},
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>
<style scoped>
@import '~@assets/less/common.less';
@import '~@assets/less/common.less';
</style>
Write Preview
Loading…
Cancel
Save