From ac9b608d16f84b77d7c88c75e77f48b18feb1104 Mon Sep 17 00:00:00 2001
From: Jaunty <15613469426@163.com>
Date: Fri, 9 Jul 2021 15:23:31 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=A6=E5=9E=8B=E9=A1=B5=E9=9D=A2=E9=AB=98?=
 =?UTF-8?q?=E7=BA=A7=E6=90=9C=E7=B4=A2=E6=A0=B7=E5=BC=8F=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../localProductsOrProjectLibrary/index.vue   | 226 ++++++++----------
 1 file changed, 94 insertions(+), 132 deletions(-)

diff --git a/src/pages/regulatoryRepository/localProductsOrProjectLibrary/index.vue b/src/pages/regulatoryRepository/localProductsOrProjectLibrary/index.vue
index f7c56627e..6cf1e22a7 100644
--- a/src/pages/regulatoryRepository/localProductsOrProjectLibrary/index.vue
+++ b/src/pages/regulatoryRepository/localProductsOrProjectLibrary/index.vue
@@ -66,133 +66,9 @@
               v-btn-permission="'e5ca15122f554414e6365eb09efac5c4'"
               @click="selectMoreBtn"
             ><i class="iconfont">&#xe7a5;</i>高级查询</el-button>
-            <div>
-              <el-dialog title="高级搜索" :visible.sync="isAdvancedSearch" width="480px" style="margin-top: -50px">
-                <el-form ref="form" :model="localProTableSearch" @keyup.enter.native="getLocalProductTableBtn" label-width="100px">
-                  <el-form-item label="产品平台" class="search-item">
-                    <el-input
-                        v-model="localProTableSearch.projectPlatfor"
-                        placeholder="根据产品平台查找"
-                        :maxlength="100"
-                        clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目群" class="serch-item">
-                    <el-input
-                        v-model="localProTableSearch.projectGroup"
-                        placeholder="根据项目群查找"
-                        :maxlength="100"
-                        clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="产品线" class="search-item">
-                    <el-input
-                        v-model="localProTableSearch.productLine"
-                        placeholder="根据产品线查找"
-                        :maxlength="100"
-                        clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目编号" class="search-item">
-                    <el-input
-                        v-model="localProTableSearch.projectNumber"
-                        placeholder="根据项目编号查找"
-                        :maxlength="100"
-                        clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目名称" class="search-item">
-                    <el-input
-                        v-model="projectLibrarySearch.projectName"
-                        placeholder="根据项目名称查找"
-                        :maxlength="100"
-                        clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目分类" class="search-item">
-                    <el-select
-                        v-model="projectLibrarySearch.projectClassification"
-                        placeholder="请选择项目类别"
-                    >
-                      <el-option
-                          v-for="opt in productTypeOptions"
-                          :value="opt.label"
-                          :key="opt.value"
-                          :label="opt.label"
-                      >{{ opt.label}}</el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="项目状态" class="search-item search-item-last">
-                    <el-select v-model="projectLibrarySearch.projectStatus" placeholder="请选择项目状态" clearable>
-                      <el-option
-                          v-for="opr in xmztOptions"
-                          :key="opr.value"
-                          :value="opr.label"
-                          :label="opr.label"
-                      ></el-option>
-                    </el-select>
-                  </el-form-item>
-                  <el-form-item label="项目开始日期">
-                    <el-col :span="11">
-                      <el-date-picker type="date" placeholder="选择日期" v-model="localProTableSearch.projectStartDate" style="width: 100%;"></el-date-picker>
-                    </el-col>
-                    <el-col class="line" :span="2">-</el-col>
-                  </el-form-item>
-                  <el-form-item label="项目完成日期">
-                    <el-col :span="11">
-                      <el-date-picker type="date" placeholder="选择日期" v-model="localProTableSearch.projectEndDate" style="width: 100%;"></el-date-picker>
-                    </el-col>
-                    <el-col class="line" :span="2">-</el-col>
-                  </el-form-item>
-                  <el-form-item label="当前节点" class="search-item">
-                    <el-input
-                        v-model="localProTableSearch.currentNode"
-                        placeholder="根据当前节点查找"
-                        :maxlength="100"
-                        clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目级别" class="search-item">
-                    <el-input
-                        v-model="localProTableSearch.projectLevel"
-                        placeholder="根据项目级别查找"
-                        :maxlength="100"
-                        clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-form-item label="项目经理" class="search-item">
-                    <el-input
-                        v-model="localProTableSearch.projectManager"
-                        placeholder="根据项目经理查找"
-                        :maxlength="100"
-                        clearable
-                    ></el-input>
-                  </el-form-item>
-                  <el-row>
-                    <el-col style="margin-left: 10px">
-                      <el-form-item>
-                        <el-button
-                            type="primary"
-                            class="common-button-primary"
-                            size="small"
-                            v-btn-permission="'d1b1bffb39a67dea0d452a8ba4e3ae35'"
-                            @click="getLocalProductTableBtn">查询</el-button>
-                        <el-button
-                            class="common-button-default"
-                            size="small"
-                            v-btn-permission="'10e3fdd2d816d64022f2928cd65b9bb1'"
-                            @click="clearAllSearch">清空</el-button>
-                      </el-form-item>
-                    </el-col>
-                  </el-row>
-                </el-form>
-              </el-dialog>
-            </div>
           </el-form-item>
         </el-form>
       </div>
