From 01b40b94278efaefd81b5f410aaa5818578d4f01 Mon Sep 17 00:00:00 2001
From: wuhui_zzw <1760308791@qq.com>
Date: Mon, 27 May 2024 14:53:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=EF=BC=9A=E8=A1=A5=E8=B4=A7?=
 =?UTF-8?q?=E9=A2=9D=E5=BA=A6=E7=AE=A1=E7=90=86=E7=9B=B8=E5=85=B3=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/merchant.js                           |  15 +
 src/router/modules/merchant.js                |  71 ++++-
 .../merchant/list/handle/merEditForm.vue      |   3 +-
 src/views/merchant/quota/index.vue            | 257 ++++++++++++++++++
 4 files changed, 340 insertions(+), 6 deletions(-)
 create mode 100644 src/views/merchant/quota/index.vue

diff --git a/src/api/merchant.js b/src/api/merchant.js
index 7aa718a..7761639 100644
--- a/src/api/merchant.js
+++ b/src/api/merchant.js
@@ -379,3 +379,18 @@ export function marginPaymentApi(id) {
  export function marginDeductionForm(id) {
   return request.get(`margin/set/${id}/form`)
 }
+// 商户补货额度 - 变更
+export function merQuotaChange(data) {
+  return request.post('system/merchant/quota/change', data)
+}
+// 商户补货额度 - 变更记录
+export function merQuotaChangeRecord(data) {
+  return request.post('system/merchant/quota/change_record', data)
+}
+
+
+
+
+
+
+
diff --git a/src/router/modules/merchant.js b/src/router/modules/merchant.js
index 65f8ccc..0033d29 100644
--- a/src/router/modules/merchant.js
+++ b/src/router/modules/merchant.js
@@ -45,7 +45,7 @@ const merchantRouter =
       },
       {
         path: 'smoke',
-        name: 'SmokeShopList',
+        name: 'MerchantSmokeList',
         meta: {
           title: '烟酒店',
           noCache: true,
@@ -55,7 +55,7 @@ const merchantRouter =
       },
       {
         path: 'supermarket',
-        name: 'supermarketShopList',
+        name: 'MerchantSupermarketList',
         meta: {
           title: '超市',
           noCache: true,
@@ -65,7 +65,7 @@ const merchantRouter =
       },
       {
         path: 'province',
-        name: 'provinceShopList',
+        name: 'MerchantProvinceList',
         meta: {
           title: '省公司门店',
           noCache: true,
@@ -75,7 +75,7 @@ const merchantRouter =
       },
       {
         path: 'hall',
-        name: 'hallShopList',
+        name: 'MerchantHallList',
         meta: {
           title: '城市会客厅',
           noCache: true,
@@ -85,7 +85,7 @@ const merchantRouter =
       },
       {
         path: 'health',
-        name: 'healthList',
+        name: 'MerchantHealthList',
         meta: {
           title: '健康体检馆',
           noCache: true,
@@ -154,6 +154,67 @@ const merchantRouter =
         },
         component: () => import('@/views/merchant/application/index')
       },
+      // 商户补货额度管理
+      {
+        path: 'shop_quota',
+        name: 'MerchantQuotaList',
+        meta: {
+          title: '酒道馆补货额度管理',
+          noCache: true,
+          merchant_type: 1,
+        },
+        component: () => import('@/views/merchant/quota/index')
+      },
+      {
+        path: 'smoke_quota',
+        name: 'SmokeQuotaList',
+        meta: {
+          title: '烟酒店补货额度管理',
+          noCache: true,
+          merchant_type: 3,
+        },
+        component: () => import('@/views/merchant/quota/index')
+      },
+      {
+        path: 'supermarket_quota',
+        name: 'supermarketQuotaList',
+        meta: {
+          title: '超市补货额度管理',
+          noCache: true,
+          merchant_type: 4,
+        },
+        component: () => import('@/views/merchant/quota/index')
+      },
+      {
+        path: 'province_quota',
+        name: 'provinceQuotaList',
+        meta: {
+          title: '省公司门店补货额度管理',
+          noCache: true,
+          merchant_type: 5,
+        },
+        component: () => import('@/views/merchant/quota/index')
+      },
+      {
+        path: 'hall_quota',
+        name: 'hallQuotaList',
+        meta: {
+          title: '城市会客厅补货额度管理',
+          noCache: true,
+          merchant_type: 6,
+        },
+        component: () => import('@/views/merchant/quota/index')
+      },
+      {
+        path: 'health_quota',
+        name: 'healthQuotaList',
+        meta: {
+          title: '健康体检馆补货额度管理',
+          noCache: true,
+          merchant_type: 7,
+        },
+        component: () => import('@/views/merchant/quota/index')
+      },
       // 其他
       {
         path: 'system',
diff --git a/src/views/merchant/list/handle/merEditForm.vue b/src/views/merchant/list/handle/merEditForm.vue
index e5dd011..acbe1ea 100644
--- a/src/views/merchant/list/handle/merEditForm.vue
+++ b/src/views/merchant/list/handle/merEditForm.vue
@@ -161,7 +161,7 @@
                 </el-form-item>
               </el-col>
               <el-col :span="24">
-                <el-form-item :label="mar_type_name + '手续费单独设置：'" label-width="150px" prop="commission_rate">
+                <el-form-item :label="mar_type_name + '手续费单独设置：'" label-width="200px" prop="commission_rate">
                   <el-switch
                     v-model="merData.commission_switch"
                     :active-value="1"
@@ -749,6 +749,7 @@ export default {
 .info-red{
   color: red;
   font-size: 12px;
+  display: block;
 }
 /deep/.el-input-number.is-controls-right .el-input__inner{
  padding: 0 40px 0 10px;
diff --git a/src/views/merchant/quota/index.vue b/src/views/merchant/quota/index.vue
new file mode 100644
index 0000000..45ec8aa
--- /dev/null
+++ b/src/views/merchant/quota/index.vue
@@ -0,0 +1,257 @@
+<template>
+  <div class="divBox" :loading="loading">
+    <!--主要内容-->
+    <el-card class="box-card">
+      <!--顶部搜索-->
+      <div slot="header" class="clearfix">
+        <div class="container">
+          <el-form size="small" label-width="100px" :inline="true">
+            <el-form-item label="关键字：" label-width="120px" style="display: inline-block;">
+              <el-input v-model="tableFrom.keyword" @keyup.enter.native="getList(1)" placeholder="请输入店铺关键字/店铺名/联系电话" class="selWidth">
+                <el-button slot="append" icon="el-icon-search" class="el-button-solt" @click="getList(1)" />
+              </el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <!--列表-->
+      <el-table v-loading="listLoading" :data="tableData.data" style="width: 100%" size="small" highlight-current-row class="switchTable">
+        <el-table-column prop="mer_id" label="ID" min-width="60" align="center"/>
+        <el-table-column prop="mer_name" :label="merchantTitle + '名称'" min-width="150" align="center"/>
+        <el-table-column prop="quota_total" label="总额度" min-width="150" align="center"/>
+        <el-table-column prop="quota_used" label="已使用额度" min-width="150" align="center"/>
+        <el-table-column prop="quota_surplus" label="剩余可用额度" min-width="150" align="center"/>
+        <el-table-column label="操作" min-width="150" fixed="right" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="changeQuotaShow(scope.row)">额度变更</el-button>
+            <el-button type="text" size="small" @click="changeRecordShow(scope.row)">变更明细</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页-->
+      <el-pagination :page-size="tableFrom.limit" :current-page="tableFrom.page" :total="tableData.total" @current-change="pageChange" />
+    </el-card>
+    <!--额度变更弹框-->
+    <el-dialog title="补货额度变更" :visible.sync="changeQuotaDiaLogStatus" width="800px" :before-close="changeQuotaClose">
+      <!--变更表单-->
+      <el-form :model="changeInfo" ref="changeInfoFrom" :rules="changeInfoRules" label-width="120px">
+        <el-form-item label="变更类型" prop="change_type" >
+          <el-radio-group v-model="changeInfo.change_type">
+            <el-radio :label="0">减少</el-radio>
+            <el-radio :label="1">增加</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="变更数量" prop="change_quantity">
+          <el-input type="number" step="0.01" v-model="changeInfo.change_quantity" clearable maxlength="8">
+            <template slot="append">元</template>
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <!-- 底部按钮 -->
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="changeQuotaClose">取 消</el-button>
+        <el-button type="primary" @click="changeQuotaSubmit">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!--额度变更记录弹框-->
+    <el-dialog title="变更明细" :visible.sync="changeRecordDiaLogStatus" width="1200px" :before-close="changeRecordClose">
+      <!--列表-->
+      <el-table v-loading="recordLoading" :data="recordTableData.data" style="width: 100%" size="small" highlight-current-row class="switchTable">
+        <el-table-column prop="mer_id" label="ID" min-width="60" align="center"/>
+        <el-table-column label="变更前数量" prop="change_front" min-width="120" align="center"/>
+        <el-table-column label="变更类型" min-width="80" align="center">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.change_type == 1" type="success" effect="dark">增加</el-tag>
+            <el-tag v-else type="danger" effect="dark">减少</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="变更数量" prop="change_quantity" min-width="120" align="center"/>
+        <el-table-column label="变更后数量" prop="change_after" min-width="120" align="center"/>
+        <el-table-column label="变更来源" min-width="150" align="center">
+          <template slot-scope="scope">
+            <div v-if="scope.row.change_type == 0">后台手动处理</div>
+            <div v-else-if="scope.row.change_type == 1">补货减少</div>
+            <div v-else>--</div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页-->
+      <el-pagination
+        :page-size="recordTableFrom.limit"
+        :current-page="recordTableFrom.page"
+        :total="recordTableData.total"
+        @current-change="pageChangeRecord" />
+      <!-- 底部按钮 -->
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="changeQuotaClose">关 闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {merchantTypeText} from "@/filters";
+import {merchantListApi, merQuotaChange, merQuotaChangeRecord} from "@/api/merchant";
+
+export default {
+  name: "MerchantQuotaList",
+  components: {  },
+  data() {
+    return {
+      merchantTitle: '商户',
+      loading: false,
+      listLoading: true,
+      // 搜索项
+      tableFrom: {
+        page: 1,
+        limit: 10,
+        merchant_type: '',// 商户类别：0=普通商户，1=酒道馆，2=供应商，3=烟酒店，4=超市，5=省公司门店，6=城市会客厅，7=惠民健康体检馆
+      },
+      // 列表
+      tableData: {
+        data: [],
+        total: 0
+      },
+      // 额度变更
+      currentInfo: {},
+      changeQuotaDiaLogStatus: false,
+      changeInfo: {
+        change_type: 1,// 变更类型：0=减少，1=增加
+        change_quantity: '',// 变更数量
+      },
+      changeInfoRules: {
+        change_quantity: [
+          {
+            required: true, validator: function (rule, value, callback) {
+              if (Number(value) <= 0) {
+                callback(new Error('变更数量必须大于0！'))
+              } else {
+                callback()
+              }
+            }, trigger: 'blur'
+          }
+        ],
+      },
+      // 变更明细
+      changeRecordDiaLogStatus: false,
+      recordLoading: false,
+      recordTableFrom: {
+        page: 1,
+        limit: 10,
+        mer_id: '',
+      },
+      recordTableData: {
+        data: [],
+        total: 0
+      },
+
+
+    };
+  },
+  watch: {
+    // 路由变更
+    '$route' () {
+      this.tableFrom.merchant_type = this.$route.meta.merchant_type || 0;
+    },
+    // 商户类型变更
+    'tableFrom.merchant_type' () {
+      this.merchantTitle = merchantTypeText(this.tableFrom.merchant_type);
+      this.getList("");
+    },
+  },
+  mounted() {
+    this.tableFrom.merchant_type = this.$route.meta.merchant_type || 0;
+  },
+  methods: {
+    // 列表
+    getList(num) {
+      this.listLoading = true;
+      this.tableFrom.page = num ? num : this.tableFrom.page;
+      merchantListApi(this.tableFrom).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.getList(page);
+    },
+    // 额度变更 - 显示弹框
+    changeQuotaShow(info){
+      let _this = this;
+      _this.currentInfo = info || {};
+      _this.changeQuotaDiaLogStatus = true;
+    },
+    // 额度变更 - 关闭弹框
+    changeQuotaClose(){
+      let _this = this;
+      _this.currentInfo = {};
+      _this.changeInfo = _this.$options.data().changeInfo;
+      _this.changeQuotaDiaLogStatus = false;
+    },
+    // 额度变更 - 提交变更
+    changeQuotaSubmit(){
+      let _this = this;
+      let changeInfo = Object.assign({}, _this.changeInfo);
+      changeInfo.mer_id = _this.currentInfo.mer_id || 0;
+      // 提交
+      _this.$refs['changeInfoFrom'].validate(valid => {
+        if (valid) {
+          _this.loading = true;
+          console.log('提交信息', changeInfo)
+          merQuotaChange(changeInfo).then(res => {
+            _this.getList('');
+            _this.loading = false;
+            _this.$message.success(res.message);
+            _this.changeQuotaClose();
+          }).catch(res => {
+            _this.loading = false;
+            _this.$message.error(res.message);
+          });
+        }
+      });
+    },
+    // 变更明细 - 显示弹框
+    changeRecordShow(info){
+      let _this = this;
+      _this.currentInfo = info || {};
+      _this.recordTableFrom.mer_id = info.mer_id || 0;
+      _this.getRecordList(1);
+      _this.changeRecordDiaLogStatus = true;
+    },
+    // 变更明细 - 关闭弹框
+    changeRecordClose(){
+      let _this = this;
+      _this.currentInfo = {};
+      _this.changeRecordDiaLogStatus = false;
+    },
+    // 变更明细 - 列表
+    getRecordList(num) {
+      this.recordLoading = true;
+      this.recordTableFrom.page = num ? num : this.recordTableFrom.page;
+      merQuotaChangeRecord(this.recordTableFrom).then(res => {
+        this.recordTableData.data = res.data.list;
+        this.recordTableData.total = res.data.count;
+        this.recordLoading = false;
+      }).catch(res => {
+        this.recordLoading = false;
+        this.$message.error(res.message);
+      });
+    },
+    pageChangeRecord(page) {
+      this.getRecordList(page);
+    },
+
+
+
+
+  }
+};
+</script>
+
+<style scoped lang="scss">
+
+</style>