From 0f43183f986f0ed314647687c73da5a4493d2611 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期一, 16 十月 2023 20:36:15 +0800
Subject: [PATCH] bug修复(5219 5233)

---
 src/views/other/payment/receipt/index.vue |  184 ++++++++++++++++++++++-----------------------
 1 files changed, 89 insertions(+), 95 deletions(-)

diff --git a/src/views/other/payment/receipt/index.vue b/src/views/other/payment/receipt/index.vue
index 8b1928a..3270ab7 100644
--- a/src/views/other/payment/receipt/index.vue
+++ b/src/views/other/payment/receipt/index.vue
@@ -15,9 +15,7 @@
           @searchClick="onFilterSearch"
         >
           <template slot="leftButton">
-            <el-button size="small" type="primary" @click="addBtnClick"
-              >鏂板缓</el-button
-            >
+            <el-button size="small" type="primary" @click="addBtnClick">鏂板缓</el-button>
             <!--            <el-button size="small"  @click="delClick">鍒犻櫎</el-button>-->
           </template>
         </CommonSearch>
@@ -45,11 +43,7 @@
           </TableCommonView>
         </div>
         <div class="btn-pager">
-          <PagerView
-            class="page"
-            :pager-options="pagerOptions"
-            v-on="pagerEvents"
-          />
+          <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
         </div>
       </div>
     </div>
@@ -59,27 +53,27 @@
 </template>
 
 <script>
-import { getReceiptList } from "@/api/common/payment";
-import pageMixin from "@/components/makepager/pager/mixin/pageMixin";
-import AddReceipt from "@/views/other/payment/receipt/addReceipt.vue";
+import { getReceiptList } from "@/api/common/payment"
+import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
+import AddReceipt from "@/views/other/payment/receipt/addReceipt.vue"
 
 export default {
   name: "ReceiptView",
   props: {
     isDetail: {
       type: Boolean,
-      default: false,
+      default: false
     },
     addConfig: {
       type: Object,
       default: () => {
-        return {};
-      },
+        return {}
+      }
     },
     sourceType: {
       type: Number,
-      default: 1,
-    },
+      default: 1
+    }
   },
   mixins: [pageMixin],
   components: { AddReceipt },
@@ -94,7 +88,7 @@
         { value: "1", label: "鍏ㄩ儴" },
         { value: "2", label: "浠婃棩鑱旂郴" },
         { value: "3", label: "鏈懆鑱旂郴" },
-        { value: "4", label: "鏈湀鑱旂郴" },
+        { value: "4", label: "鏈湀鑱旂郴" }
       ],
       searchOptions: [],
       operatesList: [
@@ -105,26 +99,26 @@
         { id: "5", name: "鏇存敼鍒涘缓浜�" },
         { id: "6", name: "鏍戠粨鏋勮缃�" },
         { id: "7", name: "瀹℃壒璁剧疆" },
-        { id: "8", name: "鍥炶棰勮鍒楀" },
+        { id: "8", name: "鍥炶棰勮鍒楀" }
       ],
       editConfig: {
         visible: false,
         title: "鏂板缓",
-        infomation: {},
+        infomation: {}
       },
       saleChanceName: "",
       contactsDeail: {
         visible: false,
-        infomation: {},
+        infomation: {}
       },
       clientDeail: {
         visible: false,
-        infomation: {},
+        infomation: {}
       },
       selValueList: [],
       searchSel: {
         value: "topic",
-        label: "",
+        label: ""
       },
       search_map: {},
       keyword: "",
@@ -136,127 +130,127 @@
         { label: "瀹為檯鏀舵閲戦", prop: "amount" },
         { label: "鏀舵鏂瑰紡", prop: "paymentType_name" },
         { label: "閿�鍞礋璐d汉", prop: "principal_name" },
-        { label: "鏀舵鏃ユ湡", prop: "receiptDate" },
+        { label: "鏀舵鏃ユ湡", prop: "receiptDate" }
       ],
-      showCol: [
-        "鏀舵鍗曠紪鍙�",
-        "瀹㈡埛鍚嶇О",
-        "閫夋嫨婧愬崟",
-        "瀹為檯鏀舵閲戦",
-        "鏀舵鏂瑰紡",
-        "閿�鍞礋璐d汉",
-        "鏀舵鏃ユ湡",
-      ],
-    };
+      showCol: ["鏀舵鍗曠紪鍙�", "瀹㈡埛鍚嶇О", "閫夋嫨婧愬崟", "瀹為檯鏀舵閲戦", "鏀舵鏂瑰紡", "閿�鍞礋璐d汉", "鏀舵鏃ユ湡"]
+    }
   },
   created() {
-    this.setTable();
+    this.setTable()
     if (!this.isDetail) {
-      this.keyword = "";
-      this.keywordType = "";
+      this.keyword = ""
+      this.keywordType = ""
     } else {
-      this.keyword = this.addConfig.keyword;
-      this.keywordType = this.addConfig.keywordType;
+      this.keyword = this.addConfig.keyword
+      this.keywordType = this.addConfig.keywordType
     }
-    this.getData();
+    this.getData()
   },
