From 00172f75e7e664a91cb4c1dbae9fa8f93e8b161f Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Thu, 19 Dec 2024 13:46:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=94=AF=E4=BB=98=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E6=8C=82=E8=B4=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                   |   4 +-
 src/api/pay.js                     |  26 ++++++
 src/components/payCard/payCard.vue | 142 ++++++++++++++++++++++++++++-
 3 files changed, 165 insertions(+), 7 deletions(-)

diff --git a/.env.development b/.env.development
index e2c3392..55ea4fd 100644
--- a/.env.development
+++ b/.env.development
@@ -29,7 +29,7 @@ VITE_API_KP_URL = 'https://invoice.sxczgkj.cn/api'
 # VITE_API_URL = 'http://192.168.1.34:10589/cashier-client'
 
 # 测试
-# VITE_API_URL = 'https://cashier-client.sxczgkj.cn/cashier-client'
+VITE_API_URL = 'https://cashier-client.sxczgkj.cn/cashier-client'
 
 # 预发布
 # VITE_API_URL = 'https://pre-cashierclient.sxczgkj.cn/cashier-client'
@@ -38,4 +38,4 @@ VITE_API_KP_URL = 'https://invoice.sxczgkj.cn/api'
 # VITE_API_URL = 'https://36z1017t45.goho.co/cashier-client'
 
 # 正式
-VITE_API_URL = 'https://cashierclient.sxczgkj.cn/cashier-client'
\ No newline at end of file
+# VITE_API_URL = 'https://cashierclient.sxczgkj.cn/cashier-client'
\ No newline at end of file
diff --git a/src/api/pay.js b/src/api/pay.js
index c66e5be..ce60871 100644
--- a/src/api/pay.js
+++ b/src/api/pay.js
@@ -142,3 +142,29 @@ export function vipPay(data) {
     data,
   });
 }
+
+/**
+ * 挂账人-分页
+ * @param {*} params
+ * @returns
+ */
+export function buyerPage(params) {
+  return request({
+    method: "get",
+    url: "/credit/buyer/page",
+    params,
+  });
+}
+
+/**
+ * 挂账支付
+ * @param {*} data
+ * @returns
+ */
+export function payCreditPay(data) {
+  return request({
+    method: "post",
+    url: "/pay/creditPay",
+    data,
+  });
+}
diff --git a/src/components/payCard/payCard.vue b/src/components/payCard/payCard.vue
index 25d1e54..d26b1ad 100644
--- a/src/components/payCard/payCard.vue
+++ b/src/components/payCard/payCard.vue
@@ -25,6 +25,16 @@
                     </div>
                     <span class="title">{{ item.payName }}</span>
                 </div>
+                <div class="item" :class="{ active: payActive == 'buyer' }"
+                    @click="payTypeChange('buyer', { payType: 'buyer' })">
+                    <div class="icon">
+                        <div class="img"
+                            style="display: flex;align-items: center;justify-content: center;background-color: var(--el-color-danger);color: #fff;font-size: 24px;border-radius: 11px;">
+                            挂
+                        </div>
+                    </div>
+                    <span class="title">挂账</span>
+                </div>
             </div>
             <div class="input_wrap">
                 <div class="input" style="flex: 1;">储值:￥{{ money }}</div>
@@ -83,11 +93,56 @@
         <el-pagination layout="prev, pager, next, total" background style="margin-top: 20px;"
             :total="Number(tableData.total)" v-model:current-page="tableData.page" @current-change="getMemberList" />
     </el-dialog>
+    <!-- 选择挂账人员 -->
+    <el-dialog title="挂账" top="3vh" v-model="showBuyer" width="90%" @closed="resetBuyerTable">
+        <el-form inline>
+            <el-form-item>
+                <el-input placeholder="请输入挂账人或手机号搜索" v-model="buyerTable.keywords" />
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="getBuyerList">搜索</el-button>
+                <el-button @click="resetBuyerTable">重置</el-button>
+            </el-form-item>
+        </el-form>
+        <el-table :data="buyerTable.list" height="440px" border stripe v-loading="buyerTable.loading">
+            <el-table-column prop="debtor" label="挂账人" />
+            <el-table-column prop="mobile" label="手机" width="150px" />
+            <el-table-column prop="position" label="职位" width="120px" />
+            <el-table-column prop="repaymentMethod" label="还款方式" width="160px">
+                <template v-slot="scope">
+                    <template v-if="scope.row.repaymentMethod == 'total'">按总金额还款</template>
+                    <template v-if="scope.row.repaymentMethod == 'order'">按订单还款</template>
+                </template>
+            </el-table-column>
+            <el-table-column prop="creditAmount" label="挂账额度" width="160px">
+                <template v-slot="scope">
+                    ￥{{ formatDecimal(scope.row.creditAmount) }}
+                </template>
+            </el-table-column>
+            <el-table-column prop="remainingAmount" label="剩余挂账额度" width="160px">
+                <template v-slot="scope">
+                    ￥{{ formatDecimal(scope.row.remainingAmount) }}
+                </template>
+            </el-table-column>
+            <el-table-column prop="accumulateAmount" label="累计挂账金额" width="160px">
+                <template v-slot="scope">
+                    ￥{{ formatDecimal(scope.row.accumulateAmount) }}
+                </template>
+            </el-table-column>
+            <el-table-column label="操作" width="120px" fixed="right">
+                <template v-slot="scope">
+                    <el-button type="primary" @click="payCreditPayHandle(scope.row)">选择</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination layout="prev, pager, next, total" background style="margin-top: 20px;"
+            :total="Number(buyerTable.total)" v-model:current-page="buyerTable.page" @current-change="getBuyerList" />
+    </el-dialog>
 </template>
 
 <script setup>
 import { onMounted, ref, computed, watch, reactive } from 'vue'
