From 2d0dd4f12d0f58c45e8c1de919b689bd97b88b08 Mon Sep 17 00:00:00 2001 From: luohairen <3399054449@qq.com> Date: 星期一, 25 十一月 2024 20:40:28 +0800 Subject: [PATCH] 项目计划记录展示 --- src/views/projectEngineering/projectLibrary/index.vue | 272 ++++++++++++++++++++++++++++------------------------- 1 files changed, 144 insertions(+), 128 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/index.vue b/src/views/projectEngineering/projectLibrary/index.vue index 06d2b98..9abbf0d 100644 --- a/src/views/projectEngineering/projectLibrary/index.vue +++ b/src/views/projectEngineering/projectLibrary/index.vue @@ -1,6 +1,6 @@ <template> <div class="app-container"> - <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> + <el-form :model="queryParams" ref="queryParamsRef" size="small" :inline="true" v-show="showSearch" label-width="68px"> <div class="slot"> <div class="left-section"> <el-form-item label="椤圭洰鍚嶇О" prop="projectName"> @@ -40,7 +40,7 @@ </el-date-picker> </el-form-item> <el-form-item> - <el-button icon="el-icon-search" size="small" @click="handleQuery">鎼滅储</el-button> + <el-button icon="el-icon-search" size="small" @click="handleQuery">鏌ヨ</el-button> <el-button icon="el-icon-refresh" size="small" @click="resetQuery">閲嶇疆</el-button> </el-form-item> <el-popover :visible="popoverValue" :width="500" placement="bottom"> @@ -54,97 +54,96 @@ </el-button> </template> <span>绛涢�夋潯浠�</span> - <!-- 琛ㄥ崟鍐呭 --> -<!-- <el-form ref="queryFormRef" :inline="true" :model="queryForm" class="demo-form-inline">--> -<!-- <el-row>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="椤圭洰绫诲瀷">--> -<!-- <el-select v-model="queryForm.projectType" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_project_type" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="閲嶇偣鍒嗙被">--> -<!-- <el-select v-model="queryForm.importanceType" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_key_categories" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- </el-row>--> -<!-- <el-row>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="椤圭洰鏍囩">--> -<!-- <el-select v-model="queryForm.tag" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_project_tags" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="椤圭洰鐘舵��">--> -<!-- <el-select v-model="queryForm.projectStatus" :disabled="isProjectCategory" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_project_status" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- </el-row>--> -<!-- <el-row>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="椤圭洰鐮�">--> -<!-- <el-select v-model="queryForm.projectColorCode" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_project_code" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="鍏宠仈鐘舵��">--> -<!-- <el-select v-model="queryForm.assignmentStatus" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_association_status" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- </el-row>--> -<!-- <el-row>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="璧勯噾绫诲瀷">--> -<!-- <el-select v-model="queryForm.investmentType" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_funding_type" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="椤圭洰闃舵">--> -<!-- <el-select v-model="queryForm.projectPhase" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_project_phases" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- </el-row>--> -<!-- <el-row>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="鎶曡祫绫诲埆">--> -<!-- <el-select v-model="queryForm.investType" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_investment_type" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="琛屾斂鍖哄垝">--> -<!-- <el-select v-model="queryForm.area" clearable placeholder="璇烽�夋嫨" style="width: 140px">--> -<!-- <el-option v-for="items in sys_administrative_divisions" :key="items.value" :label="items.label" :value="items.value" />--> -<!-- </el-select>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- </el-row>--> -<!-- <el-row style="text-align: center">--> -<!-- <el-col :span="24">--> -<!-- <el-form-item>--> -<!--<!– <el-button type="primary" @click="handleQueryFrom">纭� 璁�</el-button>–>--> -<!--<!– <el-button @click="closePopover">鍙� 娑�</el-button>–>--> -<!-- </el-form-item>--> -<!-- </el-col>--> -<!-- </el-row>--> -<!-- </el-form>--> + <el-form ref="moreQueryParamsRef" label-width="68px" label-position="right" :model="moreQueryParams"> + <el-row> + <el-col :span="12"> + <el-form-item label="椤圭洰绫诲瀷"> + <el-select v-model="moreQueryParams.projectType" clearable placeholder="璇烽�夋嫨" class="select-option" size="small"> + <el-option v-for="items in sys_project_type" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="閲嶇偣鍒嗙被"> + <el-select v-model="moreQueryParams.importanceType" clearable placeholder="璇烽�夋嫨" class="select-option"> + <el-option v-for="items in sys_key_categories" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="椤圭洰鏍囩"> + <el-select v-model="moreQueryParams.tag" clearable placeholder="璇烽�夋嫨" class="select-option"> + <el-option v-for="items in sys_project_tags" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="椤圭洰鐘舵��"> + <el-select v-model="moreQueryParams.projectStatus" :disabled="isProjectCategory" clearable placeholder="璇烽�夋嫨" class="select-option"> + <el-option v-for="items in sys_project_status" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="椤圭洰鐮�"> + <el-select v-model="moreQueryParams.projectColorCode" clearable placeholder="璇烽�夋嫨" class="select-option"> + <el-option v-for="items in sys_project_code" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鍏宠仈鐘舵��"> + <el-select v-model="moreQueryParams.assignmentStatus" clearable placeholder="璇烽�夋嫨" class="select-option"> + <el-option v-for="items in sys_association_status" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="璧勯噾绫诲瀷"> + <el-select v-model="moreQueryParams.investmentType" clearable placeholder="璇烽�夋嫨" class="select-option"> + <el-option v-for="items in sys_funding_type" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="椤圭洰闃舵"> + <el-select v-model="moreQueryParams.projectPhase" clearable placeholder="璇烽�夋嫨" class="select-option"> + <el-option v-for="items in sys_project_phases" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row> + <el-col :span="12"> + <el-form-item label="鎶曡祫绫诲埆"> + <el-select v-model="moreQueryParams.investType" clearable placeholder="璇烽�夋嫨" class="select-option"> + <el-option v-for="items in sys_investment_type" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="琛屾斂鍖哄垝"> + <el-select v-model="moreQueryParams.area" clearable placeholder="璇烽�夋嫨" class="select-option"> + <el-option v-for="items in sys_administrative_divisions" :key="items.value" :label="items.label" :value="items.value" /> + </el-select> + </el-form-item> + </el-col> + </el-row> + <el-row style="text-align: center"> + <el-col :span="24"> + <el-form-item label-width="0"> + <el-button type="primary" @click="handleQueryFrom">纭� 璁�</el-button> + <el-button @click="closePopover">鍙� 娑�</el-button> + </el-form-item> + </el-col> + </el-row> + </el-form> </el-popover> </div> <div class="right-section"> @@ -165,7 +164,8 @@ </div> <VisibilityToolbar v-model:showSearch="showSearch" - :columns="columnList" + :columns="columns" + @queryTable="handleQuery" ></VisibilityToolbar> <!-- @update:columns="handleUpdateColumns"--> <!-- @update:sort="handleUpdateSort"--> @@ -174,7 +174,13 @@ </div> </el-form> - <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange"> + <el-table + style="margin-top: 20px" + v-loading="loading" + :data="infoList" + @selection-change="handleSelectionChange" + height="60vh" + :show-overflow-tooltip = "true"> <el-table-column type="selection" width="55" align="center" /> <template v-for="item in columns"> <el-table-column @@ -233,19 +239,28 @@ @pagination="getList" /> + <FileDialog + :fileDialogVisible.sync="fileDialogVisible" + :isImportOrExport="isImportOrExport" + @fileDialogCancel="fileDialogCancel" + :currentColumns="columns" + /> </div> </template> <script> import { listInfo, getInfo, delInfo, addInfo, updateInfo } from "@/api/projectInfo"; import { current } from './list'; - +import FileDialog from '../component/FileDialog'; export default { name: "projectInfo", + components: { + FileDialog + }, data() { return { - //鎺у埗鏄鹃殣鐨勮〃鍗� - columnList: [], + isImportOrExport: false, + fileDialogVisible: false, //鏄惁闇�瑕佹柊澧炴寜閽�(鍌ㄨ搫椤圭洰闇�瑕�) isReserve: false, //琛ㄥご @@ -277,36 +292,18 @@ pageSize: 10, projectName: null, projectCode: null, - content: null, - projectType: null, - projectStatus: null, - fundType: null, - investType: null, - projectPhase: null, - tag: null, - competentDepartment: null, - areaCode: null, - managementCentralization: null, - projectApprovalType: null, - investmentCatalogue: null, - importanceType: null, - year: null, - yearInvestAmount: null, - createProjectTime: null, - planStartTime: null, - planCompleteTime: null, - winUnit: null, - winAmount: null, - winTime: null, - projectAddress: null, - longitude: null, - latitude: null, - projectOwnerUnit: null, - projectContactPerson: null, - contact: null, - gmtCreateTime: null, - gmtUpdateTime: null, - deleted: null + }, + moreQueryParams: { + projectType: '', // 椤圭洰绫诲瀷 + importanceType: '', // 閲嶇偣鍒嗙被 + projectStatus: '', // 椤圭洰鐘舵�� + projectColorCode: '', // 椤圭洰鐮� + investmentType: '', // 璧勯噾绫诲瀷 + projectPhase: '', // 椤圭洰闃舵 + investType: '', // 鎶曡祫绫诲埆 + area: '', // 琛屾斂鍖哄垝 + assignmentStatus: '', //鍏宠仈鐘舵�� + tag: '' //椤圭洰鏍囩 }, // 琛ㄥ崟鍙傛暟 form: {}, @@ -331,9 +328,20 @@ this.getList(); }, methods: { + // 鍏抽棴鏂囦欢澶勭悊寮规鐨勬柟娉� + fileDialogCancel() { + this.tableLoading = true; + this.fileDialogVisible = false; + // this.getList(); + this.tableLoading = false; + }, + handlePopover() { + this.popoverValue.value = !this.popoverValue.value; + }, /** 鏌ヨ椤圭洰绠$悊鍩虹淇℃伅鍒楄〃 */ getList() { this.loading = true; + console.log("鏌ヨ") // listInfo(this.queryParams).then(response => { // this.infoList = response.rows; // this.total = response.total; @@ -448,6 +456,11 @@ this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }).catch(() => {}); }, + /** 瀵煎叆鎸夐挳鎿嶄綔 */ + handleImport() { + this.isImportOrExport = false; + this.fileDialogVisible = true; + }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { this.download('code/info/export', { @@ -458,6 +471,9 @@ }; </script> <style lang="scss" scoped> + .select-option { + width: 140px; +} .slot { display: flex; } -- Gitblit v1.8.0