-  mounted() {
-  },
+  mounted() {},
   methods: {
     setTable() {
       this.tableList = {
         tableInfomation: [],
         allcol: [],
         showcol: this.showCol,
-        tableColumn: this.setColumnVisible(this.showCol),
-      };
-      this.tableList.allcol = this.tableList.tableColumn
-        .filter((ele) => !ele.default)
-        .map((ele) => ele.label);
-      this.searchOptions = [];
+        tableColumn: this.setColumnVisible(this.showCol)
+      }
+      this.tableList.allcol = this.tableList.tableColumn.filter((ele) => !ele.default).map((ele) => ele.label)
+      this.searchOptions = []
       for (let i = 0; i < this.tableList.tableColumn.length; i++) {
-        const label = this.tableList.tableColumn[i].label;
-        const value = this.tableList.tableColumn[i].prop;
-        this.searchOptions.push({ value: value, label: label });
+        const label = this.tableList.tableColumn[i].label
+        const value = this.tableList.tableColumn[i].prop
+        this.searchOptions.push({ value: value, label: label })
       }
     },
     setColumnVisible(showCol) {
       return this.tableColumn.map((ele) => {
         return {
           ...ele,
-          isShowColumn: showCol.includes(ele.label),
-        };
-      });
+          isShowColumn: showCol.includes(ele.label)
+        }
+      })
     },
     selTableCol(val) {
-      this.showcol = val;
-      this.tableList.tableColumn = this.setColumnVisible(val);
+      this.showcol = val
+      this.tableList.tableColumn = this.setColumnVisible(val)
     },
     // 璇锋眰鏁版嵁
     async getData() {
       // console.log()
-      this.loading = true;
-      await getReceiptList({
-        keyword: this.keyword,
-        keywordType: this.keywordType,
-        page: this.pagerOptions.currPage,
-        pageSize: this.pagerOptions.pageSize,
-        client_id:this.addConfig.client_id,
-        sourceId: this.addConfig.salesDetailsId,
-        sourceIdType: this.addConfig.serviceContractId,
-      })
+      this.loading = true
+      let params = {}
+      let sourceTyle = this.addConfig.keywordType === "閿�鍞槑缁嗗崟" ? 1 : 2
+      if (this.addConfig.id) {
+        params = {
+          sourceID: this.addConfig.id,
+          sourceType: sourceTyle,
+          page: this.pagerOptions.currPage,
+          pageSize: this.pagerOptions.pageSize,
+          client_id: this.addConfig.client_id
+        }
+      } else {
+        params = {
+          keyword: this.keyword,
+          keywordType: this.keywordType,
+          page: this.pagerOptions.currPage,
+          pageSize: this.pagerOptions.pageSize,
+          client_id: this.addConfig.client_id
+        }
+      }
+      await getReceiptList(params)
         .then((res) => {
-          if (res.data.code === 200) {
-            const resList = res?.data?.data?.data ?? [];
+          if (res.code === 200) {
+            const resList = res?.data?.data ?? []
             if (resList.length > 0) {
               const list = resList.map((item) => {
                 return {
                   ...item,
                   client_name: item.client.name,
                   paymentType_name: item.paymentType.name,
-                  principal_name: item.principal.username,
-                };
-              });
-              this.tableList.tableInfomation = list || [];
-              this.pagerOptions.totalCount = res.data.data.count;
+                  principal_name: item.principal.username
+                }
+              })
+              this.tableList.tableInfomation = list || []
+              this.pagerOptions.totalCount = res.data.count
             } else {
-              this.tableList.tableInfomation = [];
+              this.tableList.tableInfomation = []
             }
           } else {
-            this.tableList.tableInfomation = [];
+            this.tableList.tableInfomation = []
           }
-          this.loading = false;
+          this.loading = false
         })
         .catch((err) => {
-          console.log(err);
-          this.tableList.tableInfomation = [];
-          this.loading = false;
-        });
+          console.log(err)
+          this.tableList.tableInfomation = []
+          this.loading = false
+        })
     },
     // 鎼滅储
     onFilterSearch(searchText) {
-      this.keyword = searchText ?? "";
-      this.keywordType = "鏀舵鍗曠紪鍙�";
-      this.pagerOptions.currPage = 1;
-      this.getData();
+      this.keyword = searchText ?? ""
+      this.keywordType = "鏀舵鍗曠紪鍙�"
+      this.pagerOptions.currPage = 1
+      this.getData()
     },
     getSelectArray(val) {
-      console.log(val);
-      this.selValueList = [];
+      console.log(val)
+      this.selValueList = []
       const list = val.map((item) => {
-        return item.id;
-      });
-      this.selValueList = list;
+        return item.id
+      })
+      this.selValueList = list
     },
     // 鏂板缓
     addBtnClick() {
-      this.editConfig.visible = true;
-      this.editConfig.title = "鏂板缓";
-      this.editConfig.sourceType = this.sourceType;
-      this.editConfig.infomation = { ...this.addConfig, number: "" };
-    },
-  },
-};
+      this.editConfig.visible = true
+      this.editConfig.title = "鏂板缓"
+      this.editConfig.sourceType = this.sourceType
+      this.editConfig.infomation = { ...this.addConfig, number: "" }
+    }
+  }
+}
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->

--
Gitblit v1.8.0