From aebd17682bfe28d3e0a3015cbbdc55fcc0417b63 Mon Sep 17 00:00:00 2001
From: "396572590@qq.com" <liuchao>
Date: Thu, 4 Aug 2022 17:55:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20There=20is=20no=20way=20the,=20?=
 =?UTF-8?q?=E2=80=8556826=20=E6=B5=81=E7=A8=8B=E7=AC=AC=E4=B8=89=E6=AD=A5?=
 =?UTF-8?q?=E9=AA=A4=EF=BC=8C=E5=88=86=E5=8F=91=E9=A1=B9=E7=9B=AE=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=EF=BC=8C=E7=82=B9=E5=87=BB=E6=B7=BB=E5=8A=A0=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=EF=BC=8C=E6=98=BE=E7=A4=BA=E6=95=B0=E6=8D=AE=E4=B8=8D?=
 =?UTF-8?q?=E5=85=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/bzpg/step3.vue         | 238 ++++++++++--------
 1 file changed, 131 insertions(+), 107 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/bzpg/step3.vue b/src/pages/processCenter/pages/creatProcess/bzpg/step3.vue
index 732580c42..e74f9da10 100644
--- a/src/pages/processCenter/pages/creatProcess/bzpg/step3.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzpg/step3.vue
@@ -226,133 +226,134 @@
       size="900px"
       custom-class="demo-drawer"
     >
-      <div class="demo-drawer-content">
-        <div style="position: absolute;bottom: 48px;top:60px;left: 0;right: 0">
-          <div style="position: absolute;bottom: 55px;top: 0;right: 0;left: 0">
-            <div class="left">
-              <el-form :modal="projectSearch" :inline="true" class="label-input-form" style="margin-left:10px">
-                <el-form-item label="管理主体" class="search-item search-item-last">
-                  <el-select v-model="projectSearch.managementHostName"
-                             @change="optionsChange(projectSearch)"
-                             placeholder="请选择管理主体" filterable clearable>
-                    <el-option
-                      v-for="(item, index) in managementHostName"
-                      :key="index"
-                      :value="item"
-                      :label="item"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="开发主体" class="search-item search-item-last">
-                  <el-select v-model="projectSearch.developmentHostName"  @change="optionsChange(projectSearch)" placeholder="请选择开发主体" filterable clearable>
-                    <el-option
-                      v-for="(item, index) in developmentHostName"
-                      :key="index"
-                      :value="item"
-                      :label="item"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="项目细分类" class="search-item search-item-last">
-                  <el-select v-model="projectSearch.categoryName"  @change="optionsChange(projectSearch)" placeholder="请选择项目细分类" filterable clearable>
-                    <el-option
-                      v-for="(item, index) in categoryName"
-                      :key="index"
-                      :value="item"
-                      :label="item"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="项目状态" class="search-item search-item-last">
-                  <el-select v-model="projectSearch.projectStatus" placeholder="请选择项目状态" filterable clearable>
-                    <el-option
-                      v-for="(item, index) in projectStatus"
-                      :key="index"
-                      :value="item"
-                      :label="item"
-                    >
-                    </el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item class="search-item btn-box">
-                  <el-button
-                    type="primary"
-                    class="common-button-primary"
-                    size="small"
-                    v-btn-permission=""
-                    @click="getProductDataBtn">
-                    查询
-                  </el-button>
-                </el-form-item>
-                <el-form-item class="search-item btn-box">
-                  <el-button
-                    class="common-button-default"
-                    size="small"
-                    v-btn-permission=""
-                    @click="clearProject">清空
-                  </el-button>
-                </el-form-item>
-              </el-form>
-            </div>
+      <div class="standard-content">
+        <div class="content">
+          <div class="standard-table-search">
+            <el-form :modal="projectSearch" :inline="true" class="label-input-form" style="margin-left:10px">
+              <el-form-item label="管理主体" class="search-item search-item-last">
+                <el-select v-model="projectSearch.managementHostName"
+                           @change="optionsChange(projectSearch)"
+                           placeholder="请选择管理主体" filterable clearable>
+                  <el-option
+                          v-for="(item, index) in managementHostName"
+                          :key="index"
+                          :value="item"
+                          :label="item"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="开发主体" class="search-item search-item-last">
+                <el-select v-model="projectSearch.developmentHostName"  @change="optionsChange(projectSearch)" placeholder="请选择开发主体" filterable clearable>
+                  <el-option
+                          v-for="(item, index) in developmentHostName"
+                          :key="index"
+                          :value="item"
+                          :label="item"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="项目细分类" class="search-item search-item-last">
+                <el-select v-model="projectSearch.categoryName"  @change="optionsChange(projectSearch)" placeholder="请选择项目细分类" filterable clearable>
+                  <el-option
+                          v-for="(item, index) in categoryName"
+                          :key="index"
+                          :value="item"
+                          :label="item"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="项目状态" class="search-item search-item-last">
+                <el-select v-model="projectSearch.projectStatus" placeholder="请选择项目状态" filterable clearable>
+                  <el-option
+                          v-for="(item, index) in projectStatus"
+                          :key="index"
+                          :value="item"
+                          :label="item"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item class="search-item btn-box">
+                <el-button
+                        type="primary"
+                        class="common-button-primary"
+                        size="small"
+                        v-btn-permission=""
+                        @click="getProductDataBtn">
+                  查询
+                </el-button>
+              </el-form-item>
+              <el-form-item class="search-item btn-box">
+                <el-button
+                        class="common-button-default"
+                        size="small"
+                        v-btn-permission=""
+                        @click="clearProject">清空
+                </el-button>
+              </el-form-item>
+            </el-form>
+          </div>
+          <div class="standard-table-wrap">
             <div style="height: calc(100% - 65px); ">
               <div style="font-size: 16px; color: #FF7F50; padding-bottom: 10px; margin-left: 10px">
                 <p>如果各项目符合法规情况相同,可同时勾选,第一个勾选项目合规排查结果,将代表所有勾选项目合规排查结果。</p>
               </div>
               <el-table
