|
|
|
<template>
|
|
|
|
<view>
|
|
|
|
<!-- 操作区域 -->
|
|
|
|
<view class="handleWrap">
|
|
|
|
<view class="handleItem">
|
|
|
|
<view class="itemLeft">
|
|
|
|
企业类型
|
|
|
|
</view>
|
|
|
|
<view class="itemRight">
|
|
|
|
金融服务
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="handleItem">
|
|
|
|
<view class="itemLeft">
|
|
|
|
企业名称
|
|
|
|
</view>
|
|
|
|
<view class="itemRight">
|
|
|
|
环球金融公司
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="handleItem">
|
|
|
|
<view class="itemLeft">
|
|
|
|
法人姓名
|
|
|
|
</view>
|
|
|
|
<view class="itemRight">
|
|
|
|
王某人
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="handleItem">
|
|
|
|
<view class="itemLeft">
|
|
|
|
法人电话
|
|
|
|
</view>
|
|
|
|
<view class="itemRight">
|
|
|
|
13962568952
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="handleItem">
|
|
|
|
<view class="itemLeft">
|
|
|
|
联系人姓名
|
|
|
|
</view>
|
|
|
|
<view class="itemRight">
|
|
|
|
张某人
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="handleItem" style="border-bottom: none;">
|
|
|
|
<view class="itemLeft">
|
|
|
|
联系人电话
|
|
|
|
</view>
|
|
|
|
<view class="itemRight">
|
|
|
|
13962568562
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="demandDesc">
|
|
|
|
<view class="descTitle">
|
|
|
|
需求说明
|
|
|
|
</view>
|
|
|
|
<view class="descContent">
|
|
|
|
需求说明需求说明需求说明需求说明需求说明需求说明需求说明需求说明需求说明
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="imgWrap">
|
|
|
|
<view class="imgTop">
|
|
|
|
<view class="descTitle">
|
|
|
|
营业执照
|
|
|
|
</view>
|
|
|
|
<view>
|
|
|
|
<image src="../../../static/image/del/ic_90@2x.png" style="width: 300rpx;height: 400rpx;margin-top: 32rpx;" mode=""></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="imgBottom" style="margin-top: 0;">
|
|
|
|
<view class="descTitle">
|
|
|
|
法人身份证
|
|
|
|
</view>
|
|
|
|
<view class="cardList">
|
|
|
|
<image src="../../../static/image/del/ic_90@2x.png" style="width: 320rpx;height: 150rpx;margin-top: 32rpx;" mode=""></image>
|
|
|
|
<image src="../../../static/image/del/ic_90@2x.png" style="width: 320rpx;height: 150rpx;margin-top: 32rpx;" mode=""></image>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- 底部按钮区域 -->
|
|
|
|
<view style="height: 120rpx;"></view>
|
|
|
|
<view class="bottomBtnWrap">
|
|
|
|
<view class="btnItem">
|
|
|
|
审核失败
|
|
|
|
</view>
|
|
|
|
<view class="btnItem active">
|
|
|
|
审核通过
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="companyNature" v-if="showNature">
|
|
|
|
<view class="alert">
|
|
|
|
<view class="closeBtn">
|
|
|
|
<image @click="showNature = false" src="../../../static/image/ic_94@2x.png" mode=""></image>
|
|
|
|
</view>
|
|
|
|
<view class="alertTitle">
|
|
|
|
企业入驻性质
|
|
|
|
</view>
|
|
|
|
<view class="alertContent">
|
|
|
|
<view class="natureItem">
|
|
|
|
实有企业
|
|
|
|
</view>
|
|
|
|
<view class="natureItem">
|
|
|
|
实有企业
|
|
|
|
</view>
|
|
|
|
<view class="natureItem">
|
|
|
|
实有企业
|
|
|
|
</view>
|
|
|
|
<view class="natureItem">
|
|
|
|
实有企业
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="bottomBtnAlt">
|
|
|
|
<view class="bottomBtn">
|
|
|
|
确认
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<simple-confirm :alertTxt="'是否确认发送'" v-if="showConfirmSend" @close="showConfirmSend = false"></simple-confirm>
|
|
|
|
<simple-confirm :alertTxt="'是否确认该企业入驻成功'" v-if="showCompanyReply" @close="showCompanyReply = false"></simple-confirm>
|
|
|
|
<textarea-alert v-if="showReason" @close="showReason = false"></textarea-alert>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import simpleConfirm from '@/components/simpleConfirm.vue'
|
|
|
|
import textareaAlert from '@/components/textareaAlert.vue'
|
|
|
|
export default{
|
|
|
|
data(){
|
|
|
|
return{
|
|
|
|
showConfirmSend: false,
|
|
|
|
showCompanyReply: false,
|
|
|
|
switchB: true,
|
|
|
|
showReason: false,
|
|
|
|
showNature: false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
components:{
|
|
|
|
simpleConfirm,
|
|
|
|
textareaAlert
|
|
|
|
},
|
|
|
|
methods:{
|
|
|
|
SwitchB(e) {
|
|
|
|
this.switchB = e.detail.value
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
page{
|
|
|
|
background-color: $uni-bg-color-hui;
|
|
|
|
}
|
|
|
|
/* 操作区域 */
|
|
|
|
.handleWrap{
|
|
|
|
padding: 0 32rpx;
|
|
|
|
background: $uni-bg-bai-color;
|
|
|
|
.handleItem{
|
|
|
|
height: 104rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
border-bottom: 2rpx solid #ebedf0;
|
|
|
|
.itemLeft{
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
font-size: $uni-font-size-28;
|
|
|
|
width: 202rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
image{width: $uni-img-size-32;height: $uni-img-size-32;margin-right: 24rpx;}
|
|
|
|
}
|
|
|
|
.itemRight{
|
|
|
|
flex: 1;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
font-size: $uni-font-size-28;
|
|
|
|
image{width: $uni-img-size-32;height: $uni-img-size-32;margin-right: 10rpx;}
|
|
|
|
}
|
|
|
|
.infoNum{
|
|
|
|
width: 32rpx;
|
|
|
|
height: 32rpx;
|
|
|
|
background: #ff2f2f;
|
|
|
|
border-radius: 50%;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 32rpx;
|
|
|
|
font-size: $uni-font-size-26;
|
|
|
|
color: $uni-text-color-bai;
|
|
|
|
}
|
|
|
|
image{width: $uni-img-size-32;height: $uni-img-size-32;}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.demandDesc{
|
|
|
|
background: $uni-bg-bai-color;
|
|
|
|
padding: 32rpx;
|
|
|
|
margin-top: 32rpx;
|
|
|
|
.descTitle{
|
|
|
|
font-size: $uni-font-size-28;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.descContent{
|
|
|
|
margin-top: 32rpx;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
background: $uni-bg-color-hui;
|
|
|
|
padding: 32rpx;
|
|
|
|
color: $uni-text-color-hui;
|
|
|
|
font-size: $uni-font-size-28;
|
|
|
|
line-height: $uni-font-lh-40;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.imgWrap{
|
|
|
|
background: $uni-bg-bai-color;
|
|
|
|
padding: 32rpx;
|
|
|
|
margin-top: 32rpx;
|
|
|
|
.imgTop{
|
|
|
|
border-bottom: 2rpx solid #f7f8fa;
|
|
|
|
padding-bottom: 32rpx;
|
|
|
|
.descTitle{
|
|
|
|
font-size: $uni-font-size-28;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.descContent{
|
|
|
|
margin-top: 32rpx;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
background: $uni-bg-color-hui;
|
|
|
|
padding: 32rpx;
|
|
|
|
color: $uni-text-color-hui;
|
|
|
|
font-size: $uni-font-size-28;
|
|
|
|
line-height: $uni-font-lh-40;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.imgBottom{
|
|
|
|
padding-top: 32rpx;
|
|
|
|
.descTitle{
|
|
|
|
font-size: $uni-font-size-28;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.cardList{
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/* 底部按钮区域 */
|
|
|
|
.bottomBtnWrap{
|
|
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
|
|
width: 750rpx;
|
|
|
|
height: 120rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
padding: 0 32rpx;
|
|
|
|
background: $uni-bg-color-hui;
|
|
|
|
.btnItem{
|
|
|
|
width: 332rpx;
|
|
|
|
height: 88rpx;
|
|
|
|
background: #72d0f9;
|
|
|
|
border-radius: 96rpx;
|
|
|
|
text-align: center;
|
|
|
|
color: $uni-text-color-bai;
|
|
|
|
line-height: 88rpx;
|
|
|
|
font-size: $uni-font-size-32;
|
|
|
|
}
|
|
|
|
.btnItem.active{
|
|
|
|
background: $uni-bg-main-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.companyNature{
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
background: $uni-bg-color-mask;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
z-index: 2;
|
|
|
|
.alert{
|
|
|
|
width: 638rpx;
|
|
|
|
background: #ffffff;
|
|
|
|
border-radius: 44rpx;
|
|
|
|
padding: 32rpx;
|
|
|
|
.closeBtn{
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-end;
|
|
|
|
image{width: $uni-img-size-40;height: $uni-img-size-40;}
|
|
|
|
}
|
|
|
|
.alertTitle{
|
|
|
|
font-size: $uni-font-size-40;
|
|
|
|
text-align: center;
|
|
|
|
height: 90rpx;
|
|
|
|
line-height: 90rpx;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
.alertContent{
|
|
|
|
font-size: $uni-font-size-26;
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
.natureItem{
|
|
|
|
margin-top: 32rpx;
|
|
|
|
padding: 6rpx 12rpx;
|
|
|
|
background: #f7f8fa;
|
|
|
|
margin-right: 15rpx;
|
|
|
|
border-radius: 20rpx;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.bottomBtnAlt{
|
|
|
|
padding-top: 38rpx;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
.bottomBtn{
|
|
|
|
flex: 1;
|
|
|
|
height: 84rpx;
|
|
|
|
background: #2e7ff9;
|
|
|
|
border-radius: 68rpx;
|
|
|
|
font-size: $uni-font-size-32;
|
|
|
|
color: $uni-text-color-bai;
|
|
|
|
line-height: 84rpx;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style> |
...
|
...
|
|
