2023年7月25日14:34:29

pages/user/user.vue

 			<image :src="`${$imgUrl}user/bg-user-2.png`" class="bg-head" mode="widthFix"></image>
 			<!-- <view class="bar" :style="{ top: top, height: height, lineHeight: height }">我的-九州ETC</view> -->
 			<view class="content" :style="{ top: margin + 'px' }">
-			<!-- <view class="content"> -->
+				<!-- <view class="content"> -->
 				<view class="head" :style="{ marinTop: margin + 'px' }">
 					<view class="avatar">
 						<image :src="`${$imgUrl}user/icon-avatar.png`" :class="!state.data.opId ? 'unlogin' : ''">
 							<text>总消费</text>
 						</view>
 						<view class="amount m-top">
-							<text>¥ {{state.monthFlowingVo.flowingNum/100}}</text>
-							<text>¥ {{state.monthFlowingVo.money/100}}</text>
+							<text>¥
+								{{(state.monthFlowingVo.flowingNum ? state.monthFlowingVo.flowingNum : 0) /100}}</text>
+							<text>¥
+								{{(state.monthFlowingVo.flowingNum ? state.monthFlowingVo.flowingNum : 0)/100}}</text>
 						</view>
 						<view class="line m-top">
 							<view class="line1"
-								:style="{width: state.monthFlowingVo.flowingNum*100/state.monthFlowingVo.money+'%'}">
+								:style="{width: (state.monthFlowingVo.flowingNum ? state.monthFlowingVo.flowingNum : 0)*100/state.monthFlowingVo.money+'%'}">
 							</view>
 							<view class="line2"></view>
 						</view>
 			console.log("state.list", state.list, data.length)
 		})
 			.catch((err) => {
-				console.log('输出内容',err)
+				console.log('输出内容', err)
 			});
 	}
 	const getUserInfo = () => {
 		filter: grayscale(100%);
 		opacity: 0.7;
 	}
+
 	.wrapper {
 		position: relative;
 		background: #fff;