<template>
	<view class="page" :style="themeColor">
		<view class="flex benben-position-layout flex flex-wrap align-center certificationAudit_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub certificationAudit_fd0_0'>
				<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
					<text class='fu-iconfont2  certificationAudit_fd0_0_c0_c0' @tap.stop="handleJumpDiy"
						data-type="back" data-url="1">&#xE794;</text>
				</view>
				<view class='flex flex-wrap align-stretch justify-center flex-sub'>
					<text class='certificationAudit_fd0_0_c1_c0'>审核</text>
				</view>
				<view class='flex flex-wrap align-center certificationAudit_fd0_0_c2'>
				</view>
			</view>

		</view>
		<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
		<!---审核状态flex布局开始-->
		<view class="flex flex-direction flex-wrap align-center benben-flex-layout certificationAudit_flex_1">
			<image class='certificationAudit_fd1_0' :src='STATIC_URL+"146.png"' v-if="stateUS=='0' || stateUS=='1'"></image>
			<image class='certificationAudit_fd1_0_1' mode="aspectFill" :src='STATIC_URL+"147.png"' v-if="stateUS=='2'"></image>
			<view class='flex flex-direction flex-wrap align-center' v-if="stateUS=='0'">
				<view class='flex flex-wrap align-center'>
					<text class='certificationAudit_fd1_1_c0_c0'>您的资质认证已提交，</text>
				</view>
				<view class='flex flex-wrap align-center'>
					<text class='certificationAudit_fd1_1_c1_c0'>我们会在</text>
					<text class='certificationAudit_fd1_1_c1_c1'>1-3</text>
					<text>个工作日</text>
					<text class='certificationAudit_fd1_1_c1_c3'>对您提交的资料进行审核，</text>
				</view>
				<view class='flex flex-wrap align-center'>
					<text class='certificationAudit_fd1_1_c2_c0'>审核通过您即可正常使用APP</text>
				</view>
			</view>
			<view class='flex flex-direction flex-wrap align-center' v-if="stateUS=='2'">
				<text class='certificationAudit_fd1_2_c0'> 您的资质认证已审核失败，
				</text>
				<text class='certificationAudit_fd1_2_c1'>请您重新提交的资料进行审核，
				</text>
				<text class='certificationAudit_fd1_2_c2'>审核通过您即可正常使用APP</text>
        <view class='certificationAudit_fd1_2_c2' style="margin-top: 32rpx; color: red;">驳回原因：{{reason}}</view>
        <button
        	class='certificationAudit_fd1_3_1' @tap.stop="handleJumpDiy" data-type="redirectTo"
        	:data-url="`/pages/my/merchantSettlement/merchantSettlement?type=` + 1" v-if="stateUS=='2'">重新提交</button>
			</view>

      <view class='flex flex-direction flex-wrap align-center' v-if="stateUS=='1'">
      	<text class='certificationAudit_fd1_2_c0'> 您的资质认证已审核通过，
      	</text>
      	<text class='certificationAudit_fd1_2_c1'>请您下载萬家商超商家版app进行使用
      	</text>
      	<text class='certificationAudit_fd1_2_c2' v-if="appstore_list">{{appstore_list}}</text>
      	<!-- <text class='certificationAudit_fd1_2_c2'>审核通过您即可正常使用APP</text> -->
      </view>
			<!-- <button class='certificationAudit_fd1_3' @tap.stop="toLoginDiy()" v-if="stateUS=='1'">退出</button> -->
      <button
				class='certificationAudit_fd1_3_1' @tap.stop="handleJumpIndex" data-type="redirectTo"
				:data-url="`/pages/my/merchantSettlement/merchantSettlement?type=` + 1" v-if="stateUS=='1'">返回首页</button>
		</view>

		<!---审核状态flex布局结束-->


	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"stateUS": "0",
        reason:  '',
				appstore_list: ''
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {
			let {stateUS} = options
			if (stateUS !== undefined) this.stateUS = stateUS
      this.getShopStatus();
		},
		methods: {
      getShopStatus() {
        this.$api
          .post(global.apiUrls.getShopStatus)
          .then(res => {
            console.log(res);
            res = res.data;
            if (res.code == 1) {
              this.reason = res.data.reason;
              this.appstore_list = res.data.appstore_list;
            }
            uni.stopPullDownRefresh();
          });
      },
      handleJumpIndex() {
        uni.switchTab({
          url: '/pages/tabBar/homePage/homePage'
        })
      },
			toLoginDiy(){
				uni.reLaunch({
					url:'/pages/tabBar/passwordLogi/passwordLogi'
				})
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: rgba(255, 255, 255, 1);
		background-size: 100% auto !important;
	}

	.certificationAudit_flex_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.certificationAudit_fd0_0_c2 {
		width: 32rpx;
		height: 32rpx;
	}

	.certificationAudit_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333;
		line-height: 88rpx;
	}

	.certificationAudit_fd0_0_c0_c0 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
		line-height: 88rpx;
	}

	.certificationAudit_fd0_0 {
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.certificationAudit_flex_1 {
		padding: 88rpx 0rpx 0rpx 0rpx;
	}

	.certificationAudit_fd1_3_1 {
		background: rgba(255, 147, 0, 1);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 28rpx;
		color: rgba(255, 255, 255, 1);
		width: 320rpx;
		height: 72rpx;
		line-height: 72rpx;
		font-weight: 500;
		margin: 98rpx 0rpx 0rpx 0rpx;
	}

	.certificationAudit_fd1_3 {
		background: rgba(255, 147, 0, 1);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 28rpx;
		color: rgba(255, 255, 255, 1);
		width: 320rpx;
		height: 72rpx;
		line-height: 72rpx;
		font-weight: 500;
		margin: 98rpx 0rpx 0rpx 0rpx;
	}

	.certificationAudit_fd1_2_c2 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.certificationAudit_fd1_2_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.certificationAudit_fd1_2_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.certificationAudit_fd1_1_c2_c0 {
		line-height: 52rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		text-align: center;
	}

	.certificationAudit_fd1_1_c1_c3 {
		line-height: 52rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		text-align: center;
	}

	.certificationAudit_fd1_1_c1_c1 {
		line-height: 52rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(255, 147, 0, 1);
		text-align: center;
	}

	.certificationAudit_fd1_1_c1_c0 {
		line-height: 52rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		text-align: center;
	}

	.certificationAudit_fd1_1_c0_c0 {
		line-height: 52rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		text-align: center;
	}

	.certificationAudit_fd1_0_1 {
		width: 250rpx;
		height: 180rpx;
		margin: 0rpx 0rpx 81rpx 0rpx;
	}

	.certificationAudit_fd1_0 {
		width: 250rpx;
		height: 180rpx;
		margin: 0rpx 0rpx 81rpx 0rpx;
	}
</style>
