zhenghuang
/
bsdgy-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1

Browse Source
feature_0521
zhenghuang 5 years ago
parent 95a51d5ec0
commit 8ddb417ac5
1 changed files with 86 additions and 102 deletions
Show Stats Download Patch File Download Diff File

130
src/pages/activity/addActivity.vue
Unescape Escape View File

@ -1,27 +1,25 @@
<template> <template>
<Modal <Modal v-model="dispalyModal"
v-model="dispalyModal"
width="1000" width="1000"
:loading="loading" :loading="loading"
:mask-closable="false" :mask-closable="false"
@on-cancel="cancel" @on-cancel="cancel"
@on-ok="save" @on-ok="save">
> <p slot="header"
<p slot="header" style="color:#f60;text-align:left"> style="color:#f60;text-align:left">
<span>配置活动</span> <span>配置活动</span>
</p> </p>
<div>基本配置</div> <div>基本配置</div>
<Form <Form ref="formValidate"
ref="formValidate"
:model="formValidate" :model="formValidate"
:rules="ruleValidate" :rules="ruleValidate"
:label-width="80" :label-width="80">
>
<Row> <Row>
<i-col style="text-align: left;" span="8"> <i-col style="text-align: left;"
<FormItem label="" prop="logo"> span="8">
<Upload <FormItem label=""
ref="upload" prop="logo">
<Upload ref="upload"
:show-upload-list="false" :show-upload-list="false"
:on-success="uploadImgSuccess" :on-success="uploadImgSuccess"
:format="['jpg', 'jpeg', 'png']" :format="['jpg', 'jpeg', 'png']"
@ -30,90 +28,75 @@
multiple multiple
type="drag" type="drag"
action="" action=""
style="display: inline-block;" style="display: inline-block;">
>
<div style="width: 200px;height:200px;line-height: 200px;"> <div style="width: 200px;height:200px;line-height: 200px;">
<span v-if="!formValidate.logo">请上传图片</span> <span v-if="!formValidate.logo">请上传图片</span>
<img <img v-if="formValidate.logo"
v-if="formValidate.logo"
:src="`/kiisoo-ic` + formValidate.logo" :src="`/kiisoo-ic` + formValidate.logo"
alt="" alt=""
style="width: 100%; height: auto" style="width: 100%; height: auto" />
/>
</div> </div>
</Upload> </Upload>
</FormItem> </FormItem>
</i-col> </i-col>
<i-col span="15" offset="1"> <i-col span="15"
<FormItem label="活动名称" prop="name"> offset="1">
<i-input <FormItem label="活动名称"
type="text" prop="name">
<i-input type="text"
v-model="formValidate.name" v-model="formValidate.name"
placeholder="请输入活动名称" placeholder="请输入活动名称"></i-input>
></i-input>
</FormItem> </FormItem>
<Form-item label="活动描述" prop="description"> <Form-item label="活动描述"
<i-input prop="description">
v-model="formValidate.description" <i-input v-model="formValidate.description"
type="textarea" type="textarea"
:autosize="{ minRows: 3 }" :autosize="{ minRows: 3 }"
placeholder="请输入活动描述" placeholder="请输入活动描述"></i-input>
></i-input>
</Form-item> </Form-item>
<FormItem label="APPID" prop="appId"> <FormItem label="APPID"
<i-input prop="appId">
type="text" <i-input type="text"
v-model="formValidate.appId" v-model="formValidate.appId"
placeholder="请输入appid" placeholder="请输入appid"></i-input>
></i-input>
</FormItem> </FormItem>
<FormItem label="URI" prop="uri"> <FormItem label="URI"
<i-input prop="uri">
type="text" <i-input type="text"
v-model="formValidate.uri" v-model="formValidate.uri"
placeholder="请输入URI" placeholder="请输入URI"></i-input>
></i-input>
</FormItem> </FormItem>
</i-col> </i-col>
</Row> </Row>
</Form> </Form>
<div class="topic">活动类型</div> <div class="topic">活动类型</div>
<Row <Row :gutter="10"
:gutter="10"
class="inputItem" class="inputItem"
v-for="(item, index) in formValidate.params" v-for="(item, index) in formValidate.params"
:key="index" :key="index">
>
<i-col :span="2"> 类型{{ index + 1 }} </i-col> <i-col :span="2"> 类型{{ index + 1 }} </i-col>
<i-col :span="9"> <i-col :span="9">
<i-input <i-input class="inputClass"
class="inputClass"
type="text" type="text"
v-model="item.name" v-model="item.name"
placeholder="请输入活动类型名称" placeholder="请输入活动类型名称"></i-input>
></i-input>
</i-col> </i-col>
<i-col :span="9"> <i-col :span="9">
<i-input <i-input class="inputClass"
class="inputClass"
type="text" type="text"
style="margin-left: 20px" style="margin-left: 20px"
v-model="item.defaultVal" v-model="item.defaultVal"
placeholder="请输入参数" placeholder="请输入参数"></i-input>
></i-input>
</i-col> </i-col>
<i-col :span="4"> <i-col :span="4">
<Button <Button style="margin-left: 20px"
style="margin-left: 20px"
type="error" type="error"
@click="delActivityInput(index)" @click="delActivityInput(index)">删除</Button>
>删除</Button
>
</i-col> </i-col>
</Row> </Row>
<Button style="margin-top: 10px" type="primary" @click="addActivityInput" <Button style="margin-top: 10px"
>+添加活动类型</Button type="primary"
> @click="addActivityInput">+添加活动类型</Button>
</Modal> </Modal>
</template> </template>
<script> <script>
@ -121,7 +104,7 @@ import ActivityManager from "../../services/ActivityManager/ActivityManager";
import axios from "axios"; import axios from "axios";
export default { export default {
name: "addActivity", name: "addActivity",
data() { data () {
return { return {
dispalyModal: false, dispalyModal: false,
currentStep: 0, currentStep: 0,
@ -149,7 +132,7 @@ export default {
id: String, id: String,
}, },
watch: { watch: {
addActivityModal(val) { addActivityModal (val) {
console.log(111, val); console.log(111, val);
this.dispalyModal = val; this.dispalyModal = val;
if (val === true && this.id) { if (val === true && this.id) {
@ -178,9 +161,9 @@ export default {
} }
}, },
}, },
mounted() {}, mounted () { },
methods: { methods: {
addActivityInput() { addActivityInput () {
let params = [...this.formValidate.params]; let params = [...this.formValidate.params];
params.push({ params.push({
defaultVal: "", defaultVal: "",
@ -196,7 +179,7 @@ export default {
this.$set(this.formValidate, "params", params); this.$set(this.formValidate, "params", params);
this.$forceUpdate(); this.$forceUpdate();
}, },
delActivityInput(index) { delActivityInput (index) {
if (this.formValidate.params.length <= 1) { if (this.formValidate.params.length <= 1) {
this.$Message.error("至少需要填写一个活动类型!"); this.$Message.error("至少需要填写一个活动类型!");
return; return;
@ -204,22 +187,22 @@ export default {
this.formValidate.params.splice(index, 1); this.formValidate.params.splice(index, 1);
this.$forceUpdate(); this.$forceUpdate();
}, },
cancel() { cancel () {
this.$emit("dispalyAddActivityModal", false, false); this.$emit("dispalyAddActivityModal", false, false);
}, },
getActivityData() { getActivityData () {
let that = this; let that = this;
let data = { let data = {
id: that.id, id: that.id,
}; };
ActivityManager.getActivityInfo(data, function(data) { ActivityManager.getActivityInfo(data, function (data) {
that.formValidate = data.data.results; that.formValidate = data.data.results;
}); });
}, },
uploadImgSuccess(res, file) { uploadImgSuccess (res, file) {
this.imageName = file.name; this.imageName = file.name;
}, },
handleBeforeUpload(res) { handleBeforeUpload (res) {
const me = this; const me = this;
let data = new FormData(); let data = new FormData();
data.append("file", res); data.append("file", res);
@ -230,7 +213,7 @@ export default {
headers: { headers: {
"Content-Type": "multipart/form-data", "Content-Type": "multipart/form-data",
}, },
}).then(function(res) { }).then(function (res) {
if (res.data.success) { if (res.data.success) {
// me.formValidate.logo = res.data.results; // me.formValidate.logo = res.data.results;
me.$set(me.formValidate, "logo", res.data.results); me.$set(me.formValidate, "logo", res.data.results);
@ -239,9 +222,10 @@ export default {
}); });
return false; return false;
}, },
save() { save () {
let that = this; let that = this;
let i = 0; let i = 0;
this.loading = true;
if ( if (
typeof that.formValidate.logo == "undefined" || typeof that.formValidate.logo == "undefined" ||
that.formValidate.logo == "" || that.formValidate.logo == "" ||
@ -276,7 +260,7 @@ export default {
if (valid) { if (valid) {
// param = JSON.stringify(param) // param = JSON.stringify(param)
let data = { ...that.formValidate, isGetActivityInfo: true }; let data = { ...that.formValidate, isGetActivityInfo: true };
ActivityManager.addOreditActivity(data, function(data) { ActivityManager.addOreditActivity(data, function (data) {
that.addActivityModal = false; that.addActivityModal = false;
that.formValidate = {}; that.formValidate = {};
that.$emit("dispalyAddActivityModal", false, true); that.$emit("dispalyAddActivityModal", false, true);

Write Preview
Loading…
Cancel
Save