From 240c74ffb2b98faddf76648116ca9eeb61ee2cde Mon Sep 17 00:00:00 2001 From: qushaowei <qushaowei@163.com> Date: 星期四, 11 一月 2024 09:34:49 +0800 Subject: [PATCH] 问题项修改 --- src/views/eam/DeductionItemList.vue | 326 ++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 218 insertions(+), 108 deletions(-) diff --git a/src/views/eam/DeductionItemList.vue b/src/views/eam/DeductionItemList.vue index 47f05d5..2ab0591 100644 --- a/src/views/eam/DeductionItemList.vue +++ b/src/views/eam/DeductionItemList.vue @@ -1,33 +1,83 @@ <template> - <a-card :bordered="false"> + <a-card + title="鎿嶄綔璇佺Н鍒嗚鍒�" + :bordered="false" + > <!-- 鏌ヨ鍖哄煙 --> <div class="table-page-search-wrapper"> - <a-form layout="inline" @keyup.enter.native="searchQuery"> + <a-form + layout="inline" + @keyup.enter.native="searchQuery" + > <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-input placeholder="璇疯緭鍏ョ紪鍙�" v-model="queryParam.num"></a-input> + <a-input + placeholder="璇疯緭鍏ョ紪鍙�" + v-model="queryParam.num" + ></a-input> </a-form-item> </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-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="queryParam.content"></a-input> + <a-input + placeholder="璇疯緭鍏ュ唴瀹�" + v-model="queryParam.content" + ></a-input> </a-form-item> </a-col> <template v-if="toggleSearchStatus"> - <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-input placeholder="璇疯緭鍏ュ垎鏁�" v-model="queryParam.deductionScore"></a-input> + <a-input + placeholder="璇疯緭鍏ュ垎鏁�" + v-model="queryParam.deductionScore" + ></a-input> </a-form-item> </a-col> </template> - <a-col :xl="6" :lg="7" :md="8" :sm="24"> - <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> - <a-button type="primary" @click="searchQuery" icon="search">鏌ヨ</a-button> - <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">閲嶇疆</a-button> - <a @click="handleToggleSearch" style="margin-left: 8px"> + <a-col + :xl="6" + :lg="7" + :md="8" + :sm="24" + > + <span + style="float: left;overflow: hidden;" + class="table-page-search-submitButtons" + > + <a-button + type="primary" + @click="searchQuery" + icon="search" + >鏌ヨ</a-button> + <a-button + type="primary" + @click="searchReset" + icon="reload" + style="margin-left: 8px" + >閲嶇疆</a-button> + <a + @click="handleToggleSearch" + style="margin-left: 8px" + > {{ toggleSearchStatus ? '鏀惰捣' : '灞曞紑' }} - <a-icon :type="toggleSearchStatus ? 'up' : 'down'"/> + <a-icon :type="toggleSearchStatus ? 'up' : 'down'" /> </a> </span> </a-col> @@ -38,16 +88,37 @@ <!-- 鎿嶄綔鎸夐挳鍖哄煙 --> <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-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> <!-- 楂樼骇鏌ヨ鍖哄煙 --> -<!-- <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-dropdown> @@ -55,9 +126,15 @@ <!-- table鍖哄煙-begin --> <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>椤� - <a style="margin-left: 24px" @click="onClearSelected">娓呯┖</a> + <a + style="margin-left: 24px" + @click="onClearSelected" + >娓呯┖</a> </div> <a-table @@ -72,29 +149,56 @@ :loading="loading" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" class="j-table-force-nowrap" - @change="handleTableChange"> + @change="handleTableChange" + > - <template slot="htmlSlot" slot-scope="text"> + <template + slot="htmlSlot" + slot-scope="text" + > <div v-html="text"></div> </template> - <template slot="imgSlot" slot-scope="text,record"> - <span v-if="!text" style="font-size: 12px;font-style: italic;">鏃犲浘鐗�</span> - <img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/> + <template + slot="imgSlot" + slot-scope="text,record" + > + <span + v-if="!text" + style="font-size: 12px;font-style: italic;" + >鏃犲浘鐗�</span> + <img + v-else + :src="getImgView(text)" + :preview="record.id" + 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> + <template + slot="fileSlot" + slot-scope="text" + > + <span + v-if="!text" + style="font-size: 12px;font-style: italic;" + >鏃犳枃浠�</span> <a-button v-else :ghost="true" type="primary" icon="download" size="small" - @click="downloadFile(text)"> + @click="downloadFile(text)" + > 涓嬭浇 </a-button> </template> - <span slot="action" slot-scope="text, record"> + <span + slot="action" + slot-scope="text, record" + > <a @click="handleEdit(record)">缂栬緫</a> <a-divider type="vertical" /> @@ -105,7 +209,10 @@ <a @click="handleDetail(record)">璇︽儏</a> </a-menu-item> <a-menu-item> - <a-popconfirm title="纭畾鍒犻櫎鍚�?" @confirm="() => handleDelete(record.id)"> + <a-popconfirm + title="纭畾鍒犻櫎鍚�?" + @confirm="() => handleDelete(record.id)" + > <a>鍒犻櫎</a> </a-popconfirm> </a-menu-item> @@ -116,95 +223,98 @@ </a-table> </div> - <deduction-item-modal ref="modalForm" @ok="modalFormOk"></deduction-item-modal> + <deduction-item-modal + ref="modalForm" + @ok="modalFormOk" + ></deduction-item-modal> </a-card> </template> <script> - import '@/assets/less/TableExpand.less' - import { mixinDevice } from '@/utils/mixin' - import { JeecgListMixin } from '@/mixins/JeecgListMixin' - import DeductionItemModal from './modules/deductionItem/DeductionItemModal' +import '@/assets/less/TableExpand.less' +import { mixinDevice } from '@/utils/mixin' +import { JeecgListMixin } from '@/mixins/JeecgListMixin' +import DeductionItemModal from './modules/deductionItem/DeductionItemModal' - export default { - name: 'DeductionItemList', - mixins:[JeecgListMixin, mixinDevice], - components: { - DeductionItemModal - }, - 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: 'num' - }, - { - title:'鍐呭', - align:"center", - dataIndex: 'content' - }, - { - title:'鍒嗘暟', - align:"center", - dataIndex: 'deductionScore' - }, - { - title: '鎿嶄綔', - dataIndex: 'action', - align:"center", - fixed:"right", - width:147, - scopedSlots: { customRender: 'action' } +export default { + name: 'DeductionItemList', + mixins: [JeecgListMixin, mixinDevice], + components: { + DeductionItemModal + }, + data() { + return { + description: '鎿嶄綔璁″垎瑙勫垯绠$悊椤甸潰', + // 琛ㄥご + columns: [ + { + title: '#', + dataIndex: '', + key: 'rowIndex', + width: 60, + align: "center", + customRender: function (t, r, index) { + return parseInt(index) + 1; } - ], - url: { - list: "/eam/deductionItem/list", - delete: "/eam/deductionItem/delete", - deleteBatch: "/eam/deductionItem/deleteBatch", - exportXlsUrl: "/eam/deductionItem/exportXls", - importExcelUrl: "eam/deductionItem/importExcel", - }, - dictOptions:{}, - superFieldList:[], - } - }, - created() { + { + title: '缂栧彿', + align: "center", + dataIndex: 'num' + }, + { + title: '鍐呭', + align: "center", + dataIndex: 'content' + }, + { + title: '鍒嗘暟', + align: "center", + dataIndex: 'deductionScore' + }, + { + title: '鎿嶄綔', + dataIndex: 'action', + align: "center", + fixed: "right", + width: 147, + scopedSlots: { customRender: 'action' } + } + ], + url: { + list: "/eam/deductionItem/list", + delete: "/eam/deductionItem/delete", + deleteBatch: "/eam/deductionItem/deleteBatch", + exportXlsUrl: "/eam/deductionItem/exportXls", + importExcelUrl: "eam/deductionItem/importExcel", + + }, + 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(){ - }, - getSuperFieldList(){ - let fieldList=[]; - fieldList.push({type:'string',value:'num',text:'缂栧彿',dictCode:''}) - fieldList.push({type:'string',value:'content',text:'鍐呭',dictCode:''}) - fieldList.push({type:'int',value:'deductionScore',text:'鍒嗘暟',dictCode:''}) - this.superFieldList = fieldList - } + getSuperFieldList() { + let fieldList = []; + fieldList.push({ type: 'string', value: 'num', text: '缂栧彿', dictCode: '' }) + fieldList.push({ type: 'string', value: 'content', text: '鍐呭', dictCode: '' }) + fieldList.push({ type: 'int', value: 'deductionScore', text: '鍒嗘暟', dictCode: '' }) + this.superFieldList = fieldList } } +} </script> <style scoped> - @import '~@assets/less/common.less'; +@import '~@assets/less/common.less'; </style> \ No newline at end of file -- Gitblit v1.9.3