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>-->
-<!--&lt;!&ndash;                    <el-button type="primary" @click="handleQueryFrom">纭� 璁�</el-button>&ndash;&gt;-->
-<!--&lt;!&ndash;                    <el-button @click="closePopover">鍙� 娑�</el-button>&ndash;&gt;-->
-<!--                  </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