|
|
|
|
@ -0,0 +1,647 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 企业认证 -->
|
|
|
|
|
<div class="home">
|
|
|
|
|
<!-- 背景图片 -->
|
|
|
|
|
<div class="header">
|
|
|
|
|
<div class="headerItem" style="">
|
|
|
|
|
<div style="font-size: 20px">欢迎认证</div>
|
|
|
|
|
<div class="title" style="">鸿运运智慧物流企业账号</div>
|
|
|
|
|
<!-- 信息标题 -->
|
|
|
|
|
<div style="display: flex">
|
|
|
|
|
<!-- 标题--填写信息 -->
|
|
|
|
|
<div style="display: flex; align-items: flex-start">
|
|
|
|
|
<!-- 线 -->
|
|
|
|
|
<div class="lineLeft" style=""></div>
|
|
|
|
|
<div class="flexs" style="">
|
|
|
|
|
<!-- 圆圈 -->
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 空心圆 -->
|
|
|
|
|
<div class="radius" style="">
|
|
|
|
|
<!-- 实心圆 -->
|
|
|
|
|
<div class="radiusItem" style=""></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 标题 -->
|
|
|
|
|
<div class="titleHeader" style="">填写信息</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 线 -->
|
|
|
|
|
<div class="lineRight" style=""></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 标题--人工审核 -->
|
|
|
|
|
<div style="display: flex; align-items: flex-start">
|
|
|
|
|
<!-- 线 -->
|
|
|
|
|
<div class="lineLeft" style=""></div>
|
|
|
|
|
<div class="flexs">
|
|
|
|
|
<!-- 圆圈 -->
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 空心圆 -->
|
|
|
|
|
<div class="radius" style="">
|
|
|
|
|
<!-- 实心圆 -->
|
|
|
|
|
<div class="radiusItem" style=""></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 标题 -->
|
|
|
|
|
<div class="titleHeader">人工审核</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 线 -->
|
|
|
|
|
<div class="lineRight" style=""></div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 认证结果 -->
|
|
|
|
|
<div style="display: flex; align-items: flex-start">
|
|
|
|
|
<!-- 线 -->
|
|
|
|
|
<div
|
|
|
|
|
class="lineLeft"
|
|
|
|
|
style="border-bottom: 3px solid #ffffff59"
|
|
|
|
|
></div>
|
|
|
|
|
<div class="flexs">
|
|
|
|
|
<!-- 圆圈 -->
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 空心圆 -->
|
|
|
|
|
<div class="radius" style="border: 1px solid #ffffff59">
|
|
|
|
|
<!-- 实心圆 -->
|
|
|
|
|
<div
|
|
|
|
|
class="radiusItem"
|
|
|
|
|
style="background-color: #ffffff59"
|
|
|
|
|
></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 标题 -->
|
|
|
|
|
<div class="titleHeader">认证结果</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 线 -->
|
|
|
|
|
<div
|
|
|
|
|
class="lineRight"
|
|
|
|
|
style="border-bottom: 3px solid #ffffff59"
|
|
|
|
|
></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 认证提示 -->
|
|
|
|
|
<div>
|
|
|
|
|
<el-card class="box-card">
|
|
|
|
|
<div style="font-size: 12px">
|
|
|
|
|
<span style="font-weight: bold; font-size: 13px">企业认证</span>
|
|
|
|
|
<span style="color: #de1414; margin-left: 12px">温馨提示： </span>
|
|
|
|
|
<span>认证信息已提交人工审核中，请耐心等待</span>
|
|
|
|
|
<span style="margin-left: 12px; font-weight: bold"
|
|
|
|
|
><i class="el-icon-phone"></i>客服电话：123466788</span
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 企业信息 -->
|
|
|
|
|
<div style="padding-top: 5px">
|
|
|
|
|
<!-- 信息展示 -->
|
|
|
|
|
<el-form
|
|
|
|
|
ref="formRef"
|
|
|
|
|
:model="formData"
|
|
|
|
|
:rules="formRules"
|
|
|
|
|
label-width="80px"
|
|
|
|
|
>
|
|
|
|
|
<!--企业 信息展示 -->
|
|
|
|
|
<el-card class="box-card">
|
|
|
|
|
<div style="padding: 10px 70px; width: 100%">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="4">
|
|
|
|
|
<div style="font-weight: bold; font-size: 13px">企业信息</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="60" style="margin-top: 20px">
|
|
|
|
|
<el-col :span="8" :push="1">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="">
|
|
|
|
|
<el-form-item
|
|
|
|
|
label-width="120px"
|
|
|
|
|
label="企业名称"
|
|
|
|
|
prop="name"
|
|
|
|
|
>
|
|
|
|
|
<el-input
|
|
|
|
|
placeholder="请输入企业名称"
|
|
|
|
|
size="mini"
|
|
|
|
|
v-model="formData.name"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="">
|
|
|
|
|
<el-form-item
|
|
|
|
|
label-width="120px"
|
|
|
|
|
label="企业类型"
|
|
|
|
|
prop=""
|
|
|
|
|
>
|
|
|
|
|
<el-input
|
|
|
|
|
placeholder="请输入企业类型"
|
|
|
|
|
size="mini"
|
|
|
|
|
v-model="formData.name"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="">
|
|
|
|
|
<el-form-item
|
|
|
|
|
label-width="120px"
|
|
|
|
|
label="营业执照注册号"
|
|
|
|
|
prop="nameY"
|
|
|
|
|
>
|
|
|
|
|
<el-input
|
|
|
|
|
placeholder="请输入营业执照注册号"
|
|
|
|
|
size="mini"
|
|
|
|
|
v-model="formData.nameY"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="8">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="">
|
|
|
|
|
<el-form-item label-width="120px" label="年营业额">
|
|
|
|
|
<el-input
|
|
|
|
|
placeholder="请输入年营业额"
|
|
|
|
|
size="mini"
|
|
|
|
|
v-model="formData.name"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="">
|
|
|
|
|
<el-form-item
|
|
|
|
|
label-width="120px"
|
|
|
|
|
label="固定资产"
|
|
|
|
|
prop=""
|
|
|
|
|
>
|
|
|
|
|
<el-input
|
|
|
|
|
placeholder="请输入固定资产"
|
|
|
|
|
size="mini"
|
|
|
|
|
v-model="formData.name"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="">
|
|
|
|
|
<el-form-item label-width="120px" label="注册资金">
|
|
|
|
|
<el-input
|
|
|
|
|
placeholder="请输入注册资金"
|
|
|
|
|
size="mini"
|
|
|
|
|
v-model="formData.nameY"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="7">
|
|
|
|
|
<div>
|
|
|
|
|
<el-form-item
|
|
|
|
|
label-width="100px"
|
|
|
|
|
required
|
|
|
|
|
label="上传营业执照:"
|
|
|
|
|
>
|
|
|
|
|
<div style="display: flex">
|
|
|
|
|
<div style="flex: 3">
|
|
|
|
|
<div class="messageImg" style="">
|
|
|
|
|
<div style="">
|
|
|
|
|
<!-- 展示单个图片 -->
|
|
|
|
|
<el-upload
|
|
|
|
|
ref="addUpImgRef"
|
|
|
|
|
action="#"
|
|
|
|
|
:limit="1"
|
|
|
|
|
class="avatar-uploader"
|
|
|
|
|
:show-file-list="true"
|
|
|
|
|
:http-request="
|
|
|
|
|
(params) => uploadFile(params, 'yyzz')
|
|
|
|
|
"
|
|
|
|
|
list-type="picture-card"
|
|
|
|
|
:on-preview="handlePictureCardPreview"
|
|
|
|
|
:on-remove="
|
|
|
|
|
(a, b) => handleRemove(a, b, 'yyzz')
|
|
|
|
|
"
|
|
|
|
|
:file-list="fileList"
|
|
|
|
|
:class="{
|
|
|
|
|
hide: httpRequestImgYyzz,
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<i class="el-icon-plus"></i>
|
|
|
|
|
</el-upload>
|
|
|
|
|
|
|
|
|
|
<el-dialog
|
|
|
|
|
:modal="false"
|
|
|
|
|
:visible.sync="dialogVisibleImg"
|
|
|
|
|
>
|
|
|
|
|
<img
|
|
|
|
|
width="50%"
|
|
|
|
|
height="50%"
|
|
|
|
|
:src="dialogImageUrlImg"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="message" style="">
|
|
|
|
|
请提供真实的营业执照原件照片，交字盖章清晰可辨认，格式要求jpg，png，jpeg，图片大小不超过引
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
<!-- 身份信息 -->
|
|
|
|
|
<el-card class="box-card" style="margin-top: 5px">
|
|
|
|
|
<div style="padding: 10px 70px; width: 100%">
|
|
|
|
|
<el-row>
|
|
|
|
|
<el-col :span="4">
|
|
|
|
|
<div style="font-weight: bold; font-size: 13px">身份信息</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="60" style="margin-top: 20px">
|
|
|
|
|
<el-col :span="8" :push="1">
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="">
|
|
|
|
|
<el-form-item
|
|
|
|
|
label-width="120px"
|
|
|
|
|
label="法人姓名"
|
|
|
|
|
prop="name"
|
|
|
|
|
>
|
|
|
|
|
<el-input
|
|
|
|
|
placeholder="请输入法人姓名"
|
|
|
|
|
size="mini"
|
|
|
|
|
v-model="formData.name"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<div style="">
|
|
|
|
|
<el-form-item
|
|
|
|
|
label-width="120px"
|
|
|
|
|
label="法人身份证"
|
|
|
|
|
prop=""
|
|
|
|
|
>
|
|
|
|
|
<el-input
|
|
|
|
|
placeholder="请输入法人身份证"
|
|
|
|
|
size="mini"
|
|
|
|
|
v-model="formData.name"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="7" :push="1">
|
|
|
|
|
<div>
|
|
|
|
|
<el-form-item
|
|
|
|
|
label-width="100px"
|
|
|
|
|
required
|
|
|
|
|
label="身份证人面像:"
|
|
|
|
|
>
|
|
|
|
|
<div style="display: flex">
|
|
|
|
|
<div style="flex: 3">
|
|
|
|
|
<div class="messageImg" style="">
|
|
|
|
|
<div style="">
|
|
|
|
|
<!-- 展示单个图片 -->
|
|
|
|
|
<el-upload
|
|
|
|
|
ref="addUpImgRef"
|
|
|
|
|
action="#"
|
|
|
|
|
:limit="1"
|
|
|
|
|
class="avatar-uploader"
|
|
|
|
|
:show-file-list="true"
|
|
|
|
|
:http-request="
|
|
|
|
|
(params) => uploadFile(params, 'sfzzm')
|
|
|
|
|
"
|
|
|
|
|
list-type="picture-card"
|
|
|
|
|
:on-preview="handlePictureCardPreview"
|
|
|
|
|
:on-remove="
|
|
|
|
|
(a, b) => handleRemove(a, b, 'sfzzm')
|
|
|
|
|
"
|
|
|
|
|
:class="{
|
|
|
|
|
hide: httpRequestImgSfzzm,
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<i class="el-icon-plus"></i>
|
|
|
|
|
</el-upload>
|
|
|
|
|
|
|
|
|
|
<el-dialog
|
|
|
|
|
:modal="false"
|
|
|
|
|
:visible.sync="dialogVisibleImg"
|
|
|
|
|
>
|
|
|
|
|
<img
|
|
|
|
|
width="50%"
|
|
|
|
|
height="50%"
|
|
|
|
|
:src="dialogImageUrlImg"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="message" style="">
|
|
|
|
|
请提供真实的身份证原件正面照片（个人头像面），文字清断可辨认，格式要求jpg，png，jpeg，图片大小不超过3M
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
<el-col :span="7" :push="1">
|
|
|
|
|
<div>
|
|
|
|
|
<el-form-item
|
|
|
|
|
label-width="100px"
|
|
|
|
|
required
|
|
|
|
|
label="身份证国徽面:"
|
|
|
|
|
>
|
|
|
|
|
<div style="display: flex">
|
|
|
|
|
<div style="flex: 3">
|
|
|
|
|
<div class="messageImg" style="">
|
|
|
|
|
<div style="">
|
|
|
|
|
<!-- 展示单个图片 -->
|
|
|
|
|
<el-upload
|
|
|
|
|
ref="addUpImgRef"
|
|
|
|
|
action="#"
|
|
|
|
|
:limit="1"
|
|
|
|
|
class="avatar-uploader"
|
|
|
|
|
:show-file-list="true"
|
|
|
|
|
:http-request="
|
|
|
|
|
(params) => uploadFile(params, 'sfzfm')
|
|
|
|
|
"
|
|
|
|
|
list-type="picture-card"
|
|
|
|
|
:on-preview="handlePictureCardPreview"
|
|
|
|
|
:on-remove="
|
|
|
|
|
(a, b) => handleRemove(a, b, 'sfzfm')
|
|
|
|
|
"
|
|
|
|
|
:class="{
|
|
|
|
|
hide: httpRequestImgSfzfm,
|
|
|
|
|
}"
|
|
|
|
|
>
|
|
|
|
|
<i class="el-icon-plus"></i>
|
|
|
|
|
</el-upload>
|
|
|
|
|
|
|
|
|
|
<el-dialog
|
|
|
|
|
:modal="false"
|
|
|
|
|
:visible.sync="dialogVisibleImg"
|
|
|
|
|
>
|
|
|
|
|
<img
|
|
|
|
|
width="50%"
|
|
|
|
|
height="50%"
|
|
|
|
|
:src="dialogImageUrlImg"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="message" style="">
|
|
|
|
|
请提供真实的身份证原件反面照片（国微面），文字清晰可辨认，格式要求jpg，png，jpeg图片大小不超过3M
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="text-align: center">
|
|
|
|
|
<el-button @click="submint" size="mini" type="primary"
|
|
|
|
|
>提交</el-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import { uploadAtt } from "@/api/common";
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
fileList: [],
|
|
|
|
|
httpRequestImg: false, //展示单个图片
|
|
|
|
|
httpRequestImgYyzz: false, //展示单个图片--营业照
|
|
|
|
|
httpRequestImgSfzzm: false, //展示单个图片--身份证正面
|
|
|
|
|
httpRequestImgSfzfm: false, //展示单个图片---身份证反面
|
|
|
|
|
formData: {
|
|
|
|
|
name: "",
|
|
|
|
|
},
|
|
|
|
|
dialogVisibleImg: false,
|
|
|
|
|
dialogImageUrlImg: "",
|
|
|
|
|
addForm: {
|
|
|
|
|
attDTOList: [],
|
|
|
|
|
},
|
|
|
|
|
// 校验
|
|
|
|
|
formRules: {
|
|
|
|
|
name: [
|
|
|
|
|
{ required: true, message: "请输入企业名称", trigger: "blur" },
|
|
|
|
|
{ min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
nameY: [
|
|
|
|
|
{ required: true, message: "请输入营业执照注册号", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
mounted() {},
|
|
|
|
|
methods: {
|
|
|
|
|
// 提交信息
|
|
|
|
|
submint() {
|
|
|
|
|
console.log("提交信息");
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
//上传图片
|
|
|
|
|
uploadFile(params, name) {
|
|
|
|
|
let fd = new FormData();
|
|
|
|
|
fd.append("file", params.file);
|
|
|
|
|
fd.append("FileName", params.file.name);
|
|
|
|
|
fd.append("user", "");
|
|
|
|
|
// console.log(fd, "params.file.name");
|
|
|
|
|
// console.log(params, "params");
|
|
|
|
|
let that = this;
|
|
|
|
|
// that.httpRequestImg = true;
|
|
|
|
|
console.log(name);
|
|
|
|
|
// 营业执照
|
|
|
|
|
if (name == "yyzz") {
|
|
|
|
|
that.httpRequestImgYyzz = true;
|
|
|
|
|
} else if (name == "sfzzm") {
|
|
|
|
|
//身份证正面
|
|
|
|
|
that.httpRequestImgSfzzm = true;
|
|
|
|
|
} else if (name == "sfzfm") {
|
|
|
|
|
//身份证正面
|
|
|
|
|
that.httpRequestImgSfzfm = true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// query是放在params中接收的参数，fd是放在了body中接收
|
|
|
|
|
uploadAtt(fd).then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
//上传成功
|
|
|
|
|
that.dialogImageUrlImg = res.data.url;
|
|
|
|
|
let attachmentPath = {
|
|
|
|
|
attachmentPath: that.dialogImageUrlImg,
|
|
|
|
|
type: 1,
|
|
|
|
|
attachmentCode: params.file.uid,
|
|
|
|
|
};
|
|
|
|
|
that.addForm.attDTOList.push(attachmentPath);
|
|
|
|
|
console.log(this.addForm.attDTOList, "attDTOList");
|
|
|
|
|
} else {
|
|
|
|
|
// 营业执照
|
|
|
|
|
if (name == "yyzz") {
|
|
|
|
|
that.httpRequestImgYyzz = false;
|
|
|
|
|
} else if (name == "sfzzm") {
|
|
|
|
|
//身份证正面
|
|
|
|
|
that.httpRequestImgSfzzm = false;
|
|
|
|
|
} else if (name == "sfzfm") {
|
|
|
|
|
//身份证正面
|
|
|
|
|
that.httpRequestImgSfzfm = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 预览照片
|
|
|
|
|
handlePictureCardPreview(file) {
|
|
|
|
|
console.log(file);
|
|
|
|
|
this.dialogImageUrlImg = file.url;
|
|
|
|
|
this.dialogVisibleImg = true;
|
|
|
|
|
},
|
|
|
|
|
// 删除对应照片
|
|
|
|
|
handleRemove(file, fileList, name) {
|
|
|
|
|
// 营业执照
|
|
|
|
|
if (name == "yyzz") {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.httpRequestImgYyzz = false;
|
|
|
|
|
}, 1000);
|
|
|
|
|
} else if (name == "sfzzm") {
|
|
|
|
|
//身份证正面
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.httpRequestImgSfzzm = false;
|
|
|
|
|
}, 1000);
|
|
|
|
|
} else if (name == "sfzfm") {
|
|
|
|
|
//身份证正面
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
this.httpRequestImgSfzfm = false;
|
|
|
|
|
}, 1000);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
console.log(file, fileList);
|
|
|
|
|
this.xszzm = "";
|
|
|
|
|
// this.httpRequestImg = fileList.length >= 1;
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss" rel="stylesheet/scss">
|
|
|
|
|
::v-deep .el-form-item__label {
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .lineHeight .el-form-item--medium .el-form-item__content {
|
|
|
|
|
line-height: 17px;
|
|
|
|
|
}
|
|
|
|
|
::v-deep .messageImg .el-upload--picture-card {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 80px;
|
|
|
|
|
line-height: 80px;
|
|
|
|
|
}
|
|
|
|
|
::v-deep .el-upload-list--picture-card .el-upload-list__item {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 80px;
|
|
|
|
|
line-height: 80px;
|
|
|
|
|
}
|
|
|
|
|
.hide {
|
|
|
|
|
::v-deep .el-upload--picture-card {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.message {
|
|
|
|
|
flex: 3;
|
|
|
|
|
align-self: start;
|
|
|
|
|
font-size: 9px;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
padding-top: 7px;
|
|
|
|
|
}
|
|
|
|
|
.messageImg {
|
|
|
|
|
width: 90%;
|
|
|
|
|
height: 80px;
|
|
|
|
|
background-color: #d3c9c9bd;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.title {
|
|
|
|
|
margin: 10px 0 20px 0;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
}
|
|
|
|
|
.titleHeader {
|
|
|
|
|
color: #fff;
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
font-size: 13px;
|
|
|
|
|
}
|
|
|
|
|
.flexs {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.home {
|
|
|
|
|
width: 100%;
|
|
|
|
|
min-height: calc(100vh - 84px);
|
|
|
|
|
background-color: #e9ecf3;
|
|
|
|
|
padding: 3px 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.header {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
height: 190px;
|
|
|
|
|
background-image: url("~@/assets/images/comper.png");
|
|
|
|
|
background-size: cover;
|
|
|
|
|
margin-bottom: 3px;
|
|
|
|
|
.headerItem {
|
|
|
|
|
color: #fff;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.lineLeft {
|
|
|
|
|
width: 110px;
|
|
|
|
|
border-bottom: 3px solid #fff;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
margin-right: -15px;
|
|
|
|
|
}
|
|
|
|
|
.lineRight {
|
|
|
|
|
width: 110px;
|
|
|
|
|
border-bottom: 3px solid #fff;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
margin-left: -15px;
|
|
|
|
|
}
|
|
|
|
|
.radius {
|
|
|
|
|
border: 1px solid #fff;
|
|
|
|
|
width: 20px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
.radiusItem {
|
|
|
|
|
width: 60%;
|
|
|
|
|
height: 60%;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
dongmu
5 months ago