-                :data="productData"
-                tooltip-effect="dark"
-                style="width: 100%"
-                border
-                ref="projectTable"
-                height="100%"
-                :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
+                      :data="productData"
+                      tooltip-effect="dark"
+                      style="width: 100%"
+                      border
+                      ref="projectTable"
+                      height="100%"
+                      :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
          fontWeight: 'bold', height: '48px'}"
-                @selection-change="selectProject"
+                      @selection-change="selectProject"
               >
                 <el-table-column
-                  type="selection"
-                  width="55"
-                  align="center">
+                        type="selection"
+                        width="55"
+                        align="center">
                 </el-table-column>
                 <el-table-column
-                  type="index"
-                  width="55"
-                  label="序号"
-                  align="center">
+                        type="index"
+                        width="55"
+                        label="序号"
+                        align="center">
                 </el-table-column>
                 <el-table-column
-                  align="center"
-                  prop="projectName"
-                  label="项目名称"/>
+                        align="center"
+                        prop="projectName"
+                        label="项目名称"/>
                 <el-table-column
-                  align="center"
-                  width="120"
-                  prop="projectStatus"
-                  label="项目状态"/>
+                        align="center"
+                        width="120"
+                        prop="projectStatus"
+                        label="项目状态"/>
                 <el-table-column
-                  align="center"
-                  prop="currentNode"
-                  label="当前节点"/>
+                        align="center"
+                        prop="currentNode"
+                        label="当前节点"/>
                 <el-table-column
-                  align="center"
-                  prop="projectGroup"
-                  label="项目群"/>
+                        align="center"
+                        prop="projectGroup"
+                        label="项目群"/>
                 <el-table-column
-                  align="center"
-                  prop="uname"
-                  label="项目经理"/>
+                        align="center"
+                        prop="uname"
+                        label="项目经理"/>
               </el-table>
             </div>
+            <loading :loading="replaceLoading">{{$t('m.dataAcquisition')}}</loading>
           </div>
           <pagination
-            :page="pageNo"
-            :pageSize="pageSizeNo"
-            :total="totalNo"
-            @pageChange="pageChangeNo"
-            @pageSizeChange="pageSizeChangeNo"
+                  :page="pageNo"
+                  :pageSize="pageSizeNo"
+                  :total="totalNo"
+                  @pageChange="pageChangeNo"
+                  @pageSizeChange="pageSizeChangeNo"
           />
         </div>
       </div>
@@ -410,6 +411,7 @@ export default {
     return {
       active: "1",
       //折叠的标志，true为折叠，false为不折叠
+      replaceLoading: false,
       foldFormFlag: false,
       drawerModal: false,
       loading: false,
@@ -565,6 +567,7 @@ export default {
     },
     //查询项目群下的项目
     getProductData() {
+      this.replaceLoading = true
       // 已维护 状态 1 , 为维护 状态 0
       this.projectSearch.flag = '1'
       this.$http.get("sarStandProjectLibrary/queryProjects", {
@@ -577,6 +580,7 @@ export default {
       }, res => {
         this.productData = res.data.records;
         this.totalNo = res.data.total;
+        this.replaceLoading = false
       });
     },
     //查询项目按钮
@@ -918,6 +922,26 @@ export default {
       overflow-y: hidden;
     }
   }
+  .standard-content {
+    height: 100%;
+    padding: 10px 0 0;
+    .content {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      padding: 0 10px;
+      .standard-table-wrap {
+        flex: auto;
+        overflow-y: auto;
+      }
+      .pagination {
+        position: static;
+        /deep/ .pagination-slot {
+          padding: 0;
+        }
+      }
+    }
+  }
   .demo-drawer-content {
     margin-top: 10px;
   }