From 610410afa6d34707c701a707bed7a916085cbb78 Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Mon, 29 Sep 2025 09:05:52 +0800
Subject: [PATCH] =?UTF-8?q?add:=20=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../wisdom_recharge/index.vue                 | 302 +++++++-----------
 1 file changed, 122 insertions(+), 180 deletions(-)

diff --git a/src/views/marketing_center/wisdom_recharge/index.vue b/src/views/marketing_center/wisdom_recharge/index.vue
index 5b16c4a..314d0df 100644
--- a/src/views/marketing_center/wisdom_recharge/index.vue
+++ b/src/views/marketing_center/wisdom_recharge/index.vue
@@ -1,23 +1,11 @@
 <template>
 	<div class="gyq_container">
 		<div class="gyq_content">
-			<HeaderCard
-				name="智慧充值"
-				intro="允许客户充值并使用余额支付"
-				icon="zhcz"
-				showSwitch
-				v-model:isOpen="form.isEnable"
-			></HeaderCard>
+			<HeaderCard name="智慧充值" intro="允许客户充值并使用余额支付" icon="zhcz" showSwitch v-model:isOpen="form.isEnable"></HeaderCard>
 			<div style="padding-top: 14px">
 				<el-tabs v-model="tabsValue">
 					<el-tab-pane label="基础设置" :name="1">
-						<el-form
-							ref="formRef"
-							:model="form"
-							:rules="rules"
-							label-width="120"
-							label-position="right"
-						>
+						<el-form ref="formRef" :model="form" :rules="rules" label-width="120" label-position="right">
 							<el-form-item label="充值面额" required>
 								<el-button type="primary" @click="AddDialogRef.open()">
 									添加面额
@@ -26,18 +14,9 @@
 							<el-form-item prop="rechargeDetailList">
 								<el-table :data="form.rechargeDetailList" border stripe>
 									<el-table-column label="ID" prop="id"></el-table-column>
-									<el-table-column
-										label="充值金额（元）"
-										prop="amount"
-									></el-table-column>
-									<el-table-column
-										label="赠送金额"
-										prop="rewardAmount"
-									></el-table-column>
-									<el-table-column
-										label="赠送积分"
-										prop="rewardPoints"
-									></el-table-column>
+									<el-table-column label="充值金额（元）" prop="amount"></el-table-column>
+									<el-table-column label="赠送金额" prop="rewardAmount"></el-table-column>
+									<el-table-column label="赠送积分" prop="rewardPoints"></el-table-column>
 									<el-table-column label="赠送优惠券" prop="couponInfoList">
 										<template #default="scope">
 											<div class="column">
@@ -53,60 +32,34 @@
 									</el-table-column>
 									<el-table-column label="操作" width="120">
 										<template #default="scope">
-											<el-button
-												type="primary"
-												link
-												@click="AddDialogRef.open(scope.row, scope.$index)"
-											>
+											<el-button type="primary" link @click="AddDialogRef.open(scope.row, scope.$index)">
 												编辑
 											</el-button>
-											<el-button
-												type="danger"
-												link
-												@click="
-													form.rechargeDetailList.splice(scope.$index, 1)
-												"
-											>
+											<el-button type="danger" link @click="
+												form.rechargeDetailList.splice(scope.$index, 1)
+												">
 												删除
 											</el-button>
 										</template>
 									</el-table-column>
 								</el-table>
 							</el-form-item>
-							<el-form-item
-								label="选择门店"
-								prop="useType"
-								v-if="shopInfo.isHeadShop"
-							>
+							<el-form-item label="选择门店" prop="useType" v-if="shopInfo.isHeadShop">
 								<el-radio-group v-model="form.useType">
 									<el-radio label="全部门店" value="all"></el-radio>
 									<el-radio label="指定门店可用" value="part"></el-radio>
 								</el-radio-group>
 							</el-form-item>
 							<el-form-item label="选择门店" v-if="form.useType == 'part'">
