seg_yinzy
/
segchk_vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

增加了动态修改上传图片路径

master
1020109007@qq.com 2021-12-27 17:25:24 +08:00
parent c773f815a9
commit abcf2864d2
11 changed files with 62 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -21,3 +21,4 @@ selenium-debug.log
package-lock.json
yarn.lock
dist.zip

2
package.json
View File

@ -39,7 +39,7 @@
"@riophae/vue-treeselect": "0.4.0",
"axios": "0.21.0",
"clipboard": "2.0.6",
"core-js": "3.8.1",
"core-js": "^3.20.1",
"echarts": "4.9.0",
"element-ui": "2.15.5",
"file-saver": "2.0.4",

15
src/components/Editor/index.vue
View File

@ -1,7 +1,7 @@
<template>
<div>
<el-upload
:action="uploadUrl"
:action="imguploadUrl"
:before-upload="handleBeforeUpload"
:on-success="handleUploadSuccess"
:on-error="handleUploadError"
@ -27,6 +27,11 @@ import { getToken } from "@/utils/auth";
export default {
name: "Editor",
props: {
// 上传地址url
uploadUrl: {
type: String,
default: "upload"
},
/* 编辑器的内容 */
value: {
type: String,
@ -61,7 +66,7 @@ export default {
data() {
return {
VUE_APP_IMG_URL: process.env.VUE_APP_IMG_URL,
uploadUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址
imguploadUrl: process.env.VUE_APP_BASE_API + "/common/" + this.uploadUrl, // 上传的图片服务器地址
headers: {
Authorization: "Bearer " + getToken()
},
@ -123,6 +128,10 @@ export default {
this.Quill = null;
},
methods: {
// 动态返回图片上传的url
getUploadUrl:function(){
return process.env.VUE_APP_BASE_API + "/common/" + uploadUrl;
},
init() {
const editor = this.$refs.editor;
this.Quill = new Quill(editor, this.options);
@ -159,6 +168,8 @@ export default {
},
// 上传前校检格式和大小
handleBeforeUpload(file) {
let url = process.env.VUE_APP_BASE_API + "/common/" + this.uploadUrl
this.imguploadUrl = url
// 校检文件大小
if (this.fileSize) {
const isLt = file.size / 1024 / 1024 < this.fileSize;

17
src/components/ImageUpload/index.vue
View File

@ -47,6 +47,11 @@ import { getToken } from "@/utils/auth";
export default {
props: {
value: [String, Object, Array],
// 上传地址url
uploadUrl: {
type: String,
default: ''
},
// 图片数量限制
limit: {
type: Number,
@ -74,7 +79,7 @@ export default {
dialogVisible: false,
hideUpload: false,
baseUrl: process.env.VUE_APP_BASE_API,
uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址
uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/" + this.uploadUrl, // 上传的图片服务器地址
headers: {
Authorization: "Bearer " + getToken(),
},
@ -110,12 +115,19 @@ export default {
}
},
computed: {
// 动态返回图片上传的url
getUploadUrl() {
console.log('getUploadUrl--->' + this.uploadUrl)
this.uploadImgUrl = process.env.VUE_APP_BASE_API + "/common/" + this.uploadUrl;
return process.env.VUE_APP_BASE_API + "/common/" + this.uploadUrl;
},
// 是否显示提示
showTip() {
return this.isShowTip && (this.fileType || this.fileSize);
},
},
methods: {
// 删除图片
handleRemove(file, fileList) {
const findex = this.fileList.map(f => f.name).indexOf(file.name);
@ -130,6 +142,9 @@ export default {
},
// 上传前loading加载
handleBeforeUpload(file) {
console.log('handleBeforeUpload--->' + this.uploadUrl)
let url = process.env.VUE_APP_BASE_API + "/common/" + this.uploadUrl
this.uploadImgUrl = url
let isImg = false;
if (this.fileType.length) {
let fileExtension = "";

2
src/components/Upload/singleUpload.vue
View File

@ -1,7 +1,7 @@
<template> 
<div>
<el-upload
:action="uploadApi"
:action="uploadApi"
:data="dataObj"
list-type="picture"
:multiple="false"

4
src/views/segchk/segchk_carouse_mgt/index.vue
View File

@ -227,7 +227,7 @@
</el-select>
</el-form-item>
<el-form-item label="商家轮播图1路径">
<imageUpload v-model="form.storeCarousel" :limit=1 :file-size=1 />
<imageUpload v-model="form.storeCarousel" :limit=1 :file-size=1 :uploadUrl="store_banner"/>
</el-form-item>
<el-form-item label="管理状态" prop="mgtState">
<el-tooltip content="0有效，-1失效" placement="top">
@ -316,6 +316,8 @@ export default {
carouseStatus: [],
baseUrl: '',
// baseUrl: process.env.VUE_APP_BASE_API,
store_banner: 'store_banner',
// 显示搜索条件
saveReSort: true,
// 表单参数

2
src/views/segchk/segchk_keyword_lable/index.vue
View File

@ -181,7 +181,7 @@
</el-date-picker>
</el-form-item>-->
<el-form-item label="关键字图片地址">
<imageUpload v-model="form.keywordUrl" :limit=1 :file-size=1 />
<imageUpload v-model="form.keywordUrl" :limit=1 :file-size=1 :uploadUrl="keyword"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">

2
src/views/segchk/segchk_preference_lable/index.vue
View File

@ -184,7 +184,7 @@
</el-date-picker>
</el-form-item>-->
<el-form-item label="优惠图片地址">
<imageUpload v-model="form.preferenceUrl" :limit="1" :file-size=1 />
<imageUpload v-model="form.preferenceUrl" :limit="1" :file-size=1 :uploadUrl="preference"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">

6
src/views/segchk/segchk_store_basic_info/index.vue
View File

@ -367,7 +367,7 @@
/>
<el-dialog :title="title" :visible.sync="detailopen" width="1000px" append-to-body>
<editor v-model="showdetail.detail" :min-height="192"/>
<editor v-model="showdetail.detail" :min-height="192" :upload-url="store_details"/>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitDetails">修 改</el-button>
</div>
@ -475,7 +475,7 @@
<el-input v-model="form.onService" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="商家描述详情" prop="detail">
<editor v-model="form.detail" :min-height="192"/>
<editor v-model="form.detail" :min-height="192" :upload-url="store_details"/>
</el-form-item>
<!--<el-form-item label="创建或修改时间" prop="modTime">
<el-date-picker clearable size="small"
@ -868,7 +868,7 @@ export default {
detail: null,
modTime: null
},
store_details: 'store_details',
// 会员卡列表
segchk_charge_cardList: [],
// 行业关键字列表

34
src/views/segchk/segchk_store_image/index.vue
View File

@ -217,46 +217,46 @@
</el-select>
</el-form-item>
<el-form-item label="商家营业执照图1路径">
<imageUpload :file-size=1 :limit=1 v-model="form.storeCertificate1"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeCertificate1" :upload-url="store_cert"/>
</el-form-item>
<el-form-item label="商家营业执照图2路径">
<imageUpload :file-size=1 :limit=1 v-model="form.storeCertificate2"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeCertificate2" :upload-url="store_cert"/>
</el-form-item>
<el-form-item label="商家图标路径，用于在商家列表中显示">
<imageUpload :file-size=1 :limit=1 v-model="form.storeIcon"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeIcon" :upload-url="store_smallicon"/>
</el-form-item>
<el-form-item label="商家大图标路径，用于在商家列表中显示">
<imageUpload :file-size=1 :limit=1 v-model="form.storeGificon"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeGificon" :upload-url="store_bigicon"/>
</el-form-item>
<el-form-item label="商家轮播图1路径，默认用于首页推荐轮播图">
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel1"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel1" :upload-url="store_banner"/>
</el-form-item>
<el-form-item label="商家轮播图2路径">
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel2"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel2" :upload-url="store_banner"/>
</el-form-item>
<el-form-item label="商家轮播图3路径">
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel3"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel3" :upload-url="store_banner"/>
</el-form-item>
<el-form-item label="商家轮播图4路径">
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel4"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel4" :upload-url="store_banner"/>
</el-form-item>
<el-form-item label="商家轮播图5路径">
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel5"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel5" :upload-url="store_banner"/>
</el-form-item>
<el-form-item label="商家轮播图6路径">
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel6"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeCarousel6" :upload-url="store_banner"/>
</el-form-item>
<el-form-item label="商家环境图1">
<imageUpload :file-size=1 :limit=1 v-model="form.storeEnv1"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeEnv1" :upload-url="store_env"/>
</el-form-item>
<el-form-item label="商家环境图2">
<imageUpload :file-size=1 :limit=1 v-model="form.storeEnv2"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeEnv2" :upload-url="store_env"/>
</el-form-item>
<el-form-item label="商家环境图3">
<imageUpload :file-size=1 :limit=1 v-model="form.storeEnv3"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeEnv3" :upload-url="store_env"/>
</el-form-item>
<el-form-item label="商家环境图4">
<imageUpload :file-size=1 :limit=1 v-model="form.storeEnv4"/>
<imageUpload :file-size=1 :limit=1 v-model="form.storeEnv4" :upload-url="store_env"/>
</el-form-item>
<!--<el-form-item label="创建或修改时间" prop="modTime">
<el-date-picker clearable size="small"
@ -332,6 +332,12 @@ export default {
segchk_storeList: [],
baseUrl: '',
// baseUrl: process.env.VUE_APP_BASE_API,
store_cert: 'store_cert',
store_smallicon: 'store_smallicon',
store_bigicon: 'store_bigicon',
store_banner: 'store_banner',
store_env: 'store_env',
// 表单参数
form: {},
// 表单校验

4
vue.config.js
View File

@ -33,8 +33,8 @@ module.exports = {
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
// target: `http://localhost:7070`,
target: `http://221.195.106.155:8090`,
target: `http://localhost:7170`,
// target: `http://221.195.106.155:8090`,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''