Răsfoiți Sursa

fix:我的页面修复bug

xyh8905170 2 ani în urmă
părinte
comite
9bb8b5a4c2

+ 120 - 120
myPages/rechargeRecord/module/mescrollUni-item.vue

@@ -8,20 +8,20 @@
 	<mescroll-uni :ref="'mescrollRef' + i" @init="mescrollInit" :height="height" :down="downOption" @down="downCallback"
 		:up="upOption" @up="upCallback" @emptyclick="emptyClick">
 		<view>
-			<view class="item" v-for="(item,index) in list" :key="index">
+			<view class="item" v-for="(item, index) in list" :key="index">
 				<view class="h-value flex-row">
 					<image class="h-img" src="/static/order/ud7.png" mode=""></image>
-					<text class="h-text">订单编号:{{item.orderNo}}</text>
+					<text class="h-text">订单编号:{{ item.orderNo }}</text>
 				</view>
 				<view class="h-value flex-row">
 					<u-icon name="clock" color="#666666" size="16"></u-icon>
-					<text class="h-text">储值时间:{{item.paymentTime}}</text>
+					<text class="h-text">储值时间:{{ item.paymentTime }}</text>
 				</view>
 				<view class="flex-row justify-around">
 					<view>
 						<view class="a">
 							<view class="b aColor">
-								<text>¥{{item.realRechargeAmount || 0}}</text>
+								<text>¥{{ item.realRechargeAmount || 0 }}</text>
 							</view>
 							<view class="c">
 								<text>储值金额</text>
@@ -29,7 +29,7 @@
 						</view>
 						<view class="a">
 							<view class="b aColor">
-								<text>¥{{item.rechargeBalance || 0}}</text>
+								<text>¥{{ item.rechargeBalance || 0 }}</text>
 							</view>
 							<view class="c">
 								<text>储值余额</text>
@@ -39,7 +39,7 @@
 					<view>
 						<view class="a">
 							<view class="b bColor">
-								<text>¥{{item.rewardAmount || 0}}</text>
+								<text>¥{{ item.rewardAmount || 0 }}</text>
 							</view>
 							<view class="c">
 								<text>赠送金额</text>
@@ -47,7 +47,7 @@
 						</view>
 						<view class="a">
 							<view class="b bColor">
-								<text>¥{{item.rewardBalance || 0}}</text>
+								<text>¥{{ item.rewardBalance || 0 }}</text>
 							</view>
 							<view class="c">
 								<text>赠送余额</text>
@@ -57,7 +57,7 @@
 					<view>
 						<view class="a">
 							<view class="b cColor">
-								<text>{{item.couponNum || 0}}</text>
+								<text>{{ item.couponNum || 0 }}</text>
 							</view>
 							<view class="c">
 								<text>赠送优惠券数</text>
@@ -65,7 +65,7 @@
 						</view>
 						<view class="a">
 							<view class="b cColor">
-								<text>{{item.surplusCouponNum || 0}}</text>
+								<text>{{ item.surplusCouponNum || 0 }}</text>
 							</view>
 							<view class="c">
 								<text>剩余优惠券数</text>
@@ -78,157 +78,157 @@
 					<view class="flex-col">
 						<view class="flex-row">
 							<text class="d">当前可用余额:</text>
-							<text class="e">¥{{item.availableBalance}}</text>
+							<text class="e">¥{{ item.availableBalance }}</text>
 						</view>
 						<view class="flex-row ">
 							<text class="d">可退余额:</text>
-							<text class="e">¥{{item.refundableBalance}}</text>
+							<text class="e">¥{{ item.refundableBalance }}</text>
 						</view>
 					</view>
 					<view>
-						<view  @click="gotoSubmitTransaction(item)" v-if="item.rechargeBalance > 0 && !item.refundStatus" class="op-btn">
+						<view @click="gotoSubmitTransaction(item)" v-if="item.rechargeBalance > 0 && !item.refundStatus"
+							class="op-btn">
 							<text>申请退款</text>
 						</view>
-						<view v-else-if="item.refundStatus == 1"  class="op-btn">
+						<view v-else-if="item.refundStatus == 1" class="op-btn">
 							<text>审核中</text>
 						</view>
-						<view v-else-if="item.refundStatus == 2"  class="op-btn">
+						<view v-else-if="item.refundStatus == 2" class="op-btn">
 							<text>已同意</text>
 						</view>
-						<view v-else-if="item.refundStatus == 3"  class="op-btn">
+						<view v-else-if="item.refundStatus == 3" class="op-btn">
 							<text>已驳回</text>
 						</view>
-						<view v-else-if="item.refundStatus == 4"  class="op-btn">
+						<view v-else-if="item.refundStatus == 4" class="op-btn">
 							<text>退款成功
 							</text>
+						</view>
 					</view>
-				</view>
 
+				</view>
 			</view>
-		</view>
-
+		</view>>
 	</mescroll-uni>
 </template>
 
 <script>