-      <div class="right">
-      </div>
     </div>
 
     <div class="container">
@@ -328,6 +204,76 @@
               @pageChange="pageChange"
               @pageSizeChange="pageSizeChange"></pagination>
       <loading :loading="loading">数据获取中</loading>
+<!--      高级搜索-->
+      <table-tools-bar v-model="isAdvancedSearch" @search="getLocalProductTableBtn"
+                       @reset="clearAllSearch" >
+        <div slot="content">
+          <el-form :model="localProTableSearch" :inline="true" class="label-input-form table-lattice" style="display: flex;flex-wrap: wrap">
+            <!--            产品平台-->
+            <el-form-item label="产品平台"  class="serch-form-item">
+              <el-input v-model="localProTableSearch.projectPlatfor" placeholder="根据产品平台" clearable :maxlength="100"
+                        @keyup.enter.native="getLocalProductTableBtn"></el-input>
+            </el-form-item>
+            <!--            项目编号-->
+            <el-form-item label="项目编号" class="serch-form-item">
+              <el-input v-model="localProTableSearch.projectNumber" placeholder="根据项目编号" clearable :maxlength="500"
+                        @keyup.enter.native="getLocalProductTableBtn"></el-input>
+            </el-form-item>
+            <!--            项目名称-->
+            <el-form-item label="项目名称" class="serch-form-item">
+              <el-input v-model="projectLibrarySearch.projectName" placeholder="根据项目名称" clearable :maxlength="500"
+                        @keyup.enter.native="getLocalProductTableBtn"></el-input>
+            </el-form-item>
+            <!--            项目分类-->
+            <el-form-item label="项目分类"  class="serch-form-item">
+              <el-select v-model="projectLibrarySearch.projectClassification" placeholder="根据项目分类" clearable
+                         @keyup.enter.native="getLocalProductTableBtn">
+                <el-option v-for="opt in productTypeOptions" :value="opt.value === undefined ? '' :opt.label" :key="opt.label" :label="opt.label">{{ opt.label}}</el-option>
+              </el-select>
+            </el-form-item>
+            <!--            项目状态-->
+            <el-form-item label="项目状态"  class="serch-form-item">
+              <el-select v-model="projectLibrarySearch.projectStatus" placeholder="根据项目状态" clearable
+                         @keyup.enter.native="getLocalProductTableBtn">
+                <el-option v-for="opt in xmztOptions" :value="opt.value === undefined ? '' :opt.label" :key="opt.label" :label="opt.label">{{ opt.label}}</el-option>
+              </el-select>
+            </el-form-item>
+            <!--            项目群-->
+            <el-form-item label="项目群" class="serch-form-item">
+              <el-input v-model="localProTableSearch.projectGroup" placeholder="根据项目群" clearable :maxlength="500"
+                        @keyup.enter.native="getLocalProductTableBtn"></el-input>
+            </el-form-item>
+            <!--            产品线-->
+            <el-form-item label="产品线" class="serch-form-item">
+              <el-input v-model="localProTableSearch.productLine" placeholder="根据产品线" clearable :maxlength="500"
+                        @keyup.enter.native="getLocalProductTableBtn"></el-input>
+            </el-form-item>
+            <!--            项目开始时间-->
+            <el-form-item label="项目开始时间" class="serch-form-item">
+              <el-date-picker type="date" placeholder="选择日期" v-model="localProTableSearch.projectStartDate" style="width: 100%;"></el-date-picker>
+            </el-form-item>
+            <!--            项目完成时间-->
+            <el-form-item label="项目完成时间" class="serch-form-item">
+              <el-date-picker type="date" placeholder="选择日期" v-model="localProTableSearch.projectEndDate" style="width: 100%;"></el-date-picker>
+            </el-form-item>
+            <!--            当前节点-->
+            <el-form-item label="当前节点" class="serch-form-item">
+              <el-input v-model="localProTableSearch.currentNode" placeholder="根据当前节点" clearable :maxlength="500"
+                        @keyup.enter.native="getLocalProductTableBtn"></el-input>
+            </el-form-item>
+            <!--            项目级别-->
+            <el-form-item label="项目级别" class="serch-form-item">
+              <el-input v-model="localProTableSearch.projectLevel" placeholder="根据项目级别" clearable :maxlength="500"
+                        @keyup.enter.native="getLocalProductTableBtn"></el-input>
+            </el-form-item>
+            <!--            项目经理-->
+            <el-form-item label="项目经理" class="serch-form-item">
+              <el-input v-model="localProTableSearch.projectManager" placeholder="根据项目经理" clearable :maxlength="500"
+                        @keyup.enter.native="getLocalProductTableBtn"></el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+      </table-tools-bar>
     </div>
   </div>
 
