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