-								<el-select
-									v-model="form.shopIdList"
-									multiple
-									clearable
-									placeholder="请选择门店"
-									style="width: 300px"
-								>
-									<el-option
-										:label="item.shopName"
-										:value="item.id"
-										v-for="item in branchList"
-										:key="item.id"
-									></el-option>
+								<el-select v-model="form.shopIdList" multiple clearable placeholder="请选择门店" style="width: 300px">
+									<el-option :label="item.shopName" :value="item.id" v-for="item in branchList"
+										:key="item.id"></el-option>
 								</el-select>
 							</el-form-item>
 							<el-form-item label="自定义金额">
 								<div class="column">
 									<div class="center">
-										<el-switch
-											v-model="form.isCustom"
-											:active-value="1"
-											:inactive-value="0"
-										/>
+										<el-switch v-model="form.isCustom" :active-value="1" :inactive-value="0" />
 										<span class="tips">自定义金额不参与赠送优惠</span>
 									</div>
 								</div>
@@ -114,11 +67,7 @@
 							<el-form-item label="充值并下单">
 								<div class="column">
 									<div class="center">
-										<el-switch
-											v-model="form.isOrder"
-											:active-value="1"
-											:inactive-value="0"
-										/>
+										<el-switch v-model="form.isOrder" :active-value="1" :inactive-value="0" />
 										<span class="tips">开启后，订单支付页面显示充值选项</span>
 									</div>
 								</div>
@@ -126,13 +75,8 @@
 							<el-form-item label="充值说明" prop="remark">
 								<div class="column">
 									<div class="item">
-										<el-input
-											type="textarea"
-											:rows="4"
-											:maxlength="250"
-											v-model="form.remark"
-											placeholder="填写内容"
-										></el-input>
+										<el-input type="textarea" :rows="4" :maxlength="250" v-model="form.remark"
+											placeholder="填写内容"></el-input>
 									</div>
 									<div class="item textarea-num">
 										{{ form.remark.length }}/250字内，单文本
@@ -170,46 +114,46 @@ const AddDialogRef = ref(null);
 const tabsValue = ref(1);
 const formRef = ref(null);
 const form = ref({
-  isEnable: 1,
-  id: "",
-  shopIdList: "",
-  useType: "all",
-  isCustom: 0,
-  isOrder: 0,
-  remark: "",
-  rechargeDetailList: [],
+	isEnable: 1,
+	id: "",
+	shopIdList: "",
+	useType: "all",
+	isCustom: 0,
+	isOrder: 0,
+	remark: "",
+	rechargeDetailList: [],
 });
 const rules = ref({
-  rechargeDetailList: [
-    {
-      validator: (rule, value, callback) => {
-        if (form.value.rechargeDetailList.length == 0) {
-          callback(new Error("请添加面额"));
-        } else {
-          callback();
-        }
-      },
-      trigger: "change",
-    },
-  ],
-  remark: [{ required: true, message: "请输入充值说明", trigger: "blur" }],
+	rechargeDetailList: [
+		{
+			validator: (rule, value, callback) => {
+				if (form.value.rechargeDetailList.length == 0) {
+					callback(new Error("请添加面额"));
+				} else {
+					callback();
+				}
+			},
+			trigger: "change",
+		},
+	],
+	remark: [{ required: true, message: "请输入充值说明", trigger: "blur" }],
 });
 
 function submitHandle() {
-  formRef.value.validate(async (valid) => {
-    try {
-      if (valid) {
-        await shopRecharge(form.value);
-        ElNotification({
-          title: "注意",
-          message: "保存成功",
-          type: "success",
-        });
-      }
-    } catch (err) {
-      console.log(err);
-    }
-  });
+	formRef.value.validate(async (valid) => {
+		try {
+			if (valid) {
+				await shopRecharge(form.value);
+				ElNotification({
+					title: "注意",
+					message: "保存成功",
+					type: "success",
+				});
+			}
+		} catch (err) {
+			console.log(err);
+		}
+	});
 }
 
 // 点前登录店铺信息