-	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
-	import MescrollMoreItemMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mixins/mescroll-more-item.js"
-	export default {
-		mixins: [MescrollMixin, MescrollMoreItemMixin], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
-		components: {
+import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
+import MescrollMoreItemMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mixins/mescroll-more-item.js"
+export default {
+	mixins: [MescrollMixin, MescrollMoreItemMixin], // 注意此处还需使用MescrollMoreItemMixin (必须写在MescrollMixin后面)
+	components: {
+	},
+
+	data() {
+		return {
+			downOption: {
+				auto: false // 不自动加载 (mixin已处理第一个tab触发downCallback)
+			},
+			upOption: {
+				auto: false, // 不自动加载
+				// page: {
+				// 	num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
+				// 	size: 10 // 每页数据的数量
+				// },
+				noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
+				empty: {
+					icon: '/static/imageIcon/empty.png',
+					tip: '暂无内容', // 提示
+					// btnText: '去看看'
+				},
+				textNoMore: '没有更多了'
+			},
+			list: [],
+		}
+	},
+	props: {
+		i: Number, // 每个tab页的专属下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+		index: { // 当前tab的下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
+			type: Number,
+			default() {
+				return 0
+			}
+		},
+		dataTime: {
+			type: String,
+			default() {
+				return ''
+			}
 		},
 
-		data() {
-			return {
-				downOption: {
-					auto: false // 不自动加载 (mixin已处理第一个tab触发downCallback)
-				},
-				upOption: {
-					auto: false, // 不自动加载
-					// page: {
-					// 	num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
-					// 	size: 10 // 每页数据的数量
-					// },
-					noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
-					empty: {
-						icon: '/static/imageIcon/empty.png',
-						tip: '暂无内容', // 提示
-						// btnText: '去看看'
-					},
-					textNoMore: '没有更多了'
-				},
-				list:[],
+		tabs: { // 为了请求数据,演示用,可根据自己的项目判断是否要传
+			type: Array,
+			default() {
+				return []
 			}
 		},
-		props: {
-			i: Number, // 每个tab页的专属下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
-			index: { // 当前tab的下标 (除了支付宝小程序必须在这里定义, 其他平台都可不用写, 因为已在MescrollMoreItemMixin定义)
-				type: Number,
-				default () {
-					return 0
-				}
-			},
-			dataTime:{
-				type:String,
-				default(){
-					return ''
-				}
-			},
+		height: [Number, String], // mescroll的高度
 
-			tabs: { // 为了请求数据,演示用,可根据自己的项目判断是否要传
-				type: Array,
-				default () {
-					return []
-				}
-			},
-			height: [Number, String], // mescroll的高度
+	},
+	watch: {
 
-		},
-		watch:{
+	},
 
-		},
+	created() {
+	},
 
-		created(){
-		},
+	methods: {
 
-		methods: {
 
+		/*下拉刷新的回调 */
+		downCallback() {
+			// 这里加载你想下拉刷新的数据, 比如刷新轮播数据
+			// loadSwiper();
+			// 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
+			this.mescroll.resetUpScroll()
+		},
+		/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
+		upCallback(page) {
+
+			//联网加载数据
+			let httpData = {
+				pageNum: page.num,
+				pageSize: 10,
+				type: this.index
+			}
 
-			/*下拉刷新的回调 */
-			downCallback() {
-				// 这里加载你想下拉刷新的数据, 比如刷新轮播数据
-				// loadSwiper();
-				// 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 page.num=1, 再触发upCallback方法 )
-				this.mescroll.resetUpScroll()
-			},
-			/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
-			upCallback(page) {
-
-				//联网加载数据
-				let httpData = {
-					pageNum:page.num,
-					pageSize:10,
-					type:this.index
-				}
-
-				this.$api.orderRechargeList(httpData).then((res) => {
-					//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
-					this.mescroll.endSuccess(res.data.rows.length,res.data.rows.length === 10);
-					//设置列表数据
-					if (page.num === 1) this.list = []; //如果是第一页需手动制空列表
-					this.list = this.list.concat(res.data.rows); //追加新数据
-					console.log(this.list)
-				}).catch((err) => {
-					//联网失败, 结束加载
-					this.mescroll.endErr();
-				})
+			this.$api.orderRechargeList(httpData).then((res) => {
+				//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
+				this.mescroll.endSuccess(res.data.rows.length, res.data.rows.length === 10);
+				//设置列表数据
+				if (page.num === 1) this.list = []; //如果是第一页需手动制空列表
+				this.list = this.list.concat(res.data.rows); //追加新数据
+				console.log(this.list)
+			}).catch((err) => {
+				//联网失败, 结束加载
+				this.mescroll.endErr();
+			})
 
 
-			},
+		},
 
-			//点击空布局按钮的回调
-			emptyClick() {
-				uni.showToast({
-					title: '点击了按钮,具体逻辑自行实现'
-				})
-			},
-			// 搜索
-			doSearch() {
-				this.list = []; // 先清空列表,显示加载进度
-				this.mescroll.resetUpScroll();
-			},
+		//点击空布局按钮的回调
+		emptyClick() {
+			uni.showToast({
+				title: '点击了按钮,具体逻辑自行实现'
+			})
+		},
+		// 搜索
+		doSearch() {
+			this.list = []; // 先清空列表,显示加载进度
+			this.mescroll.resetUpScroll();
+		},
 
-			gotoSubmitTransaction(item){
-				uni.navigateTo({
-					url:'/myPages/transactionPassword/index?data='+JSON.stringify(item)
-				})
-			},
+		gotoSubmitTransaction(item) {
+			uni.navigateTo({
+				url: '/myPages/transactionPassword/index?data=' + JSON.stringify(item)
+			})
+		},
 
-		}
 	}
+}
 </script>
 <style>
-	@import '/common/css/common.css';
-	@import './index.rpx.css';
-
+@import '/common/css/common.css';
+@import './index.rpx.css';
 </style>

+ 2 - 2
otherPages/storeService/index.vue

@@ -21,14 +21,14 @@
                     </view>
                     <view class="group_2"></view>
                 </view>
-            </scroll-view>>
+            </scroll-view>
 
             <view class="tabBarLineHeight"></view>
             <view class="tabBarView">
                 <view class="submitButton">提交</view>
             </view>
         </view>
-    </view>>
+    </view>
 </template>
 
 <script>