From 9d3f1aa7571cd532c0c27bf8376ebf4b2178a252 Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期三, 24 七月 2024 17:45:45 +0800
Subject: [PATCH] fix:解决srm之前改了域名,处理各种异常状态,跳转也会出现异常等问题。

---
 src/views/purchaseManage/returned/index.vue |  239 +++++++++++++++++++++++++++++++++--------------------------
 1 files changed, 135 insertions(+), 104 deletions(-)

diff --git a/src/views/purchaseManage/returned/index.vue b/src/views/purchaseManage/returned/index.vue
index f5d798d..ce8dc79 100644
--- a/src/views/purchaseManage/returned/index.vue
+++ b/src/views/purchaseManage/returned/index.vue
@@ -1,37 +1,49 @@
 <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"
-          @getSelectArray="getSelectArray"
-        >
-          <template slot="tableButton">
-            <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"
+             @selTableCol="selTableCol"
+         >
+           <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" /> -->
@@ -42,9 +54,11 @@
 
 <script>
 import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
-import { getSalesLeadsList, getDeleteSalesLeads } from "@/api/client/salesLead"
+import {
+  getPurchaseList,getPurchaseInfo,submitPurchase, 
+} from "@/api/purchaseManage/purchase";
 import DetailSupplier from "@/views/purchaseManage/returned/DetailSupplier"
-
+import { getDataByType } from "@/api/data";
 export default {
   name: "SupplierManage",
   props: {},
@@ -59,7 +73,21 @@
         visible: false,
         infomation: {}
       },
-      search_map: {}
+      search: '',
+      returnedStatusList:getDataByType('returnedStatus'),
+      tableColumn: [
+        { label: "閫�璐у崟缂栧彿", prop: "number", min: 190, isCommonClick: true ,default:true},
+        { label: "閲囪喘鍗曠紪鍙�", prop: "name", min: 130, isCommonClick: true},
+        { label: "鍗曟嵁绫诲瀷", prop: "contact_name", min: 130 },
+        { label: "渚涘簲鍟嗗悕绉�", prop: "contact_phone", min: 130 },
+        { label: "閫�璐т粨搴�", prop: "sales_resources", min: 130 },
+        { label: "閫�璐х悊鐢�", prop: "province", min: 180 },
+        { label: "缁忓姙浜�", prop: "city", min: 130 },
+        { label: "鍒跺崟浜�", prop: "member_name", min: 130 },
+        { label: "閫�璐ф棩鏈�", prop: "member_name", min: 150 },
+        // { label: "鐘舵��", prop: "member_name", min: 110 }
+      ],
+      showCol: ['閫�璐у崟缂栧彿', '閲囪喘鍗曠紪鍙�', '鍗曟嵁绫诲瀷', '渚涘簲鍟嗗悕绉�', '閫�璐т粨搴�', '閫�璐х悊鐢�', '閫�璐ф棩鏈�']
     }
   },
   created() {
@@ -67,58 +95,58 @@
     this.getData()
   },
   methods: {
+    getReturnedStatus(val) {
+      if (val) {
+        for (let i in this.returnedStatusList) {
+          if (this.returnedStatusList[i].id == val) {
+            return this.returnedStatusList[i].name;
+          }
+        }
+      } else {
+        return "--";
+      }
+    },
+    setColumnVisible(showCol){
+      return  this.tableColumn.map(ele=>{
+        return {
+          ...ele,
+          isShowColumn:showCol.includes(ele.label)
+        }
+      })
+    },
     setTable() {
       this.tableList = {
         tableInfomation: [],
         selectIndex: true,
-        tableColumn: [
-          { label: "閫�璐у崟缂栧彿", prop: "number", min: 190, isCommonClick: true },
-          { label: "閲囪喘鍗曠紪鍙�", prop: "name", min: 130, isCommonClick: true},
-          { label: "鍗曟嵁绫诲瀷", prop: "contact_name", min: 130 },
-          { label: "渚涘簲鍟嗗悕绉�", prop: "contact_phone", min: 130 },
-          { label: "閫�璐т粨搴�", prop: "sales_resources", min: 130 },
-          { label: "閫�璐х悊鐢�", prop: "province", min: 180 },
-          { label: "缁忓姙浜�", prop: "city", min: 130 },
-          { label: "鍒跺崟浜�", prop: "member_name", min: 130 },
-          { label: "閫�璐ф棩鏈�", prop: "member_name", min: 150 },
-          { label: "鐘舵��", prop: "member_name", min: 110 }
-        ]
+        showcol: this.showCol,
+        allcol: [],
+        tableColumn:this.setColumnVisible(this.showCol)
       }
+      this.tableList.allcol = this.tableList.tableColumn.filter(ele=>!ele.default).map(ele=>ele.label);
+    },
+    selTableCol(val) {
+      this.showcol = val;
+      this.tableList.tableColumn = this.setColumnVisible(val);
     },
     // 璇锋眰鏁版嵁
     async getData() {
-      await getSalesLeadsList({
-        search_map: this.search_map,
+      await getPurchaseList({
+        keyword: this.search,
         page: this.pagerOptions.currPage,
         pageSize: this.pagerOptions.pageSize
       })
         .then((res) => {
-          const list = res.data.list.map((item) => {
-            return {
-              ...item,
-              province: item.Province.name,
-              city: item.City.name,
-              sales_resources: item.sales_sources.name,
-              member_name: item.member.username
-            }
-          })
+          const list = res.data.data.list
           this.tableList.tableInfomation = list || []
-          this.pagerOptions.totalCount = res.data.count
+          this.pagerOptions.totalCount = res.data.data.total
         })
         .catch((err) => {
           console.log(err)
         })
     },
-    // 鎼滅储
-    searchClick(val, content) {
-      console.log(val, content)
-      this.search_map = {
-        [val.value]: content
-      }
-      this.getData()
-    },
-    resetClick() {
-      this.search_map = {}
+    onFilterSearch(searchText){
+      this.search = searchText ?? ''
+      this.pagerOptions.currPage = 1
       this.getData()
     },
    
@@ -131,7 +159,7 @@
         })
           .then(() => {
             console.log("dddd")
-            getDeleteSalesLeads({ ids: this.selValueList }).then((response) => {
+            submitPurchase({ ids: this.selValueList }).then((response) => {
               if (response.code === 200) {
                 this.$message.success("纭鍙戣揣鎴愬姛")
                 this.getData()
@@ -142,18 +170,21 @@
           })
           .catch(() => {})
     },
-    getSelectArray(val) {
-      this.selValueList = []
-      const list = val.map((item) => {
-        return item.id
-      })
-      this.selValueList = list
-    },
+    
     // 璇︽儏
     selCommonClick(row) {
       console.log(row)
-      this.commonDetail.visible = true
-      this.commonDetail.infomation = { ...row }
+      getPurchaseInfo({id:row.ID}).then((res) => {
+        if (res.code == 200) {
+          this.commonDetail.visible = true
+          this.commonDetail.infomation = { 
+            productList:res.data.productList,
+            ...res.data.purchase
+           }
+        }else{
+          this.$message.error(res.msg?res.msg+',':''+'鑾峰彇淇℃伅澶辫触锛�')
+        }
+      })
     }
   }
 }
@@ -161,40 +192,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