285 lines
7.4 KiB
Vue
285 lines
7.4 KiB
Vue
|
<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>
|