@@ -384,8 +330,11 @@ export default {
       },
       //查询3类
       projectLibrarySearchDefault: {
+        // 项目名称
         projectName: '',
+        // 项目分类
         projectClassification: '',
+        // 项目状态
         projectStatus: '',
       },
       // 查询条件
@@ -405,10 +354,6 @@ export default {
         productLine:'',
         //  项目名称
         projectName: '',
-        //  项目分类
-        projectClassification: '',
-        //  项目状态
-        projectStatus: '',
         //  项目群
         projectGroup: '',
         //  项目开始日期
@@ -439,10 +384,6 @@ export default {
         productLine:'',
         //  项目名称
         projectName: '',
-        //  项目分类
-        projectClassification: '',
-        //  项目状态
-        projectStatus: '',
         //  项目群
         projectGroup: '',
         //  项目开始日期
@@ -1591,6 +1532,8 @@ export default {
 </script>
 
 <style lang="less" scoped>
+@import '~@/assets/styles/mixins';
+@import '~@/assets/styles/style';
   .local-products-or-project-library {
     //position: relative;
     height: 100%;
@@ -1620,4 +1563,23 @@ export default {
   ::v-deep .el-drawer{
       outline: none!important;
   }
+.label-input-form {
+  &.table-lattice{
+    /deep/.el-form-item__label {
+      width:100px;
+      height:30px;
+      border: 1px solid #DCDFE6;
+      border-right: none;
+      line-height:30px;
+      text-align: center;
+      margin-top: 6px;
+      background: #F9F9F9;
+    }
+    /deep/.el-input__inner {
+      height: 30px;
+      line-height: 30px;
+      border-radius: 0 !important;
+    }
+  }
+}
 </style>