From f12c46b1be892c16dcd958ae07a75b527dec2560 Mon Sep 17 00:00:00 2001
From: luohairen <3399054449@qq.com>
Date: 星期一, 25 十一月 2024 20:40:48 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 src/views/projectEngineering/projectLibrary/index.vue |  251 ++++++++++++++++++++++++++++-------------
 src/api/projectInfo.js                                |   10 
 src/views/process/deployManagement.vue                |    9 
 src/assets/styles/sidebar.scss                        |   39 +++---
 src/utils/common.js                                   |    6 
 src/layout/index.vue                                  |    1 
 src/layout/components/Sidebar/index.vue               |    7 
 src/views/process/modelManagement.vue                 |    2 
 src/components/Pagination/index.vue                   |    4 
 9 files changed, 211 insertions(+), 118 deletions(-)

diff --git a/src/api/projectInfo.js b/src/api/projectInfo.js
index 52bb876..59c3fe8 100644
--- a/src/api/projectInfo.js
+++ b/src/api/projectInfo.js
@@ -3,7 +3,7 @@
 // 鏌ヨ椤圭洰绠$悊鍩虹淇℃伅鍒楄〃
 export function listInfo(query) {
   return request({
-    url: '/code/info/list',
+    url: '/project/info/page',
     method: 'get',
     params: query
   })
@@ -12,7 +12,7 @@
 // 鏌ヨ椤圭洰绠$悊鍩虹淇℃伅璇︾粏
 export function getInfo(id) {
   return request({
-    url: '/code/info/' + id,
+    url: '/project/info/' + id,
     method: 'get'
   })
 }
@@ -20,7 +20,7 @@
 // 鏂板椤圭洰绠$悊鍩虹淇℃伅
 export function addInfo(data) {
   return request({
-    url: '/code/info',
+    url: '/project/info',
     method: 'post',
     data: data
   })
@@ -29,7 +29,7 @@
 // 淇敼椤圭洰绠$悊鍩虹淇℃伅
 export function updateInfo(data) {
   return request({
-    url: '/code/info',
+    url: '/project/info',
     method: 'put',
     data: data
   })
@@ -38,7 +38,7 @@
 // 鍒犻櫎椤圭洰绠$悊鍩虹淇℃伅
 export function delInfo(id) {
   return request({
-    url: '/code/info/' + id,
+    url: '/project/info/' + id,
     method: 'delete'
   })
 }
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index 2db4a1e..57e3b43 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -81,33 +81,33 @@
     }
 
     // menu hover
-    .theme-dark .sub-menu-title-noDropdown,
-    .theme-dark .el-sub-menu__title {
+    .theme-dark .submenu-title-noDropdown,
+    .theme-dark .el-submenu__title {
       &:hover {
         background-color: $base-sub-menu-title-hover !important;
       }
     }
-    .sub-menu-title-noDropdown,
-    .el-sub-menu__title {
+    .submenu-title-noDropdown,
+    .el-submenu__title {
       &:hover {
         background-color: rgba(0, 0, 0, 0.05) !important;
       }
     }
 
-    & .theme-dark .is-active > .el-sub-menu__title {
+    & .theme-dark .is-active > .el-submenu__title {
       color: $base-menu-color-active !important;
     }
 
-    & .nest-menu .el-sub-menu > .el-sub-menu__title,
-    & .el-sub-menu .el-menu-item {
+    & .nest-menu .el-submenu > .el-submenu__title,
+    & .el-submenu .el-menu-item {
       min-width: $base-sidebar-width !important;
       &:hover {
         background-color: rgba(0, 0, 0, 0.1) !important;
       }
     }
 
-    & .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title,
-    & .theme-dark .el-sub-menu .el-menu-item {
+    & .theme-dark .nest-menu .el-submenu > .el-submenu__title,
+    & .theme-dark .el-submenu .el-menu-item {
       background-color: $base-sub-menu-background !important;
 
       &:hover {
@@ -115,17 +115,17 @@
       }
     }
 
-    & .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title,
+    & .theme-dark .nest-menu .el-submenu > .el-submenu__title,
     & .theme-dark .el-menu-item {
       &:hover {
-        // you can use $sub-menuHover
+        // you can use $submenuHover
         background-color: $base-menu-hover !important;
       }
     }
-    & .nest-menu .el-sub-menu > .el-sub-menu__title,
+    & .nest-menu .el-submenu > .el-submenu__title,
     & .el-menu-item {
       &:hover {
-        // you can use $sub-menuHover
+        // you can use $submenuHover
         background-color: rgba(0, 0, 0, 0.04) !important;
       }
     }
@@ -140,7 +140,7 @@
       padding-left: 54px;
     }
 
-    .sub-menu-title-noDropdown {
+    .submenu-title-noDropdown {
       padding: 0 !important;
       position: relative;
 
@@ -153,10 +153,11 @@
       }
     }
 
-    .el-sub-menu {
+    .el-submenu {
+      background: red;
       overflow: hidden;
 
-      & > .el-sub-menu__title {
+      & > .el-submenu__title {
         padding: 0 !important;
 
         .svg-icon {
@@ -166,8 +167,8 @@
     }
 
     .el-menu--collapse {
-      .el-sub-menu {
-        & > .el-sub-menu__title {
+      .el-submenu {
+        & > .el-submenu__title {
           & > span {
             height: 0;
             width: 0;
@@ -187,7 +188,7 @@
     }
   }
 
-  .el-menu--collapse .el-menu .el-sub-menu {
+  .el-menu--collapse .el-menu .el-submenu {
     min-width: $base-sidebar-width !important;
   }
 
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index 56f5a6b..a10941c 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -46,7 +46,7 @@
     },
     layout: {
       type: String,
-      default: 'total, sizes, prev, pager, next, jumper'
+      default: '->,total, sizes, prev, pager, next, jumper'
     },
     background: {
       type: Boolean,
@@ -105,7 +105,7 @@
 
 <style scoped>
 .pagination-container {
-  background: #fff;
+  background: #F3F7FC;
   padding: 32px 16px;
 }
 .pagination-container.hidden {
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index 8ee9d82..af96eeb 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -1,8 +1,5 @@
 <template>
-    <div
-        :class="{ 'has-logo': showLogo }"
-        :style="{ backgroundColor: variables.menuLightBackground }"
-    >
+    <div :class="{ 'has-logo': showLogo }">
         <!-- <logo v-if="showLogo" :collapse="isCollapse" /> -->
         <div class="hamburger-container">
             <div class="border">
@@ -22,7 +19,7 @@
             <el-menu
                 :default-active="activeMenu"
                 :collapse="isCollapse"
-                :background-color="variables.menuLightBackground"
+                background-color="#F3F7FC"
                 :text-color="variables.menuLightColor"
                 :unique-opened="true"
                 :active-text-color="settings.theme"
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 3d5c4ef..a4542d5 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -80,6 +80,7 @@
         },
         handleClickOutside() {
             this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
+            
         }
     }
 }
diff --git a/src/utils/common.js b/src/utils/common.js
index 121e277..950fcfd 100644
--- a/src/utils/common.js
+++ b/src/utils/common.js
@@ -18,7 +18,7 @@
     return queryStr.slice(1);
 }
 function openWindow(path) {
-    const prefix = process.env.VUE_APP_TAB_URL_PREFIX;
+    const prefix = process.env.VUE_APP_FLOWABLE_PREFIX;
     window.open(prefix + "" + path);
 }
 
@@ -53,7 +53,7 @@
 
 function normalizeDateTimeString(rawDatatimeStr) {
     function genNumStr(num) {
-        return Number(num) < 10 ? "0" + num : ("" + num) 
+        return Number(num) < 10 ? "0" + num : ("" + num)
     }
     if (rawDatatimeStr) {
         const dateObj = new Date(rawDatatimeStr);
@@ -76,4 +76,4 @@
     openWindow,
     listToTree,
     normalizeDateTimeString
-};
\ No newline at end of file
+};
diff --git a/src/views/process/deployManagement.vue b/src/views/process/deployManagement.vue
index 9121b5e..82c1048 100644
--- a/src/views/process/deployManagement.vue
+++ b/src/views/process/deployManagement.vue
@@ -203,15 +203,16 @@
             this.getListAndRenderByParams(this.searchParams)
         },
         handleDefinition(index, row) {
-            const {deploymentId, resourceName} = row;
-            const path = `/flow/manage/showProcessDefinition/${deploymentId}/${resourceName}`
+            let {deploymentId, resourceName} = row;
+            resourceName = encodeURIComponent(resourceName)
+            const path = `/flow/manage/showProcessDefinition/${deploymentId}?resource=${resourceName}`
             commonHelper.openWindow(path);
         },
         handleProcess(index, row) {
             const {id} = row;
             console.log("id鏄灏�", id);
-            const path = `/flow/manage/showresource?pdid=${id}`;
-            commonHelper.openWindow(path);
+            const path = process.env.VUE_APP_FLOWABLE_PREFIX + `/flow/manage/showresource?pdid=${id}`;
+            window.open(path)
         },
         handleExchange(index, row) {
             const {id} = row;
diff --git a/src/views/process/modelManagement.vue b/src/views/process/modelManagement.vue
index c67b284..adabcb9 100644
--- a/src/views/process/modelManagement.vue
+++ b/src/views/process/modelManagement.vue
@@ -171,7 +171,7 @@
     },
     handleDesign(index, row) {
       // flowable鏀瑰彉璁捐鐨勮矾寰�
-      const path = process.env.VUE_APP_FLOWABLE_PREFIX + "/designer/index.html#/editor/" + row.id;
+      const path = process.env.VUE_APP_FLOWABLE_PREFIX  + "/designer/index.html#/editor/" + row.id;
       // const path = "/editor?modelId=" + row.id;
       window.open(path, '')
     },
diff --git a/src/views/projectEngineering/projectLibrary/index.vue b/src/views/projectEngineering/projectLibrary/index.vue
index 9abbf0d..bdbfa4c 100644
--- a/src/views/projectEngineering/projectLibrary/index.vue
+++ b/src/views/projectEngineering/projectLibrary/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="app-container">
-    <el-form  :model="queryParams" ref="queryParamsRef" 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">
@@ -45,7 +46,8 @@
           </el-form-item>
           <el-popover :visible="popoverValue" :width="500" placement="bottom">
             <template #reference>
-              <el-button style="margin-right: 16px; margin-top: 1px; color: #3369ff" @click="handlePopover" size="small">
+              <el-button style="margin-right: 16px; margin-top: 1px; color: #3369ff" @click="handlePopover"
+                         size="small">
                 鏇村绛涙煡鏉′欢
                 <span style="margin-left: 5px">
                   <el-icon v-if="!popoverValue" class="el-icon-arrow-down"></el-icon>
@@ -54,19 +56,22 @@
               </el-button>
             </template>
             <span>绛涢�夋潯浠�</span>
-            <el-form ref="moreQueryParamsRef"  label-width="68px" label-position="right" :model="moreQueryParams">
+            <el-form ref="moreQueryParamsRef" label-width="68px" label-position="right" :model="queryParams">
               <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 v-model="queryParams.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 v-model="queryParams.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>
@@ -74,15 +79,18 @@
               <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 v-model="queryParams.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 v-model="queryParams.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>
@@ -90,15 +98,17 @@
               <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 v-model="queryParams.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 v-model="queryParams.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>
@@ -106,15 +116,17 @@
               <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 v-model="queryParams.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 v-model="queryParams.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>
@@ -122,15 +134,17 @@
               <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 v-model="queryParams.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 v-model="queryParams.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>
@@ -138,7 +152,7 @@
               <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 type="primary" @click="handleQuery">纭� 璁�</el-button>
                     <el-button @click="closePopover">鍙� 娑�</el-button>
                   </el-form-item>
                 </el-col>
@@ -148,87 +162,109 @@
         </div>
         <div class="right-section">
           <div>
-            <el-button  @click="handleExport" size="small" >
+            <el-button @click="handleExport" size="small">
               <svg-icon icon-class="exportIcon" style="margin-right: 8px"/>
               瀵煎嚭鏁版嵁
             </el-button>
-            <el-button :disabled="isReserve" @click="handleImport" size="small" >
+            <el-button :disabled="!isReserve" @click="handleImport" size="small">
               <svg-icon icon-class="importIcon" style="margin-right: 8px"/>
               瀵煎叆鏁版嵁
             </el-button>
           </div>
           <div class="add-btn">
             <el-tooltip content="鏂板" effect="dark" placement="top">
-              <el-button :disabled="isReserve" circle icon="el-icon-plus" @click="add()" size="small"/>
+              <el-button :disabled="!isReserve" circle icon="el-icon-plus" @click="add()" size="small"/>
             </el-tooltip>
           </div>
           <VisibilityToolbar
             v-model:showSearch="showSearch"
-            :columns="columns"
+            :columns="defaultColumns"
             @queryTable="handleQuery"
+            @update:sort="handleUpdateSort"
+            @update:columns="handleUpdateColumns"
+            @update:resetSort="handleResetSort"
           ></VisibilityToolbar>
-<!--            @update:columns="handleUpdateColumns"-->
-<!--            @update:sort="handleUpdateSort"-->
-<!--            @update:resetSort="handleResetSort"-->
         </div>
       </div>
     </el-form>
 
     <el-table
+      ref="elTable"
       style="margin-top: 20px"
       v-loading="loading"
-      :data="infoList"
+      :data="projectInfoList"
       @selection-change="handleSelectionChange"
       height="60vh"
-      :show-overflow-tooltip = "true">
-      <el-table-column type="selection" width="55" align="center" />
-      <template v-for="item in columns">
+      sortable="custom"
+      :show-overflow-tooltip="true">
+      <el-table-column type="selection" width="55" align="center"/>
+      <!-- 鍔ㄦ�佸垪 -->
         <el-table-column
+          v-for="item in columns"
+          :key="item.id"
           v-if="item.visible"
           :prop="item.id"
           :label="item.label"
           v-bind="item"
           :min-width="item.minWidth"
         >
-          <template slot-scope="scope" v-if="item.slotName">
-            <slot :name="item.slotName" :scope="scope"></slot>
+          <template slot-scope="scope">
+            <!-- 浣跨敤鍏峰悕鎻掓Ы -->
+            <template v-if="item.slotName">
+              <!-- projectStatus鎻掓Ы -->
+              <template v-if="item.slotName === 'projectStatus'">
+                <el-text class="mx-1">{{ '鑷畾涔夋牱寮�' }}</el-text>
+              </template>
+              <!-- projectColorCode鎻掓Ы -->
+              <template v-if="item.slotName === 'projectColorCode'">
+                <el-text class="mx-1 has-dot">{{ '鑷畾涔夋牱寮�' }}<span class="dot" style="margin-left: 5px"></span></el-text>
+              </template>
+              <!-- projectType鎻掓Ы -->
+              <template v-if="item.slotName === 'projectType'">
+                <el-text class="mx-1">{{ '鑷畾涔夋牱寮�' }}</el-text>
+              </template>
+              <!-- investType鎻掓Ы -->
+              <template v-if="item.slotName === 'investType'">
+                <el-text class="mx-1">{{ '鑷畾涔夋牱寮�' }}</el-text>
+              </template>
+              <!-- planStartTime鎻掓Ы -->
+              <template v-if="item.slotName === 'planStartTime'">
+                {{ '鑷畾涔夋牱寮�' }}
+              </template>
+            </template>
+            <!-- 榛樿鏄剧ず -->
+            <span v-else>{{ scope.row[item.id] }}</span>
           </template>
         </el-table-column>
-      </template>
-      <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+
+      <!-- 鎿嶄綔鍒� -->
+      <el-table-column label="鎿嶄綔" width="140" align="center" >
         <template slot-scope="scope">
           <el-button
-            size="mini"
+            size="medium"
+            type="text"
+            icon="el-icon-view"
+            @click="handleDetail(scope.row)"
+          >
+          </el-button>
+          <el-button
+            v-if="isReserve"
+            size="medium"
             type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
-            v-hasPermi="['code:info:edit']"
-          >淇敼</el-button>
+          >
+          </el-button>
           <el-button
-            size="mini"
+            v-if="isReserve"
+            size="medium"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="['code:info:remove']"
-          >鍒犻櫎</el-button>
+          >
+          </el-button>
         </template>
       </el-table-column>
-
-      <template #projectStatus="{ scope }">
-        <el-text class="mx-1">{{ getProjectStatus(scope.row) }}</el-text>
-      </template>
-      <template #projectColorCode="{ scope }">
-        <el-text class="mx-1 has-dot">{{ '缁�' }}<span class="dot" style="margin-left: 5px"></span></el-text>
-      </template>
-      <template #projectType="{ scope }">
-        <el-text class="mx-1">{{ getProjectType(scope.row) }}</el-text>
-      </template>
-      <template #investType="{ scope }">
-        <el-text class="mx-1">{{ getInvesType(scope.row) }}</el-text>
-      </template>
-      <template #planStartTime="{ scope }">
-        {{ scope.row.planStartTime ? scope.row.planStartTime.split('-')[0] + '骞�' : '' }}
-      </template>
     </el-table>
 
     <pagination
@@ -249,9 +285,10 @@
 </template>
 
 <script>
-import { listInfo, getInfo, delInfo, addInfo, updateInfo } from "@/api/projectInfo";
-import { current } from './list';
+import {listInfo, getInfo, delInfo, addInfo, updateInfo} from "@/api/projectInfo";
+import {current, currentRest} from './list';
 import FileDialog from '../component/FileDialog';
+
 export default {
   name: "projectInfo",
   components: {
@@ -263,8 +300,11 @@
       fileDialogVisible: false,
       //鏄惁闇�瑕佹柊澧炴寜閽�(鍌ㄨ搫椤圭洰闇�瑕�)
       isReserve: false,
+      //椤圭洰鐘舵�佺瓫閫夋潯浠�
+      isProjectCategory: false,
       //琛ㄥご
       columns: [],
+      defaultColumns: [],
       //鎺у埗鏇村绛涢�夋樉闅�
       popoverValue: false,
       // 閬僵灞�
@@ -280,12 +320,12 @@
       // 鎬绘潯鏁�
       total: 0,
       // 椤圭洰绠$悊鍩虹淇℃伅琛ㄦ牸鏁版嵁
-      infoList: [],
+      projectInfoList: [],
       // 寮瑰嚭灞傛爣棰�
       title: "",
       // 鏄惁鏄剧ず寮瑰嚭灞�
       open: false,
-      timeRange:[],
+      timeRange: [],
       // 鏌ヨ鍙傛暟
       queryParams: {
         pageNum: 1,
@@ -310,24 +350,71 @@
       // 琛ㄥ崟鏍¢獙
       rules: {
         projectName: [
-          { required: true, message: "椤圭洰鍚嶇О涓嶈兘涓虹┖", trigger: "blur" }
+          {required: true, message: "椤圭洰鍚嶇О涓嶈兘涓虹┖", trigger: "blur"}
         ],
         projectStatus: [
-          { required: true, message: "椤圭洰鐘舵��  (0鏈紑宸ワ紝1宸插紑宸ワ紝2宸茬宸ワ紝3鏆傚仠)涓嶈兘涓虹┖", trigger: "change" }
+          {required: true, message: "椤圭洰鐘舵��  (0鏈紑宸ワ紝1宸插紑宸ワ紝2宸茬宸ワ紝3鏆傚仠)涓嶈兘涓虹┖", trigger: "change"}
         ],
       }
     };
   },
   created() {
-    this.columns = current.map((item, index) => {
+    const projectCategory = this.$route.query.projectCategory;
+    if(!projectCategory || projectCategory === '1'){
+      this.isReserve = true;
+    }
+    if(projectCategory){
+      this.isProjectCategory = true;
+    }
+    const columns = current.map((item, index) => {
       item.index = index + 1;
       item.key = index;
       item.serialNumber = index + 1;
       return item;
     });
-      this.getList();
+    this.columns = columns;
+    this.defaultColumns = JSON.parse(JSON.stringify(columns));
+    this.getList();
   },
   methods: {
+    // 閲嶇疆鎺掑簭鐨勬柟娉�
+    handleResetSort() {
+      this.defaultColumns = currentRest.map((item, index) => {
+        item.index = index + 1;
+        item.key = index;
+        item.serialNumber = index + 1
+        return item;
+      });
+      this.columns = currentRest.map((item, index) => {
+        item.index = index + 1;
+        item.key = index;
+        item.serialNumber = index + 1
+        return item;
+      });
+    },
+    // 鏇存柊鍒楃殑鏂规硶
+    handleUpdateColumns(row) {
+      // this.currentColumns = row;
+      this.columns = this.columns.map(item => {
+        if (item.key === row.key) {
+          return row;
+        }
+        return item;
+      });
+    },
+    handleUpdateSort(data) {
+      console.log( this.columns, '鎺掑簭鍓嶇殑鍒�');
+      this.columns = this.columns.map(item => {
+        if (item.key === data.key) {
+          item.serialNumber = data.serialNumber;
+        }
+        return item;
+      });
+      this.defaultColumns = JSON.parse(JSON.stringify(this.columns)).sort((a, b) => a.index - b.index);
+      this.columns.sort((a, b) => a.serialNumber - b.serialNumber);
+
+      console.log( this.columns, '鎺掑簭鍚庣殑鍒�');
+    },
     // 鍏抽棴鏂囦欢澶勭悊寮规鐨勬柟娉�
     fileDialogCancel() {
       this.tableLoading = true;
@@ -338,15 +425,18 @@
     handlePopover() {
       this.popoverValue.value = !this.popoverValue.value;
     },
+    closePopover() {
+
+      this.popoverValue.value = false;
+    },
     /** 鏌ヨ椤圭洰绠$悊鍩虹淇℃伅鍒楄〃 */
     getList() {
       this.loading = true;
-      console.log("鏌ヨ")
-      // listInfo(this.queryParams).then(response => {
-      //   this.infoList = response.rows;
-      //   this.total = response.total;
-      // });
-        this.loading = false;
+      listInfo(this.queryParams).then(response => {
+        this.projectInfoList = response.data;
+        this.total = response.total;
+      });
+      this.loading = false;
     },
     // 鍙栨秷鎸夐挳
     cancel() {
@@ -407,7 +497,7 @@
     // 澶氶�夋閫変腑鏁版嵁
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 鏂板鎸夐挳鎿嶄綔 */
@@ -449,12 +539,13 @@
     /** 鍒犻櫎鎸夐挳鎿嶄綔 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('鏄惁纭鍒犻櫎椤圭洰绠$悊鍩虹淇℃伅缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() {
+      this.$modal.confirm('鏄惁纭鍒犻櫎椤圭洰绠$悊鍩虹淇℃伅缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function () {
         return delInfo(ids);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
-      }).catch(() => {});
+      }).catch(() => {
+      });
     },
     /** 瀵煎叆鎸夐挳鎿嶄綔 */
     handleImport() {
@@ -471,9 +562,10 @@
 };
 </script>
 <style lang="scss" scoped>
- .select-option {
+.select-option {
   width: 140px;
 }
+
 .slot {
   display: flex;
 }
@@ -485,6 +577,7 @@
 .right-section {
   display: flex;
   margin-left: auto;
+
   .add-btn {
     margin: 0 10px;
   }

--
Gitblit v1.8.0