From e4f5cc85199604653ce5304081d9591b85d7a353 Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Sat, 22 Nov 2025 10:15:00 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=99=BA=E6=85=A7=E5=85=85?=
 =?UTF-8?q?=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/my-components/my-shop-select.vue |   9 +-
 http/api/market/index.js                    |  24 +
 pageRecharge/add-recharge-item.vue          | 954 ++++++++++----------
 pageRecharge/index.vue                      | 465 ++++++----
 4 files changed, 788 insertions(+), 664 deletions(-)

diff --git a/components/my-components/my-shop-select.vue b/components/my-components/my-shop-select.vue
index a2334d0..a1b0b5d 100644
--- a/components/my-components/my-shop-select.vue
+++ b/components/my-components/my-shop-select.vue
@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<up-radio-group v-model="useType" placement="row">
+		<up-radio-group v-model="useType" placement="row" @change="useTypeChange">
 			<up-radio v-for="item in useTypeList" :key="item.value" :name="item.value" :label="item.label" :customStyle="customStyle"></up-radio>
 		</up-radio-group>
 		<view class="box" v-if="useType == 'part'" @click.stop="openPopup">
@@ -44,7 +44,7 @@ const customStyle = ref({
 });
 
 const show = ref(false);
-const selShops = defineModel('selShops', {
+let selShops = defineModel('selShops', {
 	default: () => [],
 	type: Array
 });
@@ -63,6 +63,11 @@ const useTypeList = [
 	}
 ];
 
+const emits = defineEmits(['useTypeChange']);
+function useTypeChange(e) {
+	emits('useTypeChange', e);
+}
+
 function returnShopName(shopId) {
 	const item = list.value.find((v) => v.shopId == shopId);
 	return item?.shopName || '';
diff --git a/http/api/market/index.js b/http/api/market/index.js
index d452018..1e37574 100644
--- a/http/api/market/index.js
+++ b/http/api/market/index.js
@@ -152,4 +152,28 @@ export function couponGetRecord(params) {
 		method: 'get',
 		params
 	});
+}
+
+/**
+ * 智慧充值规/配置信息修改
+ * @param {Object} data
+ */
+export function shopRechargePost(data) {
+	return request({
+		url: `${urlType}/admin/shopRecharge`,
+		method: 'post',
+		data
+	});
+}
+
+/**
+ * 智慧充值规/配置信息获取
+ * @param {Object} parmas
+ */
+export function shopRechargeGet(parmas) {
+	return request({
+		url: `${urlType}/admin/shopRecharge`,
+		method: 'get',
+		parmas
+	});
 }
\ No newline at end of file
diff --git a/pageRecharge/add-recharge-item.vue b/pageRecharge/add-recharge-item.vue
index 7c32113..d553df6 100644
--- a/pageRecharge/add-recharge-item.vue
+++ b/pageRecharge/add-recharge-item.vue
@@ -1,87 +1,93 @@
 <template>
 	<view class="page">
 		<view class="box">
-			<view v-for="(item,index) in recharge.list" :key="index">
-				<uni-forms :model="item" :rules="rules" err-show-type="undertext" validateTrigger="blur"
-					:ref="setFormRef(index)" :border="true" label-position="top" label-width="350">
+			<view v-for="(item, index) in recharge.list" :key="index">
+				<uni-forms
+					:model="item"
+					:rules="rules"
+					err-show-type="undertext"
+					validateTrigger="blur"
+					:ref="setFormRef(index)"
+					:border="true"
+					label-position="top"
+					label-width="350"
+				>
 					<view class="block">
 						<uni-forms-item label="充值面额" required name="miane">
-							<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder"
-								v-model="item.miane" placeholder="填输入面额" />
+							<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder" v-model="item.miane" placeholder="填输入面额" />
 						</uni-forms-item>
-						<uni-forms-item label="赠送金额" required name="jine">
-							<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder"
-								v-model="item.jine" placeholder="请输入金额" />
+						<uni-forms-item label="赠送金额">
+							<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder" v-model="item.jine" placeholder="请输入金额" />
 						</uni-forms-item>
-						<uni-forms-item label="赠送积分" required name="jifen">
-							<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder"
-								v-model="item.jifen" placeholder="请输入赠送积分" />
+						<uni-forms-item label="赠送积分">
+							<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder" v-model="item.jifen" placeholder="请输入赠送积分" />
 						</uni-forms-item>
 						<uni-forms-item label="赠送券">
-						
 							<view class="option">
 								<template v-if="item.options.length">
-								<view class="u-flex">
-									<view class="u-flex-1">赠送券</view>
-									<view class="u-flex-1 u-p-l-60">赠送数量</view>
-								</view>
-								<view class="">
-									<view class="u-flex option-item" v-for="(option,optionIndex) in item.options"
-										:key="optionIndex">
+									<view class="u-flex">
+										<view class="u-flex-1">赠送券</view>
+										<view class="u-flex-1 u-p-l-60">赠送数量</view>
+									</view>
+									<view class="">
+										<view class="u-flex option-item" v-for="(option, optionIndex) in item.options" :key="optionIndex">
+											<!-- <buton @tap="testVaildata(index,optionIndex)">test</buton> -->
+											<view class="u-flex-1">
+												<uni-forms-item
+													:key="optionIndex"
+													:name="['options', optionIndex, 'quan']"
+													:ref="setFormInputRef(index, optionIndex)"
+													:rules="[{ required: true, errorMessage: '赠送券必选' }]"
+													label-width="0"
+													label=""
+													required
+												>
+													<uni-data-select
+														v-model="recharge.list[index].options[optionIndex].quan"
+														:localdata="quans"
+														@change="inpuChange(index, optionIndex)"
+													></uni-data-select>
 
-										<!-- <buton @tap="testVaildata(index,optionIndex)">test</buton> -->
-										<view class="u-flex-1">
-											<uni-forms-item :key="optionIndex" :name="['options',optionIndex,'quan']"
-												:ref="setFormInputRef(index,optionIndex)"
-												:rules="[{'required': true,errorMessage: '赠送券必选'}]" label-width="0"
-												label="" required>
-
-												<uni-data-select
-													v-model="recharge.list[index].options[optionIndex].quan"
-													:localdata="quans"
-													@change="inpuChange(index,optionIndex)"></uni-data-select>
-
-												<!-- 	<uni-easyinput v-model="recharge.list[index].options[optionIndex].quan"
+													<!-- 	<uni-easyinput v-model="recharge.list[index].options[optionIndex].quan"
 												 @input="inpuChange(index,optionIndex)"
 												
 													:placeholderStyle="placeholderStyle" :inputBorder="inputBorder"
 													placeholder="选项名" /> -->
