|
@@ -29,23 +29,39 @@
|
|
|
:before-upload="beforeAvatarUpload"
|
|
:before-upload="beforeAvatarUpload"
|
|
|
:on-preview="handlePictureCardPreview"
|
|
:on-preview="handlePictureCardPreview"
|
|
|
>
|
|
>
|
|
|
- <img v-if="dataForm.SFZ_01" :src="dataForm.SFZ_01" class="avatar"/>
|
|
|
|
|
|
|
+ <img v-if="dataForm.SFZ_01" :src="dataForm.SFZ_01" class="avatar" />
|
|
|
<div v-else class="upload-icon">
|
|
<div v-else class="upload-icon">
|
|
|
- <img src="@/assets/image/people/camera.svg" alt="">
|
|
|
|
|
|
|
+ <img src="@/assets/image/people/camera.svg" alt="" />
|
|
|
<div class="el-upload__text">人像面</div>
|
|
<div class="el-upload__text">人像面</div>
|
|
|
</div>
|
|
</div>
|
|
|
<span class="slot" v-show="dataForm.SFZ_01">
|
|
<span class="slot" v-show="dataForm.SFZ_01">
|
|
|
- <i class="preview" @click.stop="handlePictureCardPreview(dataForm.SFZ_01)"></i>
|
|
|
|
|
- <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('SFZ_01')">
|
|
|
|
|
|
|
+ <i
|
|
|
|
|
+ class="preview"
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.SFZ_01)"
|
|
|
|
|
+ ></i>
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="close"
|
|
|
|
|
+ v-show="!isDisabled"
|
|
|
|
|
+ src="@/assets/image/people/close.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ @click.stop="handlePictureCardDelete('SFZ_01')"
|
|
|
|
|
+ />
|
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
|
- <img class="reset" src="@/assets/image/people/reset.png" alt="">
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="reset"
|
|
|
|
|
+ src="@/assets/image/people/reset.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ />
|
|
|
<span class="title">点击重新上传</span>
|
|
<span class="title">点击重新上传</span>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
</span>
|
|
</span>
|
|
|
</el-upload>
|
|
</el-upload>
|
|
|
- <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.SFZ_01)">
|
|
|
|
|
- <img v-if="dataForm.SFZ_01" :src="dataForm.SFZ_01" class="avatar"/>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
|
+ v-else
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.SFZ_01)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <img v-if="dataForm.SFZ_01" :src="dataForm.SFZ_01" class="avatar" />
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item label="">
|
|
<el-form-item label="">
|
|
@@ -58,22 +74,39 @@
|
|
|
:http-request="httpRequest"
|
|
:http-request="httpRequest"
|
|
|
:before-upload="beforeAvatarUpload"
|
|
:before-upload="beforeAvatarUpload"
|
|
|
>
|
|
>
|
|
|
- <img v-if="dataForm.SFZ_02" :src="dataForm.SFZ_02" class="avatar"/>
|
|
|
|
|
|
|
+ <img v-if="dataForm.SFZ_02" :src="dataForm.SFZ_02" class="avatar" />
|
|
|
<div v-else class="upload-icon">
|
|
<div v-else class="upload-icon">
|
|
|
- <img src="@/assets/image/people/camera.svg" alt="">
|
|
|
|
|
|
|
+ <img src="@/assets/image/people/camera.svg" alt="" />
|
|
|
<div class="el-upload__text">国徽面</div>
|
|
<div class="el-upload__text">国徽面</div>
|
|
|
</div>
|
|
</div>
|
|
|
<span class="slot" v-show="dataForm.SFZ_02">
|
|
<span class="slot" v-show="dataForm.SFZ_02">
|
|
|
- <i class="preview" @click.stop="handlePictureCardPreview(dataForm.SFZ_02)"></i>
|
|
|
|
|
- <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('SFZ_02')">
|
|
|
|
|
|
|
+ <i
|
|
|
|
|
+ class="preview"
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.SFZ_02)"
|
|
|
|
|
+ ></i>
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="close"
|
|
|
|
|
+ v-show="!isDisabled"
|
|
|
|
|
+ src="@/assets/image/people/close.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ @click.stop="handlePictureCardDelete('SFZ_02')"
|
|
|
|
|
+ />
|
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
|
- <img class="reset" src="@/assets/image/people/reset.png" alt="">
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="reset"
|
|
|
|
|
+ src="@/assets/image/people/reset.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ />
|
|
|
<span class="title">点击重新上传</span>
|
|
<span class="title">点击重新上传</span>
|
|
|
</div>
|
|
</div>
|
|
|
</span>
|
|
</span>
|
|
|
</el-upload>
|
|
</el-upload>
|
|
|
- <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.SFZ_02)">
|
|
|
|
|
- <img v-if="dataForm.SFZ_02" :src="dataForm.SFZ_02" class="avatar"/>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
|
+ v-else
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.SFZ_02)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <img v-if="dataForm.SFZ_02" :src="dataForm.SFZ_02" class="avatar" />
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</div>
|
|
</div>
|
|
@@ -91,21 +124,38 @@
|
|
|
>
|
|
>
|
|
|
<img v-if="dataForm.Z6Z_00" :src="dataForm.Z6Z_00" class="avatar" />
|
|
<img v-if="dataForm.Z6Z_00" :src="dataForm.Z6Z_00" class="avatar" />
|
|
|
<div v-else class="upload-icon">
|
|
<div v-else class="upload-icon">
|
|
|
- <img src="@/assets/image/people/camera.svg" alt="">
|
|
|
|
|
|
|
+ <img src="@/assets/image/people/camera.svg" alt="" />
|
|
|
<div class="el-upload__text">上传资料</div>
|
|
<div class="el-upload__text">上传资料</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
|
|
<!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
|
|
|
<span class="slot" v-show="dataForm.Z6Z_00">
|
|
<span class="slot" v-show="dataForm.Z6Z_00">
|
|
|
- <i class="preview" @click.stop="handlePictureCardPreview(dataForm.Z6Z_00)"></i>
|
|
|
|
|
- <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('Z6Z_00')">
|
|
|
|
|
|
|
+ <i
|
|
|
|
|
+ class="preview"
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.Z6Z_00)"
|
|
|
|
|
+ ></i>
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="close"
|
|
|
|
|
+ v-show="!isDisabled"
|
|
|
|
|
+ src="@/assets/image/people/close.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ @click.stop="handlePictureCardDelete('Z6Z_00')"
|
|
|
|
|
+ />
|
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
|
- <img class="reset" src="@/assets/image/people/reset.png" alt="">
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="reset"
|
|
|
|
|
+ src="@/assets/image/people/reset.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ />
|
|
|
<span class="title">点击重新上传</span>
|
|
<span class="title">点击重新上传</span>
|
|
|
</div>
|
|
</div>
|
|
|
</span>
|
|
</span>
|
|
|
</el-upload>
|
|
</el-upload>
|
|
|
- <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.Z6Z_00)">
|
|
|
|
|
- <img v-if="dataForm.Z6Z_00" :src="dataForm.Z6Z_00" class="avatar"/>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
|
+ v-else
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.Z6Z_00)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <img v-if="dataForm.Z6Z_00" :src="dataForm.Z6Z_00" class="avatar" />
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</div>
|
|
</div>
|
|
@@ -119,24 +169,40 @@
|
|
|
name="LD_00"
|
|
name="LD_00"
|
|
|
:show-file-list="false"
|
|
:show-file-list="false"
|
|
|
:http-request="httpRequest"
|
|
:http-request="httpRequest"
|
|
|
- :before-upload="beforeAvatarUpload"
|
|
|
|
|
>
|
|
>
|
|
|
<img v-if="dataForm.LD_00" :src="dataForm.LD_00" class="avatar" />
|
|
<img v-if="dataForm.LD_00" :src="dataForm.LD_00" class="avatar" />
|
|
|
<div v-else class="upload-icon">
|
|
<div v-else class="upload-icon">
|
|
|
- <img src="@/assets/image/people/camera.svg" alt="">
|
|
|
|
|
|
|
+ <img src="@/assets/image/people/camera.svg" alt="" />
|
|
|
<div class="el-upload__text">上传资料</div>
|
|
<div class="el-upload__text">上传资料</div>
|
|
|
</div>
|
|
</div>
|
|
|
<span class="slot" v-show="dataForm.LD_00">
|
|
<span class="slot" v-show="dataForm.LD_00">
|
|
|
- <i class="preview" @click.stop="handlePictureCardPreview(dataForm.LD_00)"></i>
|
|
|
|
|
- <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('LD_00')">
|
|
|
|
|
|
|
+ <i
|
|
|
|
|
+ class="preview"
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.LD_00)"
|
|
|
|
|
+ ></i>
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="close"
|
|
|
|
|
+ v-show="!isDisabled"
|
|
|
|
|
+ src="@/assets/image/people/close.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ @click.stop="handlePictureCardDelete('LD_00')"
|
|
|
|
|
+ />
|
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
|
- <img class="reset" src="@/assets/image/people/reset.png" alt="">
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="reset"
|
|
|
|
|
+ src="@/assets/image/people/reset.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ />
|
|
|
<span class="title">点击重新上传</span>
|
|
<span class="title">点击重新上传</span>
|
|
|
</div>
|
|
</div>
|
|
|
</span>
|
|
</span>
|
|
|
</el-upload>
|
|
</el-upload>
|
|
|
- <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.LD_00)">
|
|
|
|
|
- <img v-if="dataForm.LD_00" :src="dataForm.LD_00" class="avatar"/>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
|
+ v-else
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.LD_00)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <img v-if="dataForm.LD_00" :src="dataForm.LD_00" class="avatar" />
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</div>
|
|
</div>
|
|
@@ -152,22 +218,39 @@
|
|
|
:http-request="httpRequest"
|
|
:http-request="httpRequest"
|
|
|
:before-upload="beforeAvatarUpload"
|
|
:before-upload="beforeAvatarUpload"
|
|
|
>
|
|
>
|
|
|
- <img v-if="dataForm.YP_00" :src="dataForm.YP_00" class="avatar"/>
|
|
|
|
|
|
|
+ <img v-if="dataForm.YP_00" :src="dataForm.YP_00" class="avatar" />
|
|
|
<div v-else class="upload-icon">
|
|
<div v-else class="upload-icon">
|
|
|
- <img src="@/assets/image/people/camera.svg" alt="">
|
|
|
|
|
|
|
+ <img src="@/assets/image/people/camera.svg" alt="" />
|
|
|
<div class="el-upload__text">上传资料</div>
|
|
<div class="el-upload__text">上传资料</div>
|
|
|
</div>
|
|
</div>
|
|
|
<span class="slot" v-show="dataForm.YP_00">
|
|
<span class="slot" v-show="dataForm.YP_00">
|
|
|
- <i class="preview" @click.stop="handlePictureCardPreview(dataForm.YP_00)"></i>
|
|
|
|
|
- <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('YP_00')">
|
|
|
|
|
|
|
+ <i
|
|
|
|
|
+ class="preview"
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.YP_00)"
|
|
|
|
|
+ ></i>
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="close"
|
|
|
|
|
+ v-show="!isDisabled"
|
|
|
|
|
+ src="@/assets/image/people/close.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ @click.stop="handlePictureCardDelete('YP_00')"
|
|
|
|
|
+ />
|
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
|
- <img class="reset" src="@/assets/image/people/reset.png" alt="">
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="reset"
|
|
|
|
|
+ src="@/assets/image/people/reset.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ />
|
|
|
<span class="title">点击重新上传</span>
|
|
<span class="title">点击重新上传</span>
|
|
|
</div>
|
|
</div>
|
|
|
</span>
|
|
</span>
|
|
|
</el-upload>
|
|
</el-upload>
|
|
|
- <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.YP_00)">
|
|
|
|
|
- <img v-if="dataForm.YP_00" :src="dataForm.YP_00" class="avatar"/>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
|
+ v-else
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.YP_00)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <img v-if="dataForm.YP_00" :src="dataForm.YP_00" class="avatar" />
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</div>
|
|
</div>
|
|
@@ -186,20 +269,37 @@
|
|
|
<img v-if="dataForm.DX_00" :src="dataForm.DX_00" class="avatar" />
|
|
<img v-if="dataForm.DX_00" :src="dataForm.DX_00" class="avatar" />
|
|
|
<div v-else class="upload-icon">
|
|
<div v-else class="upload-icon">
|
|
|
<!-- <i class="el-icon-camera" style="font-size: 30px;"></i> -->
|
|
<!-- <i class="el-icon-camera" style="font-size: 30px;"></i> -->
|
|
|
- <img src="@/assets/image/people/camera.svg" alt="">
|
|
|
|
|
|
|
+ <img src="@/assets/image/people/camera.svg" alt="" />
|
|
|
<div class="el-upload__text">上传资料</div>
|
|
<div class="el-upload__text">上传资料</div>
|
|
|
</div>
|
|
</div>
|
|
|
<span class="slot" v-show="dataForm.DX_00">
|
|
<span class="slot" v-show="dataForm.DX_00">
|
|
|
- <i class="preview" @click.stop="handlePictureCardPreview(dataForm.DX_00)"></i>
|
|
|
|
|
- <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('DX_00')">
|
|
|
|
|
|
|
+ <i
|
|
|
|
|
+ class="preview"
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.DX_00)"
|
|
|
|
|
+ ></i>
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="close"
|
|
|
|
|
+ v-show="!isDisabled"
|
|
|
|
|
+ src="@/assets/image/people/close.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ @click.stop="handlePictureCardDelete('DX_00')"
|
|
|
|
|
+ />
|
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
|
- <img class="reset" src="@/assets/image/people/reset.png" alt="">
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="reset"
|
|
|
|
|
+ src="@/assets/image/people/reset.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ />
|
|
|
<span class="title">点击重新上传</span>
|
|
<span class="title">点击重新上传</span>
|
|
|
</div>
|
|
</div>
|
|
|
</span>
|
|
</span>
|
|
|
</el-upload>
|
|
</el-upload>
|
|
|
- <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.DX_00)">
|
|
|
|
|
- <img v-if="dataForm.DX_00" :src="dataForm.DX_00" class="avatar"/>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
|
+ v-else
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.DX_00)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <img v-if="dataForm.DX_00" :src="dataForm.DX_00" class="avatar" />
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</div>
|
|
</div>
|
|
@@ -217,27 +317,43 @@
|
|
|
>
|
|
>
|
|
|
<img v-if="dataForm.LZ_01" :src="dataForm.LZ_01" class="avatar" />
|
|
<img v-if="dataForm.LZ_01" :src="dataForm.LZ_01" class="avatar" />
|
|
|
<div v-else class="upload-icon">
|
|
<div v-else class="upload-icon">
|
|
|
- <img src="@/assets/image/people/camera.svg" alt="">
|
|
|
|
|
|
|
+ <img src="@/assets/image/people/camera.svg" alt="" />
|
|
|
<div class="el-upload__text">上传资料</div>
|
|
<div class="el-upload__text">上传资料</div>
|
|
|
</div>
|
|
</div>
|
|
|
<span class="slot" v-show="dataForm.LZ_01">
|
|
<span class="slot" v-show="dataForm.LZ_01">
|
|
|
- <i class="preview" @click.stop="handlePictureCardPreview(dataForm.LZ_01)"></i>
|
|
|
|
|
- <img class="close" v-show="!isDisabled" src="@/assets/image/people/close.png" alt="" @click.stop="handlePictureCardDelete('LZ_01')">
|
|
|
|
|
|
|
+ <i
|
|
|
|
|
+ class="preview"
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.LZ_01)"
|
|
|
|
|
+ ></i>
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="close"
|
|
|
|
|
+ v-show="!isDisabled"
|
|
|
|
|
+ src="@/assets/image/people/close.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ @click.stop="handlePictureCardDelete('LZ_01')"
|
|
|
|
|
+ />
|
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
<div v-show="!isDisabled" class="bottomHandle">
|
|
|
- <img class="reset" src="@/assets/image/people/reset.png" alt="">
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ class="reset"
|
|
|
|
|
+ src="@/assets/image/people/reset.png"
|
|
|
|
|
+ alt=""
|
|
|
|
|
+ />
|
|
|
<span class="title">点击重新上传</span>
|
|
<span class="title">点击重新上传</span>
|
|
|
</div>
|
|
</div>
|
|
|
</span>
|
|
</span>
|
|
|
</el-upload>
|
|
</el-upload>
|
|
|
- <div class="avatar-uploader" v-else @click.stop="handlePictureCardPreview(dataForm.LZ_01)">
|
|
|
|
|
- <img v-if="dataForm.LZ_01" :src="dataForm.LZ_01" class="avatar"/>
|
|
|
|
|
|
|
+ <div
|
|
|
|
|
+ class="avatar-uploader"
|
|
|
|
|
+ v-else
|
|
|
|
|
+ @click.stop="handlePictureCardPreview(dataForm.LZ_01)"
|
|
|
|
|
+ >
|
|
|
|
|
+ <img v-if="dataForm.LZ_01" :src="dataForm.LZ_01" class="avatar" />
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</div>
|
|
</div>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
|
|
|
-
|
|
|
|
|
-<!--
|
|
|
|
|
|
|
+ <!--
|
|
|
<div class="imageLibraryItem">
|
|
<div class="imageLibraryItem">
|
|
|
<el-row class="imageLibraryItemTitle">
|
|
<el-row class="imageLibraryItemTitle">
|
|
|
<label @click="pic1Control = !pic1Control"> 身份证照片 </label>
|
|
<label @click="pic1Control = !pic1Control"> 身份证照片 </label>
|
|
@@ -399,7 +515,12 @@
|
|
|
</el-row>
|
|
</el-row>
|
|
|
</div> -->
|
|
</div> -->
|
|
|
|
|
|
|
|
- <el-image-viewer v-if="showViewer" :on-close="closeViewer" :z-index="9999" :url-list="[ProViewImg]" />
|
|
|
|
|
|
|
+ <el-image-viewer
|
|
|
|
|
+ v-if="showViewer"
|
|
|
|
|
+ :on-close="closeViewer"
|
|
|
|
|
+ :z-index="9999"
|
|
|
|
|
+ :url-list="[ProViewImg]"
|
|
|
|
|
+ />
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
@@ -421,14 +542,14 @@ export default {
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
//影像资料显示隐藏
|
|
//影像资料显示隐藏
|
|
|
- dialogVisible:{
|
|
|
|
|
|
|
+ dialogVisible: {
|
|
|
type: Boolean,
|
|
type: Boolean,
|
|
|
default: () => {
|
|
default: () => {
|
|
|
return false;
|
|
return false;
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
//影像资料预览状态
|
|
//影像资料预览状态
|
|
|
- carfrontImg:{
|
|
|
|
|
|
|
+ carfrontImg: {
|
|
|
type: Boolean,
|
|
type: Boolean,
|
|
|
default: () => {
|
|
default: () => {
|
|
|
return false;
|
|
return false;
|
|
@@ -436,12 +557,12 @@ export default {
|
|
|
},
|
|
},
|
|
|
isDisabled: {
|
|
isDisabled: {
|
|
|
type: Boolean,
|
|
type: Boolean,
|
|
|
- default: false
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ default: false,
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
components: {
|
|
components: {
|
|
|
"el-image-viewer": () =>
|
|
"el-image-viewer": () =>
|
|
|
- import("element-ui/packages/image/src/image-viewer")
|
|
|
|
|
|
|
+ import("element-ui/packages/image/src/image-viewer"),
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -455,41 +576,42 @@ export default {
|
|
|
showViewer: false,
|
|
showViewer: false,
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
- watch:{
|
|
|
|
|
- dialogVisible(n,o){
|
|
|
|
|
- this.pic1Control= o
|
|
|
|
|
- this.pic3Control= o
|
|
|
|
|
- this.pic4Control= o
|
|
|
|
|
- this.pic5Control= o
|
|
|
|
|
- this.pic6Control= o
|
|
|
|
|
- this.pic7Control= o
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- created() {
|
|
|
|
|
|
|
+ watch: {
|
|
|
|
|
+ dialogVisible(n, o) {
|
|
|
|
|
+ this.pic1Control = o;
|
|
|
|
|
+ this.pic3Control = o;
|
|
|
|
|
+ this.pic4Control = o;
|
|
|
|
|
+ this.pic5Control = o;
|
|
|
|
|
+ this.pic6Control = o;
|
|
|
|
|
+ this.pic7Control = o;
|
|
|
|
|
+ },
|
|
|
},
|
|
},
|
|
|
|
|
+ created() {},
|
|
|
methods: {
|
|
methods: {
|
|
|
toItem(item) {
|
|
toItem(item) {
|
|
|
- document.getElementById(item._props.name).scrollIntoView({ behavior: "smooth" });
|
|
|
|
|
|
|
+ document
|
|
|
|
|
+ .getElementById(item._props.name)
|
|
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
},
|
|
},
|
|
|
// 删除
|
|
// 删除
|
|
|
handlePictureCardDelete(type) {
|
|
handlePictureCardDelete(type) {
|
|
|
- this.dataForm[type] = ''
|
|
|
|
|
|
|
+ this.dataForm[type] = "";
|
|
|
//添加刪除图像集合中的数据
|
|
//添加刪除图像集合中的数据
|
|
|
- var img_index=-1;
|
|
|
|
|
|
|
+ var img_index = -1;
|
|
|
this.imagesIdList.forEach((item, index) => {
|
|
this.imagesIdList.forEach((item, index) => {
|
|
|
- if (item.type == type) {
|
|
|
|
|
- img_index =index;
|
|
|
|
|
|
|
+ if (item.type == type) {
|
|
|
|
|
+ img_index = index;
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
|
- if(img_index!=-1){
|
|
|
|
|
|
|
+ if (img_index != -1) {
|
|
|
this.imagesIdList.splice(img_index, 1);
|
|
this.imagesIdList.splice(img_index, 1);
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
//预览图片
|
|
//预览图片
|
|
|
handlePictureCardPreview(img) {
|
|
handlePictureCardPreview(img) {
|
|
|
- if(!img){
|
|
|
|
|
- this.$message.error('暂无照片')
|
|
|
|
|
- return
|
|
|
|
|
|
|
+ if (!img) {
|
|
|
|
|
+ this.$message.error("暂无照片");
|
|
|
|
|
+ return;
|
|
|
}
|
|
}
|
|
|
this.ProViewImg = img;
|
|
this.ProViewImg = img;
|
|
|
this.showViewer = true;
|
|
this.showViewer = true;
|
|
@@ -501,7 +623,7 @@ export default {
|
|
|
// 上传图片的方法Start
|
|
// 上传图片的方法Start
|
|
|
beforeAvatarUpload(file) {
|
|
beforeAvatarUpload(file) {
|
|
|
if (this.isDisabled) {
|
|
if (this.isDisabled) {
|
|
|
- return
|
|
|
|
|
|
|
+ return;
|
|
|
}
|
|
}
|
|
|
const isJPG = file.type === "image/jpeg" || file.type === "image/png";
|
|
const isJPG = file.type === "image/jpeg" || file.type === "image/png";
|
|
|
const isLt2M = file.size / 1024 / 1024 < 2;
|
|
const isLt2M = file.size / 1024 / 1024 < 2;
|
|
@@ -516,7 +638,7 @@ export default {
|
|
|
//上传影像
|
|
//上传影像
|
|
|
httpRequest(options) {
|
|
httpRequest(options) {
|
|
|
if (this.isDisabled) {
|
|
if (this.isDisabled) {
|
|
|
- return
|
|
|
|
|
|
|
+ return;
|
|
|
}
|
|
}
|
|
|
let file = options.file;
|
|
let file = options.file;
|
|
|
let filename = options.filename;
|
|
let filename = options.filename;
|
|
@@ -531,19 +653,19 @@ export default {
|
|
|
const params = new FormData(); // 声明formData数据类型
|
|
const params = new FormData(); // 声明formData数据类型
|
|
|
params.append("multipartFile", file);
|
|
params.append("multipartFile", file);
|
|
|
params.append("type", "personnel");
|
|
params.append("type", "personnel");
|
|
|
- this.$api.letter.uploadFile(params).then(res => {
|
|
|
|
|
|
|
+ this.$api.letter.uploadFile(params).then((res) => {
|
|
|
if (res.code == "200") {
|
|
if (res.code == "200") {
|
|
|
- if (this.imagesIdList.some(v => v.type == filename)) {
|
|
|
|
|
- this.imagesIdList.map(val => {
|
|
|
|
|
|
|
+ if (this.imagesIdList.some((v) => v.type == filename)) {
|
|
|
|
|
+ this.imagesIdList.map((val) => {
|
|
|
if (val.type == filename) {
|
|
if (val.type == filename) {
|
|
|
val.imageId = res.data.id;
|
|
val.imageId = res.data.id;
|
|
|
}
|
|
}
|
|
|
- })
|
|
|
|
|
|
|
+ });
|
|
|
} else {
|
|
} else {
|
|
|
this.imagesIdList.push({
|
|
this.imagesIdList.push({
|
|
|
imageId: res.data.id,
|
|
imageId: res.data.id,
|
|
|
type: filename,
|
|
type: filename,
|
|
|
- })
|
|
|
|
|
|
|
+ });
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
});
|
|
});
|
|
@@ -590,12 +712,13 @@ export default {
|
|
|
margin-top: 7px;
|
|
margin-top: 7px;
|
|
|
color: #999;
|
|
color: #999;
|
|
|
}
|
|
}
|
|
|
-.el-upload--picture-card:hover, .el-upload:focus{
|
|
|
|
|
|
|
+.el-upload--picture-card:hover,
|
|
|
|
|
+.el-upload:focus {
|
|
|
color: #333;
|
|
color: #333;
|
|
|
}
|
|
}
|
|
|
.upload-icon:hover {
|
|
.upload-icon:hover {
|
|
|
/* border: 1px dashed #2D4D89; */
|
|
/* border: 1px dashed #2D4D89; */
|
|
|
- border-color: #D42426;
|
|
|
|
|
|
|
+ border-color: #d42426;
|
|
|
/* color: #D42426; */
|
|
/* color: #D42426; */
|
|
|
transition: all ease 1s;
|
|
transition: all ease 1s;
|
|
|
}
|
|
}
|
|
@@ -650,7 +773,7 @@ export default {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.close{
|
|
|
|
|
|
|
+.close {
|
|
|
width: 12px;
|
|
width: 12px;
|
|
|
height: 12px;
|
|
height: 12px;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
@@ -658,30 +781,30 @@ export default {
|
|
|
right: 0;
|
|
right: 0;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
-.preview{
|
|
|
|
|
|
|
+.preview {
|
|
|
width: 208px;
|
|
width: 208px;
|
|
|
height: calc(130px - 24px);
|
|
height: calc(130px - 24px);
|
|
|
}
|
|
}
|
|
|
-.bottomHandle{
|
|
|
|
|
|
|
+.bottomHandle {
|
|
|
width: 208px;
|
|
width: 208px;
|
|
|
height: 24px;
|
|
height: 24px;
|
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
|
- background: url('~@/assets/image/people/bottomFrame.png') no-repeat;
|
|
|
|
|
|
|
+ background: url("~@/assets/image/people/bottomFrame.png") no-repeat;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
bottom: 0;
|
|
|
left: -1px;
|
|
left: -1px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
-.reset{
|
|
|
|
|
|
|
+.reset {
|
|
|
width: 10px;
|
|
width: 10px;
|
|
|
- height: 10px
|
|
|
|
|
|
|
+ height: 10px;
|
|
|
}
|
|
}
|
|
|
-.bottomHandle>.title{
|
|
|
|
|
|
|
+.bottomHandle > .title {
|
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
padding: 0;
|
|
padding: 0;
|
|
|
}
|
|
}
|
|
|
-.slot>i {
|
|
|
|
|
|
|
+.slot > i {
|
|
|
/* margin: 10px; */
|
|
/* margin: 10px; */
|
|
|
/* color: #fff; */
|
|
/* color: #fff; */
|
|
|
/* font-size: 25px; */
|
|
/* font-size: 25px; */
|
|
@@ -691,7 +814,7 @@ export default {
|
|
|
.slot:hover {
|
|
.slot:hover {
|
|
|
opacity: 1;
|
|
opacity: 1;
|
|
|
}
|
|
}
|
|
|
-.title{
|
|
|
|
|
|
|
+.title {
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
color: #333;
|
|
color: #333;
|
|
|
padding-bottom: 10px;
|
|
padding-bottom: 10px;
|
|
@@ -699,7 +822,6 @@ export default {
|
|
|
</style>
|
|
</style>
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
-
|
|
|
|
|
</style>
|
|
</style>
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
.contaner {
|
|
.contaner {
|
|
@@ -716,11 +838,11 @@ export default {
|
|
|
padding: 0 !important;
|
|
padding: 0 !important;
|
|
|
margin-right: 0 !important;
|
|
margin-right: 0 !important;
|
|
|
max-height: 470px;
|
|
max-height: 470px;
|
|
|
- >>>.el-form-item{
|
|
|
|
|
|
|
+ >>> .el-form-item {
|
|
|
margin-right: 20px;
|
|
margin-right: 20px;
|
|
|
margin-bottom: 24px;
|
|
margin-bottom: 24px;
|
|
|
}
|
|
}
|
|
|
- >>>.el-form-item__content{
|
|
|
|
|
|
|
+ >>> .el-form-item__content {
|
|
|
line-height: 0;
|
|
line-height: 0;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|