src/api/business.js

@@ -377,3 +377,12 @@ export function editAlianceInfoApi(data) {
     data
   })
 }
+
+// 设置联盟卡最大的消费金额
+export function setAllianceCardMaxConsumptionAmountApi(data) {
+  return request({
+    url: '/alliance-card/setAllianceCardMaxConsumptionAmount',
+    data,
+    method: 'POST'
+  })
+}

src/views/business/alliance/components/JoinShop.vue

@@ -33,10 +33,16 @@
           <el-tag>{{ scope.row.settlementRatio * 100 }}%</el-tag>
         </template>
       </el-table-column>
+      <el-table-column prop="maxConsumptionAmount" label="最大消费金额" width="120" align="center">
+        <template slot-scope="scope">
+          <el-tag>{{ scope.row.maxConsumptionAmount || 0 }}元</el-tag>
+        </template>
+      </el-table-column>
       <el-table-column width="150" prop="createTime" label="报名时间" align="center" />
-      <el-table-column align="center" label="操作" width="130" fixed="right" class-name="small-padding fixed-width">
+      <el-table-column align="center" label="操作" width="270" fixed="right" class-name="small-padding fixed-width">
         <template slot-scope="{ row }">
           <el-button type="primary" size="mini" @click="$refs.editProportionRrf && $refs.editProportionRrf.handleOpen(row)">修改结算比例</el-button>
+          <el-button type="primary" size="mini" @click="$refs.setMaxCostPriceRef && $refs.setMaxCostPriceRef.handleOpen(row)">设置最大消费金额</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -54,15 +60,17 @@
     </div>
 
     <EditProportion @update="handleRefreshBussnessInfo" ref="editProportionRrf"></EditProportion>
+    <SetMaxCostPrice @update="handleRefreshBussnessInfo" ref="setMaxCostPriceRef"></SetMaxCostPrice>
   </div>
 </template>
 
 <script>
 import { getRegistrationShopsByIdApi } from '@/api/business'
 import EditProportion from './EditProportion.vue'
+import SetMaxCostPrice from './SetMaxCostPrice.vue'
 
 export default {
-  components: { EditProportion },
+  components: { EditProportion, SetMaxCostPrice },
   props: {
     cardId: { type: [Number, String], required: true }
   },
@@ -109,10 +117,11 @@ export default {
       this.getList()
     },
 
-    handleRefreshBussnessInfo({ shopParticipationRecordId, settlementRatio }) {
+    handleRefreshBussnessInfo({ shopParticipationRecordId, settlementRatio, maxConsumptionAmount }) {
       const current = this.list.find((item) => item.id * 1 === shopParticipationRecordId * 1)
       if (current) {
-        current.settlementRatio = settlementRatio
+        settlementRatio !== undefined && (current.settlementRatio = settlementRatio)
+        maxConsumptionAmount !== undefined && (current.maxConsumptionAmount = maxConsumptionAmount)
       }
     }
   }

src/views/business/alliance/components/SetMaxCostPrice.vue

@@ -0,0 +1,76 @@
+<template>
+  <el-dialog :close-on-click-modal="false" append-to-body title="修改结算比例" :visible.sync="setMaxCostVisible" width="30%">
+    <el-form :rules="rules" ref="formRef" :model="form" label-width="auto">
+      <el-form-item label="结算比例" prop="maxConsumptionAmount">
+        <el-input v-model="form.maxConsumptionAmount" placeholder="请填写最大消费额度"></el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="setMaxCostVisible = false">取 消</el-button>
+      <el-button type="primary" @click="handleConfirm" :loading="isLoading">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { setAllianceCardMaxConsumptionAmountApi } from '@/api/business'
+
+export default {
+  data() {
+    return {
+      setMaxCostVisible: false,
+      form: {
+        shopParticipationRecordId: undefined,
+        maxConsumptionAmount: 0
+      },
+      rules: {
+        maxConsumptionAmount: [
+          { required: true, message: '请填写最大消费额度', trigger: 'blur' },
+          {
+            validator(rule, value, callback) {
+              const regex = /^(0|[1-9]\d*)(\.\d{1,2})?$/ // 正则表达式确保输入是数字，且最多两位小数
+              if (!value) {
+                callback(new Error('请输入一个数字'))
+              } else if (!regex.test(value) || Number(value) <= 0) {
+                callback(new Error('请输入大于零的数字，且最多两位小数'))
+              } else {
+                callback() // 验证通过
+              }
+            },
+            trigger: 'blur'
+          }
+        ]
+      },
+
+      isLoading: false
+    }
+  },
+
+  watch: {},
+
+  methods: {
+    handleOpen(row) {
+      if (!row) {
+        return this.$message.error('数据异常')
+      }
+      this.form.shopParticipationRecordId = row.id
+      this.form.maxConsumptionAmount = row.maxConsumptionAmount
+      this.setMaxCostVisible = true
+    },
+
+    async handleConfirm() {
+      try {
+        this.isLoading = true
+        await this.$refs.formRef.validate()
+        await setAllianceCardMaxConsumptionAmountApi(this.form)
+        this.$message.success('修改成功')
+        this.$emit('update', { ...this.form })
+        this.setMaxCostVisible = false
+      } catch (e) {
+      } finally {
+        this.isLoading = false
+      }
+    }
+  }
+}
+</script>