-											</uni-forms-item>
-
-										</view>
-										<view class="u-p-l-60 u-flex-1 u-flex">
-											<uni-forms-item :key="optionIndex"
-												:rules="[{'required': true,errorMessage: '必填'}]"
-												:ref="setFormInputRef(index,optionIndex)"
-												:name="['options',optionIndex,'quanNumber']" label-width="0" label=""
-												required>
-												<view class="u-flex">
-													<uni-easyinput
-														v-model="recharge.list[index].options[optionIndex].quanNumber"
-														@input="inpuChange(index,optionIndex)"
-														:placeholderStyle="placeholderStyle" :inputBorder="inputBorder"
-														type="number" placeholder="填写数量 张" />
-
-													<view class="icon icon-reduce u-m-l-38"
-														@click="delOption(index,optionIndex)">
+												</uni-forms-item>
+											</view>
+											<view class="u-p-l-60 u-flex-1 u-flex">
+												<uni-forms-item
+													:key="optionIndex"
+													:rules="[{ required: true, errorMessage: '必填' }]"
+													:ref="setFormInputRef(index, optionIndex)"
+													:name="['options', optionIndex, 'quanNumber']"
+													label-width="0"
+													label=""
+													required
+												>
+													<view class="u-flex">
+														<uni-easyinput
+															v-model="recharge.list[index].options[optionIndex].quanNumber"
+															@input="inpuChange(index, optionIndex)"
+															:placeholderStyle="placeholderStyle"
+															:inputBorder="inputBorder"
+															type="number"
+															placeholder="填写数量 张"
+														/>
 
+														<view class="icon icon-reduce u-m-l-38" @click="delOption(index, optionIndex)"></view>
 													</view>
-												</view>
-											</uni-forms-item>
-
+												</uni-forms-item>
+											</view>
 										</view>
 									</view>
-								</view>
 								</template>
-								<view class="u-flex u-m-t-32" >
+								<view class="u-flex u-m-t-32">
 									<view class="u-flex" @click="addOptions(index)">
-										<view class="icon icon-add u-m-r-22 ">
-										
-										</view>
+										<view class="icon icon-add u-m-r-22"></view>
 										<view class="color-main">添加</view>
 									</view>
 								</view>
-
 							</view>
 						</uni-forms-item>
 						<!-- <view class="u-flex u-m-t-48 u-m-b-24" @click="delrechargeGroup(index)">
@@ -94,7 +100,7 @@
 
 					<view class="block u-m-t-30" v-if="false">
 						<view class="u-p-t-30 u-p-b-30">
-							<view class="u-flex   u-row-between">
+							<view class="u-flex u-row-between">
 								<view class="">首冲赠送</view>
 								<view>
 									<my-switch v-model="item.isFirst"></my-switch>
@@ -104,83 +110,80 @@
 						</view>
 						<template v-if="item.isFirst">
 							<uni-forms-item label="赠送金额" required name="zengJie">
-								<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder"
-									v-model="item.zengJie" placeholder="请输入金额" />
+								<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder" v-model="item.zengJie" placeholder="请输入金额" />
 							</uni-forms-item>
 							<uni-forms-item label="赠送积分" required name="zengJifen">
-								<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder"
-									v-model="item.zengJifen" placeholder="请输入积分" />
+								<uni-easyinput :placeholderStyle="placeholderStyle" :inputBorder="inputBorder" v-model="item.zengJifen" placeholder="请输入积分" />
 							</uni-forms-item>
 							<uni-forms-item label="赠送券">
-							
 								<view class="option">
 									<template v-if="item.zengOptions.length">
-									<view class="u-flex">
-										<view class="u-flex-1">赠送券</view>
-										<view class="u-flex-1 u-p-l-60">赠送数量</view>
-									</view>
-									<view class="">
-										<view class="u-flex option-item" v-for="(option,optionIndex) in item.zengOptions"
-											:key="optionIndex">
-							
-											<!-- <buton @tap="testVaildata(index,optionIndex)">test</buton> -->
-											<view class="u-flex-1">
-												<uni-forms-item :key="optionIndex" :name="['zengOptions',optionIndex,'quan']"
-													:ref="setFormInputRef(index,optionIndex)"
-													:rules="[{'required': true,errorMessage: '赠送券必选'}]" label-width="0"
-													label="" required>
-							
-													<uni-data-select
-														v-model="recharge.list[index].zengOptions[optionIndex].quan"
-														:localdata="quans"
-														@change="inpuChange(index,optionIndex)"></uni-data-select>
-							
-													<!-- 	<uni-easyinput v-model="recharge.list[index].options[optionIndex].quan"
+										<view class="u-flex">
+											<view class="u-flex-1">赠送券</view>
+											<view class="u-flex-1 u-p-l-60">赠送数量</view>
+										</view>
+										<view class="">
+											<view class="u-flex option-item" v-for="(option, optionIndex) in item.zengOptions" :key="optionIndex">
+												<!-- <buton @tap="testVaildata(index,optionIndex)">test</buton> -->
+												<view class="u-flex-1">
+													<uni-forms-item
+														:key="optionIndex"
+														:name="['zengOptions', optionIndex, 'quan']"
+														:ref="setFormInputRef(index, optionIndex)"
+														:rules="[{ required: true, errorMessage: '赠送券必选' }]"
+														label-width="0"
+														label=""
+														required
+													>
+														<uni-data-select
+															v-model="recharge.list[index].zengOptions[optionIndex].quan"
+															:localdata="quans"
+															@change="inpuChange(index, optionIndex)"
+														></uni-data-select>
+
+														<!-- 	<uni-easyinput v-model="recharge.list[index].options[optionIndex].quan"
 													 @input="inpuChange(index,optionIndex)"
 													
 														:placeholderStyle="placeholderStyle" :inputBorder="inputBorder"
 														placeholder="选项名" /> -->
-												</uni-forms-item>
-							
-											</view>
-											<view class="u-p-l-60 u-flex-1 u-flex">
-												<uni-forms-item :key="optionIndex"
-													:rules="[{'required': true,errorMessage: '必填'}]"
-													:ref="setFormInputRef(index,optionIndex)"
-													:name="['zengOptions',optionIndex,'quanNumber']" label-width="0" label=""
-													required>
-													<view class="u-flex">
-														<uni-easyinput
-															v-model="recharge.list[index].zengOptions[optionIndex].quanNumber"
-															@input="inpuChange(index,optionIndex)"
-															:placeholderStyle="placeholderStyle" :inputBorder="inputBorder"
-															type="number" placeholder="填写数量 张" />
-							
-														<view class="icon icon-reduce u-m-l-38"
-															@click="delZengOption(index,optionIndex)">
-							
+													</uni-forms-item>
+												</view>
+												<view class="u-p-l-60 u-flex-1 u-flex">
+													<uni-forms-item
+														:key="optionIndex"
+														:rules="[{ required: true, errorMessage: '必填' }]"
+														:ref="setFormInputRef(index, optionIndex)"
+														:name="['zengOptions', optionIndex, 'quanNumber']"
+														label-width="0"
+														label=""
+														required
+													>
+														<view class="u-flex">
+															<uni-easyinput
+																v-model="recharge.list[index].zengOptions[optionIndex].quanNumber"
+																@input="inpuChange(index, optionIndex)"
+																:placeholderStyle="placeholderStyle"
+																:inputBorder="inputBorder"
+																type="number"
+																placeholder="填写数量 张"
+															/>
+
+															<view class="icon icon-reduce u-m-l-38" @click="delZengOption(index, optionIndex)"></view>
 														</view>
