From 0c7546797628a78a33181d20c45c0c96465da81b Mon Sep 17 00:00:00 2001
From: 15820893422 <1978476055@qq.com>
Date: Mon, 22 Apr 2024 09:54:29 +0800
Subject: [PATCH] 1

---
 src/api/setting.js                            |   7 +
 .../systemForm/setSystem/modifyStoreInfo.vue  | 120 +++++++++++++++---
 2 files changed, 112 insertions(+), 15 deletions(-)

diff --git a/src/api/setting.js b/src/api/setting.js
index c76461d..fcb5386 100644
--- a/src/api/setting.js
+++ b/src/api/setting.js
@@ -154,6 +154,13 @@ export function marginMakeCode() {
 export function marginRecordLst(data) {
   return request.get('margin/lst', data)
 }
+/**
+ * @description 转账记录
+ * @param {Object} param params {Object} 传值参数
+*/
+export function offlineRecordLst(data) {
+  return request.get('offline/lst', data)
+}
 /**
  * @description 申请退回保证金(只返回信息)
  * @param {Object} param params {Object} 传值参数
diff --git a/src/views/systemForm/setSystem/modifyStoreInfo.vue b/src/views/systemForm/setSystem/modifyStoreInfo.vue
index 7eec935..3c1ca04 100644
--- a/src/views/systemForm/setSystem/modifyStoreInfo.vue
+++ b/src/views/systemForm/setSystem/modifyStoreInfo.vue
@@ -81,7 +81,7 @@
                   </div>
                 </div>
               </div>
-              <el-button type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(10)">提交转账信息</el-button>
+              <el-button v-if="!merData.offline.includes(10)" type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(10)">提交转账信息</el-button>
             </div>
             <!--产品服务费-->
             <div v-if="merData.is_service == 1">
@@ -102,7 +102,7 @@
                   </div>
                 </div>
               </div>
-              <el-button type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(30)">提交转账信息</el-button>
+              <el-button v-if="!merData.offline.includes(30)" type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(30)">提交转账信息</el-button>
             </div>
             <!--商品上架费-->
             <div v-if="merData.is_goods == 1">
@@ -122,7 +122,7 @@
                   </div>
                 </div>
               </div>
-              <el-button type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(40)">提交转账信息</el-button>
+              <el-button v-if="!merData.offline.includes(40)" type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(40)">提交转账信息</el-button>
             </div>
             <!--已支付-->
             <div v-if="merData.is_margin == 10 " class="margin_main">
@@ -157,7 +157,7 @@
                   </div>
                 </div>
                 </div>
-                <el-button type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(10)">提交转账信息</el-button>
+                <!-- <el-button v-if="merData.offline.includes('10')" type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(10)">提交转账信息</el-button> -->
               </div>
             </div>
             <!-- 技术服务费 -->
@@ -171,7 +171,7 @@
                   <div>
                     <img src="@/assets/images/margin03.png">
                     <div class="alic">
-                      <span class="text_g">剩余保证金￥{{ merData.service_cost }}元</span>
+                      <span class="text_g">剩余技术服务费￥{{ merData.service_cost }}元</span>
                     </div>
                   </div>
                 </div>
@@ -192,7 +192,7 @@
                   </div>
                 </div>
                 </div>
-                <el-button type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(30)">提交转账信息</el-button>
+                <!-- <el-button v-if="handleShow" type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(30)">提交转账信息</el-button> -->
               </div>
             </div>
             <!-- 上架费 -->
@@ -206,7 +206,7 @@
                   <div>
                     <img src="@/assets/images/margin03.png">
                     <div class="alic">
-                      <span class="text_g">剩余保证金￥{{ merData.goods_cost }}元</span>
+                      <span class="text_g">剩余上架费￥{{ merData.goods_cost }}元</span>
                     </div>
                   </div>
                 </div>
@@ -227,7 +227,7 @@
                   </div>
                 </div>
                 </div>
-                <el-button type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(40)">提交转账信息</el-button>
+                <!-- <el-button v-if="merData.offline.includes('40')" type="success" size="small" class="mr10 pay_btn" @click="handleTransfer(40)">提交转账信息</el-button> -->
               </div>
             </div>
             <div v-if="merData.is_margin == -10 || merData.is_margin == -1" class="margin_main">
@@ -260,6 +260,10 @@
             </div>
           </div>
         </div>
+        <div class="basic-information">
+          <span class="basic-label"> 申请记录：</span>
+          <span class="mr10 spanBtn" @click="viewOffRecords">查看记录</span>
+        </div>
       </div>
       <!--申请退回保障金银行信息弹窗-->
       <el-dialog
@@ -551,13 +555,60 @@
           @current-change="pageChange"
         />
       </div>
+    </el-dialog>
+        <!--查看记录-->
+    <el-dialog
+      v-if="offRecord"
+      :visible.sync="offRecord"
+      title="操作记录"
+      width="800px"
+      close-on-click-modal
+      class="mapBox"
+      custom-class="dialog-scustom"
+    >
+      <el-table :data="tableOffData.data" :loading="loading" size="small">
+        <el-table-column label="序号" min-width="50">
+          <template scope="scope">
+            <span>{{ scope.$index+(tableFrom.page - 1) * tableFrom.limit + 1 }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="缴费截图" min-width="90" prop="image">
+          <template scope="scope">
+            <el-image 
+              style="width: 30px; height: 30px"
+              :src="scope.row.image" 
+              :preview-src-list="[scope.row.image]">
+            </el-image>
+          </template>
+        </el-table-column>
+        <el-table-column prop="pay_price" label="支付金额" min-width="60"></el-table-column>
+        <el-table-column prop="type" label="缴费类型" min-width="60">
+          <template scope="scope">
+            <span>{{scope.row.type == 10?'保证金':scope.row.type == 30?'上架费':'技术服务费'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" min-width="100" prop="mark" />
+        <el-table-column label="拒绝原因" min-width="100" prop="refuse" />
+        <el-table-column prop="create_time" label="缴费时间" min-width="120" />
+        <!-- <el-table-column prop="create_time" label="操作时间" min-width="120" /> -->
+      </el-table>
+      <div class="acea-row row-right page">
+        <el-pagination
+          :page-size="tableOffFrom.limit"
+          :current-page="tableOffFrom.page"
+          layout="prev, pager, next, jumper"
+          :total="tableOffData.total"
+          @size-change="handleOffSizeChange"
+          @current-change="pageOffChange"
+        />
+      </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
 
-import { serviceCodeApi,goodsCodeApi,storeGetInfoApi, marginCode, marginMakeCode, marginRecordLst, marginRefund, marginRefundApply,offlinePayApi } from '@/api/setting'
+import { serviceCodeApi,goodsCodeApi,storeGetInfoApi, marginCode, marginMakeCode, marginRecordLst,offlineRecordLst, marginRefund, marginRefundApply,offlinePayApi } from '@/api/setting'
 import { getBaseInfo, merchantUpdate } from '@/api/user.js'
 import Maps from '@/components/map/map.vue'
 
@@ -642,6 +693,7 @@ export default {
       modalMap: false,
       modalBank: false,
       modalRecord: false,
+      offRecord: false,
       loading: false,
       roterPre: roterPre,
       qrCode: '',
@@ -660,6 +712,14 @@ export default {
         total: 0,
         data: []
       },
+      tableOffFrom: {
+        page: 1,
+        limit: 20
+      },
+      tableOffData: {
+        total: 0,
+        data: []
+      },
       value1: '',
       value2: '',
       marginPrice: 0,
@@ -782,6 +842,9 @@ export default {
     this.getInfo()
   },
   methods: {
+    handleShow(){
+      console.log(this.merData.offline.includes('30'));
+    },
     handleTransfer(id){
       this.$modalForm(offlinePayApi(id)).then(() => this.getInfo())
     },
@@ -969,12 +1032,6 @@ export default {
         //   })
       }
     },
-    // 查看保证金记录
-    viewRecords() {
-      this.tableFrom.page = 1
-      this.modalRecord = true
-      this.getRecordList()
-    },
     // 保证金记录列表
     getRecordList() {
       const that = this
@@ -988,6 +1045,31 @@ export default {
         that.$message.error(res.message)
       })
     },
+    // 查看保证金记录
+    viewRecords() {
+      this.tableFrom.page = 1
+      this.modalRecord = true
+      this.getRecordList()
+    },
+    // 查看记录
+    viewOffRecords() {
+      this.tableOffFrom.page = 1
+      this.offRecord = true
+      this.getOffRecordList()
+    },
+    // 记录列表
+    getOffRecordList() {
+      const that = this
+      that.loading = true
+      offlineRecordLst(that.tableOffFrom).then(async(res) => {
+        that.tableOffData.data = res.data.list
+        that.tableOffData.total = res.data.count
+        that.loading = false
+      }).catch((res) => {
+        that.loading = false
+        that.$message.error(res.message)
+      })
+    },
     pageChange(page) {
       this.tableFrom.page = page
       this.getRecordList()
@@ -996,6 +1078,14 @@ export default {
       this.tableFrom.limit = val
       this.getRecordList()
     },
+    pageOffChange(page) {
+      this.tableFrom.page = page
+      this.getRecordList()
+    },
+    handleOffSizeChange(val) {
+      this.tableFrom.limit = val
+      this.getRecordList()
+    },
     // 申请退回保证金
     applyReturn() {
       const that = this