123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267 |
- <template>
- <view class="toExamine">
- <navbar ref="navbar" :config="config" backColor="#666666"></navbar>
- <view class="audit bg-F5FFF9 u-text-center" v-if="state==0">
- <view class="pr">
- <image class="auditImg" :src="imgUrl+'/audit.png'"></image>
- <text class="iconfont font58"></text>
- </view>
- <view class="u-mt15 u-060606 u-font26">申请将在1-3个工作日内处理完成</view>
- </view>
- <view class="audit bg-F5FFF9 u-text-center" v-if="state==1">
- <view class="pr">
- <image class="auditImg" :src="imgUrl+'/audit.png'"></image>
- <text class="iconfont font58"></text>
- </view>
- <view class="u-mt15 u-060606 ">审核通过
- </view>
- </view>
- <view class="audit bg-F5FFF9 u-text-center" v-if="state==2">
- <view class="pr">
- <image class="auditImg" :src="imgUrl+'/audit.png'"></image>
- <text class="iconfont font58"></text>
- </view>
- <view class="u-mt15 u-060606 u-font26 u-plr30" >审核不通过,{{msgList.reason}}</view>
- </view>
-
-
- <view class="content">
- <view class="middle">
- <view class="left">
- 所属平台
- </view>
- <view class="right" v-if="msgList.platform">
- {{msgList.platform.platform_value}}
- </view>
- </view>
- <view class="middle">
- <view class="left">
- 粉丝量级
- </view>
- <view class="right" v-if="msgList.fanweight">
- {{msgList.fanweight.fanweight_value}}
- </view>
- </view>
- <view class="middle">
- <view class="left">
- 该平台注册手机号码
- </view>
- <view class="right">
- {{msgList.platform_phone}}
- </view>
- </view>
- <view class="middle">
- <view class="left">
- 内容方向
- </view>
- <view class="right" v-if="msgList.content_direction">
- {{msgList.content_direction.content_direction_value}}
- </view>
- </view>
- <view class="middle">
- <view class="left">
- 姓名
- </view>
- <view class="right">
- {{msgList.real_name}}
- </view>
- </view>
- <view class="middle">
- <view class="left">
- 手机号
- </view>
- <view class="right">
- {{msgList.platform_phone}}
- </view>
- </view>
- <view class="middle">
- <view class="left">
- 身份证号
- </view>
- <view class="right">
- {{msgList.card}}
- </view>
- </view>
- </view>
- <view class="bottom">
- <view class="name">
- 身份证正反面照片
- </view>
- <view class="image">
- <image class="left" :src="msgList.card_front_path" mode="widthFix"></image>
- <image class="right" :src="msgList.card_back_path" mode="widthFix"></image>
- </view>
- <view class="name-two">
- 粉丝截图
- </view>
- <view class="image">
- <image class="left" :src="msgList.fans_file_path" mode="widthFix"></image>
- </view>
- </view>
- <view class="u-plr30 mt104" style="margin-bottom: 20rpx;">
- <!-- <button class="u-btn-two u-bg-00321E u-FFF" @click="getWxAddress">一键获取微信地址</button> -->
- <button v-if="state==2" type="default" class="u-btn-two"
- style="margin-top: 20rpx;color: #FFFFFF; background-color: #01321D;" @click="goToBercome">重新申请</button>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- config: {
- back: true, //false是tolbar页面 是则不写
- font: "back",
- title: '网红审核',
- color: '#1A1A1A',
- //背景颜色;参数一:透明度(0-1);参数二:背景颜色(array则为线性渐变,string为单色背景)
- backgroundColor: [1, '#fff'],
- statusBarFontColor: '#1A1A1A',
- backPage: "../../index/personal",
- },
- msgList: [],
- myMsg: {},
- state: 0,
- imgUrl: this.$mConfig.staticUrl
- }
- },
- onBackPress() {
- uni.redirectTo({
- url:"../../index/personal"
- })
-
- return true
-
- },
- methods: {
- //重新申请
- goToBercome() {
- uni.navigateTo({
- url: "./becomeANetStar"
- })
- },
- //获取数据
- getMsg() {
- this.$http.get("/celebrity/info").then(res => {
- if (res && res.code == 200) {
- this.msgList = res.data
- this.state = res.data.state
- console.log(this.msgList)
- }
- })
- }
- },
- onLoad() {
- this.getMsg()
- // this.myMsg = uni.getStorageSync("personal")
- // console.log(this.myMsg)
- }
- }
- </script>
- <style scoped lang="scss">
- .auditImg {
- width: 214rpx;
- height: 160rpx;
- }
- .pr {
- position: relative;
- }
- .font58 {
- color: #0B844A;
- font-size: 58rpx;
- position: absolute;
- bottom: 30rpx;
- left: 40rpx;
- right: 0;
- }
- .audit {
- padding: 42rpx 0rpx;
- }
- .bg-F5FFF9 {
- background-color: #F5FFF9;
- }
- .bottom {
- padding: 0 30rpx;
- margin-top: 28rpx;
- font-size: 28rpx;
- .name{
- font-size: 26rpx;
- color: #1A1A1A;
- }
- .name-two {
- margin-top: 15rpx;
- font-size: 26rpx;
- color: #1A1A1A;
- }
- .image {
- margin-top: 18rpx;
- display: flex;
- justify-content: space-between;
- .left {
- width: 300rpx;
- height: 200rpx;
- }
- .right {
- width: 300rpx;
- height: 200rpx;
- }
- }
- }
- .content {
- margin-top: 48rpx;
- padding: 0 30rpx;
- .middle {
- margin: 20rpx 0;
- display: flex;
- justify-content: space-between;
- .left {
- font-size: 26rpx;
- color: #1A1A1A;
- }
- .right {
- color: #D9D9D9;
- }
- }
- }
- .top {
- background-color: #FFFFFF;
- .iconfont {
- font-size: 200rpx;
- text-align: center;
- margin-top: 36rpx;
- }
- .item {
- text-align: center;
- font-size: 40rpx;
- color: rgba(16, 16, 16, 100);
- }
- .remarks {
- text-align: center;
- font-size: 28rpx;
- margin-top: 12rpx;
- }
- }
- </style>
|