<template> <div class="app-content"> <div> <a-form :form="form" :model="searchForm" layout="inline" class="search_form"> <a-form-item> <a-input placeholder="项目名称" v-model="searchForm.projName" :maxLength="100" style="width: 180px" /> </a-form-item> <a-form-item> <a-input placeholder="项目编号" v-model="searchForm.projNo" :maxLength="100" style="width: 180px" /> </a-form-item> <a-form-item> <a-button type="primary" icon="search" @click="search">搜索</a-button> <a-button icon="reload" style="margin-left: 10px" @click="reset" class="bt-normal">重置</a-button> </a-form-item> </a-form> <!-- <a-divider style="height: 1px; background-color: #e8e8e8;" /> --> <a-table :dataSource="tableData" :columns="columns" rowKey="id" :pagination="false" :loading="loading"> <!-- size="small" bordered --> <template slot="projName" slot-scope="record"> <a @click="recordClick(record,'projView')">{{record.projName}}</a> </template> <template slot="stateName" slot-scope="record"> <span> {{record.stateName}} </span> </template> <template slot="option" slot-scope="record"> <a-button type="link" size="small" v-if="(record.projState>=55)" @click="recordClick(record,'reportView')">结题信息查看</a-button> <a-button type="primary" @click="ConclusionAudit(record)">结题审核</a-button> </template> </a-table> <a-pagination v-if="pagination.total > 0" :total="pagination.total" show-size-changer show-quick-jumper v-model="pagination.pageIndex" :page-size="pagination.pageSize" :page-size-options="pagination.pageSizeOptions" @showSizeChange="showSizeChange" @change="change" :showTotal="() => `共 ${pagination.total} 条`" /> </div> <a-modal v-model="visibleView" v-if="visibleView" title="项目详情" width="94%" :footer="null" :dialog-style="{ top: '8%' }" destroyOnClose :maskClosable="false"> <project-view v-model="id" @close="() => this.visibleView = false" /> </a-modal> <a-modal v-model="visibleReportView" title="结题信息" width="70%" :dialog-style="{ top: '12%' }" :footer="null" destroyOnClose> <conclusion-view v-model="id" @close="closeWindow" /> </a-modal> <a-modal v-model="auditView" title="结题审核" width="70%" :dialog-style="{ top: '12%' }" :footer="null" destroyOnClose> <conclusion-audit v-model="projId" @close="closeAuditWindow"></conclusion-audit> </a-modal> </div> </template> <script> import moment from 'moment' import { isEmptyParams, filterExportExcelData, tableColumnsName, checkEmail } from "@/views/utils/common"; import projectView from '@/views/report/project/components/projectView' import conclusionView from '../components/conclusionView' import conclusionAudit from '@/views/conclusion/components/conclusionAudit' export default { name: 'conclusion', components: { projectView, conclusionView, conclusionAudit }, data () { return { size: 'small', form: this.$form.createForm(this, { name: 'advanced_search' }), // 表单 searchForm: { projName: null, projNo: null, reportYear: null }, tableData: [], columns: [ { title: "项目名称", scopedSlots: { customRender: 'projName' } }, { title: '项目编号', dataIndex: 'projNo', align: 'center' }, { title: '申报年度', dataIndex: 'reportYear', align: 'center' }, { title: '开始时间', dataIndex: 'startDate', align: 'center' }, { title: '结束时间', dataIndex: 'endDate', align: 'center' }, { title: '申报单位', dataIndex: 'appUnitName', align: 'center' }, { title: '申报人', dataIndex: 'appPersonName', align: 'center' }, { title: '状态', scopedSlots: { customRender: 'stateName' }, align: 'center' }, { title: '操作', scopedSlots: { customRender: 'option' }, align: 'center', fixed: 'right', width: 180, }, ], pagination: { pageIndex: 1, pageSize: this.$defaultPageSize, total: 0, pageSizeOptions: this.$defaultPageSizeOptions }, loading: false, // 弹窗标志 visibleView: false, visibleReportView: false, id: null, auditView: false, projId: null, } }, created () { this.getListByPage() }, methods: { getListByPage () { this.loading = true let pars = isEmptyParams(this.searchForm) let par = { ...pars, pageIndex: this.pagination.pageIndex, pageSize: this.pagination.pageSize } this.$api.conclusion.getAuditListByPage(par).then(({ data = {} }) => { if (data) { const { dataList = [], total = 0 } = data this.tableData = dataList this.pagination.total = total this.tableData.forEach(e => { if (e.startDate) { e.startDate = moment(e.startDate).format('YYYY-MM-DD') e.endDate = moment(e.endDate).format('YYYY-MM-DD') } }) } this.loading = false }).catch(() => { this.loading = false }) }, search () { this.pagination.pageIndex = 1 this.getListByPage() }, reset () { this.pagination.pageIndex = 1 this.getListByPage() }, change () { this.getListByPage() }, showSizeChange (current, pageSize) { this.pagination.pageSize = pageSize this.getListByPage() }, closeWindow (value) { if (value === 'edit') { this.visibleReport = false this.getListByPage() } else if (value === 'save') { this.getListByPage() } else this.visibleView = false }, recordClick (record, type) { if (type === 'projView') { this.id = record.id this.visibleView = true } else if (type === 'reportView') { this.id = record.id this.visibleReportView = true } }, ConclusionAudit(record) { this.projId = record.projId this.auditView = true }, closeAuditWindow() { this.auditView = false }, exportData () { let pars = isEmptyParams(this.searchForm) let par = { ...pars, pageIndex: -1, pageSize: -1 } this.$api.project.getListByPage(par).then(({ data = {} }) => { if (data) { const { dataList = [], total = 0 } = data this.$ToDoExcel(`项目列表`, tableColumnsName(this.columns), filterExportExcelData(this.columns, dataList)) } }).catch(() => { }) } } } </script>