From 883917bf5e7c1402c57cd32c2e4b20cef8f2cf6e Mon Sep 17 00:00:00 2001 From: zhenghuang <236220500@qq.com> Date: Mon, 8 Jun 2020 10:23:42 +0800 Subject: [PATCH] 1 --- src/pages/activity/addActivity.vue | 187 +++++++++++++++++------------ vue.config.js | 56 ++++----- 2 files changed, 137 insertions(+), 106 deletions(-) diff --git a/src/pages/activity/addActivity.vue b/src/pages/activity/addActivity.vue index 6487540..ae682e0 100644 --- a/src/pages/activity/addActivity.vue +++ b/src/pages/activity/addActivity.vue @@ -1,96 +1,124 @@ @@ -99,7 +127,7 @@ import ActivityManager from "../../services/ActivityManager/ActivityManager"; import axios from "axios"; export default { name: "addActivity", - data() { + data () { return { dispalyModal: false, currentStep: 0, @@ -114,6 +142,7 @@ export default { description: [ { required: true, message: "活动描述不能为空", trigger: "blur" } ], + title: [{ required: true, message: "请输入标题", trigger: "blur" }], appId: [{ required: true, message: "appId不能为空", trigger: "blur" }], uri: [{ required: true, message: "URI不能为空", trigger: "blur" }], welcome: [{ required: true, message: "请输入欢迎语", trigger: "blur" }] @@ -128,7 +157,7 @@ export default { id: String }, watch: { - addActivityModal(val) { + addActivityModal (val) { this.dispalyModal = val; if (val === true && this.id) { this.getActivityData(); @@ -157,9 +186,9 @@ export default { this.$forceUpdate(); } }, - mounted() {}, + mounted () { }, methods: { - addActivityInput() { + addActivityInput () { let params = [...this.formValidate.params]; params.push({ defaultVal: "", @@ -175,7 +204,7 @@ export default { this.$set(this.formValidate, "params", params); this.$forceUpdate(); }, - delActivityInput(index) { + delActivityInput (index) { if (this.formValidate.params.length <= 1) { this.$Message.error("至少需要填写一个活动类型!"); return; @@ -183,30 +212,31 @@ export default { this.formValidate.params.splice(index, 1); this.$forceUpdate(); }, - visibleChange(show) { + visibleChange (show) { if (!show) { this.$emit("dispalyAddActivityModal", false, false); } }, - cancel() { + cancel () { this.$emit("dispalyAddActivityModal", false, false); }, - getActivityData() { + getActivityData () { let that = this; let data = { id: that.id }; - ActivityManager.getActivityInfo(data, function(data) { + ActivityManager.getActivityInfo(data, function (data) { that.formValidate = data.data.results; }); }, - uploadImgSuccess(res, file) { + uploadImgSuccess (res, file) { this.imageName = file.name; }, - handleBeforeUpload(res) { + handleBeforeUpload (res) { const me = this; let data = new FormData(); data.append("file", res); + data.append("needMediaId", true) axios({ method: "post", url: "/upload", @@ -214,16 +244,17 @@ export default { headers: { "Content-Type": "multipart/form-data" } - }).then(function(res) { + }).then(function (res) { if (res.data.success) { // me.formValidate.logo = res.data.results; me.$set(me.formValidate, "logo", res.data.results.localPath); + me.$set(me.formValidate, "mediaId", res.data.results.mediaId); console.log(me.formValidate.logo); } }); return false; }, - save() { + save () { let that = this; that.modal_loading = true; let i = 0; @@ -263,7 +294,7 @@ export default { let data = { ...that.formValidate, isGetActivityInfo: true }; data.categoryId = 0; data.categoryCode = "promotion"; - ActivityManager.addOreditActivity(data, function(data) { + ActivityManager.addOreditActivity(data, function (data) { that.addActivityModal = false; that.formValidate = {}; that.modal_loading = false; diff --git a/vue.config.js b/vue.config.js index 87242cc..b52ccd4 100644 --- a/vue.config.js +++ b/vue.config.js @@ -5,32 +5,32 @@ module.exports = { /* 用于默认#模式 */ // publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './', - /* history模式 */ - publicPath: process.env.NODE_ENV === 'production' ? '/' : '/', - /* 输出文件目录：在npm run build时，生成文件的目录名称 */ - outputDir: 'dist', - /* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */ - assetsDir: "assets", - /* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */ - productionSourceMap: false, - /* 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存，你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */ - filenameHashing: false, - /* 代码保存时进行eslint检测 */ - lintOnSave: true, - /* webpack-dev-server 相关配置 */ - devServer: { - /* 自动打开浏览器 */ - open: true, - /* 设置为0.0.0.0则所有的地址均能访问 */ - host: '0.0.0.0', - port: 8311, - https: false, - hotOnly: false, - disableHostCheck: true, - /* 使用代理 后台接口路径 */ - // proxy: 'http://192.168.1.123:8312/' - // proxy: 'http://192.168.31.177:8312/' - proxy: 'http://localhost:8312/' - // proxy: 'http://jdxdev.vipgz4.idcfengye.com/' - } + /* history模式 */ + publicPath: process.env.NODE_ENV === 'production' ? '/' : '/', + /* 输出文件目录：在npm run build时，生成文件的目录名称 */ + outputDir: 'dist', + /* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */ + assetsDir: 'assets', + /* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */ + productionSourceMap: false, + /* 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存，你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */ + filenameHashing: false, + /* 代码保存时进行eslint检测 */ + lintOnSave: true, + /* webpack-dev-server 相关配置 */ + devServer: { + /* 自动打开浏览器 */ + open: true, + /* 设置为0.0.0.0则所有的地址均能访问 */ + host: '0.0.0.0', + port: 8311, + https: false, + hotOnly: false, + disableHostCheck: true, + /* 使用代理 后台接口路径 */ + // proxy: 'http://192.168.1.123:8312/' + // proxy: 'http://192.168.31.177:8312/' + proxy: 'http://localhost:8080/', + // proxy: 'http://jdxdev.vipgz4.idcfengye.com/' + }, }