|
@@ -82,7 +82,7 @@
|
|
|
<div v-if="pdStatus(item.fieldKey)">
|
|
|
<div
|
|
|
v-if="item.fieldKey === 'recent_photos'"
|
|
|
- style="width: 145px; height: 160px"
|
|
|
+ style="width: 145px; height: 160px;"
|
|
|
>
|
|
|
<el-image
|
|
|
v-if="item.value"
|
|
@@ -114,7 +114,7 @@
|
|
|
</div>
|
|
|
<p v-else>暂无上传图片</p>
|
|
|
</div>
|
|
|
- <div v-else style="width: 224px; height: 160px">
|
|
|
+ <div v-else style="width: 224px; height: 160px;position:relative;">
|
|
|
<el-image
|
|
|
v-if="item.value"
|
|
|
style="width: 100%; height: 100%"
|
|
@@ -123,7 +123,42 @@
|
|
|
>
|
|
|
</el-image>
|
|
|
<p v-else>暂无上传图片</p>
|
|
|
+ <div v-if="item.value" style="height: 26px;
|
|
|
+ bottom: 0px;
|
|
|
+ width: 100%;
|
|
|
+ background-color: rgb(141 141 141 / 50%);
|
|
|
+ text-align: center;
|
|
|
+ font-size: 28px;
|
|
|
+ color: #0cdb31;
|
|
|
+ position: absolute;"><i class="el-icon-refresh-left" style="margin-right: 20px;" title="向左旋转90度"></i><i class="el-icon-refresh-right" title="向右旋转90度"></i></div>
|
|
|
+ <div style="position: absolute;right: -100px;bottom: 0px;">
|
|
|
+ <el-button v-if="item.fieldKey === 'idcard_face_photo'"
|
|
|
+ size="mini"
|
|
|
+ type="success"
|
|
|
+ onclick="document.querySelector('#file1').click()"
|
|
|
+ >更换照片</el-button>
|
|
|
+ <input v-if="item.fieldKey === 'idcard_face_photo'"
|
|
|
+ id="file1"
|
|
|
+ type="file"
|
|
|
+ ref="file1"
|
|
|
+ style="display: none"
|
|
|
+ @change="uploadImg(index)"
|
|
|
+ />
|
|
|
+ <el-button v-if="item.fieldKey === 'idcard_national_photo'"
|
|
|
+ type="success"
|
|
|
+ size="mini"
|
|
|
+ onclick="document.querySelector('#file2').click()"
|
|
|
+ >更换照片</el-button>
|
|
|
+ <input v-if="item.fieldKey === 'idcard_national_photo'"
|
|
|
+ id="file2"
|
|
|
+ type="file"
|
|
|
+ ref="file2"
|
|
|
+ style="display: none"
|
|
|
+ @change="uploadImg(index)"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
<div v-else>{{ item.value }}</div>
|
|
|
</li>
|
|
@@ -264,6 +299,7 @@
|
|
|
]"
|
|
|
>
|
|
|
</el-image>
|
|
|
+
|
|
|
</div>
|
|
|
<p v-else>暂无上传图片</p>
|
|
|
</div>
|
|
@@ -577,6 +613,40 @@ export default {
|
|
|
this.search();
|
|
|
},
|
|
|
methods: {
|
|
|
+ uploadImg(int) {
|
|
|
+ var self = this;
|
|
|
+ var file = self.$refs.file1.files[0];
|
|
|
+ if (int === "idcard_face_photo") {
|
|
|
+
|
|
|
+ }
|
|
|
+ if (int === 3) {
|
|
|
+ var file = self.$refs.file3.files[0];
|
|
|
+ }
|
|
|
+
|
|
|
+ if (file === undefined) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (file.size > 2 * 1024 * 1024) {
|
|
|
+ self.$message.error("图片不得大于2MB");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var type = self.$refs.file1.value.toLowerCase().split(".").splice(-1);
|
|
|
+
|
|
|
+ if (
|
|
|
+ type[0] != "jpg" &&
|
|
|
+ type[0] != "png" &&
|
|
|
+ type[0] != "jpeg" &&
|
|
|
+ type[0] != "gif"
|
|
|
+ ) {
|
|
|
+ self.$message.error("上传格式需为:.jpg/.png/.jpeg/gif");
|
|
|
+
|
|
|
+ self.$refs.file1.value = "";
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$upload.upload(file, 0).then((res) => {
|
|
|
+ self.listInfos[int].value = res;
|
|
|
+ });
|
|
|
+ },
|
|
|
exputs(data) {
|
|
|
// if (!data.businessId) {
|
|
|
// this.$message.warning("请选择业务层次");
|