You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

197 lines
5.0 KiB

4 months ago
<template>
<view>
<view class="px-20 mt-40">
<view class="bg--w111-fff rd-24rpx card-bg">
<view class="h-244 pt-72">
<view class="px-122 flex-between-center">
<text class="iconfont icon-a-ic_CompleteSelect font-red fs-28"></text>
<view class="line bg-red mx-8"></view>
<text class="iconfont icon-a-ic_CompleteSelect font-red fs-28"></text>
<view class="line mx-8" :class="type > 0 ? 'bg-red' : 'bg-gray'"></view>
<text class="iconfont fs-28" :class="type > 0 ? 'icon-a-ic_CompleteSelect font-red' : 'icon-ic_unselect text--w111-ccc'"></text>
</view>
<view class="flex-between-center px-74 fs-28 lh-40rpx mt-24">
<text>提交成功</text>
<text>正在审核</text>
<text>审核结果</text>
</view>
<view class="flex-between-center px-40 mt-8 fs-22 text--w111-999">
<text>{{add_time}}</text>
<text>{{add_time}}</text>
<text v-if="status_time">{{status_time}}</text>
<text v-else class="w-180"></text>
</view>
</view>
<view class="flex-col flex-center content-box">
<image :src="imgHost + '/statics/images/supplier/verify_fail_icon.png'" class="status-pic" v-if="type == 2"></image>
<image :src="imgHost + '/statics/images/supplier/verify_ing_icon.png'" class="status-pic" v-else-if="type == 0"></image>
<image :src="imgHost + '/statics/images/supplier/verify_ok_icon.png'" class="status-pic" v-else-if="type == 1"></image>
<text class="fs-36 lh-50rpx pt-32">{{type | typeFilter}}</text>
<text class="fs-26 lh-36rpx text--w111-999 pt-12">{{type | descFilter}}</text>
<view class="primary-btn flex-center fs-28 mt-40" @tap="edit">{{type == 2 ? '重新填写' : '返回上一页'}}</view>
<view class="border-btn flex-center fs-28 mt-24" v-if="type == 2" @tap="pageBack">返回上一页</view>
</view>
</view>
<view class="bg--w111-fff rd-24rpx mt-20 pt-40 pr-24 pb-40 pl-24 fs-28 lh-40rpx" v-if="type == 1">
<view class="flex-between-center">
<text>后台网址</text>
<text>{{url}}</text>
</view>
<view class="flex-between-center mt-40">
<text>后台账号</text>
<text>{{account}}</text>
</view>
<view class="flex-between-center mt-40">
<text>登录密码</text>
<view class="flex-y-center">
<text class="pr-12">{{pwd}}</text>
<view class="copy-btn flex-center fs-20" @tap="copyWb">复制</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import { HTTP_REQUEST_URL } from '@/config/app';
import colors from '@/mixins/color.js';
import { userApply } from '@/api/user.js';
export default{
mixins: [colors],
data(){
return{
imgHost:HTTP_REQUEST_URL,
id:0,
type:2,
url:'',
account:'',
pwd:'',
status_time:'',
add_time:''
}
},
filters:{
typeFilter(val){
let obj = {
0: '正在审核',
1: '审核通过',
2: '审核失败'
};
return obj[val]
},
descFilter(val){
let obj = {
0: '正在审核当中,请耐心等待',
1: '恭喜您,审核通过',
2: '请按提示修改您所填写的信息'
};
return obj[val]
}
},
onLoad(options){
this.id = options.id;
this.type = options.type || 0;
if(options.id){
this.supplierApply();
}
},
methods:{
copyWb: function() {
let that = this;
uni.setClipboardData({
data: '网址:'+this.url+'\n账号:'+this.account+'\n密码:'+this.pwd
});
},
supplierApply(){
userApply(this.id).then(res=>{
let data = res.data;
this.url = data.url;
this.add_time = data.add_time;
this.status_time = data.status_time;
this.account = data.account;
this.type = data.status;
this.pwd = data.pwd;
}).catch(err=>{
return this.$util.Tips({
title: err
});
})
},
pageBack(){
uni.navigateBack()
},
edit(){
if(this.type ==0 || this.type == 1){
uni.navigateBack({
delta:1
})
}else{
uni.reLaunch({
url: '/pages/users/supplier/index?id=' + this.id
})
}
},
}
}
</script>
<style scoped>
.card-bg{
-webkit-mask: radial-gradient(circle at 16rpx 240rpx, transparent 16rpx, red 0) -16rpx;
}
.font-red{
color: #e93323;
}
.h-244{
height:244rpx;
border-bottom: 1px dashed #ccc;
}
.px-74{
padding: 0 74rpx;
}
.px-122{
padding: 0 122rpx;
}
.pt-72{
padding-top: 72rpx;
}
.line{
width: 186rpx;
height: 1rpx;
}
.bg-red{
background-color: #e93323;
}
.bg-gray{
background-color: #DDDDDD;
}
.status-pic{
width: 172rpx;
height: 154rpx;
}
.content-box{
padding: 48rpx 0 72rpx;
}
.primary-btn{
width: 502rpx;
height: 88rpx;
background: linear-gradient(90deg, #FF7931 0%, #E93323 100%);
color: #fff;
border-radius: 50rpx;
}
.border-btn{
width: 502rpx;
height: 88rpx;
background: #fff;
border: 1px solid #E93323;
color: #E93323;
border-radius: 50rpx;
}
.copy-btn{
width: 64rpx;
height: 32rpx;
background: #F5F5F5;
border-radius: 20rpx;
}
</style>