<template>
	<view>
		<view class="gasCardCss">
			<view class="topCardCss flex align-center justify-between">
				<view class="flex justify-between align-center w50" @click="goMyGasBottlePage">
					<view class="flex justify-between">
						<view class="flex flex-direction">
							<view class="flex">
								<text class="text-bold">
									申请退瓶
								</text>
								<text
									class="themeColor text-bol">（{{ userInfo && userInfo.stats && userInfo.stats.zyqp ? userInfo.stats.zyqp : '0'}}）</text>
							</view>
							<view class="margin-top text-sm text-gray">
								查看在用气瓶信息
							</view>
						</view>
					</view>
					<view class="margin-xs">
						<u-image width="20px" height="30px" mode="widFix"
							src="/static/images/mine/gasCard-01.png"></u-image>
					</view>
				</view>
				<view class="" style="width: 1px;height: 50px;margin: 0 10px;">
					<u-line dashed direction="col" height="50px" color="#000"></u-line>
				</view>
				<view class="flex justify-between align-center w50" @click="goMyRhajPage">
					<view class="flex justify-between">
						<view class="flex flex-direction">
							<view class="flex">
								<view class="text-bold">
									<!-- <text class="themeColor">{{ userInfo && userInfo.stats && userInfo.stats.syjf ? userInfo.stats.syjf : '0'}}</text> -->
									<text>入户安检</text>
								</view>
								<!-- <text class="themeColord">入户安检</text> -->
							</view>
							<view class="margin-top text-sm text-gray">
								查看安检记录
							</view>
						</view>
					</view>
					<view class="margin-xs">
						<u-image width="30px" height="30px" mode="widFix"
							src="/static/images/mine/gasCard-02.png"></u-image>
					</view>
				</view>
			</view>
			<view class="bomCardCss flex align-center justify-between">
				<view class="flex justify-between align-center w50" @click="goMyHyzxPage">
					<view class="flex justify-between">
						<view class="flex flex-direction">
							<view class="flex">
								<text class="text-bold">
									会员中心
								</text>
								<text class="themeColor"></text>
							</view>
							<view class="margin-top text-sm text-gray">
								查看最新会员权益
							</view>
						</view>
					</view>
					<view class="margin-xs">
						<u-image width="30px" height="30px" src="/static/images/mine/gasCard-03.png"></u-image>
					</view>
				</view>
				<view class="" style="width: 1px;height: 50px;margin: 0 10px;">
					<u-line dashed direction="col" height="50px" color="#000"></u-line>
				</view>
				<view class="flex justify-between align-center w50" @click="goMySczxPage">
					<view class="flex justify-between">
						<view class="flex flex-direction">
							<view class="flex">
								<view class="text-bold">
									收藏中心
								</view>
								<text class="themeColor"></text>
							</view>
							<view class="margin-top text-sm text-gray">
								收藏的门店或气瓶
							</view>
						</view>
					</view>
					<view class="margin-xs">
						<u-image width="30px" height="30px" src="/static/images/mine/gasCard-04.png"></u-image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		props: {
			userInfo: Object,
		},
		data() {
			return {

			}
		},
		computed: {

		},
		onLoad() {
			console.log('打印this.uuserInfo', this.userInfo);
		},
		onShow() {
			console.log('打印this.uuserInfo', this.userInfo)
		},
		methods: {
			goMyGasBottlePage() {
				uni.navigateTo({
					url: `/pages/mine/myGasBottle?type=zyqp`
				})
			},
			goMyRhajPage() {
				uni.navigateTo({
					url: '/pages/mine/appList/homeSecurity/homeSecurityCheck'
				})
			},
      goMyHyzxPage(){
        uni.navigateTo({
          url: `/pages/mine/emptyPage?pageName=会员中心`
        })
      },
      goMySczxPage(){
        uni.navigateTo({
          url: `/pages/mine/emptyPage?pageName=收藏中心`
        })
      },
		}
	}
</script>

<style lang="scss" scoped>
	.gasCardCss {
		.topCardCss {
			margin: 0 10px;
			padding: 10px;
			background: #FFE1D0;
			border-radius: 10px 10px 0 0;
		}

		.bomCardCss {
			margin: 0 10px;
			padding: 10px;
			background: #fff;
			border-radius: 0 0 10px 10px;
		}
	}
</style>