From 1c3933b20438da1d858dda2161f058dfa1b36f1e Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期三, 22 六月 2022 15:01:29 +0800
Subject: [PATCH] 联动场景新增算法
---
src/views/productDetail/components/UploadBox.vue | 51 ++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 38 insertions(+), 13 deletions(-)
diff --git a/src/views/productDetail/components/UploadBox.vue b/src/views/productDetail/components/UploadBox.vue
index 3c29672..febde84 100644
--- a/src/views/productDetail/components/UploadBox.vue
+++ b/src/views/productDetail/components/UploadBox.vue
@@ -62,19 +62,21 @@
<el-input type="textarea" v-model="item.reserved"></el-input>
</el-form-item>
<el-form-item label="浠樻鍑瘉" prop="pic">
+ <el-image
+ class="preview"
+ v-if="item.appendix"
+ :src="`http://${item.appendix}`"
+ fit="contain"
+ ></el-image>
<el-upload
+ v-else
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
:http-request="(param) => definedUpload(param, index)"
:show-file-list="false"
+ accept=".jpg, .jpeg, .png"
>
- <el-image
- class="preview"
- v-if="item.appendix"
- :src="`/httpImage/${item.appendix}`"
- fit="contain"
- ></el-image>
<div class="el-upload__text">
<i class="el-icon-plus"></i>
<span class="words">
@@ -82,11 +84,13 @@
</span>
</div>
</el-upload>
- <i
- class="el-icon-error remove"
- v-if="item.appendix"
- @click="item.appendix = ''"
- ></i>
+ <div>
+ <i
+ class="el-icon-error remove"
+ v-if="item.appendix"
+ @click="item.appendix = ''"
+ ></i>
+ </div>
</el-form-item>
<!-- <div class="text-left" v-if="index!=0">
<el-button
@@ -158,9 +162,22 @@
this.certificateForm.list.splice(index, 1);
},
definedUpload(param, index) {
+ const fileName = param.file.name;
+ const m = fileName.match(/\.(\w+)(#|\?|$)/);
+ const fileType = (m && m[1]).toString().toLowerCase();
+ const validType = ["jpg", "jpeg", "png"].includes(fileType);
+ if (!validType) {
+ this.$notify({
+ message: "涓婁紶鏍煎紡鏈夎",
+ type: "warning",
+ });
+ return;
+ }
+
let _this = this;
const fd = new FormData();
fd.append("file", param.file);
+ console.log(param);
request({
method: "post",
url: `/saas/api-s/saasFile/upload`,
@@ -191,8 +208,12 @@
duration: 2500,
offset: 57,
});
- this.certificateSubmitVisible = false;
- this.close();
+ this.$router.push({
+ path: "/personalCenter",
+ query: {
+ id: 1,
+ },
+ });
}
})
.catch((e) => {
@@ -315,6 +336,9 @@
font-size: 12px;
}
}
+.el-image {
+ width: 120px;
+}
</style>
<style lang="scss">
@@ -324,6 +348,7 @@
border: 1px dashed #c0c5cc !important;
border-radius: 3px;
background: #e9ebee;
+
.el-upload__text {
margin-top: 35px;
display: flex;
--
Gitblit v1.8.0