|
|
@@ -237,125 +237,127 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<!-- 申请变更经办人-->
|
|
|
- <el-dialog :title="titles" :visible.sync="imgs" width="800px" append-to-body>
|
|
|
+ <el-dialog class="zap-broker-change" :title="titles" :visible.sync="imgs" width="586px" append-to-body>
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-form-item label="安心签开户及管理授权书(模板)">
|
|
|
- <!-- style="display: inline-block;width: 50%;" -->
|
|
|
- <el-upload
|
|
|
- ref="upload"
|
|
|
- class="upload-demo"
|
|
|
- :class="{ uoloadSty: showBtnImg, disUoloadSty: noneBtnImg }"
|
|
|
- action=""
|
|
|
- accept=".jpg, .jpeg, .png"
|
|
|
- :http-request="sfzRequest"
|
|
|
- :on-preview="handlePictureCardPreview"
|
|
|
- :before-upload="beforeAvatarUpload"
|
|
|
- :on-remove="beforeRemove"
|
|
|
- :on-change="dealImgChange"
|
|
|
- multiple
|
|
|
- :limit="1"
|
|
|
- :on-exceed="handleExceed"
|
|
|
- list-type="picture-card"
|
|
|
- :file-list="sfzList"
|
|
|
- :auto-upload="true">
|
|
|
- <el-button slot="trigger" size="small" type="primary">点击选择</el-button>
|
|
|
- <div class="el-upload__tip" slot="tip">
|
|
|
- <!-- <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据 -->
|
|
|
- <el-link type="info" style="font-size: 12px" @click="authorizationTemplate">下载模板</el-link>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="安心签用户信息变更申请表">
|
|
|
- <!-- style="display: inline-block;" -->
|
|
|
- <el-upload
|
|
|
- ref="upload"
|
|
|
- class="upload-demo"
|
|
|
- :class="{ uoloadAxq: showsBtnImg, disUoloadAxq: nonesBtnImg }"
|
|
|
- action=""
|
|
|
- accept=".jpg, .jpeg, .png"
|
|
|
- :http-request="sqsRequest"
|
|
|
- :on-preview="sqsPictureCardPreview"
|
|
|
- :before-upload="beforeAvatarUpload"
|
|
|
- :on-remove="sqsRemove"
|
|
|
- :on-change="dealImgChange"
|
|
|
- multiple
|
|
|
- :limit="1"
|
|
|
- :on-exceed="sqsExceed"
|
|
|
- list-type="picture-card"
|
|
|
- :file-list="sqsList"
|
|
|
- :auto-upload="true">
|
|
|
- <el-button slot="trigger" size="small" type="primary">点击选择</el-button>
|
|
|
- <div class="el-upload__tip" slot="tip">
|
|
|
- <!-- <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据 -->
|
|
|
- <el-link type="info" style="font-size: 12px" @click="applicationTemplate">下载模板</el-link>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
- </el-form-item>
|
|
|
- <el-row>
|
|
|
- <el-col>身份证号:</el-col>
|
|
|
- <el-input v-model="form.card" placeholder="请输入身份证号" maxlength="20"></el-input>
|
|
|
- </el-row>
|
|
|
- <el-form-item>
|
|
|
- <el-row class="zap-idcard zap-margin">
|
|
|
- <div class="zap-certification-title">
|
|
|
- <div class="zap-certification-title__wrap">
|
|
|
- <span class="main-title">账号管理员身份证件</span>
|
|
|
- <span class="sub-title">(请按照要求上传经办人身份证证件图片)</span>
|
|
|
- <div class="warning"><i class="el-icon-warning-outline"></i>请核对系统识别结果是否正确</div>
|
|
|
+ <el-row :gutter="64">
|
|
|
+ <el-col class="zap-broker-change__item" :span="12">
|
|
|
+ <div class="zap-broker-change__title">安心签开户及管理授权书(模板)</div>
|
|
|
+ <el-upload
|
|
|
+ ref="upload"
|
|
|
+ class="upload-demo"
|
|
|
+ :class="{ uoloadSty: showBtnImg, disUoloadSty: sfzList.length == 1 }"
|
|
|
+ action=""
|
|
|
+ accept=".jpg, .jpeg, .png"
|
|
|
+ :http-request="sfzRequest"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :before-upload="beforeAvatarUpload"
|
|
|
+ :on-remove="beforeRemove"
|
|
|
+ :on-change="dealImgChange"
|
|
|
+ :multiple="false"
|
|
|
+ :limit="1"
|
|
|
+ :on-exceed="handleExceed"
|
|
|
+ list-type="picture-card"
|
|
|
+ :file-list="sfzList"
|
|
|
+ :auto-upload="true">
|
|
|
+ <div class="zap-broker-change__trigger" slot="trigger">
|
|
|
+ <img class="zap-broker-change__icon" src="../../../assets/images/system/user/icon_add.png" alt="">
|
|
|
+ <div class="zap-broker-change__desc">点击选择</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12" class="zap-idcard__wrap">
|
|
|
- <el-upload
|
|
|
- ref="jsfzzload"
|
|
|
- class="zap-idcard__upload"
|
|
|
- action=""
|
|
|
- :class="{
|
|
|
+ <div class="zap-broker-change__tip" slot="tip">
|
|
|
+ <el-link type="info" style="font-size: 12px" @click="authorizationTemplate">下载模板</el-link>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="zap-broker-change__item" :span="12">
|
|
|
+ <div class="zap-broker-change__title">安心签用户信息变更申请表</div>
|
|
|
+ <el-upload
|
|
|
+ ref="upload"
|
|
|
+ :class="{ uoloadAxq: showsBtnImg, disUoloadSty: sqsList.length == 1 }"
|
|
|
+ action=""
|
|
|
+ accept=".jpg, .jpeg, .png"
|
|
|
+ :http-request="sqsRequest"
|
|
|
+ :on-preview="sqsPictureCardPreview"
|
|
|
+ :before-upload="beforeAvatarUpload"
|
|
|
+ :on-remove="sqsRemove"
|
|
|
+ :on-change="dealImgChange"
|
|
|
+ multiple
|
|
|
+ :limit="1"
|
|
|
+ :on-exceed="sqsExceed"
|
|
|
+ list-type="picture-card"
|
|
|
+ :file-list="sqsList"
|
|
|
+ :auto-upload="true">
|
|
|
+ <div class="zap-broker-change__trigger" slot="trigger">
|
|
|
+ <img class="zap-broker-change__icon" src="../../../assets/images/system/user/icon_add.png" alt="">
|
|
|
+ <div class="zap-broker-change__desc">点击选择</div>
|
|
|
+ </div>
|
|
|
+ <div class="zap-broker-change__tip" slot="tip">
|
|
|
+ <el-link type="info" style="font-size: 12px" @click="applicationTemplate">下载模板</el-link>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="zap-broker-change__idcard" :gutter="64">
|
|
|
+ <el-col class="zap-broker-change__item" :span="12">
|
|
|
+ <div class="zap-broker-change__title">身份证信息</div>
|
|
|
+ <el-upload
|
|
|
+ ref="jsfzzload"
|
|
|
+ action=""
|
|
|
+ :class="{
|
|
|
uoloadjsfzz: showBtnImg,
|
|
|
- jsfzzUoloadSty: jsfzzBtnImg,
|
|
|
+ disUoloadSty: jsfzzList.list == 1,
|
|
|
}"
|
|
|
- :on-change="jsfzzImgChange"
|
|
|
- accept=".jpg, .jpeg, .png"
|
|
|
- :http-request="jsfzzRequest"
|
|
|
- :on-preview="jsfzzPictureCardPreview"
|
|
|
- :on-remove="jsfzzRemove"
|
|
|
- :before-upload="checkUpload"
|
|
|
- multiple
|
|
|
- :limit="1"
|
|
|
- :on-exceed="jsfzzExceed"
|
|
|
- list-type="picture-card"
|
|
|
- :file-list="jsfzzList"
|
|
|
- :auto-upload="true">
|
|
|
- <img slot="trigger" src="../../../assets/images/certification/idcard_obverse.png" alt="">
|
|
|
- </el-upload>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" class="zap-idcard__wrap">
|
|
|
- <el-upload
|
|
|
- ref="jsfzfload"
|
|
|
- class="zap-idcard__upload"
|
|
|
- action=""
|
|
|
- :class="{
|
|
|
+ :on-change="jsfzzImgChange"
|
|
|
+ accept=".jpg, .jpeg, .png"
|
|
|
+ :http-request="jsfzzRequest"
|
|
|
+ :on-preview="jsfzzPictureCardPreview"
|
|
|
+ :on-remove="jsfzzRemove"
|
|
|
+ :before-upload="checkUpload"
|
|
|
+ :multiple="false"
|
|
|
+ :limit="1"
|
|
|
+ :on-exceed="jsfzzExceed"
|
|
|
+ list-type="picture-card"
|
|
|
+ :file-list="jsfzzList"
|
|
|
+ :auto-upload="true">
|
|
|
+ <div class="zap-broker-change__trigger" slot="trigger">
|
|
|
+ <img class="zap-broker-change__icon" src="../../../assets/images/system/user/icon_add.png" alt="">
|
|
|
+ <div class="zap-broker-change__desc">人像面上传</div>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="zap-broker-change__item" :span="12">
|
|
|
+ <div class="zap-broker-change__title"></div>
|
|
|
+ <el-upload
|
|
|
+ ref="jsfzfload"
|
|
|
+ action=""
|
|
|
+ :class="{
|
|
|
uoloadjsfzf: showBtnImg,
|
|
|
- jsfzfUoloadSty: jsfzfBtnImg,
|
|
|
+ disUoloadSty: jsfzfList.list == 1,
|
|
|
}"
|
|
|
- :on-change="jsfzfImgChange"
|
|
|
- accept=".jpg, .jpeg, .png"
|
|
|
- :http-request="jsfzfRequest"
|
|
|
- :on-preview="jsfzfPictureCardPreview"
|
|
|
- :on-remove="jsfzfRemove"
|
|
|
- :before-upload="checkUpload"
|
|
|
- multiple
|
|
|
- :limit="1"
|
|
|
- :on-exceed="jsfzfExceed"
|
|
|
- list-type="picture-card"
|
|
|
- :file-list="jsfzfList"
|
|
|
- :auto-upload="true">
|
|
|
- <img slot="trigger" src="../../../assets/images/certification/idcard_reverse.png" alt="">
|
|
|
- </el-upload>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </el-form-item>
|
|
|
+ :on-change="jsfzfImgChange"
|
|
|
+ accept=".jpg, .jpeg, .png"
|
|
|
+ :http-request="jsfzfRequest"
|
|
|
+ :on-preview="jsfzfPictureCardPreview"
|
|
|
+ :on-remove="jsfzfRemove"
|
|
|
+ :before-upload="checkUpload"
|
|
|
+ multiple
|
|
|
+ :limit="1"
|
|
|
+ :on-exceed="jsfzfExceed"
|
|
|
+ list-type="picture-card"
|
|
|
+ :file-list="jsfzfList"
|
|
|
+ :auto-upload="true">
|
|
|
+ <div class="zap-broker-change__trigger" slot="trigger">
|
|
|
+ <img class="zap-broker-change__icon" src="../../../assets/images/system/user/icon_add.png" alt="">
|
|
|
+ <div class="zap-broker-change__desc">国徽面上传</div>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row class="zap-broker-change__form">
|
|
|
+ <div class="zap-broker-change__form-item">
|
|
|
+ <div class="zap-broker-change__form-labele"><span class="zap-broker-change__form-mark">*</span>证件号</div>
|
|
|
+ <el-input class="zap-broker-change__form-input zap-form-input" v-model="form.card" placeholder="请输入身份证号" maxlength="20"></el-input>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<el-button type="primary" @click="submitImg">确 定</el-button>
|
|
|
@@ -1571,4 +1573,81 @@ export default {
|
|
|
.jsfzzUoloadSty .el-upload--picture-card {
|
|
|
display: none;
|
|
|
}
|
|
|
+
|
|
|
+.zap-broker-change {
|
|
|
+ .el-dialog__body {
|
|
|
+ padding: 24px 60px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-upload--picture-card,
|
|
|
+ .zap-broker-change__trigger {
|
|
|
+ width: 200px;
|
|
|
+ height: 128px;
|
|
|
+ }
|
|
|
+ .zap-broker-change__trigger{
|
|
|
+ padding-top: 34px;
|
|
|
+ }
|
|
|
+ .el-upload--picture-card {
|
|
|
+ border: 1px dashed #4280F2;
|
|
|
+ background-color: #EBF3FF;
|
|
|
+ }
|
|
|
+}
|
|
|
+.zap-broker-change__idcard{
|
|
|
+ margin-top: 26px;
|
|
|
+}
|
|
|
+.zap-broker-change__title {
|
|
|
+ margin-bottom: 16px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+
|
|
|
+.zap-broker-change__icon {
|
|
|
+ display: block;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.zap-broker-change__desc {
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ margin-top: 8px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #4280F2;
|
|
|
+}
|
|
|
+
|
|
|
+.zap-broker-change__tip {
|
|
|
+ margin-top: 8px;
|
|
|
+ line-height: 18px;
|
|
|
+ font-size: 12px;
|
|
|
+ .el-link.el-link--info,
|
|
|
+ .el-link.el-link--info:hover {
|
|
|
+ color: #999999 !important;
|
|
|
+ }
|
|
|
+}
|
|
|
+.zap-broker-change__form{
|
|
|
+ margin-top: 24px;
|
|
|
+ margin-bottom: 32px;
|
|
|
+}
|
|
|
+.zap-broker-change__form-item{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.zap-broker-change__form-labele{
|
|
|
+ width: 70px;
|
|
|
+ line-height: 36px;
|
|
|
+ padding-right: 16px;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.zap-broker-change__form-input{}
|
|
|
+.zap-broker-change__form-mark{
|
|
|
+ margin-right: 4px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FF2F2F;
|
|
|
+}
|
|
|
+.disUoloadSty .el-upload--picture-card {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
</style>
|
zhanglb
