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> |