From 896a4b82c084a949f355d43eae8a2f90d39824bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=8F?= <1978476055@qq.com>
Date: Mon, 8 Jul 2024 11:34:59 +0800
Subject: [PATCH] 1

---
 src/api/accounts.js                           |  12 +
 src/api/order.js                              |   6 +
 src/router/modules/accounts.js                |   9 +
 src/views/accounts/settlement/index.vue       | 266 ++++++++++++++++++
 src/views/order/list/orderDetails.vue         |  64 ++++-
 src/views/product/productExamine/editAttr.vue |   4 +-
 6 files changed, 358 insertions(+), 3 deletions(-)
 create mode 100644 src/views/accounts/settlement/index.vue

diff --git a/src/api/accounts.js b/src/api/accounts.js
index 770c1ca..1586c0c 100644
--- a/src/api/accounts.js
+++ b/src/api/accounts.js
@@ -89,6 +89,12 @@ export function capitalFlowLstApi(data) {
 export function capitalFlowExportApi(data) {
   return request.get(`financial_record/export`, data)
 }
+/**
+ * @description 商户列表导出 -- 导出
+ */
+export function billExport(data) {
+  return request.get(`financial/bill_export`, data)
+}
 /**
  * @description 转账记录 -- 导出
  */
@@ -258,6 +264,12 @@ export function updateSettingApi(data) {
 export function merchantBillList(data) {
   return request.get(`financial_record/mer_lst`, data)
 }
+/**
+ * @description 商户结算明细  -- 列表
+ */
+export function financialBillApi(data) {
+  return request.get(`financial/bill`, data)
+}
 /**
  * @description 单个商户账单 -- 列表
  */
diff --git a/src/api/order.js b/src/api/order.js
index 3b3bed3..96c7a38 100644
--- a/src/api/order.js
+++ b/src/api/order.js
@@ -26,6 +26,12 @@ export function refundorderDetailApi(id) {
 export function refundorderLogApi(id) {
   return request.get(`order/refund/log/${id}`)
 }
+/**
+ * @description 商户结算 -- 列表
+ */
+export function orderBillApi(id) {
+  return request.get(`order/bill/${id}`)
+}
 /**
  * @description 退款订单 -- 审核from
  */
diff --git a/src/router/modules/accounts.js b/src/router/modules/accounts.js
index d0dd08a..7c562f6 100644
--- a/src/router/modules/accounts.js
+++ b/src/router/modules/accounts.js
@@ -57,6 +57,15 @@ const accountsRouter =
       },
       component: () => import('@/views/accounts/statement/index')
     },
+    {
+      path: 'settlement',
+      name: 'AccountsSettlement',
+      meta: {
+        title: '商户结算明细',
+        noCache: true
+      },
+      component: () => import('@/views/accounts/settlement/index')
+    },
     {
       path: 'merchantBill',
       name: 'AccountsMerchantBill',
diff --git a/src/views/accounts/settlement/index.vue b/src/views/accounts/settlement/index.vue
new file mode 100644
index 0000000..358b6f6
--- /dev/null
+++ b/src/views/accounts/settlement/index.vue
@@ -0,0 +1,266 @@
+<template>
+    <div class="divBox">
+      <div class="selCard">
+        <el-form :model="tableForm" ref="searchForm" inline size="small" label-width="85px">
+            <el-form-item label="商户名称：" prop="mer_id">
+                <el-select
+                    v-model="tableForm.mer_id"
+                    clearable
+                    filterable
+                    placeholder="请选择"
+                    class="selWidth"
+                    @change="getList(1)"
+                >
+                    <el-option
+                    v-for="item in merSelect"
+                    :key="item.mer_id"
+                    :label="item.mer_name"
+                    :value="item.mer_id"
+                    />
+                </el-select>
+            </el-form-item>
+            <el-form-item label="时间选择：">
+                <el-date-picker v-model="timeVal" value-format="yyyy/MM/dd HH:mm:ss" format="yyyy/MM/dd HH:mm:ss" size="small" type="datetimerange" placement="bottom-end" placeholder="自定义时间" style="width: 280px;" :picker-options="pickerOptions" @change="onchangeTime" />
+            </el-form-item>
+            <el-form-item label="订单号：" prop="order_sn">
+                <el-input v-model="tableForm.order_sn" placeholder="请输入订单号" clearable class="selWidth" />
+            </el-form-item>
+            <el-form-item label="结算状态：" prop="status">
+                <el-select v-model="tableForm.status" clearable placeholder="请选择" class="selWidth">
+                    <el-option label="未处理" value="0" />
+                    <el-option label="已处理" value="1" />
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+          <el-button type="primary" size="small" @click="getList(1)"
+            >搜索</el-button
+          >
+          <el-button size="small" @click="searchReset()">重置</el-button>
+        </el-form-item>
+        </el-form>
+      </div>
+      <el-card class="mt14">
+        <el-tabs
+          v-if="headeNum.length > 0"
+          v-model="tableForm.category"
+          @tab-click="getList(1)"
+        >
+          <el-tab-pane
+            v-for="(item, index) in headeNum"
+            :key="index"
+            :name="item.type.toString()"
+            :label="item.title"
+          />
+        </el-tabs>
+        <el-button size="small" type="primary" class="mb20" @click="exports">导出列表</el-button>
+        <el-table
+          v-loading="listLoading"
+          :data="tableData.data"
+          size="small"
+          class="table"
+          highlight-current-row
+        >
+          <el-table-column label="序号" min-width="90" prop="bill_id"></el-table-column>
+          <el-table-column
+            prop="title"
+            label="标题"
+            min-width="150"
+          />
+          <el-table-column
+            prop="order_sn"
+            label="订单号"
+            min-width="150"
+          />
+          <el-table-column
+            prop="status"
+            label="订单状态"
+            min-width="150"
+          >
+            <template slot-scope="scope">
+              <el-tag v-if="scope.row.status === 0" type="success">未处理</el-tag>
+              <el-tag v-if="scope.row.status === 1" type="danger">已处理</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="pay_price"
+            label="订单支付金额"
+            min-width="150"
+          />
+          <el-table-column
+            prop="number"
+            label="结算金额"
+            min-width="150"
+          />
+          <el-table-column
+            prop="create_time"
+            label="结算时间"
+            min-width="150"
+          />
+          <el-table-column
+            prop="mark"
+            label="详情"
+            min-width="150"
+          />
+        </el-table>
+        <div class="block mb20">
+          <el-pagination
+            background
+            :page-size="tableForm.limit"
+            :current-page="tableForm.page"
+            layout="total, prev, pager, next, jumper"
+            :total="tableData.total"
+            @size-change="handleSizeChange"
+            @current-change="pageChange"
+          />
+        </div>
+      </el-card>
+  
+    </div>
+  </template>
+  
+  <script>
+  import createWorkBook from '@/utils/newToExcel.js';
+  import { financialBillApi,billExport } from '@/api/accounts'
+  import { merSelectApi } from "@/api/product";
+  import { roterPre } from '@/settings'
+  import timeOptions from '@/utils/timeOptions';
+  export default {
+    name: 'AccountsSettlement',
+    data() {
+      return {
+        loading: false,
+        roterPre: roterPre,
+        pickerOptions: timeOptions,
+        timeVal: [],
+        listLoading: true,
+        tableData: {
+          data: [],
+          total: 0
+        },
+        tableForm: {
+          page: 1,
+          limit: 10,
+          mer_id: '',
+          date: '',
+          order_sn:'',
+          status:'',
+          category:'mer_lock_money'
+        },
+        merSelect: [],
+        ruleForm: {
+          status: '0'
+        },
+        dialogVisible: false,
+        rules: {
+          status: [
+            { required: true, message: '请选择对账状态', trigger: 'change' }
+          ]
+        },
+        headeNum: [
+        {
+          type: "mer_lock_money",
+          title: "冻结中",
+        },
+        {
+          type: "mer_refund_money",
+          title: "冻结退款",
+        },
+        {
+          type: "mer_computed_money",
+          title: "已完成待解冻",
+        },
+      ],
+        reconciliationId: 0,
+        accountDetails: {
+          date: '',
+          charge: {},
+          expend: {},
+          income: {}
+        }
+      }
+    },
+    computed: {},
+    mounted() { 
+      this.getMerSelect()
+      this.getList('')
+    },
+    methods: {
+    /**重置 */
+    searchReset() {
+      this.timeVal = [];
+      this.tableForm.date = "";
+      this.$refs.searchForm.resetFields();
+      this.getList(1);
+    },
+    async exports() {
+      let excelData = JSON.parse(JSON.stringify(this.tableForm)), data = []
+      excelData.page = 1
+      excelData.limit = 200
+      let pageCount = 1
+      let lebData = {};
+      for (let i = 0; i < pageCount; i++) {
+        lebData = await this.downData(excelData)
+        pageCount = Math.ceil(lebData.count/excelData.limit)
+        if (lebData.export.length) {
+          data = data.concat(lebData.export)
+          excelData.page++
+        }  
+      }
+      createWorkBook(lebData.header, lebData.title, data, lebData.foot,lebData.filename);
+      return
+    },
+    /**订单列表 */
+    downData(excelData) {
+      return new Promise((resolve, reject) => {
+        billExport(excelData).then((res) => {
+          return resolve(res.data)
+        })
+      })
+    },
+    // 具体日期
+    onchangeTime(e) {
+        this.timeVal = e
+        this.tableForm.date = e ? this.timeVal.join('-') : ''
+        this.tableForm.page = 1;
+        this.getList(1)
+     },
+      // 商户列表；
+      getMerSelect() {
+        merSelectApi()
+          .then((res) => {
+            this.merSelect = res.data;
+          })
+          .catch((res) => {
+            this.$message.error(res.message);
+          });
+      },
+      // 列表
+      getList(num) {
+        this.listLoading = true
+        this.tableForm.page = num ? num : this.tableForm.page;
+        financialBillApi(this.tableForm).then(res => {
+          this.tableData.data = res.data.list
+          this.tableData.total = res.data.count
+          this.listLoading = false
+        }).catch(res => {
+          this.listLoading = false
+          this.$message.error(res.message)
+        })
+      },
+      pageChange(page) {
+        this.tableForm.page = page
+        this.getList('')
+      },
+      handleSizeChange(val) {
+        this.tableForm.limit = val
+        this.chkName = ''
+        this.getList('')
+      }
+    }
+  }
+  </script>
+  
+  <style lang="scss" scoped>
+  
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/order/list/orderDetails.vue b/src/views/order/list/orderDetails.vue
index 333a687..8a62fbe 100644
--- a/src/views/order/list/orderDetails.vue
+++ b/src/views/order/list/orderDetails.vue
@@ -350,6 +350,49 @@
               <el-pagination :page-size="tableFromLog.limit" :current-page="tableFromLog.page" layout="prev, pager, next, jumper" :total="tableDataLog.total" @size-change="handleSizeChangeLog" @current-change="pageChangeLog" />
             </div>
           </el-tab-pane>
+          <el-tab-pane name="settlement" label="商户结算">
+            <template v-if="activeName == 'settlement'">
+              <el-table
+                v-loading="listLoading"
+                :data="tableData.data"
+                size="small"
+                class="table"
+                highlight-current-row
+              >
+                <el-table-column label="序号" min-width="90" prop="bill_id"></el-table-column>
+                <el-table-column
+                  prop="title"
+                  label="标题"
+                  min-width="150"
+                />
+                <el-table-column
+                  prop="status"
+                  label="订单状态"
+                  min-width="150"
+                >
+                  <template slot-scope="scope">
+                    <el-tag v-if="scope.row.status === 0" type="success">未处理</el-tag>
+                    <el-tag v-if="scope.row.status === 1" type="danger">已处理</el-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="number"
+                  label="结算金额"
+                  min-width="150"
+                />
+                <el-table-column
+                  prop="create_time"
+                  label="结算时间"
+                  min-width="150"
+                />
+                <el-table-column
+                  prop="mark"
+                  label="详情"
+                  min-width="150"
+                />
+              </el-table>
+            </template>
+          </el-tab-pane>
           <el-tab-pane v-if="childOrder.length>0" label="关联订单" name="subOrder">
             <template v-if="activeName == 'subOrder'">
               <el-table :data="childOrder" size="small">
@@ -459,7 +502,8 @@ import {
   orderDeliveryApi,
   orderDetailApi,
   orderLogApi,
-  getChildrenOrderApi
+  getChildrenOrderApi,
+  orderBillApi
 } from '@/api/order';
 export default {
   props: {
@@ -471,6 +515,7 @@ export default {
   data() {
     return {
       loading: true,
+      listLoading:true,
       orderId: '',
       direction: 'rtl',
       activeName: 'detail',
@@ -492,6 +537,10 @@ export default {
         data: [],
         total: 0
       },
+      tableData: {
+          data: [],
+          total: 0
+        },
       tableFromLog: {
         user_type: '',
         date: [],
@@ -519,6 +568,16 @@ export default {
       this.tableFromLog.date = e ? this.timeVal.join('-') : ''
       this.onOrderLog(this.orderId)
     },
+    orderBillApi(id){
+      orderBillApi(id).then((res)=>{
+        this.tableData.data = res.data.list
+        this.tableData.total = res.data.count
+        this.listLoading = false
+      }).catch((res)=>{
+        this.$message.error(res.message)
+        this.listLoading = false
+      })
+    },
     handleClose() {
       this.activeName = 'detail';
       this.$emit('closeDrawer');
@@ -588,6 +647,9 @@ export default {
       if (tab.name === 'orderList') {
        this.onOrderLog(this.orderId)
       }
+      if (tab.name === 'settlement') {
+       this.orderBillApi(this.orderId)
+      }
     },
     onOrderLog(id){
       orderLogApi(id, this.tableFromLog).then((res) => {
diff --git a/src/views/product/productExamine/editAttr.vue b/src/views/product/productExamine/editAttr.vue
index 258a53c..e89308b 100644
--- a/src/views/product/productExamine/editAttr.vue
+++ b/src/views/product/productExamine/editAttr.vue
@@ -197,7 +197,7 @@
                 </template>
               </el-table>
             </el-form-item> 
-            <el-table
+            <!-- <el-table
               :data="attrList"
               style="width: 100%">
               <el-table-column
@@ -213,7 +213,7 @@
                   <el-input @input="handleModet(item)" v-for="item in scope.row.detail" v-model="item.value"></el-input>
                 </template>
               </el-table-column>
-            </el-table>
+            </el-table> -->
             <el-form-item>
               <el-button :loading="loading1" type="primary" class="submission" @click="handleSubmit('formValidate')">提交</el-button>
             </el-form-item>