430/vue_mdc_430_new.git

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,210 @@
			<template>
			<a-card :bordered="false">

			<!-- æ¥è¯¢åºå -->
			<div class="table-page-search-wrapper">
			<a-form layout="inline" @keyup.enter.native="searchQuery">
			<a-row :gutter="24">

			<a-col :xl="6" :lg="7" :md="8" :sm="24">
			<a-form-item label="å é¤æ è®°">
			<a-input placeholder="è¯·è¾å¥å é¤æ è®°" v-model="queryParam.delFlag"></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.causeAnalysis"></a-input>
			</a-form-item>
			</a-col>
			<template v-if="toggleSearchStatus">
			<a-col :xl="6" :lg="7" :md="8" :sm="24">
			<a-form-item label="å¹è®æè²;æ¯ å¦">
			<a-input placeholder="è¯·è¾å¥å¹è®æè²;æ¯ å¦" v-model="queryParam.isTrainingEducation"></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.trainingFormat"></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.trainingContent"></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="info" @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>
			</span>
			</a-col>

			</a-row>
			</a-form>
			</div>

			<!-- æä½æé®åºå -->
			<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-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>
			<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>é¡¹
			<a style="margin-left: 24px" @click="onClearSelected">æ¸ç©º</a>
			</div>

			<a-table
			ref="table"
			size="middle"
			bordered
			rowKey="id"
			:columns="columns"
			:dataSource="dataSource"
			:pagination="ipagination"
			:loading="loading"
			class="j-table-force-nowrap"
			:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
			@change="handleTableChange">

			<span slot="action" slot-scope="text, record">
			<a @click="handleEdit(record)">ç¼è¾</a>

			<a-divider type="vertical" />
			<a-dropdown>
			<a class="ant-dropdown-link">æ´å¤ <a-icon type="down" /></a>
			<a-menu slot="overlay">
			<a-menu-item>
			<a-popconfirm title="ç¡®å®å é¤å?" @confirm="() => handleDelete(record.id)">
			<a>å é¤</a>
			</a-popconfirm>
			</a-menu-item>
			</a-menu>
			</a-dropdown>
			</span>

			</a-table>
			</div>
			<!-- tableåºå-end -->

			<!-- è¡¨ååºå -->
			<eamReportThreeNoSpare-modal ref="modalForm" @ok="modalFormOk"></eamReportThreeNoSpare-modal>
			</a-card>
			</template>

			<script>
			import '@/assets/less/TableExpand.less'
			import EamReportThreeNoSpareModal from './modules/EamReportThreeNoSpareModal'
			import { JeecgListMixin } from '@/mixins/JeecgListMixin'

			export default {
			name: "EamReportThreeNoSpareList",
			mixins:[JeecgListMixin],
			components: {
			EamReportThreeNoSpareModal
			},
			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: 'delFlag'
			},
			{
			title: 'åå åæ',
			align:"center",
			dataIndex: 'causeAnalysis'
			},
			{
			title: 'å¹è®æè²;æ¯ å¦',
			align:"center",
			dataIndex: 'isTrainingEducation'
			},
			{
			title: 'å¹è®å½¢å¼',
			align:"center",
			dataIndex: 'trainingFormat'
			},
			{
			title: 'å¹è®åå®¹',
			align:"center",
			dataIndex: 'trainingContent'
			},
			{
			title: 'å¹è®äºº',
			align:"center",
			dataIndex: 'trainingUser'
			},
			{
			title: 'å¹è®æ¶é´',
			align:"center",
			dataIndex: 'trainingUserTime'
			},
			{
			title: 'æ¥ä¿®ID',
			align:"center",
			dataIndex: 'reportId'
			},
			{
			title: 'è®¾å¤ID',
			align:"center",
			dataIndex: 'equipmentId'
			},
			{
			title: 'æä½',
			dataIndex: 'action',
			align:"center",
			scopedSlots: { customRender: 'action' },
			}
			],
			url: {
			list: "/eam/eamReportThreeNoSpare/list",
			delete: "/eam/eamReportThreeNoSpare/delete",
			deleteBatch: "/eam/eamReportThreeNoSpare/deleteBatch",
			exportXlsUrl: "eam/eamReportThreeNoSpare/exportXls",
			importExcelUrl: "eam/eamReportThreeNoSpare/importExcel",
			},
			}
			},
			computed: {
			importExcelUrl: function(){
			return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
			}
			},
			methods: {

			}
			}
			</script>
			<style scoped>
			@import '~@assets/less/common.less';
			</style>