2022-11-14

ant-design-vue-jeecg/src/views/zyclothsstyle/ZyClothsStyleList.vue

@@ -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>
+              <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-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,18 +136,18 @@
 
 <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 {
+export default {
   name: 'ZyClothsStyleList',
-    mixins:[JeecgListMixin, mixinDevice],
+  mixins: [JeecgListMixin, mixinDevice],
   components: {
     ZyClothsStyleModal
   },
-    data () {
+  data() {
     return {
       description: '服装款式表管理页面',
       // 表头
@@ -147,42 +155,42 @@
         {
           title: '#',
           dataIndex: '',
-            key:'rowIndex',
-            width:60,
-            align:"center",
-            customRender:function (t,r,index) {
-              return parseInt(index)+1;
+          key: 'rowIndex',
+          width: 60,
+          align: "center",
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1;
           }
         },
         {
-            title:'款式名称',
-            align:"center",
+          title: '款式名称',
+          align: "center",
           dataIndex: 'styleNames'
         },
         {
-            title:'编号',
-            align:"center",
+          title: '编号',
+          align: "center",
           dataIndex: 'nums'
         },
 
         {
-            title:'规格',
-            align:"center",
+          title: '规格',
+          align: "center",
           dataIndex: 'specification'
         },
         {
-            title:'服装类型',
-            align:"center",
+          title: '服装类型',
+          align: "center",
           dataIndex: 'typeId_dictText'
         },
         {
-            title:'形式',
-            align:"center",
+          title: '形式',
+          align: "center",
           dataIndex: 'shape_dictText'
         },
         {
-            title:'企业',
-            align:"center",
+          title: '企业',
+          align: "center",
           dataIndex: 'enterpriseId_dictText'
         },
         // {
@@ -196,25 +204,25 @@
         //   dataIndex: 'sewingForm_dictText'
         // },
         {
-            title:'创建时间',
-            align:"center",
+          title: '创建时间',
+          align: "center",
           dataIndex: 'createTime'
         },
         {
           title: '管理模块',
           dataIndex: 'action1',
-            align:"center",
-            fixed:"right",
-            width:110,
-            scopedSlots: { customRender: 'action1' }
+          align: "center",
+          fixed: "right",
+          width: 110,
+          scopedSlots: {customRender: 'action1'}
         },
         {
           title: '操作',
           dataIndex: 'action',
-            align:"center",
-            fixed:"right",
-            width:147,
-            scopedSlots: { customRender: 'action' }
+          align: "center",
+          fixed: "right",
+          width: 147,
+          scopedSlots: {customRender: 'action'}
         }
       ],
       url: {
@@ -225,21 +233,21 @@
         importExcelUrl: "zyclothsstyle/zyClothsStyle/importExcel",
 
       },
-        styleId:'',
-        dictOptions:{},
-        superFieldList:[],
+      styleId: '',
+      dictOptions: {},
+      superFieldList: [],
     }
   },
   created() {
     this.getSuperFieldList();
   },
   computed: {
-      importExcelUrl: function(){
+    importExcelUrl: function () {
       return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
     },
   },
   methods: {
-      initDictConfig(){
+    initDictConfig() {
     },
     //管理模块
     jumpPage1(record) {
@@ -287,31 +295,36 @@
         }
       });
     },
-      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'})
+    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>