-import { queryPayType, accountPay, cashPay, vipPay } from '@/api/pay'
+import { queryPayType, accountPay, cashPay, vipPay, buyerPage, payCreditPay } from '@/api/pay'
 import { queryMembermember, createMembermember, membermemberScanPay, accountPaymember } from '@/api/member/index.js'
 import { useUser } from "@/store/user.js"
 import { clearNoNum, formatDecimal } from '@/utils'
@@ -96,6 +151,7 @@ import scanModal from '@/components/payCard/scanModal.vue'
 import { ElMessage } from "element-plus";
 import { useGlobal } from '@/store/global.js'
 import { staffPermission } from '@/api/user.js'
+import { fa } from 'element-plus/es/locale/index.mjs'
 
 const global = useGlobal()
 
@@ -143,6 +199,76 @@ const payType = ref('')
 const payList = ref([])
 const payLoading = ref(false)
 
+// 挂账人 start
+const showBuyer = ref(false)
+const buyerTable = reactive({
+    keywords: '',
+    loading: false,
+    page: 1,
+    size: 10,
+    total: 0,
+    list: []
+})
+
+// 显示挂账人
+function showBuyerHandle() {
+    showBuyer.value = true
+    getBuyerList()
+}
+
+// 
+function resetBuyerTable() {
+    buyerTable.keywords = ''
+    buyerTable.page = 1
+    getBuyerList()
+}
+
+// 获取挂账人列表
+async function getBuyerList() {
+    try {
+        buyerTable.loading = true
+        const res = await buyerPage({
+            page: buyerTable.page,
+            size: buyerTable.size,
+            shopId: store.userInfo.shopId,
+            keywords: buyerTable.keywords,
+            status: 1,
+            responsiblePerson: '',
+            repaymentStatus: ''
+        })
+        buyerTable.loading = false
+        buyerTable.list = res.list
+        buyerTable.total = res.total
+    } catch (error) {
+        buyerTable.loading = false
+        console.log(error);
+    }
+}
+
+// 选择挂账人支付
+async function payCreditPayHandle(row) {
+    try {
+        payLoading.value = true
+        buyerTable.loading = true
+        const res = await payCreditPay({
+            creditBuyerId: row.id,
+            orderId: props.orderId,
+            payAmount: props.discount > 0 ? money.value : '',
+            discountAmount: props.discount > 0 ? formatDecimal(props.amount - money.value) : ''
+        })
+        showBuyer.value = false
+        payLoading.value = false
+        buyerTable.loading = false
+        ElMessage.success('支付成功')
+        emit('paySuccess')
+    } catch (error) {
+        buyerTable.loading = false
+        payLoading.value = false
+        console.log(error);
+    }
+}
+// 显示选择挂账人 end
+
 // 获得扫码值
 function scanCodeSuccess() {
     emit('paySuccess')
@@ -162,8 +288,13 @@ async function payTypeChange(index, item) {
             showDialog.value = true
             getMemberList()
         }
-        if (payList.value[payActive.value].payType == 'deposit' && !global.orderMemberInfo.id) {
-            scanModalRef.value.show()
+        if (item.payType == 'buyer') {
+            showBuyerHandle()
+        }
+        if (payActive.value != 'buyer') {
+            if (payList.value[payActive.value].payType == 'deposit' && !global.orderMemberInfo.id) {
+                scanModalRef.value.show()
+            }
         }
     } catch (error) {
         console.log(error);
@@ -174,9 +305,10 @@ async function payTypeChange(index, item) {
 async function confirmOrder() {
     try {
         await staffPermission('yun_xu_shou_kuan')
-
         if (payLoading.value) return
-        if (payList.value[payActive.value].payType == 'scanCode') {
+        if (payActive.value == 'buyer') {
+            showBuyerHandle()
+        } else if (payList.value[payActive.value].payType == 'scanCode') {
             scanModalRef.value.show()
         } else {
             // if (money.value < props.amount) return