@@ -218,124 +162,122 @@ const shopInfo = ref("");
 // 获取分店列表
 const branchList = ref([]);
 async function getBranchPageAjax() {
-  try {
-    const res = await getBranchPage();
-    branchList.value = res.records;
-  } catch (err) {
-    console.log(err);
-  }
+	try {
+		const res = await getBranchPage();
+		branchList.value = res.records;
+	} catch (err) {
+		console.log(err);
+	}
 }
 
 function addSuccess(data) {
-  console.log("addSuccess===", data);
-  if (data.index == null) {
-    form.value.rechargeDetailList.push(data.data);
-  } else {
-    form.value.rechargeDetailList[data.index] = data.data;
-  }
+	console.log("addSuccess===", data);
+	if (data.index == null) {
+		form.value.rechargeDetailList.push(data.data);
+	} else {
+		form.value.rechargeDetailList[data.index] = data.data;
+	}
 }
 
 // 获取优惠券列表
 const couponList = ref([]);
 async function couponPageAjax() {
-  try {
-    const res = await couponPage({
-      page: 1,
-      size: 500,
-    });
-    couponList.value = res.records;
-  } catch (err) {
-    console.log(err);
-  }
+	try {
+		const res = await couponPage({
+			page: 1,
+			size: 500,
+		});
+		couponList.value = res.records;
+	} catch (err) {
+		console.log(err);
+	}
 }
 
 // 用id寻找优惠券名称
 function couponListFilter(id) {
-  if (id) {
-    let obj = couponList.value.find((item) => item.id == id);
-    return obj.title;
-  } else {
-    return "";
-  }
+	if (id) {
+		let obj = couponList.value.find((item) => item.id == id);
+		return obj.title;
+	} else {
+		return "";
+	}
 }
 
 // 从本地获取商户信息
 function getLocalShopInfo() {
-  shopInfo.value = JSON.parse(localStorage.getItem("userInfo"));
+	shopInfo.value = JSON.parse(localStorage.getItem("userInfo"));
 }
 
 function back() {
-  router.back();
+	router.back();
 }
 
 // 配置信息获取
 async function shopRechargeGetAjax() {
-  try {
-    const res = await shopRechargeGet();
-    res.rechargeDetailList.map((item) => {
-      item.couponInfoList.map((val) => {
-        val.id = val.coupon ? val.coupon.id : null;
-      });
-    });
-    form.value = res;
+	try {
+		const res = await shopRechargeGet();
+		res.rechargeDetailList.map((item) => {
+			item.couponInfoList.map((val) => {
+				val.id = val.coupon ? val.coupon.id : null;
+			});
+		});
+		form.value = res;
 
-    console.log(form.value);
-  } catch (err) {
-    console.log(err);
-  }
+		console.log(form.value);
+	} catch (err) {
+		console.log(err);
+	}
 }
 
 onMounted(async () => {
-  await couponPageAjax();
-  getLocalShopInfo();
-  getBranchPageAjax();
-  shopRechargeGetAjax();
+	await couponPageAjax();
+	getLocalShopInfo();
+	getBranchPageAjax();
+	shopRechargeGetAjax();
 });
 </script>
 
 <style scoped lang="scss">
-<<<<<<< HEAD
 .gyq_container {
 	padding: 14px;
+
 	.gyq_content {
 		padding: 14px;
 		background-color: #fff;
 		border-radius: 8px;
 	}
-=======
-.container {
-  padding: 14px;
-  .content {
-    padding: 14px;
-    background-color: #fff;
-    border-radius: 8px;
-  }
->>>>>>> b5635f70ae9ce11a8b36341d218349454a0f5e88
+
 }
+
 .column {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  .item {
-    flex: 1;
-  }
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+
+	.item {
+		flex: 1;
+	}
 }
+
 .center {
-  display: flex;
-  align-items: center;
-  gap: 10px;
+	display: flex;
+	align-items: center;
+	gap: 10px;
 }
+
 .tips {
-  color: #666;
+	color: #666;
 }
+
 .footer {
-  display: flex;
-  justify-content: center;
+	display: flex;
+	justify-content: center;
 }
+
 .textarea-num {
-  color: #999;
-  display: flex;
-  justify-content: flex-end;
+	color: #999;
+	display: flex;
+	justify-content: flex-end;
 }
-</style>
+</style>
\ No newline at end of file