-													</view>
-												</uni-forms-item>
-							
+													</uni-forms-item>
+												</view>
 											</view>
 										</view>
-									</view>
 									</template>
-									<view class="u-flex u-m-t-32" >
+									<view class="u-flex u-m-t-32">
 										<view class="u-flex" @click="addZengOptions(index)">
-											<view class="icon icon-add u-m-r-22 ">
-											</view>
+											<view class="icon icon-add u-m-r-22"></view>
 											<view class="color-main">添加</view>
 										</view>
-									
 									</view>
-							
 								</view>
 							</uni-forms-item>
 						</template>
-						
-						
 					</view>
 				</uni-forms>
 			</view>
@@ -194,430 +197,431 @@
 			<view class="save-btn-box">
 				<my-button @tap="save" showShadow shape="circle">保存</my-button>
 				<view class="u-m-t-20">
-					<my-button @tap="back"  type="cancel">取消</my-button>
+					<my-button @tap="back" type="cancel">取消</my-button>
 				</view>
 			</view>
 		</view>
-		<view style="height: 100rpx;"></view>
+		<view style="height: 100rpx"></view>
 		<view class="bottom" ref="bottom"></view>
 	</view>
 </template>
 
 <script setup>
-	import mySwitch from '@/components/my-components/my-switch.vue'
-	import myButton from '@/components/my-components/my-button.vue'
-	import go from '@/commons/utils/go.js';
-	import {
-		onLoad,
-		onReady
-	} from '@dcloudio/uni-app';
-	import {
-		onMounted,
-		reactive,
-		nextTick,
-		ref,
-		onBeforeMount
-	} from 'vue';
-	// 表单样式
-	const placeholderStyle = ref('font-size:28rpx;')
-	//表单边框
-	const inputBorder = ref(false)
-	const form = ref(null)
-	const bottom = ref(null)
-	//表单验证
-	const rules = {
-		miane: {
-			rules: [{
+import mySwitch from '@/components/my-components/my-switch.vue';
+import myButton from '@/components/my-components/my-button.vue';
+import go from '@/commons/utils/go.js';
+import { onLoad, onReady } from '@dcloudio/uni-app';
+import { onMounted, reactive, nextTick, ref, onBeforeMount } from 'vue';
+// 表单样式
+const placeholderStyle = ref('font-size:28rpx;');
+//表单边框
+const inputBorder = ref(false);
+const form = ref(null);
+const bottom = ref(null);
+//表单验证
+const rules = {
+	miane: {
+		rules: [
+			{
 				required: true,
 				errorMessage: '必填'
-			}]
-		},
-		jine: {
-			rules: [{
+			}
+		]
+	},
+	jine: {
+		rules: [
+			{
 				required: true,
 				errorMessage: '必填'
-			}]
-		},
-		zengJie:{
-			rules: [{
+			}
+		]
+	},
+	zengJie: {
+		rules: [
+			{
 				required: true,
 				errorMessage: '必填'
-			}]
-		},
-		zengJifen:{
-			rules: [{
+			}
+		]
+	},
+	zengJifen: {
+		rules: [
+			{
 				required: true,
 				errorMessage: '必填'
-			}]
-		},
-		jifen: {
-			rules: [{
+			}
+		]
+	},
+	jifen: {
+		rules: [
+			{
 				required: true,
 				errorMessage: '必填'
-			}]
-		},
-		quan: {
-			rules: [{
+			}
+		]
+	},
+	quan: {
+		rules: [
+			{
 				required: true,
 				errorMessage: '必填'
-			}]
-		},
-		quanNumber: {
-			rules: [{
+			}
+		]
+	},
+	quanNumber: {
+		rules: [
+			{
 				required: true,
 				errorMessage: '必填'
-			}]
-		}
+			}
+		]
 	}
+};
 
-
-	const quans = reactive([{
-			value: 0,
-			text: "充值18元优惠券"
-		},
-		{
-			value: 1,
-			text: "邀新10元优惠券"
-		},
-		{
-			value: 2,
-			text: "10元新人券"
-		},
-	])
-
-	// 构造规格的选项值的基础数据
-	const rechargeOptionsBasicData = {
-		quan: null,
-		quanNumber: 1
+const quans = reactive([
+	{
+		value: 0,
+		text: '充值18元优惠券'
+	},
+	{
+		value: 1,
+		text: '邀新10元优惠券'
+	},
+	{
+		value: 2,
+		text: '10元新人券'
 	}
+]);
 
-	function returnOptionsBasicData() {
-		return {
-			...rechargeOptionsBasicData
-		}
-	}
-	// 构造规格的基础数据
-	const rechargeBasicData = {
-		GroupName: '',
-		miane: '',
-		jine: '',
-		jifen: '',
-		zengJie:'',
-		zengJifen:'',
-		isFirst:false,
+// 构造规格的选项值的基础数据
+const rechargeOptionsBasicData = {
+	quan: null,
+	quanNumber: 1
+};
+
+function returnOptionsBasicData() {
+	return {
+		...rechargeOptionsBasicData
+	};
+}
+// 构造规格的基础数据
+const rechargeBasicData = {
+	GroupName: '',
+	miane: '',
+	jine: '',
+	jifen: '',
+	zengJie: '',
+	zengJifen: '',
+	isFirst: false,
+	options: [],
+	zengOptions: []
+};
+
+function back() {
+	go.back();
+}
+
+function returnrechargeOptionsBasicData() {
+	return {
+		...rechargeBasicData,
 		options: [],
-		zengOptions:[]
-	}
-	
-	function back(){
-		go.back()
-	}
+		zengOptions: [returnOptionsBasicData()]
+	};
+}
 
-	function returnrechargeOptionsBasicData() {
-		return {
-			...rechargeBasicData,
-			options: [],
-			zengOptions: [returnOptionsBasicData()],
+function onFieldChange(e) {
+	console.log(e);
+}
+// 规格列表
+const recharge = reactive({
+	list: [returnrechargeOptionsBasicData()]
+});
+
+//添加规格组
+function addrechargeGroup() {
+	recharge.list.push(returnrechargeOptionsBasicData());
+	scrollPageBottom();
+}
+//删除规格组
+function delrechargeGroup(index) {
+	recharge.list.splice(index, 1);
+}
+// 向指定索引的优惠券添加规格项
+function addOptions(index) {
+	recharge.list[index].options.push(returnOptionsBasicData());
+}
+// 向指定索引的赠送优惠券添加规格项
+function addZengOptions(index) {
+	recharge.list[index].zengOptions.push(returnOptionsBasicData());
+}
+// 删除指定索引的优惠券添加规格项
+function delOption(index, optionIndex) {
+	recharge.list[index].options.splice(optionIndex, 1);
+}
+// 删除指定索引的赠送优惠券添加规格项
+function delZengOption(index, optionIndex) {
+	recharge.list[index].zengOptions.splice(optionIndex, 1);
+}
+//页面滚动到最底部
+function scrollPageBottom() {
+	nextTick(() => {
+		uni.pageScrollTo({
+			duration: 100, // 过渡时间
+			scrollTop: 100000 // 滚动的实际距离
+		});
+	});
+}
+//设置表单验证规则
+function setFormRules() {
+	form.value.setRules(rules);
+}
+const formRefs = ref([]);
+//绑定表单元素
+function setFormRef(index) {
+	formRefs.value[index] = null;
+	return (el) => {
+		if (el) {
+			formRefs.value[index] = el;
 		}
-	}
+	};
+}
+// 绑定option input元素
+const refFormInput = ref([]);
 
-	function onFieldChange(e) {
-		console.log(e);
-	}
-	// 规格列表
-	const recharge = reactive({
-		list: [returnrechargeOptionsBasicData()]
-	})
-
-
-
-	//添加规格组
-	function addrechargeGroup() {
-		recharge.list.push(returnrechargeOptionsBasicData())
-		scrollPageBottom()
-	}
-	//删除规格组
-	function delrechargeGroup(index) {
-		recharge.list.splice(index, 1)
-	}
-	// 向指定索引的优惠券添加规格项
-	function addOptions(index) {
-		recharge.list[index].options.push(returnOptionsBasicData())
-	}
-	// 向指定索引的赠送优惠券添加规格项
-	function addZengOptions(index) {
-		recharge.list[index].zengOptions.push(returnOptionsBasicData())
-	}
-	// 删除指定索引的优惠券添加规格项
-	function delOption(index, optionIndex) {
-		recharge.list[index].options.splice(optionIndex, 1)
-	}
-	// 删除指定索引的赠送优惠券添加规格项
-	function delZengOption(index, optionIndex) {
-		recharge.list[index].zengOptions.splice(optionIndex, 1)
-	}
-	//页面滚动到最底部
-	function scrollPageBottom() {
-		nextTick(() => {
-			uni.pageScrollTo({
-				duration: 100, // 过渡时间
-				scrollTop: 100000, // 滚动的实际距离
-			})
-		})
-	}
-	//设置表单验证规则
-	function setFormRules() {
-		form.value.setRules(rules)
-	}
-	const formRefs = ref([]);
-	//绑定表单元素
-	function setFormRef(index) {
-		formRefs.value[index] = null;
-		return (el) => {
-			if (el) {
-				formRefs.value[index] = el;
-			}
-		};
-	}
-	// 绑定option input元素
-	const refFormInput = ref([])
-
-	function setFormInputRef(index, index1) {
-		const newIndex = 1000 + index * 10000 + index1
-		return (el) => {
-			if (el) {
-				if (!refFormInput.value[newIndex]) {
-					refFormInput.value[newIndex] = el;
-				}
+function setFormInputRef(index, index1) {
+	const newIndex = 1000 + index * 10000 + index1;
+	return (el) => {
+		if (el) {
+			if (!refFormInput.value[newIndex]) {
+				refFormInput.value[newIndex] = el;
 			}
 		}
+	};
+}
+
+function testVaildata(index, index1) {
+	const newIndex = 1000 + index * 10000 + index1;
+	recharge.list[0].options[0].quanNumber = 1;
+	refFormInput.value[newIndex] && refFormInput.value[newIndex].onFieldChange();
+}
+// 当表单内容输入变化根据配置的rules进行验证
+function inpuChange(index, index1) {
+	const newIndex = 1000 + index * 10000 + index1;
+	refFormInput.value[newIndex] && refFormInput.value[newIndex].onFieldChange();
+}
+
+let emitName = '';
+
+function triggerEvent(emitName, data) {
+	if (emitName) {
+		uni.$emit(emitName, data);
+	}
+}
+let type = 'add';
+onLoad((opt) => {
+	const arr = uni.getStorageSync('guige');
+	if (arr.length) {
+		recharge.list = arr;
+		console.log(arr);
+	}
+	console.log(opt);
+	if (opt && JSON.stringify(opt) !== '{}' && opt.emitName) {
+		emitName = opt.emitName;
 	}
 
-	function testVaildata(index, index1) {
-		const newIndex = 1000 + index * 10000 + index1
-		recharge.list[0].options[0].quanNumber = 1
-		refFormInput.value[newIndex] && refFormInput.value[newIndex].onFieldChange()
-	}
-	// 当表单内容输入变化根据配置的rules进行验证
-	function inpuChange(index, index1) {
-		const newIndex = 1000 + index * 10000 + index1
-		refFormInput.value[newIndex] && refFormInput.value[newIndex].onFieldChange()
-	}
+	uni.setNavigationBarTitle({
+		title: type === 'add' ? '添加充值面额' : '编辑充值面额'
+	});
+});
 
+function emitrechargeSave() {
+	// emitrechargeSave  触发规格保存事件将数据给到添加商品页面
+	// guigeEdit  触发规格保存事件将数据给到添加规格页面
 
+	console.log('recharge.list', recharge.list);
 
+	uni.removeStorageSync('guige');
+	triggerEvent(emitName, recharge.list);
+}
 
-
-
-	let emitName = ''
-
-	function triggerEvent(emitName, data) {
-		if (emitName) {
-			uni.$emit(emitName, data)
-		}
-	}
-	let type='add'
-	onLoad(opt => {
-		const arr = uni.getStorageSync('guige')
-		if (arr.length) {
-			recharge.list = arr
-			console.log(arr);
-		}
-		console.log(opt);
-		if (opt && JSON.stringify(opt) !== '{}' && opt.emitName) {
-			emitName = opt.emitName
-		}
-		
-		uni.setNavigationBarTitle({
-			title:type==='add'?'添加充值面额':'编辑充值面额'
-		})
-	})
-
-	function emitrechargeSave() {
-		// emitrechargeSave  触发规格保存事件将数据给到添加商品页面
-		// guigeEdit  触发规格保存事件将数据给到添加规格页面
-		uni.removeStorageSync('guige')
-		triggerEvent(emitName, recharge.list)
-	}
-
-	function returnPromise(index, prosise) {
-		return new Promise((resolve, reject) => {
-			prosise.then(res => {
+function returnPromise(index, prosise) {
+	return new Promise((resolve, reject) => {
+		prosise
+			.then((res) => {
 				console.log(res);
 				resolve({
 					sucees: true
-				})
-			}).catch(err => {
+				});
+			})
+			.catch((err) => {
 				console.log(err);
 				resolve({
 					sucees: false
-				})
-			})
-		})
+				});
+			});
+	});
+}
+async function save() {
+	let isAllPassForm = 0;
+	for (let i in recharge.list) {
+		const res = await returnPromise(i, formRefs.value[i].validate());
+		isAllPassForm += res.sucees ? 1 : 0;
 	}
-	async function save() {
-		let isAllPassForm = 0
-		for (let i in recharge.list) {
-			const res = await returnPromise(i, formRefs.value[i].validate())
-			isAllPassForm += res.sucees ? 1 : 0
-		}
-		//判断验证是否通过
-		if (isAllPassForm === recharge.list.length) {
-			console.log('pass');
-			emitrechargeSave()
-			go.back()
-		}
-
+	//判断验证是否通过
+	if (isAllPassForm === recharge.list.length) {
+		console.log('pass');
+		emitrechargeSave();
+		go.back();
 	}
+}
 </script>
 <style scoped>
-	page {
-		background: #F9F9F9;
-	}
+page {
+	background: #f9f9f9;
+}
 </style>
 <style lang="scss" scoped>
-	$icon-size: 34rpx;
-	$icon-line-width: 20rpx;
-	$icon-line-height: 4rpx;
+$icon-size: 34rpx;
+$icon-line-width: 20rpx;
+$icon-line-height: 4rpx;
 
-	.page {
-		background: #F9F9F9;
-		padding: 30rpx;
-		padding-bottom: 200rpx;
+.page {
+	background: #f9f9f9;
+	padding: 30rpx;
+	padding-bottom: 200rpx;
+}
+
+.my-switch {
+	transform: scale(0.7);
+}
+
+::v-deep .uni-forms-item__error {
+	display: none !important;
+}
+
+::v-deep .option .uni-forms-item {
+	padding: 0;
+	min-height: inherit;
+	background-color: transparent;
+	border-top: none;
+}
+
+.icon {
+	width: $icon-size;
+	height: $icon-size;
+	position: relative;
+	border-radius: 50%;
+
+	&:before,
+	&::after {
+		position: absolute;
+		display: block;
+		content: '';
+		background-color: #fff;
+	}
+}
+
+.icon-add {
+	background-color: $my-main-color;
+
+	&::before {
+		width: $icon-line-height;
+		height: $icon-line-width;
+		top: calc(($icon-size / 2) - ($icon-line-width / 2));
+		left: calc(($icon-size / 2) - ($icon-line-height / 2));
 	}
 
-	.my-switch {
-		transform: scale(0.7);
+	&::after {
+		width: $icon-line-width;
+		height: 4rpx;
+		top: calc(($icon-size / 2) - ($icon-line-height / 2));
+		left: calc(($icon-size / 2) - ($icon-line-width / 2));
 	}
+}
 
-	::v-deep .uni-forms-item__error {
-		display: none !important;
+.icon-reduce {
+	background-color: $my-red-color;
+
+	&::after {
+		width: $icon-line-width;
+		height: $icon-line-height;
+		top: calc(($icon-size / 2) - ($icon-line-height / 2));
+		left: calc(($icon-size / 2) - ($icon-line-width / 2));
 	}
+}
 
-	::v-deep .option .uni-forms-item {
-		padding: 0;
-		min-height: inherit;
-		background-color: transparent;
-		border-top: none;
+.label-title {
+	font-size: 28rpx;
+	font-weight: bold;
+	font-family: Source Han Sans CN, Source Han Sans CN;
+}
+
+.lh40 {
+	line-height: 40rpx;
+}
+
+.box {
+	margin-top: 70rpx;
+	font-size: 28rpx;
+
+	.block {
+		background: #ffffff;
+		border-radius: 18rpx 18rpx 18rpx 18rpx;
+		padding: 12rpx 24rpx;
+		margin-bottom: 32rpx;
 	}
+}
 
-	.icon {
-		width: $icon-size;
-		height: $icon-size;
-		position: relative;
-		border-radius: 50%;
+.save-btn-box {
+	position: fixed;
+	left: 30rpx;
+	right: 30rpx;
+	bottom: 60rpx;
+}
 
-		&:before,
-		&::after {
-			position: absolute;
-			display: block;
-			content: '';
-			background-color: #fff;
-		}
-	}
+::v-deep.uni-forms-item {
+	align-items: inherit;
+}
 
-	.icon-add {
-		background-color: $my-main-color;
+::v-deep .uni-forms-item .uni-forms-item__label {
+	text-indent: 0;
+	font-size: 28rpx !important;
+	font-weight: bold;
+	color: #333;
+}
 
-		&::before {
-			width: $icon-line-height;
-			height: $icon-line-width;
-			top: calc(($icon-size /2) - ($icon-line-width / 2));
-			left: calc(($icon-size /2) - ($icon-line-height / 2));
-		}
+::v-deep .border-top-0 .uni-forms-item.is-direction-top {
+	border-color: transparent !important;
+}
 
-		&::after {
-			width: $icon-line-width;
-			height: 4rpx;
-			top: calc(($icon-size /2) - ($icon-line-height / 2));
-			left: calc(($icon-size /2) - ($icon-line-width / 2));
-		}
-	}
+.save-btn {
+	background-color: $my-main-color;
+	color: #fff;
+	border-radius: 12rpx;
+	font-size: 28rpx;
+}
 
-	.icon-reduce {
-		background-color: $my-red-color;
+.btn-hover-class {
+	opacity: 0.6;
+}
 
-		&::after {
-			width: $icon-line-width;
-			height: $icon-line-height;
-			top: calc(($icon-size /2) - ($icon-line-height / 2));
-			left: calc(($icon-size /2) - ($icon-line-width / 2));
-		}
-	}
+.zuofa {
+	padding: 28rpx 0;
+	background: #f9f9f9;
+	padding-left: 42rpx;
+	border-radius: 14rpx 14rpx 14rpx 14rpx;
+}
 
-	.label-title {
-		font-size: 28rpx;
-		font-weight: bold;
-		font-family: Source Han Sans CN, Source Han Sans CN;
-	}
+::v-deep .uni-input-placeholder {
+	font-size: 28rpx;
+}
 
-	.lh40 {
-		line-height: 40rpx;
-	}
+.option {
+	padding: 26rpx 30rpx 24rpx 24rpx;
+	background: #f9f9f9;
+}
 
-	.box {
-		margin-top: 70rpx;
-		font-size: 28rpx;
-
-		.block {
-			background: #FFFFFF;
-			border-radius: 18rpx 18rpx 18rpx 18rpx;
-			padding: 12rpx 24rpx;
-			margin-bottom: 32rpx;
-		}
-	}
-
-	.save-btn-box {
-		position: fixed;
-		left: 30rpx;
-		right: 30rpx;
-		bottom: 60rpx;
-
-	}
-
-	::v-deep.uni-forms-item {
-		align-items: inherit;
-	}
-
-	::v-deep .uni-forms-item .uni-forms-item__label {
-		text-indent: 0;
-		font-size: 28rpx !important;
-		font-weight: bold;
-		color: #333;
-	}
-
-	::v-deep .border-top-0 .uni-forms-item.is-direction-top {
-		border-color: transparent !important;
-	}
-
-	.save-btn {
-		background-color: $my-main-color;
-		color: #fff;
-		border-radius: 12rpx;
-		font-size: 28rpx;
-	}
-
-	.btn-hover-class {
-		opacity: .6;
-	}
-
-	.zuofa {
-		padding: 28rpx 0;
-		background: #F9F9F9;
-		padding-left: 42rpx;
-		border-radius: 14rpx 14rpx 14rpx 14rpx;
-	}
-
-	::v-deep .uni-input-placeholder {
-		font-size: 28rpx;
-	}
-
-	.option {
-		padding: 26rpx 30rpx 24rpx 24rpx;
-		background: #F9F9F9;
-	}
-
-	.option-item {
-		margin-bottom: 10rpx;
-	}
-</style>
\ No newline at end of file
+.option-item {
+	margin-bottom: 10rpx;
+}
+</style>
diff --git a/pageRecharge/index.vue b/pageRecharge/index.vue
index 74c663e..7bdd61b 100644
--- a/pageRecharge/index.vue
+++ b/pageRecharge/index.vue
@@ -5,52 +5,77 @@
 				<myTabs :defaultIndex="tabsCurrent" :list="tabsList" @change="tabsChange"></myTabs>
 			</view>
 		</view>
-		<template v-if="tabsCurrent===0">
+		<template v-if="tabsCurrent === 0">
 			<view class="u-p-30">
-				<view class="u-flex  bg-fff u-p-30 border-r-12" @tap="toAddRecharge">
-					<view class="u-m-r-22 ">
+				<view class="u-flex bg-fff u-p-30 border-r-12" @tap="toAddRecharge">
+					<view class="u-m-r-22">
 						<my-icons type="add"></my-icons>
 					</view>
 					<view class="">添加充值面额</view>
 				</view>
 			</view>
-			
+
 			<view class="u-p-30">
-				<view class="u-m-b-32" v-for="(item,index) in rechargeLists" :key="index">
+				<view class="u-m-b-32" v-for="(item, index) in rechargeLists" :key="index">
 					<recharge-item @del="rechargeItemDel" :index="index" :data="item"></recharge-item>
 				</view>
 			</view>
-			
-			
 		</template>
-		<template v-if="tabsCurrent===1">
+		<template v-if="tabsCurrent === 1">
+			<view class="card-wrap">
+				<view class="card">
+					<view class="header">
+						<text class="title">自定义金额</text>
+						<my-switch v-model="settingForm.isCustom"></my-switch>
+					</view>
+					<view class="tips">
+						<text class="t">自定义金额不参与赠送优惠</text>
+					</view>
+				</view>
+			</view>
+			<view class="card-wrap">
+				<view class="card no-bg">
+					<view class="header">
+						<text class="title">可用门店</text>
+					</view>
+					<my-shop-select v-model:useType="settingForm.useType" v-model:selShops="settingForm.shopIdList" @useTypeChange="useTypeChange"></my-shop-select>
+				</view>
+			</view>
+			<view class="card-wrap">
+				<view class="card">
+					<view class="header">
+						<text class="title">充值并下单</text>
+						<my-switch v-model="settingForm.isOrder"></my-switch>
+					</view>
+					<view class="tips">
+						<text class="t">开启后，订单支付页面显示充值选项</text>
+					</view>
+				</view>
+			</view>
 			<view class="u-p-30">
 				<view class="bg-fff u-p-30 border-r-12">
 					<view>充值说明</view>
 					<view class="u-p-30 border-r-12 border u-m-t-30">
 						<view class="">
-							<textarea  placeholder="请填写充值说明"/>
+							<textarea placeholder="请填写充值说明" v-model="settingForm.remark" />
 						</view>
 					</view>
-					
 				</view>
-				<view class="bg-fff u-m-t-30 u-overflow-hide border-r-12 u-p-30 u-flex u-row-between">
+				<!-- <view class="bg-fff u-m-t-30 u-overflow-hide border-r-12 u-p-30 u-flex u-row-between">
 					<view class="">充值前绑定手机</view>
 					<view>
 						<my-switch v-model="mustBindPhone"></my-switch>
 					</view>
-				</view>
-				<view class="u-m-t-60" style="padding: 80rpx;">
-					<my-button showShadow shape="circle">保存</my-button>
+				</view> -->
+				<view class="u-m-t-60" style="padding: 80rpx">
+					<my-button showShadow shape="circle" @click="rechargeSetting">保存</my-button>
 				</view>
 			</view>
-			
-			
 		</template>
-		<template v-if="tabsCurrent===2">
+		<template v-if="tabsCurrent === 2">
 			<view class="bg-fff u-font-28">
 				<view class="box-shadow u-relative">
-					<view class="u-flex u-row-between  u-p-30 u-relative">
+					<view class="u-flex u-row-between u-p-30 u-relative">
 						<view class="u-flex u-col-center" @tap="timeToggle">
 							<text class="color-main">充值时间</text>
 							<view class="icon-down u-m-l-6">
@@ -58,31 +83,30 @@
 							</view>
 						</view>
 						<view class="u-flex u-col-center" @tap="showStatusToggle">
-							<text :class="{'color-main':nowStatusIndex>=1}">状态</text>
+							<text :class="{ 'color-main': nowStatusIndex >= 1 }">状态</text>
 							<view class="icon-down u-m-l-6">
-								<uni-icons type="right" :color="nowStatusIndex>=1 ? $utils.ColorMain:'#000'" size="16"></uni-icons>
+								<uni-icons type="right" :color="nowStatusIndex >= 1 ? $utils.ColorMain : '#000'" size="16"></uni-icons>
 							</view>
 						</view>
-						<view style="width: 164rpx;"></view>
+						<view style="width: 164rpx"></view>
 						<view class="search-box">
-							<view class="search-btn u-flex" @tap="showSearch" :style="{width:searchShow?'690rpx':'164rpx'}">
+							<view class="search-btn u-flex" @tap="showSearch" :style="{ width: searchShow ? '690rpx' : '164rpx' }">
 								<image src="@/static/iconImg/icon-search.svg" class="input-icon" />
-								<view class="u-flex-1 u-p-l-10"><input v-model="keyword" @confirm="searchConfirm" type="text"
-										placeholder-style="font-size:28rpx;" placeholder="搜索" /></view>
+								<view class="u-flex-1 u-p-l-10">
+									<input v-model="keyword" @confirm="searchConfirm" type="text" placeholder-style="font-size:28rpx;" placeholder="搜索" />
+								</view>
 								<view @tap.stop="hideSearch" v-if="searchShow">取消</view>
 							</view>
 						</view>
 					</view>
-				
-					<view :style="{height:showStatus?statusHeight:0}" class="tranistion status  overflow-hide">
-						<view @tap="changeNowStatusIndex(index)" class="u-flex u-p-l-30 lh30 u-p-r-30 u-row-between"
-							v-for="(item,index) in status" :key="index">
-							<view  :class="{'color-main':nowStatusIndex===index}">{{item}}</view>
-							<uni-icons v-if="nowStatusIndex===index" type="checkmarkempty" :color="$utils.ColorMain"></uni-icons>
+
+					<view :style="{ height: showStatus ? statusHeight : 0 }" class="tranistion status overflow-hide">
+						<view @tap="changeNowStatusIndex(index)" class="u-flex u-p-l-30 lh30 u-p-r-30 u-row-between" v-for="(item, index) in status" :key="index">
+							<view :class="{ 'color-main': nowStatusIndex === index }">{{ item }}</view>
+							<uni-icons v-if="nowStatusIndex === index" type="checkmarkempty" :color="$utils.ColorMain"></uni-icons>
 						</view>
-						<view :style="{height: statusBootom+'px'}"></view>
+						<view :style="{ height: statusBootom + 'px' }"></view>
 					</view>
-				
 				</view>
 			</view>
 			<view class="u-flex u-p-30">
@@ -100,7 +124,7 @@
 							<view>充值总额</view>
 							<view class="u-font-32 u-m-t-10">0.00</view>
 						</view>
-						<view style="margin-left: 240rpx;" class="u-flex u-flex-col u-row-center u-col-center">
+						<view style="margin-left: 240rpx" class="u-flex u-flex-col u-row-center u-col-center">
 							<view>充值人次</view>
 							<view class="u-font-32 u-m-t-10">0</view>
 						</view>
@@ -110,189 +134,256 @@
 							<view>退款总额</view>
 							<view class="u-font-32 u-m-t-10">0.00</view>
 						</view>
-						<view style="margin-left: 240rpx;" class="u-flex u-flex-col u-row-center u-col-center">
+						<view style="margin-left: 240rpx" class="u-flex u-flex-col u-row-center u-col-center">
 							<view>退款金额</view>
 							<view class="u-font-32 u-m-t-10">0</view>
 						</view>
 					</view>
 				</view>
 			</view>
-			
 		</template>
-		
+
 		<my-model ref="model" :desc="modelData.desc"></my-model>
 		<my-date-pickerview @confirm="datePickerConfirm" ref="datePicker"></my-date-pickerview>
 	</view>
 </template>
 
 <script setup>
-	import {
-		computed,
-		reactive,
-		ref
-	} from 'vue';
-	import myTabs from '@/components/my-components/my-tabs.vue'
-	import myIcons from '@/components/my-components/my-icons.vue'
-	import mySwitch from '@/components/my-components/my-switch.vue'
-	import myButton from '@/components/my-components/my-button.vue'
-	import myModel from '@/components/my-components/my-model.vue'
-	import myDatePickerview from '@/components/my-components/my-date-pickerview'
-	import rechargeItem from './components/recharge-item.vue'
-	import $util from '@/commons/utils/getDateArea.js';
-	import go from '@/commons/utils/go.js';
-	
-	const model=ref(null)
-	const modelData=reactive({
-		desc:''
-	})
-	function rechargeItemDel(e){
-		modelData.desc=`确定删除【${Number(e.data.price).toFixed(2)}】面额吗?`
-		model.value.open()
-		console.log(e);
-	}
-	function toAddRecharge(){
-		go.to('PAGES_RECHARGE_ADD_RECHARGE')
-	}
-	
-	const rechargeLists=ref([
-		{
-			id:1,
-			price:200,
-			desc:'20.00元、2张券'
-		},
-		{
-			id:2,
-			price:500,
-			desc:'60.00元、4张券'
-		}
-	])
-	
-	
-	
-	let mustBindPhone=ref(true)
-	const nowDate=new Date()
-	const filters=reactive({
-		time:{
-			start:$util.getDayArea(nowDate,'start'),
-			end:$util.getDayArea(nowDate,'end')
-		}
-	})
-	const tabsList = ['充值面额', '充值设置', '充值记录']
-	let tabsCurrent = ref(2)
-	
-	let showStatus=ref(false)
-	function showStatusToggle(){
-		showStatus.value=!showStatus.value
-	}
-	
-	const statusBootom=14
-	const statusHeight= computed(()=>{
-		return 30*status.length+statusBootom +'px'
-	})
-	
+import { computed, reactive, ref } from 'vue';
+import myTabs from '@/components/my-components/my-tabs.vue';
+import myIcons from '@/components/my-components/my-icons.vue';
+import mySwitch from '@/components/my-components/my-switch.vue';
+import myButton from '@/components/my-components/my-button.vue';
+import myModel from '@/components/my-components/my-model.vue';
+import myDatePickerview from '@/components/my-components/my-date-pickerview';
+import rechargeItem from './components/recharge-item.vue';
+import $util from '@/commons/utils/getDateArea.js';
+import go from '@/commons/utils/go.js';
+import { shopRechargePost, shopRechargeGet } from '@/http/api/market/index.js';
+import { onLoad } from '@dcloudio/uni-app';
 
-	let searchShow = ref(false)
+const model = ref(null);
+const modelData = reactive({
+	desc: ''
+});
+function rechargeItemDel(e) {
+	modelData.desc = `确定删除【${Number(e.data.price).toFixed(2)}】面额吗?`;
+	model.value.open();
+	console.log(e);
+}
+function toAddRecharge() {
+	go.to('PAGES_RECHARGE_ADD_RECHARGE');
+}
 
-	function showSearch() {
-		searchShow.value = true
-	}
-	const status = ['全部', '未支付', '支付成功']
-	let nowStatusIndex = ref(0)
-	function changeNowStatusIndex(i) {
-		nowStatusIndex.value = i
-		showStatus.value=false
-	}
-	function hideSearch() {
-		searchShow.value = false
+const rechargeLists = ref([
+	{
+		id: 1,
+		price: 200,
+		desc: '20.00元、2张券'
+	},
+	{
+		id: 2,
+		price: 500,
+		desc: '60.00元、4张券'
 	}
+]);
 
-	function tabsChange(i) {
-		console.log(i);
-		tabsCurrent.value = i
+let mustBindPhone = ref(true);
+const nowDate = new Date();
+const filters = reactive({
+	time: {
+		start: $util.getDayArea(nowDate, 'start'),
+		end: $util.getDayArea(nowDate, 'end')
 	}
+});
+const tabsList = ['充值面额', '充值设置', '充值记录'];
+let tabsCurrent = ref(0);
 
-	let keyword = ref('')
+const settingForm = ref({
+	id: '',
+	isCustom: 1, // 自定义金额
+	useType: 'all',
+	shopIdList: [], // 可用门店
+	isOrder: 1, // 充值并下单
+	remark: ''
+});
 
-	function searchConfirm(e) {
-		console.log(e)
+function useTypeChange(e) {
+	if (e == 'all') {
+		settingForm.value.shopIdList = [];
 	}
-	
-	const datePicker=ref(null)
-	function timeToggle(){
-		datePicker.value.toggle()
-		showStatus.value=false
+}
+
+// 获取设置
+async function shopRechargeGetAjax() {
+	try {
+		const res = await shopRechargeGet();
+		settingForm.value = res;
+	} catch (error) {
+		console.log(error);
 	}
-	function datePickerConfirm(e){
-		console.log(e);
-		filters.time.start=e.start
-		filters.time.end=e.end
+}
+
+// 保存充值设置
+async function rechargeSetting() {
+	console.log('settingForm', settingForm.value);
+	try {
+		uni.showLoading({
+			title: '保存中...'
+		});
+		await shopRechargePost(settingForm.value);
+		uni.showToast({
+			title: '保存成功',
+			icon: 'none'
+		});
+	} catch (error) {
+		console.log(error);
 	}
+	setTimeout(() => {
+		uni.hideLoading();
+	}, 500);
+}
+
+let showStatus = ref(false);
+function showStatusToggle() {
+	showStatus.value = !showStatus.value;
+}
+
+const statusBootom = 14;
+const statusHeight = computed(() => {
+	return 30 * status.length + statusBootom + 'px';
+});
+
+let searchShow = ref(false);
+
+function showSearch() {
+	searchShow.value = true;
+}
+const status = ['全部', '未支付', '支付成功'];
+let nowStatusIndex = ref(0);
+function changeNowStatusIndex(i) {
+	nowStatusIndex.value = i;
+	showStatus.value = false;
+}
+function hideSearch() {
+	searchShow.value = false;
+}
+
+function tabsChange(i) {
+	console.log(i);
+	tabsCurrent.value = i;
+}
+
+let keyword = ref('');
+
+function searchConfirm(e) {
+	console.log(e);
+}
+
+const datePicker = ref(null);
+function timeToggle() {
+	datePicker.value.toggle();
+	showStatus.value = false;
+}
+function datePickerConfirm(e) {
+	console.log(e);
+	filters.time.start = e.start;
+	filters.time.end = e.end;
+}
+
+onLoad(() => {
+	shopRechargeGetAjax();
+});
 </script>
 
 <style lang="scss" scoped>
-	.u-overflow-hide{
-		overflow: hidden;
-	}
-	.border{
-		border: 1px solid #E5E5E5;
-	}
-	.border-r-12{
-		border-radius: 12rpx;
-	}
-	.recoreds{
-		background: linear-gradient( 127deg, #33A0FF 0%, #6699FF 100%);
-		box-shadow: 0rpx 20rpx 60rpx 2rpx rgba(92,112,248,0.2);
-		border-radius: 14rpx 14rpx 14rpx 14rpx;
-		padding: 32rpx 40rpx 40rpx 48rpx;
-	}
-	.lh30 {
-		line-height: 30px;
-	}
-	.status {
-		position: absolute;top: 100%;
-		left: 0;
-		right: 0;
-		z-index: 10;
-		background-color: #fff;
-	}
-	.input-icon {
-		width: 28rpx;
-		height: 28rpx;
-	}
+.u-overflow-hide {
+	overflow: hidden;
+}
+.border {
+	border: 1px solid #e5e5e5;
+}
+.border-r-12 {
+	border-radius: 12rpx;
+}
+.recoreds {
+	background: linear-gradient(127deg, #33a0ff 0%, #6699ff 100%);
+	box-shadow: 0rpx 20rpx 60rpx 2rpx rgba(92, 112, 248, 0.2);
+	border-radius: 14rpx 14rpx 14rpx 14rpx;
+	padding: 32rpx 40rpx 40rpx 48rpx;
+}
+.lh30 {
+	line-height: 30px;
+}
+.status {
+	position: absolute;
+	top: 100%;
+	left: 0;
+	right: 0;
+	z-index: 10;
+	background-color: #fff;
+}
+.input-icon {
+	width: 28rpx;
+	height: 28rpx;
+}
 
-	.box-shadow {
-		box-shadow: 0 0 5px #eee;
-	}
+.box-shadow {
+	box-shadow: 0 0 5px #eee;
+}
 
-	.search-box {
-		background-color: #fff;
-		padding: 16rpx 0;
-		top: 0;
-		bottom: 0;
-		position: absolute;
-		right: 30rpx;
+.search-box {
+	background-color: #fff;
+	padding: 16rpx 0;
+	top: 0;
+	bottom: 0;
+	position: absolute;
+	right: 30rpx;
+	display: flex;
+
+	.search-btn {
+		padding: 0 30rpx;
+		box-sizing: border-box;
 		display: flex;
-
-		.search-btn {
-			padding: 0 30rpx;
-			box-sizing: border-box;
+		align-items: center;
+		// width: 164rpx;
+		transition: all 0.3s ease-in-out;
+		background-color: rgb(247, 247, 247);
+		border-radius: 100px;
+	}
+}
+.time-area {
+	background: #e6f0ff;
+	border-radius: 100px;
+	padding: 10rpx 20rpx;
+}
+.icon-down {
+	transform: rotate(90deg);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+.card-wrap {
+	padding: 28upx 28upx 0;
+	.card {
+		background-color: #fff;
+		border-radius: 20upx;
+		padding: 28upx;
+		.header {
 			display: flex;
-			align-items: center;
-			// width: 164rpx;
-			transition: all .3s ease-in-out;
-			background-color: rgb(247, 247, 247);
-			border-radius: 100px;
+			justify-content: space-between;
+			padding-bottom: 12upx;
+			.title {
+				font-size: 28upx;
+				font-weight: bold;
+			}
+		}
+		.tips {
+			.t {
+				font-size: 28upx;
+				color: #999;
+			}
 		}
 	}
-	.time-area{
-		background: #E6F0FF;
-		border-radius: 100px;
-		padding: 10rpx 20rpx;
-	}
-	.icon-down {
-		transform: rotate(90deg);
-		display: flex;
-		justify-content: center;
-		align-items: center;
-	}
-</style>
\ No newline at end of file
+}
+</style>