From 1aa570665def8283d4cb00c941c348a1f96538ad Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期五, 22 九月 2023 14:28:22 +0800
Subject: [PATCH] style: 采购质检单模块样式调整

---
 src/views/purchaseManage/quality/index.vue |  175 +++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 119 insertions(+), 56 deletions(-)

diff --git a/src/views/purchaseManage/quality/index.vue b/src/views/purchaseManage/quality/index.vue
index 9aaffae..9b57852 100644
--- a/src/views/purchaseManage/quality/index.vue
+++ b/src/views/purchaseManage/quality/index.vue
@@ -1,39 +1,45 @@
 <template>
-  <div class="rightContent">
-    <div class="content-box">
-      <div class="supplier-search">
-        <SearchCommonView
-          ref="searchCommonView"
-          :inputSelect="false"
-          placeholder="鍙緭鍏ヤ緵搴斿晢,鐗╂枡,閲囪喘鍗曠瓑鎼滅储"
-          @searchClick="searchClick"
-          @resetClick="resetClick"
+  <div class="quality">
+    <div class="filter">
+      <div class="filter-card">
+        <CommonSearch
+            :show-add="false"
+            :show-download="false"
+            :amount-view="false"
+            :show-action-btn="false"
+            :placeholder="'璇疯緭鍏ヤ緵搴斿晢/鐗╂枡/閲囪喘鍗曠瓑'"
+            @searchClick="onFilterSearch"
         />
       </div>
-      <template>
-        <TableCommonView
-         class="content-table"
-          ref="tableListRef"
-          :table-list="tableList"
-          @selCommonClick="selCommonClick"
-        >
-          <template slot="tableButton">
-            <el-table-column label="鐘舵��" width="120">
-              <template slot-scope="scope">
-               {{ getQualityStatus(scope.row.member_name) }}
-              </template>
-            </el-table-column>
-            <el-table-column label="鎿嶄綔" width="120" fixed="right">
-              <template slot-scope="scope">
-                <el-button  @click="qualityClick(scope.row)" type="text" size="small">鍘昏川妫�</el-button>
-              </template>
-            </el-table-column>
-          </template>
-        </TableCommonView>
+    </div>
+
+    <div class="body">
+      <div class="body-card">
+        <div class="list-view">
+          <TableCommonView
+              class="content-table"
+              ref="tableListRef"
+              :table-list="tableList"
+              @selCommonClick="selCommonClick"
+          >
+            <template slot="tableButton">
+              <el-table-column align="center" label="鐘舵��" width="120">
+                <template slot-scope="scope">
+                  {{ getQualityStatus(scope.row.member_name) }}
+                </template>
+              </el-table-column>
+              <el-table-column align="center" label="鎿嶄綔" width="120" fixed="right">
+                <template slot-scope="scope">
+                  <el-button  @click="qualityClick(scope.row)" type="text" size="small">鍘昏川妫�</el-button>
+                </template>
+              </el-table-column>
+            </template>
+          </TableCommonView>
+        </div>
         <div class="btn-pager">
           <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
         </div>
-      </template>
+      </div>
     </div>
     
     <!-- 鏂板缓/缂栬緫閿�鍞嚎绱� -->
@@ -128,6 +134,10 @@
       this.search = ''
       this.getData()
     },
+    onFilterSearch(searchText){
+      this.search = searchText ?? ''
+      this.getData()
+    },
    
     // 纭鍙戣揣
     qualityClick() {
@@ -171,11 +181,82 @@
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-.rightContent {
-  width:100%;
-  height:calc(100% - 10px);
-  .content-box {
-    height:100%;
+//.rightContent {
+//  width:100%;
+//  height:calc(100% - 10px);
+//  .content-box {
+//    height:100%;
+//    .supplier-search {
+//      display: flex;
+//      align-items: center;
+//      .add-view {
+//        margin-left: auto;
+//        margin-right: 20px;
+//      }
+//    }
+//    .content-table{
+//      // height:calc(100% - 60px - 42px);
+//    }
+//    .btn-pager {
+//      display: flex;
+//      .page {
+//        margin-left: auto;
+//      }
+//    }
+//  }
+//  .bottom {
+//    .product-search {
+//      display: flex;
+//      align-items: center;
+//      .search {
+//        margin-left: auto;
+//      }
+//      .add-view {
+//        margin-left: 20px;
+//        margin-right: 20px;
+//      }
+//    }
+//    .btn-pager {
+//      display: flex;
+//      .page {
+//        margin-left: auto;
+//      }
+//    }
+//  }
+//}
+
+
+.quality{
+  height: 100%;
+  overflow: hidden;
+  .filter{
+    height: 80px;
+    display: flex;
+    align-items: center;
+    padding: 12px 20px 0 20px;
+    &-card{
+      height: 80px;
+      display: flex;
+      align-items: center;
+      box-sizing: border-box;
+      padding: 10px 20px;
+      flex: 1;
+      border-radius: 12px;
+      background-color: #fff;
+    }
+  }
+  .body{
+    box-sizing: border-box;
+    padding: 10px 20px;
+    border-radius: 12px;
+    height: calc(100% - 92px);
+    .body-card {
+      background-color: #fff;
+      border-radius: 12px;
+      height: 100%;
+      overflow: hidden;
+    }
+
     .supplier-search {
       display: flex;
       align-items: center;
@@ -184,27 +265,9 @@
         margin-right: 20px;
       }
     }
-    .content-table{
-      // height:calc(100% - 60px - 42px);
-    }
-    .btn-pager {
-      display: flex;
-      .page {
-        margin-left: auto;
-      }
-    }
-  }
-  .bottom {
-    .product-search {
-      display: flex;
-      align-items: center;
-      .search {
-        margin-left: auto;
-      }
-      .add-view {
-        margin-left: 20px;
-        margin-right: 20px;
-      }
+    .list-view {
+      height: calc(100% - 60px);
+      overflow: hidden;
     }
     .btn-pager {
       display: flex;

--
Gitblit v1.8.0