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

---
 src/views/purchaseManage/returned/index.vue |  142 +++++++++++++++++++++++-----------------------
 1 files changed, 71 insertions(+), 71 deletions(-)

diff --git a/src/views/purchaseManage/returned/index.vue b/src/views/purchaseManage/returned/index.vue
index 3554cf8..feafffe 100644
--- a/src/views/purchaseManage/returned/index.vue
+++ b/src/views/purchaseManage/returned/index.vue
@@ -1,41 +1,48 @@
 <template>
-  <div class="rightContent">
-    <div class="content-box">
-      <div class="supplier-search">
-        <SearchCommonView
-          ref="searchCommonView"
-          :inputSelect="false"
-          placeholder="鍙緭鍏ラ噰璐崟,渚涘簲鍟嗗悕绉扮瓑鎼滅储"
-          @searchClick="searchClick"
-          @resetClick="resetClick"
+  <div class="returned">
+    <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">
-               {{ getReturnedStatus(scope.row.member_name) }}
-              </template>
-            </el-table-column>
-            <el-table-column label="鎿嶄綔" width="120">
-              <template slot-scope="scope">
-                <el-button  @click="confirmClick(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">
+                 {{ getReturnedStatus(scope.row.member_name) }}
+               </template>
+             </el-table-column>
+             <el-table-column align="center" label="鎿嶄綔" width="120">
+               <template slot-scope="scope">
+                 <el-button  @click="confirmClick(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>
+
   
     <!-- 鏂板缓/缂栬緫閿�鍞嚎绱� -->
     <!-- <AddSalesLeadDialog v-if="editSalesLeadConfig.visible" :edit-rightContent-config="editSalesLeadConfig" /> -->
@@ -113,21 +120,14 @@
         .then((res) => {
           const list = res.data.data.list
           this.tableList.tableInfomation = list || []
-          this.pagerOptions.totalCount = res.data.total
+          this.pagerOptions.totalCount = res.data.data.total
         })
         .catch((err) => {
           console.log(err)
         })
     },
-    // 鎼滅储
-    searchClick(val, content) {
-      console.log(val, content)
-      this.search =  content
-  
-      this.getData()
-    },
-    resetClick() {
-      this.search = ''
+    onFilterSearch(searchText){
+      this.search = searchText ?? ''
       this.getData()
     },
    
@@ -173,40 +173,40 @@
 
 <!-- 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%;
-    .supplier-search {
+.returned{
+  height: 100%;
+  overflow: hidden;
+  background-color: transparent;
+  .filter{
+    height: 80px;
+    display: flex;
+    align-items: center;
+    padding: 12px 20px 0 20px;
+    &-card{
+      height: 80px;
       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;
-      }
+      box-sizing: border-box;
+      padding: 10px 20px;
+      flex: 1;
+      border-radius: 12px;
+      background-color: #fff;
     }
   }
-  .bottom {
-    .product-search {
-      display: flex;
-      align-items: center;
-      .search {
-        margin-left: auto;
-      }
-      .add-view {
-        margin-left: 20px;
-        margin-right: 20px;
-      }
+  .body{
+    box-sizing: border-box;
+    padding: 10px 20px;
+    border-radius: 12px;
+    height: calc(100% - 92px);
+    &-card {
+      background-color: #fff;
+      border-radius: 12px;
+      height: 100%;
+      overflow: hidden;
+    }
+    .list-view {
+      height: calc(100% - 60px);
+      overflow: hidden;
     }
     .btn-pager {
       display: flex;

--
Gitblit v1.8.0