<template>
	<view class="merchant-details">
		<view class="tit">
			<u--image style="margin: 0 auto;" :showLoading="true" src="../../../static/images/SJRZ/SB.png"
				width="348.83rpx" height="271.77rpx" @click="goBack"></u--image>
			抱歉,你的入驻申请审核未通过!
		</view>
		<view class="content">
			<view class="steps">
				<u-steps current="3" direction="column">
					<u-steps-item title="待审核" desc="10:35">
						<text class="slot-icon" slot="icon"><u--image style="margin: 0 auto;" :showLoading="true"
								src="../../../static/images/SJRZ/SBBZ.png" width="31.54rpx"
								height="31.54rpx"></u--image></text>
					</u-steps-item>
					<u-steps-item title="待审核" desc="10:35">
						<text class="slot-icon" slot="icon"><u--image style="margin: 0 auto;" :showLoading="true"
								src="../../../static/images/SJRZ/SBBZ.png" width="31.54rpx"
								height="31.54rpx"></u--image></text>
					</u-steps-item>
					<u-steps-item title="待审核" desc="10:35">
						<text class="slot-icon" slot="icon"><u--image style="margin: 0 auto;" :showLoading="true"
								src="../../../static/images/SJRZ/SBBZ.png" width="31.54rpx"
								height="31.54rpx"></u--image></text>
					</u-steps-item>
				</u-steps>
			</view>
			<view class="msg">
				<view style="margin-bottom: 20rpx;">
					<text style="font-weight: bold;">驳回原因：</text>
					<text class="">{{resData.fail_msg}}</text>
				</view>

				<!-- 	<view class=" phone">
					<view class="">
						<text class="head">商户账号：</text>
						<text class="content">{{resData.phone}}</text>
					</view>
					<text class="cope" @click="copyTBL()">复制</text>
				</view> -->
			</view>

		</view>

		<view class="btn_bottom" @click="navgo( `/pages/store/settled/index?mer_i_id=${mer_i_id}`)">
			<u-button type="primary" style="background-color: #3274F9;border-radius: 30rpx;border: none;"
				text="重新提交"></u-button>
		</view>
		<!-- <view class="top">
			<image class="img" src="../static/images/successTop.png" mode=""></image>
			<view class="title">
				恭喜，您的申请已通过！
			</view>
		</view>
		<view class="msg" v-if="mer_id > 0 && resData.login_url">
			<view class="url">
				<text class="head">登录地址：</text>
				<text class="content">{{resData.login_url}}</text>
			</view>
			<view class="phone">
				<view class="">
					<text class="head">商户账号：</text>
					<text class="content">{{resData.phone}}</text>
				</view>
				<text class="cope" @click="copyTBL()">复制</text>
			</view>
		</view> -->

	</view>
</template>

<script>
	// +----------------------------------------------------------------------
	// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
	// +----------------------------------------------------------------------
	// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
	// +----------------------------------------------------------------------
	// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
	// +----------------------------------------------------------------------
	// | Author: CRMEB Team <admin@crmeb.com>
	// +----------------------------------------------------------------------
	import {
		getGoodsDetails
	} from '@/api/store.js'
	export default {
		data() {
			return {
				mer_id: 0,
				resData: {},
				mer_i_id: "",
				// res: ","
			}
		},
		onLoad(e) {
			this.mer_id = e.mer_id
			this.mer_i_id = e.mer_i_id
			this.getGoodsDetails(e.mer_i_id)


		},
		methods: {
			navgo(url) {
				uni.navigateTo({
					url
				})
			},
			getGoodsDetails(id) {
				getGoodsDetails(id).then(res => {
					this.resData = res.data
				})
			},
			copyTBL(url) {
				let copeData = `登录地址:${this.resData.login_url} 商户账号:${this.resData.phone}`
				// #ifdef MP || APP-PLUS
				uni.setClipboardData({
					data: copeData,
					success: function() {
						uni.showToast({
							title: '复制成功',
							duration: 1000
						});
					}
				});
				// #endif
				// #ifdef H5
				this.copyText(copeData)
				// #endif
			},
			//H5复制方法
			webCopy(e) {
				let transfer = document.createElement('input');
				document.body.appendChild(transfer);
				transfer.value = e; // 这里表示想要复制的内容
				transfer.focus();
				transfer.select();
				if (document.execCommand('copy')) {
					document.execCommand('copy');
				}
				transfer.blur();
				this.$util.Tips({
					title: '复制成功'
				});
				transfer.style.display = 'none'
				document.body.removeChild(transfer);
			},
			// 兼容版一键复制
			copyText(text) {
				// 需要转化成字符串
				const textString = text.toString();
				let input = document.querySelector('#copy-input');
				if (!input) {
					input = document.createElement('input');
					input.id = "copy-input";
					input.readOnly = "readOnly"; // 防止ios聚焦触发键盘事件
					input.style.position = "absolute";
					input.style.left = "-1000px";
					input.style.zIndex = "-1000";
					document.body.appendChild(input)
				}
				input.value = textString;
				// ios必须先选中文字且不支持 input.select();
				selectText(input, 0, textString.length);
				if (document.execCommand('copy')) {
					document.execCommand('copy');
					this.$util.Tips({
						title: '复制成功'
					});
				}
				input.blur();
				// input自带的select()方法在苹果端无法进行选择
				// 选择文本。createTextRange(setSelectionRange)是input方法
				function selectText(textbox, startIndex, stopIndex) {
					if (textbox.createTextRange) { //ie
						const range = textbox.createTextRange();
						range.collapse(true);
						range.moveStart('character', startIndex); //起始光标
						range.moveEnd('character', stopIndex - startIndex); //结束光标
						range.select(); //不兼容苹果
					} else { //firefox/chrome
						textbox.setSelectionRange(startIndex, stopIndex);
						textbox.focus();
					}
				}
			}
		},
	}
</script>

<style lang="scss" scoped>
	.merchant-details {
		padding: 0 4vw;
		// padding: ;
		height: 100vh;
		position: relative;
		// background-color: #C5D9FD;
		background-image: url("../../../static/images/SJRZ/bg.png");
		position: relative;

		.tit {
			color: white;
			font-size: 33.29rpx;
			text-align: center;
			// padding: 50vh 0;
			transform: translateY(5vh);
			display: flex;
			// justify-content: space-around;
			flex-direction: column;
			align-items: center;

		}

		.content {
			background-color: white;
			border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
			// transform: translateY(20vh);
			margin-top: 100rpx;
			box-sizing: border-box;
			padding: 2vw;

			// .steps {}
			.msg {
				width: 85%;
				padding: 30rpx;
				// height: 150rpx;
				margin: 30rpx auto;
				background-color: #F4F7FE;
				border-radius: 8rpx;

				.li {
					// margin-: ;
					// display: flex;
					// justify-content: left;
					// display: flex;
					// flex-shrink: 1;



				}

			}



		}

		.top {
			display: flex;
			flex-direction: column;
			align-items: center;

			.img {
				width: 340rpx;
				height: 280rpx;
				margin: 140rpx 0 30rpx 0;
			}

			.title {
				font-size: 32rpx;
				font-weight: bold;
				color: #333;
			}
		}


		.btn {
			// width: 70%;
			// position: absolute;
			// text-align: center;
			// color: #999999;
			// font-size: 24rpx;
			// bottom: 80rpx
			// background-color: red;
			// height: 100vw;
			margin-top: 5vw;

		}

		.btn_bottom {
			position: fixed;
			width: 92vw;
			bottom: 20rpx;

		}
	}
</style>