2001 lines
59 KiB
Vue
2001 lines
59 KiB
Vue
<template>
|
||
<view class="content">
|
||
<u-overlay :show="overlayShow"></u-overlay>
|
||
<view class="container">
|
||
<headers :titles="titles"><uni-icons type="arrow-left" color="#fff" size="22px"></uni-icons></headers>
|
||
<!-- 1 -->
|
||
|
||
<view class="box_" v-if="oneShow">
|
||
<view class="qiuqiu" @click="infoClick(1)"></view>
|
||
<view @click="infoClick(1)">
|
||
<view class="title-bs">
|
||
<view class="" style="margin-left: 15px;font-weight: bold;">
|
||
联系人信息
|
||
</view>
|
||
<view class="dis_" style="width: 100px;justify-content: flex-end;">
|
||
<u-icon name="arrow-down" color="#6c6c6c" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="box_bs">
|
||
<view class="">证件类型</view>
|
||
<view class="dis_" style="width: 80%;justify-content: flex-end;"
|
||
@click="selectPick('certSelect','concat',1)">
|
||
<view class="size_">{{this.formData.contacts?this.formData.contacts.certTypeName:""}}</view>
|
||
<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view style="margin: 15px auto;">证件照</view>
|
||
<view class="bs_img">
|
||
<view class="fifty">
|
||
<u-upload :fileList="fileList1" @afterRead="((item)=>{addInfoImg(item, 'concat',1,1)})"
|
||
@delete="((item)=>{deletePic(item, 'concat',1,1)})" name="1" multiple :maxCount="1"
|
||
width="150" height="100">
|
||
<image src="/static/imgs/yhkzm.png" mode="widthFix" style="width: 150px;height: 100px;">
|
||
</image>
|
||
</u-upload>
|
||
<view class="" style="margin-top: 10px;">证件人像面</view>
|
||
</view>
|
||
<view class="fifty">
|
||
<u-upload :fileList="fileList2" @afterRead="((item)=>{addInfoImg(item, 'concat',2,2)})"
|
||
@delete="((item)=>{deletePic(item, 'concat',2,2)})" name="2" multiple :maxCount="1"
|
||
width="150" height="100">
|
||
<image src="/static/imgs/yhkfm.png" mode="widthFix" style="width: 150px;height: 100px;">
|
||
</image>
|
||
</u-upload>
|
||
<view class="" style="margin-top: 10px;">证件国徽面</view>
|
||
</view>
|
||
</view>
|
||
<view class="icon-box">
|
||
<view class="x_" v-if="!oneCorporation " @click="sameFr('concat',1)"></view>
|
||
<view class="xz_" v-else @click="sameFr('concat',1)">
|
||
<u-icon name="checkmark" color="#fff" size="14"></u-icon>
|
||
</view>
|
||
<view class="" style="color: #ee8484;">与法人信息一致</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">姓名</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="formData.contacts.participantName" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件号</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="formData.contacts.certNo" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件有效期</view>
|
||
<view class="dis_">
|
||
<view class="dis_" @click="pickTime('concat',1)">
|
||
<view v-if="!formData.contacts.certEffectDate" style="margin: 0px 5px;">开始日期</view>
|
||
<view v-else style="color:#000;margin: 0px 5px;">{{formData.contacts.certEffectDate}}
|
||
</view>
|
||
<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
|
||
</view>
|
||
|
||
|
||
|
||
<view class="size_" style="margin: 0px 5px;">至</view>
|
||
<view class="dis_" @click="timePopup('concat',1)">
|
||
<view v-if="!formData.contacts.certExaDate" style="margin: 0px 5px;">
|
||
截至日期</view>
|
||
<view v-else style="color:#000;margin: 0px 5px;">{{formData.contacts.certExaDate}}</view>
|
||
<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
|
||
</view>
|
||
|
||
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">手机号</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="formData.contacts.mobileNo" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">邮箱</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="formData.contacts.email" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">归属地</view>
|
||
<view class="dis_" @tap="openLevel('concat',1)">
|
||
<view v-if="this.formData.contacts.county" class="size_">
|
||
{{this.formData.contacts.provinceName+this.formData.contacts.cityName+this.formData.contacts.countyName}}
|
||
</view>
|
||
<view v-else class="size_" style="color: #7c7c7c;">
|
||
{{"请选择"}}
|
||
</view>
|
||
|
||
<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">住址</view>
|
||
<view class="right_size">
|
||
<textarea type="textarea" auto-height maxlength="200" placeholder="请输入"
|
||
v-model="formData.contacts.address"></textarea>
|
||
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view class="four_box" @click="infoClick(1)" v-else>
|
||
|
||
<view class="icon-box">
|
||
<image src="../../static/imgs/l1.png" style="width: 18px; height: 18px;" mode=""></image>
|
||
<view class="size_">联系人信息</view>
|
||
</view>
|
||
<view class="" @click="infoClick(1)">
|
||
<u-icon name="arrow-right" color="#6c6c6c" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<!-- 2 -->
|
||
<view class="four_box" v-if="!twoShow" @click="infoClick(2)">
|
||
<view class="icon-box">
|
||
<image src="../../static/imgs/l2.png" style="width: 18px; height: 18px;" mode=""></image>
|
||
<view class="size_">受益人信息</view>
|
||
</view>
|
||
<view class="">
|
||
<u-icon name="arrow-right" color="#6c6c6c" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="box_" v-else>
|
||
<view class="qiuqiu" @click="infoClick(2)"></view>
|
||
<view class="title-bs" @click="infoClick(2)">
|
||
<view class="" style="margin-left: 15px;font-weight: bold;">
|
||
受益人信息
|
||
</view>
|
||
<view class="dis_" @click="twoShow =! twoShow">
|
||
<u-icon name="arrow-down" color="#6c6c6c" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view v-for="(item,idx) in formData.beneficiary" :key="idx">
|
||
<view class="d-s" v-show="idx>0">
|
||
<view class="lv-biao"></view>
|
||
<view class="">{{'新增'+numToTxt(idx+1)+'受益人信息'}}</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件类型</view>
|
||
<view class="dis_" style="width: 80%;justify-content: flex-end;"
|
||
@click="selectPick('certSelect','beneficiary',idx)">
|
||
<view class="size_">{{item?item.certTypeName:""}}</view>
|
||
<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view style="margin: 15px auto;">证件照</view>
|
||
<view class="bs_img">
|
||
<view class="fifty">
|
||
<u-upload :fileList="item.fileList1"
|
||
@afterRead="((item)=>{addInfoImg(item, 'beneficiary',idx,1)})"
|
||
@delete="((item)=>{deletePic(item, 'beneficiary',idx,1)})" name="1" multiple
|
||
:maxCount="1" width="150" height="100">
|
||
<image src="/static/imgs/yhkzm.png" mode="widthFix" style="width: 150px;height: 100px;">
|
||
</image>
|
||
</u-upload>
|
||
<view class="" style="margin-top: 10px;">证件人像面</view>
|
||
</view>
|
||
<view class="fifty">
|
||
<u-upload :fileList="item.fileList2"
|
||
@afterRead="((item)=>{addInfoImg(item, 'beneficiary',idx,2)})"
|
||
@delete="((item)=>{deletePic(item, 'beneficiary',idx,2)})" name="2" multiple
|
||
:maxCount="1" width="150" height="100">
|
||
<image src="/static/imgs/yhkfm.png" mode="widthFix" style="width: 150px;height: 100px;">
|
||
</image>
|
||
</u-upload>
|
||
<view class="" style="margin-top: 10px;">证件国徽面</view>
|
||
</view>
|
||
</view>
|
||
<view class="icon-box">
|
||
<view class="x_" v-if="!item.oneCorporation" @click="sameFr('beneficiary',idx)"></view>
|
||
<view class="xz_" @click="sameFr('beneficiary',idx)" v-else>
|
||
<u-icon name="checkmark" color="#fff" size="14"></u-icon>
|
||
</view>
|
||
<view class="" style="color: #ee8484;">与法人信息一致</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">姓名</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.participantName" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件号</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.certNo" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件有效期</view>
|
||
<view class="dis_">
|
||
<view class="dis_" @click="pickTime('beneficiary',1,idx)">
|
||
<view v-if="!item.certEffectDate" style="margin: 0px 5px;">开始日期</view>
|
||
<view v-else style="color:#000;margin: 0px 5px;">{{item.certEffectDate}}
|
||
</view>
|
||
<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
|
||
</view>
|
||
|
||
|
||
|
||
<view class="size_" style="margin: 0px 5px;">至</view>
|
||
<view class="dis_" @click="timePopup('beneficiary',idx)">
|
||
<view v-if="!item.certExaDate" style="margin: 0px 5px;">
|
||
截至日期</view>
|
||
<view v-else style="color:#000;margin: 0px 5px;">{{item.certExaDate}}
|
||
</view>
|
||
<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
|
||
</view>
|
||
|
||
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">手机号</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.mobileNo" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">邮箱</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.email" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">归属地</view>
|
||
<view class="dis_" @tap="openLevel('beneficiary',idx)">
|
||
<view v-if="item.county" class="size_">
|
||
{{item.provinceName+item.cityName+item.countyName}}
|
||
</view>
|
||
<view v-else class="size_" style="color: #7c7c7c;">
|
||
{{"请选择"}}
|
||
</view>
|
||
|
||
<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">住址</view>
|
||
<view class="right_size">
|
||
<textarea type="textarea" auto-height maxlength="200" placeholder="请输入"
|
||
v-model="item.address"></textarea>
|
||
|
||
</view>
|
||
</view>
|
||
<view v-show="idx>0" class="addBox" @click="delBox(1,idx)">
|
||
<text>删除受益人</text>
|
||
</view>
|
||
</view>
|
||
<view class="addBox" @click="addBox(1)">
|
||
<text>新增受益人</text>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
|
||
<!-- 3 -->
|
||
|
||
<view class="four_box" v-if="!threeShow " @click="infoClick(3)">
|
||
<view class="icon-box">
|
||
<image src="../../static/imgs/l3.png" style="width: 18px; height: 18px;" mode=""></image>
|
||
<view class="size_">实际控制人信息</view>
|
||
</view>
|
||
<view class="" @click="infoClick(3)">
|
||
<u-icon name="arrow-right" color="#6c6c6c" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="box_" v-else>
|
||
<view class="qiuqiu" @click="infoClick(3)"></view>
|
||
<view class="title-bs" @click="infoClick(3)">
|
||
<view class="" style="margin-left: 15px;font-weight: bold;">
|
||
实际控制人信息
|
||
</view>
|
||
<view class="dis_" @click="infoClick(3)">
|
||
<u-icon name="arrow-down" color="#6c6c6c" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view v-for="(item,idx) in formData.actualController" :key="idx">
|
||
<view class="d-s" v-show="idx>0">
|
||
<view class="lv-biao"></view>
|
||
<view class="">{{'新增'+numToTxt(idx+1)+'实际控制人信息'}}</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件类型</view>
|
||
<view class="dis_" style="width: 80%;justify-content: flex-end;"
|
||
@click="selectPick('certSelect','actual',idx)">
|
||
<view class="size_">{{item?item.certTypeName:""}}</view>
|
||
<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view style="margin: 15px auto;">证件照</view>
|
||
<view class="bs_img">
|
||
<view class="fifty">
|
||
<u-upload :fileList="item.fileList1"
|
||
@afterRead="((item)=>{addInfoImg(item, 'actual',idx,1)})"
|
||
@delete="((item)=>{deletePic(item, 'actual',idx,1)})" name="1" multiple :maxCount="1"
|
||
width="150" height="100">
|
||
<image src="/static/imgs/yhkzm.png" mode="widthFix" style="width: 150px;height: 100px;">
|
||
</image>
|
||
</u-upload>
|
||
<view class="" style="margin-top: 10px;">证件人像面</view>
|
||
</view>
|
||
<view class="fifty">
|
||
<u-upload :fileList="item.fileList2"
|
||
@afterRead="((item)=>{addInfoImg(item, 'actual',idx,2)})"
|
||
@delete="((item)=>{deletePic(item, 'actual',idx,2)})" name="2" multiple :maxCount="1"
|
||
width="150" height="100">
|
||
<image src="/static/imgs/yhkfm.png" mode="widthFix" style="width: 150px;height: 100px;">
|
||
</image>
|
||
</u-upload>
|
||
<view class="" style="margin-top: 10px;">证件国徽面</view>
|
||
</view>
|
||
</view>
|
||
<view class="icon-box">
|
||
<view class="x_" v-if="!item.oneCorporation" @click="sameFr('actual',idx)"></view>
|
||
<view class="xz_" @click="sameFr('actual',idx)" v-else>
|
||
<u-icon name="checkmark" color="#fff" size="14"></u-icon>
|
||
</view>
|
||
<view class="" style="color: #ee8484;">与法人信息一致</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">姓名</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.participantName" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件号</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.certNo" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件有效期</view>
|
||
<view class="dis_">
|
||
<view class="dis_" @click="pickTime('actual',1,idx)">
|
||
<view v-if="!item.certEffectDate" style="margin: 0px 5px;">开始日期</view>
|
||
<view v-else style="color:#000;margin: 0px 5px;">{{item.certEffectDate}}
|
||
</view>
|
||
<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
|
||
</view>
|
||
|
||
|
||
|
||
<view class="size_" style="margin: 0px 5px;">至</view>
|
||
<view class="dis_" @click="timePopup('actual',idx)">
|
||
<view v-if="!item.certExaDate" style="margin: 0px 5px;">
|
||
截至日期</view>
|
||
<view v-else style="color:#000;margin: 0px 5px;">{{item.certExaDate}}
|
||
</view>
|
||
<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
|
||
</view>
|
||
|
||
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">手机号</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.mobileNo" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">邮箱</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.email" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">归属地</view>
|
||
<view class="dis_" @tap="openLevel('actual',idx)">
|
||
<view v-if="item.county" class="size_">
|
||
{{item.provinceName+item.cityName+item.countyName}}
|
||
</view>
|
||
<view v-else class="size_" style="color: #7c7c7c;">
|
||
{{"请选择"}}
|
||
</view>
|
||
|
||
<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">住址</view>
|
||
<view class="right_size">
|
||
<textarea type="textarea" auto-height maxlength="200" placeholder="请输入"
|
||
v-model="item.address"></textarea>
|
||
|
||
</view>
|
||
</view>
|
||
<view v-show="idx>0" class="addBox" @click="delBox(2,idx)">
|
||
<text>删除实际控制人</text>
|
||
</view>
|
||
</view>
|
||
<view class="addBox" @click="addBox(2)">
|
||
<text>新增实际控制人</text>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<!-- 4 -->
|
||
<view class="four_box" v-if="!fourShow" @click="infoClick(4)">
|
||
<view class="icon-box">
|
||
<image src="../../static/imgs/l4.png" style="width: 18px; height: 18px;" mode=""></image>
|
||
<view class="size_">控制股东信息</view>
|
||
</view>
|
||
<view class="" @click="infoClick(4)">
|
||
<u-icon name="arrow-right" color="#6c6c6c" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="box_" v-else>
|
||
<view class="qiuqiu" @click="infoClick(4)"></view>
|
||
<view class="title-bs" @click="infoClick(4)">
|
||
<view class="" style="margin-left: 15px;font-weight: bold;">
|
||
控制股东信息
|
||
</view>
|
||
<view class="dis_" @click="infoClick(4)">
|
||
<u-icon name="arrow-down" color="#6c6c6c" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view v-for="(item,idx) in formData.controllingShareholder" :key="idx">
|
||
<view class="d-s" v-show="idx>0">
|
||
<view class="lv-biao"></view>
|
||
<view class="">{{'新增'+numToTxt(idx+1)+'控制股东信息'}}</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件类型</view>
|
||
<view class="dis_" style="width: 80%;justify-content: flex-end;"
|
||
@click="selectPick('certSelect','controlling',idx)">
|
||
<view class="size_">{{item?item.certTypeName:""}}</view>
|
||
<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view style="margin: 15px auto;">证件照</view>
|
||
<view class="bs_img">
|
||
<view class="fifty">
|
||
<u-upload :fileList="item.fileList1"
|
||
@afterRead="((item)=>{addInfoImg(item, 'controlling',idx,1)})"
|
||
@delete="((item)=>{deletePic(item, 'controlling',idx,1)})" name="1" multiple
|
||
:maxCount="1" width="150" height="100">
|
||
<image src="/static/imgs/yhkzm.png" mode="widthFix" style="width: 150px;height: 100px;">
|
||
</image>
|
||
</u-upload>
|
||
<view class="" style="margin-top: 10px;">证件人像面</view>
|
||
</view>
|
||
<view class="fifty">
|
||
<u-upload :fileList="item.fileList2"
|
||
@afterRead="((item)=>{addInfoImg(item, 'controlling',idx,2)})"
|
||
@delete="((item)=>{deletePic(item, 'controlling',idx,2)})" name="2" multiple
|
||
:maxCount="1" width="150" height="100">
|
||
<image src="/static/imgs/yhkfm.png" mode="widthFix" style="width: 150px;height: 100px;">
|
||
</image>
|
||
</u-upload>
|
||
<view class="" style="margin-top: 10px;">证件国徽面</view>
|
||
</view>
|
||
</view>
|
||
<view class="icon-box">
|
||
<view class="x_" v-if="!item.oneCorporation" @click="sameFr('controlling',idx)"></view>
|
||
<view class="xz_" @click="sameFr('controlling',idx)" v-else>
|
||
<u-icon name="checkmark" color="#fff" size="14"></u-icon>
|
||
</view>
|
||
<view class="" style="color: #ee8484;">与法人信息一致</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">姓名</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.participantName" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件号</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.certNo" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">证件有效期</view>
|
||
<view class="dis_">
|
||
<view class="dis_" @click="pickTime('controlling',1,idx)">
|
||
<view v-if="!item.certEffectDate" style="margin: 0px 5px;">开始日期</view>
|
||
<view v-else style="color:#000;margin: 0px 5px;">{{item.certEffectDate}}
|
||
</view>
|
||
<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
|
||
</view>
|
||
|
||
|
||
|
||
<view class="size_" style="margin: 0px 5px;">至</view>
|
||
<view class="dis_" @click="timePopup('controlling',idx)">
|
||
<view v-if="!item.certExaDate" style="margin: 0px 5px;">
|
||
截至日期</view>
|
||
<view v-else style="color:#000;margin: 0px 5px;">{{item.certExaDate}}
|
||
</view>
|
||
<u-icon name="arrow-down-fill" color="#2e2e2e" size="18"></u-icon>
|
||
</view>
|
||
|
||
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">手机号</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.mobileNo" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">邮箱</view>
|
||
<view class="right_size">
|
||
<input type="text" v-model="item.email" placeholder="请输入" />
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">归属地</view>
|
||
<view class="dis_" @tap="openLevel('controlling',idx)">
|
||
<view v-if="item.county" class="size_">
|
||
{{item.provinceName+item.cityName+item.countyName}}
|
||
</view>
|
||
<view v-else class="size_" style="color: #7c7c7c;">
|
||
{{"请选择"}}
|
||
</view>
|
||
|
||
<u-icon name="arrow-right" color="#ececec" size="18"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="box_bs">
|
||
<view class="">住址</view>
|
||
<view class="right_size">
|
||
<textarea type="textarea" auto-height maxlength="200" placeholder="请输入"
|
||
v-model="item.address"></textarea>
|
||
|
||
</view>
|
||
</view>
|
||
<view v-show="idx>0" class="addBox" @click="delBox(3,idx)">
|
||
<text>删除控制股东</text>
|
||
</view>
|
||
</view>
|
||
<view class="addBox" @click="addBox(3)">
|
||
<text>新增控制股东</text>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<view class="button_p" @click="nextStep()">
|
||
<view class="">下一步</view>
|
||
</view>
|
||
<level-linkage ref="levelLinkage" :pickerValueDefault="pickerValueDefault" @onConfirm="onConfirm"
|
||
themeColor='#007AFF'></level-linkage>
|
||
<u-picker :show="pickData.show" :columns="pickData.columns" :title="pickData.title" keyName="label"
|
||
@confirm="confirm" @cancel="cancel" @close="cancel"></u-picker>
|
||
<u-popup :show="pickData.timePopup" mode="center">
|
||
<view class="box-popup">
|
||
<view class="x-size" @click="selectExaDate(1)">长期</view>
|
||
<view class="x-size" @click="selectExaDate(2)">日期</view>
|
||
<view class="x-size" @click="selectExaDate(3)">取消</view>
|
||
</view>
|
||
</u-popup>
|
||
<u-datetime-picker :closeOnClickOverlay="true" :show="pickData.timeShow" v-model="pickData.certEffectDate"
|
||
:formatter="formatter" @confirm="timeConfirm" @cancel="timeCancel" @close="timeCancel"
|
||
mode="date"></u-datetime-picker>
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import headers from '../../components/header/headers.vue'
|
||
import request from '../../utils/request.js'
|
||
import levelLinkage from "@/components/three-level-linkage/linkage.nvue"
|
||
import upload from '@/utils/upload.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
overlayShow: false,
|
||
titles: "相关责任人信息录入",
|
||
msg: "1",
|
||
fileList1: [],
|
||
fileList2: [],
|
||
value: '',
|
||
oneShow: false,
|
||
oneCorporation: false,
|
||
twoShow: false,
|
||
twoCorporation: false,
|
||
threeShow: false,
|
||
threeCorporation: false,
|
||
fourShow: false,
|
||
fourCorporation: false,
|
||
show: false,
|
||
status: 'loading',
|
||
formData: {
|
||
areaType: "4", //商户类型 7 企业写死
|
||
legalPerson: {
|
||
address: "",
|
||
backPic: "",
|
||
backPicUrl: "",
|
||
certEffectDate: "",
|
||
certExaDate: "",
|
||
certNo: "",
|
||
certType: "11",
|
||
certTypeName: "身份证",
|
||
city: "",
|
||
cityName: "",
|
||
county: "",
|
||
countyName: "",
|
||
email: "",
|
||
facePic: "",
|
||
facePicUrl: "",
|
||
firstCareerName: "",
|
||
firstCareerNo: "",
|
||
gender: "1",
|
||
mobileNo: "",
|
||
nation: "CHN",
|
||
nationLabel: "中国",
|
||
participantName: "",
|
||
province: "",
|
||
provinceName: "",
|
||
secondCareerName: "",
|
||
secondCareerNo: "",
|
||
sort: 0,
|
||
thirdCareerName: "",
|
||
thirdCareerNo: ""
|
||
},
|
||
contacts: {
|
||
county: "",
|
||
},
|
||
openAccount: "",
|
||
openAccountUrl: "",
|
||
rate: "0.25",
|
||
steps: "3", //步骤当前页面写死第一页，
|
||
|
||
},
|
||
merchantId: null,
|
||
certTypes: [], //证件类型 数据字典获取
|
||
chinaArea: [],
|
||
pickerValueDefault: [14, 0, 0],
|
||
pickData: {
|
||
columns: [],
|
||
show: false,
|
||
pickType: null, //下部选择器类型：certSelect 证件选择
|
||
title: "",
|
||
timeShow: false,
|
||
timePopup: false,
|
||
certEffectDate: Number(new Date()),
|
||
certExaDate: Number(new Date()),
|
||
timeType: 1,
|
||
personType: '',
|
||
pickIdx: 0
|
||
}
|
||
}
|
||
},
|
||
|
||
components: {
|
||
headers,
|
||
levelLinkage
|
||
},
|
||
|
||
onLoad(options) {
|
||
if (options && options.merchantId) {
|
||
this.merchantId = options.merchantId
|
||
this.getMerchantInfo()
|
||
}
|
||
this.getCertTypes()
|
||
this.getChinaArea()
|
||
},
|
||
methods: {
|
||
numToTxt(num) {
|
||
if (num == 1) {
|
||
return "一"
|
||
} else if (num == 2) {
|
||
return "二"
|
||
} else if (num == 3) {
|
||
return "三"
|
||
} else if (num == 4) {
|
||
return "四"
|
||
} else if (num == 5) {
|
||
return "五"
|
||
} else if (num == 6) {
|
||
return "六"
|
||
} else if (num == 7) {
|
||
return "七"
|
||
} else if (num == 8) {
|
||
return "八"
|
||
} else if (num == 9) {
|
||
return "九"
|
||
} else if (num == 10) {
|
||
return "十"
|
||
} else {
|
||
return num
|
||
}
|
||
},
|
||
delBox(type, idx) {
|
||
if (type == 1) {
|
||
this.formData.beneficiary.splice(idx, 1)
|
||
} else if (type == 2) {
|
||
this.formData.actualController.splice(idx, 1)
|
||
} else if (type == 3) {
|
||
this.formData.controllingShareholders.splice(idx, 1)
|
||
}
|
||
},
|
||
addBox(type) {
|
||
if (type == 1) {
|
||
if (this.formData.beneficiary && this.formData.beneficiary.length > 3) {
|
||
uni.showToast({
|
||
title: "最多四个受益人",
|
||
icon: 'error'
|
||
})
|
||
return
|
||
}
|
||
this.formData.beneficiary.push({
|
||
address: "",
|
||
backPic: "",
|
||
backPicUrl: "",
|
||
certEffectDate: "",
|
||
certExaDate: "",
|
||
certNo: "",
|
||
certType: "11",
|
||
certTypeName: "身份证",
|
||
city: "",
|
||
cityName: "",
|
||
county: "",
|
||
countyName: "",
|
||
email: "",
|
||
facePic: "",
|
||
facePicUrl: "",
|
||
firstCareerName: "",
|
||
firstCareerNo: "",
|
||
gender: "1",
|
||
mobileNo: "",
|
||
nation: "CHN",
|
||
nationLabel: "中国",
|
||
participantName: "",
|
||
province: "",
|
||
provinceName: "",
|
||
secondCareerName: "",
|
||
secondCareerNo: "",
|
||
sort: 0,
|
||
thirdCareerName: "",
|
||
thirdCareerNo: ""
|
||
})
|
||
} else if (type == 2) {
|
||
if (this.formData.actualController && this.formData.actualController.length > 3) {
|
||
uni.showToast({
|
||
title: "最多四个实际控制人",
|
||
icon: 'error'
|
||
})
|
||
return
|
||
}
|
||
this.formData.actualController.push({
|
||
address: "",
|
||
backPic: "",
|
||
backPicUrl: "",
|
||
certEffectDate: "",
|
||
certExaDate: "",
|
||
certNo: "",
|
||
certType: "11",
|
||
certTypeName: "身份证",
|
||
city: "",
|
||
cityName: "",
|
||
county: "",
|
||
countyName: "",
|
||
email: "",
|
||
facePic: "",
|
||
facePicUrl: "",
|
||
firstCareerName: "",
|
||
firstCareerNo: "",
|
||
gender: "1",
|
||
mobileNo: "",
|
||
nation: "CHN",
|
||
nationLabel: "中国",
|
||
participantName: "",
|
||
province: "",
|
||
provinceName: "",
|
||
secondCareerName: "",
|
||
secondCareerNo: "",
|
||
sort: 0,
|
||
thirdCareerName: "",
|
||
thirdCareerNo: ""
|
||
})
|
||
} else if (type == 3) {
|
||
this.formData.controllingShareholder.push({
|
||
address: "",
|
||
backPic: "",
|
||
backPicUrl: "",
|
||
certEffectDate: "",
|
||
certExaDate: "",
|
||
certNo: "",
|
||
certType: "11",
|
||
certTypeName: "身份证",
|
||
city: "",
|
||
cityName: "",
|
||
county: "",
|
||
countyName: "",
|
||
email: "",
|
||
facePic: "",
|
||
facePicUrl: "",
|
||
firstCareerName: "",
|
||
firstCareerNo: "",
|
||
gender: "1",
|
||
mobileNo: "",
|
||
nation: "CHN",
|
||
nationLabel: "中国",
|
||
participantName: "",
|
||
province: "",
|
||
provinceName: "",
|
||
secondCareerName: "",
|
||
secondCareerNo: "",
|
||
sort: 0,
|
||
thirdCareerName: "",
|
||
thirdCareerNo: ""
|
||
})
|
||
}
|
||
},
|
||
openLevel(personType, idx) {
|
||
this.pickData.personType = personType
|
||
this.pickData.pickIdx = idx
|
||
this.$refs.levelLinkage.open();
|
||
},
|
||
selectExaDate(type) {
|
||
if (type == 3) {
|
||
//取消
|
||
this.pickData.timePopup = false
|
||
} else if (type == 1) {
|
||
this.pickData.timePopup = false
|
||
if (this.pickData.personType == 'concat') {
|
||
//长期
|
||
this.formData.contacts.certExaDate = '99991231'
|
||
} else if (this.pickData.personType == 'beneficiary') {
|
||
//长期
|
||
this.formData.beneficiary[this.pickData.pickIdx].certExaDate = '99991231'
|
||
} else if (this.pickData.personType == 'actual') {
|
||
//长期
|
||
this.formData.actualController[this.pickData.pickIdx].certExaDate = '99991231'
|
||
} else if (this.pickData.personType == 'controlling') {
|
||
//长期
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].certExaDate = '99991231'
|
||
}
|
||
|
||
} else {
|
||
//日期
|
||
this.pickData.timePopup = false
|
||
this.pickData.timeShow = true
|
||
this.pickData.timeType = 2
|
||
}
|
||
},
|
||
timePopup(type, idx) {
|
||
this.pickData.personType = type
|
||
this.pickData.pickIdx = idx
|
||
this.pickData.timePopup = true
|
||
},
|
||
timeCancel() {
|
||
this.pickData.timeShow = false
|
||
|
||
},
|
||
timeConfirm(e) {
|
||
const date = new Date(e.value);
|
||
const year = date.getFullYear();
|
||
const month = ("0" + (date.getMonth() + 1)).slice(-2);
|
||
const day = ("0" + date.getDate()).slice(-2);
|
||
if (this.pickData.timeType == 1) {
|
||
if (this.pickData.personType == 'concat') {
|
||
//长期
|
||
this.formData.contacts.certEffectDate = year + month + day
|
||
} else if (this.pickData.personType == 'beneficiary') {
|
||
//长期
|
||
this.formData.beneficiary[this.pickData.pickIdx].certEffectDate = year + month + day
|
||
|
||
} else if (this.pickData.personType == 'actual') {
|
||
//长期
|
||
this.formData.actualController[this.pickData.pickIdx].certEffectDate = year + month + day
|
||
|
||
} else if (this.pickData.personType == 'controlling') {
|
||
//长期
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].certEffectDate = year + month + day
|
||
|
||
}
|
||
//证件有效期
|
||
|
||
} else {
|
||
if (this.pickData.personType == 'concat') {
|
||
//长期
|
||
this.formData.contacts.certExaDate = year + month + day
|
||
} else if (this.pickData.personType == 'beneficiary') {
|
||
//长期
|
||
this.formData.beneficiary[this.pickData.pickIdx].certExaDate = year + month + day
|
||
|
||
} else if (this.pickData.personType == 'actual') {
|
||
//长期
|
||
this.formData.actualController[this.pickData.pickIdx].certExaDate = year + month + day
|
||
|
||
} else if (this.pickData.personType == 'controlling') {
|
||
//长期
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].certExaDate = year + month + day
|
||
|
||
}
|
||
|
||
}
|
||
|
||
|
||
this.pickData.timeShow = false
|
||
},
|
||
formatter(type, value) {
|
||
if (type === 'year') {
|
||
return `${value}年`
|
||
}
|
||
if (type === 'month') {
|
||
return `${value}月`
|
||
}
|
||
if (type === 'day') {
|
||
return `${value}日`
|
||
}
|
||
return value
|
||
},
|
||
pickTime(personType, type, idx) {
|
||
//选择时间
|
||
this.pickData.timeShow = true
|
||
this.pickData.timeType = type
|
||
this.pickData.personType = personType
|
||
this.pickData.pickIdx = idx
|
||
},
|
||
async uploadFile(url, fileName, fileType, type, idx) {
|
||
uni.showLoading({
|
||
title: '上传中'
|
||
});
|
||
this.overlayShow = true
|
||
let resData
|
||
await upload({
|
||
url: 'app/report/fileUplod',
|
||
filePath: url,
|
||
formData: {
|
||
type: fileType,
|
||
fileName: fileName
|
||
}
|
||
|
||
}).then((res) => {
|
||
resData = res
|
||
let that = this
|
||
if (res.code == 0) {
|
||
if (type == 'concat') {
|
||
if (fileType == 1) {
|
||
|
||
this.formData.contacts.facePic = res.data.externalKey
|
||
this.formData.contacts.facePicUrl = res.data.imgUrl
|
||
|
||
//身份证正面
|
||
let idCardData = JSON.parse(res.data.idCardData)
|
||
|
||
if (idCardData && idCardData.code == '0' && idCardData.data) {
|
||
|
||
//地址
|
||
this.formData.contacts.address = idCardData.data.address
|
||
//证件号
|
||
this.formData.contacts.certNo = idCardData.data.number
|
||
//姓名
|
||
this.formData.contacts.participantName = idCardData.data.name
|
||
|
||
|
||
}
|
||
} else if (fileType == 2) {
|
||
this.formData.contacts.backPic = res.data.externalKey
|
||
this.formData.contacts.backPicUrl = res.data.imgUrl
|
||
let idCardData = JSON.parse(res.data.idCardData)
|
||
|
||
//身份证正面反面
|
||
if (idCardData && idCardData.code == '0' && idCardData.data) {
|
||
//证件有效期
|
||
this.formData.contacts.certEffectDate = idCardData.data.expireDate.split(
|
||
"-")[0]
|
||
this.formData.contacts.certExaDate = idCardData.data.expireDate.split("-")[
|
||
1]
|
||
|
||
}
|
||
}
|
||
} else if (type == 'beneficiary') {
|
||
if (fileType == 1) {
|
||
|
||
this.formData.beneficiary[idx].facePic = res.data.externalKey
|
||
this.formData.beneficiary[idx].facePicUrl = res.data.imgUrl
|
||
|
||
//身份证正面
|
||
let idCardData = JSON.parse(res.data.idCardData)
|
||
|
||
if (idCardData && idCardData.code == '0' && idCardData.data) {
|
||
|
||
//地址
|
||
this.formData.beneficiary[idx].address = idCardData.data.address
|
||
//证件号
|
||
this.formData.beneficiary[idx].certNo = idCardData.data.number
|
||
//姓名
|
||
this.formData.beneficiary[idx].participantName = idCardData.data.name
|
||
|
||
|
||
}
|
||
} else if (fileType == 2) {
|
||
this.formData.beneficiary[idx].backPic = res.data.externalKey
|
||
this.formData.beneficiary[idx].backPicUrl = res.data.imgUrl
|
||
let idCardData = JSON.parse(res.data.idCardData)
|
||
|
||
//身份证正面反面
|
||
if (idCardData && idCardData.code == '0' && idCardData.data) {
|
||
//证件有效期
|
||
this.formData.beneficiary[idx].certEffectDate = idCardData.data.expireDate
|
||
.split(
|
||
"-")[0]
|
||
this.formData.beneficiary[idx].certExaDate = idCardData.data.expireDate
|
||
.split("-")[
|
||
1]
|
||
|
||
}
|
||
}
|
||
} else if (type == 'actual') {
|
||
if (fileType == 1) {
|
||
|
||
this.formData.actualController[idx].facePic = res.data.externalKey
|
||
this.formData.actualController[idx].facePicUrl = res.data.imgUrl
|
||
|
||
//身份证正面
|
||
let idCardData = JSON.parse(res.data.idCardData)
|
||
|
||
if (idCardData && idCardData.code == '0' && idCardData.data) {
|
||
|
||
//地址
|
||
this.formData.actualController[idx].address = idCardData.data.address
|
||
//证件号
|
||
this.formData.actualController[idx].certNo = idCardData.data.number
|
||
//姓名
|
||
this.formData.actualController[idx].participantName = idCardData.data.name
|
||
|
||
|
||
}
|
||
} else if (fileType == 2) {
|
||
this.formData.actualController[idx].backPic = res.data.externalKey
|
||
this.formData.actualController[idx].backPicUrl = res.data.imgUrl
|
||
let idCardData = JSON.parse(res.data.idCardData)
|
||
|
||
//身份证正面反面
|
||
if (idCardData && idCardData.code == '0' && idCardData.data) {
|
||
//证件有效期
|
||
this.formData.actualController[idx].certEffectDate = idCardData.data
|
||
.expireDate
|
||
.split(
|
||
"-")[0]
|
||
this.formData.actualController[idx].certExaDate = idCardData.data
|
||
.expireDate
|
||
.split("-")[
|
||
1]
|
||
|
||
}
|
||
}
|
||
} else if (type == 'controlling') {
|
||
if (fileType == 1) {
|
||
|
||
this.formData.controllingShareholder[idx].facePic = res.data.externalKey
|
||
this.formData.controllingShareholder[idx].facePicUrl = res.data.imgUrl
|
||
|
||
//身份证正面
|
||
let idCardData = JSON.parse(res.data.idCardData)
|
||
|
||
if (idCardData && idCardData.code == '0' && idCardData.data) {
|
||
|
||
//地址
|
||
this.formData.controllingShareholder[idx].address = idCardData.data.address
|
||
//证件号
|
||
this.formData.controllingShareholder[idx].certNo = idCardData.data.number
|
||
//姓名
|
||
this.formData.controllingShareholder[idx].participantName = idCardData.data
|
||
.name
|
||
|
||
|
||
}
|
||
} else if (fileType == 2) {
|
||
this.formData.controllingShareholder[idx].backPic = res.data.externalKey
|
||
this.formData.controllingShareholder[idx].backPicUrl = res.data.imgUrl
|
||
let idCardData = JSON.parse(res.data.idCardData)
|
||
|
||
//身份证正面反面
|
||
if (idCardData && idCardData.code == '0' && idCardData.data) {
|
||
//证件有效期
|
||
this.formData.controllingShareholder[idx].certEffectDate = idCardData.data
|
||
.expireDate
|
||
.split(
|
||
"-")[0]
|
||
this.formData.controllingShareholder[idx].certExaDate = idCardData.data
|
||
.expireDate
|
||
.split("-")[
|
||
1]
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
}).finally((res) => {
|
||
this.overlayShow = false
|
||
uni.hideLoading();
|
||
})
|
||
return resData.data.imgUrl
|
||
},
|
||
async addInfoImg(event, type, idx, listName) {
|
||
if (type == 'concat') {
|
||
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
||
let lists = [].concat(event.file)
|
||
let fileListLen = this[`fileList${event.name}`].length
|
||
lists.map((item) => {
|
||
this[`fileList${event.name}`].push({
|
||
...item,
|
||
|
||
})
|
||
})
|
||
for (let i = 0; i < lists.length; i++) {
|
||
|
||
const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
|
||
let item = this[`fileList${event.name}`][fileListLen]
|
||
this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
|
||
status: 'success',
|
||
message: '',
|
||
url: result
|
||
}))
|
||
fileListLen++
|
||
|
||
}
|
||
} else if (type == 'beneficiary') {
|
||
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
||
let lists = [].concat(event.file)
|
||
if (listName == 1) {
|
||
let fileListLen = this.formData.beneficiary[idx].fileList1.length
|
||
lists.map((item) => {
|
||
this.formData.beneficiary[idx].fileList1.push({
|
||
...item,
|
||
|
||
})
|
||
})
|
||
for (let i = 0; i < lists.length; i++) {
|
||
|
||
const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
|
||
|
||
this.formData.beneficiary[idx].fileList1 = [{
|
||
status: 'success',
|
||
message: '',
|
||
url: result
|
||
}]
|
||
|
||
fileListLen++
|
||
}
|
||
|
||
} else {
|
||
let fileListLen = this.formData.beneficiary[idx].fileList2.length
|
||
lists.map((item) => {
|
||
this.formData.beneficiary[idx].fileList2.push({
|
||
...item,
|
||
|
||
})
|
||
})
|
||
for (let i = 0; i < lists.length; i++) {
|
||
|
||
const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
|
||
this.formData.beneficiary[idx].fileList2 = [{
|
||
status: 'success',
|
||
message: '',
|
||
url: result
|
||
}]
|
||
fileListLen++
|
||
}
|
||
}
|
||
|
||
|
||
|
||
} else if (type == 'actual') {
|
||
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
||
let lists = [].concat(event.file)
|
||
if (listName == 1) {
|
||
let fileListLen = this.formData.actualController[idx].fileList1.length
|
||
lists.map((item) => {
|
||
this.formData.actualController[idx].fileList1.push({
|
||
...item,
|
||
|
||
})
|
||
})
|
||
for (let i = 0; i < lists.length; i++) {
|
||
|
||
const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
|
||
this.formData.actualController[idx].fileList1 = [{
|
||
status: 'success',
|
||
message: '',
|
||
url: result
|
||
}]
|
||
|
||
}
|
||
} else {
|
||
let fileListLen = this.formData.actualController[idx].fileList2.length
|
||
lists.map((item) => {
|
||
this.formData.actualController[idx].fileList2.push({
|
||
...item,
|
||
|
||
})
|
||
})
|
||
for (let i = 0; i < lists.length; i++) {
|
||
|
||
const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
|
||
this.formData.actualController[idx].fileList2 = [{
|
||
status: 'success',
|
||
message: '',
|
||
url: result
|
||
}]
|
||
}
|
||
}
|
||
|
||
|
||
|
||
} else if (type == 'controlling') {
|
||
// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
|
||
let lists = [].concat(event.file)
|
||
if (listName == 1) {
|
||
let fileListLen = this.formData.controllingShareholder[idx].fileList1.length
|
||
lists.map((item) => {
|
||
this.formData.controllingShareholder[idx].fileList1.push({
|
||
...item,
|
||
|
||
})
|
||
})
|
||
for (let i = 0; i < lists.length; i++) {
|
||
|
||
const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
|
||
this.formData.controllingShareholder[idx].fileList1 = [{
|
||
status: 'success',
|
||
message: '',
|
||
url: result
|
||
}]
|
||
}
|
||
} else {
|
||
let fileListLen = this.formData.controllingShareholder[idx].fileList2.length
|
||
lists.map((item) => {
|
||
this.formData.controllingShareholder[idx].fileList2.push({
|
||
...item,
|
||
|
||
})
|
||
})
|
||
for (let i = 0; i < lists.length; i++) {
|
||
|
||
const result = await this.uploadFile(lists[i].url, lists[i].name, event.name, type, idx)
|
||
this.formData.controllingShareholder[idx].fileList2 = [{
|
||
status: 'success',
|
||
message: '',
|
||
url: result
|
||
}]
|
||
}
|
||
}
|
||
|
||
|
||
|
||
}
|
||
this.$forceUpdate()
|
||
|
||
},
|
||
change(e) {
|
||
console.log('select = ', this.select)
|
||
},
|
||
deletePic(event, personType, pickIdx, listName) {
|
||
if (personType == 'concat') {
|
||
this[`fileList${event.name}`].splice(event.index, 1)
|
||
} else if (personType == 'beneficiary') {
|
||
if (listName == 1) {
|
||
this.formData.beneficiary[pickIdx].fileList1 = []
|
||
|
||
} else {
|
||
this.formData.beneficiary[pickIdx].fileList2 = []
|
||
}
|
||
console.log(this.formData.beneficiary, 1294);
|
||
|
||
} else if (personType == 'actual') {
|
||
if (listName == 1) {
|
||
this.formData.actualController[pickIdx].fileList1 = []
|
||
|
||
} else {
|
||
this.formData.actualController[pickIdx].fileList2 = []
|
||
}
|
||
|
||
|
||
} else if (personType == 'controlling') {
|
||
if (listName == 1) {
|
||
this.formData.controllingShareholder[pickIdx].fileList1 = []
|
||
|
||
} else {
|
||
this.formData.controllingShareholder[pickIdx].fileList2 = []
|
||
}
|
||
|
||
}
|
||
this.$forceUpdate()
|
||
|
||
},
|
||
sameFr(type, idx) {
|
||
let tempData = JSON.parse(JSON.stringify(this.formData.legalPerson))
|
||
if (type == 'concat') {
|
||
this.oneCorporation = !this.oneCorporation
|
||
if (this.oneCorporation) {
|
||
|
||
this.formData.contacts = tempData
|
||
this.formData.contacts.id = null
|
||
//处理邮箱
|
||
if (!this.formData.contacts.email) {
|
||
this.formData.contacts.email = this.formData.email
|
||
}
|
||
//处理图片问题
|
||
if (this.formData.contacts.facePicUrl) {
|
||
this.fileList1 = []
|
||
let tempImg1 = {
|
||
url: this.formData.contacts.facePicUrl,
|
||
}
|
||
this.fileList1.push(tempImg1)
|
||
}
|
||
if (this.formData.contacts.backPicUrl) {
|
||
this.fileList2 = []
|
||
let tempImg1 = {
|
||
url: this.formData.contacts.backPicUrl,
|
||
}
|
||
this.fileList2.push(tempImg1)
|
||
}
|
||
} else {
|
||
this.formData.contacts = {}
|
||
}
|
||
|
||
} else if (type == 'beneficiary') {
|
||
this.formData.beneficiary[idx].oneCorporation = !this.formData.beneficiary[idx].oneCorporation
|
||
if (this.formData.beneficiary[idx].oneCorporation) {
|
||
this.formData.beneficiary[idx] = tempData
|
||
this.formData.beneficiary[idx].oneCorporation = true
|
||
this.formData.beneficiary[idx].id = null
|
||
//处理邮箱
|
||
if (!this.formData.beneficiary[idx].email) {
|
||
this.formData.beneficiary[idx].email = this.formData.email
|
||
}
|
||
//处理图片问题
|
||
if (this.formData.beneficiary[idx].facePicUrl) {
|
||
this.formData.beneficiary[idx].fileList1 = []
|
||
let tempImg1 = {
|
||
url: this.formData.beneficiary[idx].facePicUrl,
|
||
}
|
||
this.formData.beneficiary[idx].fileList1.push(tempImg1)
|
||
}
|
||
if (this.formData.beneficiary[idx].backPicUrl) {
|
||
this.formData.beneficiary[idx].fileList2 = []
|
||
let tempImg1 = {
|
||
url: this.formData.beneficiary[idx].backPicUrl,
|
||
}
|
||
this.formData.beneficiary[idx].fileList2.push(tempImg1)
|
||
}
|
||
} else {
|
||
this.formData.beneficiary[idx] = {}
|
||
}
|
||
console.log(this.formData, 931);
|
||
} else if (type == 'actual') {
|
||
this.formData.actualController[idx].oneCorporation = !this.formData.actualController[idx]
|
||
.oneCorporation
|
||
if (this.formData.actualController[idx].oneCorporation) {
|
||
this.formData.actualController[idx] = tempData
|
||
this.formData.actualController[idx].oneCorporation = true
|
||
this.formData.actualController[idx].id = null
|
||
//处理邮箱
|
||
if (!this.formData.actualController[idx].email) {
|
||
this.formData.actualController[idx].email = this.formData.email
|
||
}
|
||
//处理图片问题
|
||
if (this.formData.actualController[idx].facePicUrl) {
|
||
this.formData.actualController[idx].fileList1 = []
|
||
let tempImg1 = {
|
||
url: this.formData.actualController[idx].facePicUrl,
|
||
}
|
||
this.formData.actualController[idx].fileList1.push(tempImg1)
|
||
}
|
||
if (this.formData.actualController[idx].backPicUrl) {
|
||
this.formData.actualController[idx].fileList2 = []
|
||
let tempImg1 = {
|
||
url: this.formData.actualController[idx].backPicUrl,
|
||
}
|
||
this.formData.actualController[idx].fileList2.push(tempImg1)
|
||
}
|
||
} else {
|
||
this.formData.actualController[idx] = {}
|
||
}
|
||
} else if (type == 'controlling') {
|
||
this.formData.controllingShareholder[idx].oneCorporation = !this.formData.controllingShareholder[idx]
|
||
.oneCorporation
|
||
if (this.formData.controllingShareholder[idx].oneCorporation) {
|
||
this.formData.controllingShareholder[idx] = tempData
|
||
this.formData.controllingShareholder[idx].oneCorporation = true
|
||
this.formData.controllingShareholder[idx].id = null
|
||
//处理邮箱
|
||
if (!this.formData.controllingShareholder[idx].email) {
|
||
this.formData.controllingShareholder[idx].email = this.formData.email
|
||
}
|
||
//处理图片问题
|
||
if (this.formData.controllingShareholder[idx].facePicUrl) {
|
||
this.formData.controllingShareholder[idx].fileList1 = []
|
||
let tempImg1 = {
|
||
url: this.formData.controllingShareholder[idx].facePicUrl,
|
||
}
|
||
this.formData.controllingShareholder[idx].fileList1.push(tempImg1)
|
||
}
|
||
if (this.formData.controllingShareholder[idx].backPicUrl) {
|
||
this.formData.controllingShareholder[idx].fileList2 = []
|
||
let tempImg1 = {
|
||
url: this.formData.controllingShareholder[idx].backPicUrl,
|
||
}
|
||
this.formData.controllingShareholder[idx].fileList2.push(tempImg1)
|
||
}
|
||
} else {
|
||
this.formData.controllingShareholder[idx] = {}
|
||
}
|
||
}
|
||
this.$forceUpdate()
|
||
},
|
||
cancel() {
|
||
this.pickData.show = false
|
||
},
|
||
// 弹窗确认
|
||
confirm(e) {
|
||
this.pickData.show = false
|
||
if (this.pickData.personType == 'concat') {
|
||
this.formData.contacts.certType = e.value[0].value
|
||
this.formData.contacts.certTypeName = e.value[0].label
|
||
} else if (this.pickData.personType == 'beneficiary') {
|
||
|
||
this.formData.beneficiary[this.pickData.pickIdx].certType = e.value[0].value
|
||
this.formData.beneficiary[this.pickData.pickIdx].certTypeName = e.value[0].label
|
||
|
||
} else if (this.pickData.personType == 'actual') {
|
||
|
||
this.formData.actualController[this.pickData.pickIdx].certType = e.value[0].value
|
||
this.formData.actualController[this.pickData.pickIdx].certTypeName = e.value[0].label
|
||
|
||
} else if (this.pickData.personType == 'controlling') {
|
||
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].certType = e.value[0].value
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].certTypeName = e.value[0].label
|
||
|
||
}
|
||
|
||
},
|
||
selectPick(pickType, personType, idx) {
|
||
//选择证件类型
|
||
this.pickData.columns = []
|
||
this.pickData.pickType = pickType
|
||
this.pickData.pickIdx = idx
|
||
this.pickData.show = true
|
||
this.pickData.columns.push(this.certTypes)
|
||
this.pickData.title = '选择证件类型'
|
||
this.pickData.personType = personType
|
||
},
|
||
onConfirm(data) {
|
||
// 地区选择确认后选中的数据
|
||
console.log(this.pickData, 1438);
|
||
if (this.pickData.personType == 'concat') {
|
||
this.formData.contacts.provinceName = data.firstPick.name
|
||
this.formData.contacts.province = data.firstPick.code
|
||
this.formData.contacts.cityName = data.secondPick.name
|
||
this.formData.contacts.city = data.secondPick.code
|
||
this.formData.contacts.countyName = data.thirdPick.name
|
||
this.formData.contacts.county = data.thirdPick.code
|
||
} else if (this.pickData.personType == 'beneficiary') {
|
||
this.formData.beneficiary[this.pickData.pickIdx].provinceName = data.firstPick.name
|
||
this.formData.beneficiary[this.pickData.pickIdx].province = data.firstPick.code
|
||
this.formData.beneficiary[this.pickData.pickIdx].cityName = data.secondPick.name
|
||
this.formData.beneficiary[this.pickData.pickIdx].city = data.secondPick.code
|
||
this.formData.beneficiary[this.pickData.pickIdx].countyName = data.thirdPick.name
|
||
this.formData.beneficiary[this.pickData.pickIdx].county = data.thirdPick.code
|
||
|
||
|
||
} else if (this.pickData.personType == 'actual') {
|
||
|
||
this.formData.actualController[this.pickData.pickIdx].provinceName = data.firstPick.name
|
||
this.formData.actualController[this.pickData.pickIdx].province = data.firstPick.code
|
||
this.formData.actualController[this.pickData.pickIdx].cityName = data.secondPick.name
|
||
this.formData.actualController[this.pickData.pickIdx].city = data.secondPick.code
|
||
this.formData.actualController[this.pickData.pickIdx].countyName = data.thirdPick.name
|
||
this.formData.actualController[this.pickData.pickIdx].county = data.thirdPick.code
|
||
|
||
} else if (this.pickData.personType == 'controlling') {
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].provinceName = data.firstPick.name
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].province = data.firstPick.code
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].cityName = data.secondPick.name
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].city = data.secondPick.code
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].countyName = data.thirdPick.name
|
||
this.formData.controllingShareholder[this.pickData.pickIdx].county = data.thirdPick.code
|
||
|
||
}
|
||
console.log(this.formData);
|
||
this.$forceUpdate()
|
||
|
||
},
|
||
openLevel(personType, idx) {
|
||
this.pickData.personType = personType
|
||
this.pickData.pickIdx = idx
|
||
this.$refs.levelLinkage.open();
|
||
},
|
||
async getChinaArea() {
|
||
let res = await request({
|
||
url: 'app/drop/getChinaArea',
|
||
method: 'get'
|
||
})
|
||
if (res.code == 0) {
|
||
this.chinaArea = res.data
|
||
this.$refs.levelLinkage.init(res.data);
|
||
|
||
}
|
||
},
|
||
async getCertTypes() {
|
||
this.certTypes = await this.$getDictList('pos_report_certType')
|
||
|
||
},
|
||
infoClick(idx) {
|
||
if (idx == 1) {
|
||
this.oneShow = !this.oneShow
|
||
} else if (idx == 2) {
|
||
this.twoShow = !this.twoShow
|
||
} else if (idx == 3) {
|
||
this.threeShow = !this.threeShow
|
||
} else if (idx == 4) {
|
||
this.fourShow = !this.fourShow
|
||
}
|
||
|
||
},
|
||
async getMerchantInfo() {
|
||
let ress = await request({
|
||
url: 'app/report/newBaseInfo',
|
||
method: 'post',
|
||
data: {
|
||
objectId: this.merchantId
|
||
}
|
||
})
|
||
this.formData = ress.data
|
||
this.formData.steps = '3'
|
||
if (!this.formData.contacts) {
|
||
this.formData.contacts = {
|
||
address: "",
|
||
backPic: "",
|
||
backPicUrl: "",
|
||
certEffectDate: "",
|
||
certExaDate: "",
|
||
certNo: "",
|
||
certType: "11",
|
||
certTypeName: "身份证",
|
||
city: "",
|
||
cityName: "",
|
||
county: "",
|
||
countyName: "",
|
||
email: "",
|
||
facePic: "",
|
||
facePicUrl: "",
|
||
firstCareerName: "",
|
||
firstCareerNo: "",
|
||
gender: "1",
|
||
mobileNo: "",
|
||
nation: "CHN",
|
||
nationLabel: "中国",
|
||
participantName: "",
|
||
province: "",
|
||
provinceName: "",
|
||
secondCareerName: "",
|
||
secondCareerNo: "",
|
||
sort: 0,
|
||
thirdCareerName: "",
|
||
thirdCareerNo: ""
|
||
}
|
||
} else {
|
||
this.fileList1.push({
|
||
url: this.formData.contacts.facePicUrl
|
||
})
|
||
this.fileList2.push({
|
||
url: this.formData.contacts.backPicUrl
|
||
})
|
||
}
|
||
if (!this.formData.beneficiary || this.formData.beneficiary.length == 0) {
|
||
this.formData.beneficiary.push({
|
||
address: "",
|
||
backPic: "",
|
||
backPicUrl: "",
|
||
certEffectDate: "",
|
||
certExaDate: "",
|
||
certNo: "",
|
||
certType: "11",
|
||
certTypeName: "身份证",
|
||
city: "",
|
||
cityName: "",
|
||
county: "",
|
||
countyName: "",
|
||
email: "",
|
||
facePic: "",
|
||
facePicUrl: "",
|
||
firstCareerName: "",
|
||
firstCareerNo: "",
|
||
gender: "1",
|
||
mobileNo: "",
|
||
nation: "CHN",
|
||
nationLabel: "中国",
|
||
participantName: "",
|
||
province: "",
|
||
provinceName: "",
|
||
secondCareerName: "",
|
||
secondCareerNo: "",
|
||
sort: 0,
|
||
thirdCareerName: "",
|
||
thirdCareerNo: "",
|
||
fileList1: [],
|
||
fileList2: []
|
||
})
|
||
|
||
} else {
|
||
for (var i = 0; i < this.formData.beneficiary.length; i++) {
|
||
this.formData.beneficiary[i].fileList1 = [{
|
||
url: this.formData.beneficiary[i].facePicUrl
|
||
}]
|
||
this.formData.beneficiary[i].fileList2 = [{
|
||
url: this.formData.beneficiary[i].backPicUrl
|
||
}]
|
||
}
|
||
|
||
|
||
}
|
||
if (!this.formData.actualController || this.formData.actualController.length == 0) {
|
||
this.formData.actualController.push({
|
||
address: "",
|
||
backPic: "",
|
||
backPicUrl: "",
|
||
certEffectDate: "",
|
||
certExaDate: "",
|
||
certNo: "",
|
||
certType: "11",
|
||
certTypeName: "身份证",
|
||
city: "",
|
||
cityName: "",
|
||
county: "",
|
||
countyName: "",
|
||
email: "",
|
||
facePic: "",
|
||
facePicUrl: "",
|
||
firstCareerName: "",
|
||
firstCareerNo: "",
|
||
gender: "1",
|
||
mobileNo: "",
|
||
nation: "CHN",
|
||
nationLabel: "中国",
|
||
participantName: "",
|
||
province: "",
|
||
provinceName: "",
|
||
secondCareerName: "",
|
||
secondCareerNo: "",
|
||
sort: 0,
|
||
thirdCareerName: "",
|
||
thirdCareerNo: "",
|
||
fileList1: [],
|
||
fileList2: []
|
||
})
|
||
|
||
} else {
|
||
for (var i = 0; i < this.formData.actualController.length; i++) {
|
||
this.formData.actualController[i].fileList1 = [{
|
||
url: this.formData.actualController[i].facePicUrl
|
||
}]
|
||
this.formData.actualController[i].fileList2 = [{
|
||
url: this.formData.actualController[i].backPicUrl
|
||
}]
|
||
}
|
||
|
||
|
||
}
|
||
if (!this.formData.controllingShareholder || this.formData.controllingShareholder.length == 0) {
|
||
this.formData.controllingShareholder.push({
|
||
address: "",
|
||
backPic: "",
|
||
backPicUrl: "",
|
||
certEffectDate: "",
|
||
certExaDate: "",
|
||
certNo: "",
|
||
certType: "11",
|
||
certTypeName: "身份证",
|
||
city: "",
|
||
cityName: "",
|
||
county: "",
|
||
countyName: "",
|
||
email: "",
|
||
facePic: "",
|
||
facePicUrl: "",
|
||
firstCareerName: "",
|
||
firstCareerNo: "",
|
||
gender: "1",
|
||
mobileNo: "",
|
||
nation: "CHN",
|
||
nationLabel: "中国",
|
||
participantName: "",
|
||
province: "",
|
||
provinceName: "",
|
||
secondCareerName: "",
|
||
secondCareerNo: "",
|
||
sort: 0,
|
||
thirdCareerName: "",
|
||
thirdCareerNo: "",
|
||
fileList1: [],
|
||
fileList2: []
|
||
})
|
||
|
||
} else {
|
||
for (var i = 0; i < this.formData.controllingShareholder.length; i++) {
|
||
this.formData.controllingShareholder[i].fileList1 = [{
|
||
url: this.formData.controllingShareholder[i].facePicUrl
|
||
}]
|
||
this.formData.controllingShareholder[i].fileList2 = [{
|
||
url: this.formData.controllingShareholder[i].backPicUrl
|
||
}]
|
||
}
|
||
|
||
|
||
}
|
||
|
||
},
|
||
change(e) {
|
||
console.log('select = ', this.select)
|
||
},
|
||
async nextStep() {
|
||
|
||
let res = await request({
|
||
url: 'app/report/newBaseInfoSaveOrUpdate',
|
||
method: 'post',
|
||
data: this.formData
|
||
})
|
||
if (res.code == 0) {
|
||
|
||
uni.navigateTo({
|
||
url: '/homePages/enterpriseMerchant/cardInformation?merchantId=' + res.merchantId
|
||
})
|
||
|
||
}
|
||
},
|
||
goback() {
|
||
uni.navigateBack()
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.content {
|
||
background: #f4f5f6;
|
||
|
||
height: 100vh;
|
||
}
|
||
|
||
.container {
|
||
width: 100%;
|
||
background: #f4f5f6;
|
||
box-sizing: border-box;
|
||
padding-top: 88px;
|
||
padding-bottom: 88px;
|
||
}
|
||
|
||
.box_ {
|
||
width: 95%;
|
||
border-radius: 8px;
|
||
box-sizing: border-box;
|
||
padding: 15px;
|
||
background: #fff;
|
||
margin: 15px auto;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
|
||
.title-bs {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.box_bs {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
box-sizing: border-box;
|
||
padding: 10px 0px;
|
||
color: #aeaeae;
|
||
border-bottom: 1px solid #eeeeee;
|
||
}
|
||
|
||
.dis_ {
|
||
display: flex;
|
||
// width: 100px;
|
||
// justify-content: flex-end;
|
||
}
|
||
|
||
.size_ {
|
||
margin-right: 5px;
|
||
color: #000;
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.title_ {
|
||
font-size: 18px;
|
||
font-weight: bold;
|
||
margin: 10px 0px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.upload-box {
|
||
width: 100%;
|
||
margin: 5px 0px;
|
||
|
||
display: flex;
|
||
text-align: center;
|
||
justify-content: space-between;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.upload-title {
|
||
font-size: 16px;
|
||
margin-right: 10%;
|
||
|
||
}
|
||
|
||
.right_size {
|
||
text-align: right;
|
||
|
||
input {
|
||
color: #000;
|
||
}
|
||
|
||
textarea {
|
||
color: #000;
|
||
}
|
||
}
|
||
|
||
.button_p {
|
||
width: 100%;
|
||
background: #E4612E;
|
||
height: 55px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #fff;
|
||
border-radius: 4px;
|
||
position: fixed;
|
||
bottom: 0px;
|
||
}
|
||
|
||
.input_color {
|
||
width: 100px;
|
||
display: flex;
|
||
align-items: center;
|
||
height: 36px;
|
||
border: 2px solid #efefef;
|
||
border-radius: 4px;
|
||
box-sizing: border-box;
|
||
padding: 5px;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.right-box {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-end;
|
||
color: #aeaeae;
|
||
font-size: 14px;
|
||
margin: 10px 0px;
|
||
}
|
||
|
||
.four_box {
|
||
width: 95%;
|
||
margin: 15px auto;
|
||
background: #fff;
|
||
border-radius: 6px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
box-sizing: border-box;
|
||
padding: 15px;
|
||
|
||
}
|
||
|
||
.icon-box {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.qiuqiu {
|
||
width: 25px;
|
||
height: 25px;
|
||
background: #E4612E;
|
||
border-radius: 50%;
|
||
top: 13px;
|
||
|
||
position: absolute;
|
||
left: -12px;
|
||
}
|
||
|
||
.bs_img {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin: 10px auto;
|
||
}
|
||
|
||
.fifty {
|
||
width: 50%;
|
||
text-align: center;
|
||
box-sizing: border-box;
|
||
padding-left: 15px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.x_ {
|
||
width: 18px;
|
||
height: 18px;
|
||
border-radius: 50%;
|
||
border: 1px solid #E4612E;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.xz_ {
|
||
width: 18px;
|
||
height: 18px;
|
||
border-radius: 50%;
|
||
border: 1px solid #E4612E;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: #E4612E;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.addBox {
|
||
box-sizing: border-box;
|
||
border-radius: 50px;
|
||
border: 1px dotted crimson;
|
||
padding: 5px 10px;
|
||
color: crimson;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin: 0 auto;
|
||
margin-top: 15px;
|
||
width: 150px;
|
||
|
||
}
|
||
|
||
.box-popup {
|
||
width: 300px;
|
||
// height: 150px;
|
||
background: #eeeeee;
|
||
box-sizing: border-box;
|
||
padding: 0px 20px;
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.x-size {
|
||
margin: 15px 0px;
|
||
color: #8e8e8f;
|
||
|
||
}
|
||
|
||
.d-s {
|
||
display: flex;
|
||
align-items: center;
|
||
margin: 15px 0px;
|
||
font-weight: bold;
|
||
|
||
}
|
||
|
||
.lv-biao {
|
||
width: 4px;
|
||
height: 16px;
|
||
background: #E4612E;
|
||
margin-right: 5px;
|
||
}
|
||
</style>
|