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

UP

Browse Source
feature_0521
cuijie 6 years ago
parent f3b8328d16
commit dd4996b701
5 changed files with 179 additions and 169 deletions
Show Stats Download Patch File Download Diff File

314
src/pages/activity/ActivityManager.vue
Unescape Escape View File

@ -1,165 +1,173 @@
<template> <template>
<div class="activityManager"> <div class="activityManager">
<Row> <Row>
<i-col class="activityListClass" v-for="(item, index) in activityList" :key="index" span="7" offset="1"> <i-col class="activityListClass" v-for="(item, index) in activityList" :key="index" span="7" offset="1">
<Card> <Card>
<div class="operateAndThemeItem"> <div class="operateAndThemeItem">
<div class="ThemeItem"> <div class="ThemeItem">
<img class="img" :src="item.img"> <img class="img" :src="item.img">
<div class="tipItem"> <div class="tipItem">
<span>{{item.name}}</span> <span>{{item.name}}</span>
<span>{{item.description}}</span> <span>{{item.description}}</span>
</div> </div>
</div> </div>
<div class="operateItem"> <div class="operateItem">
<div @click="disPlayUseTable(item)">使用</div> <div @click="disPlayUseTable(item)">使用</div>
<div @click="dispalyAddActivity(item.id)">配置</div> <div @click="dispalyAddActivity(item.id)">配置</div>
</div> </div>
</div> </div>
</Card> </Card>
</i-col> </i-col>
</Row> </Row>
<Row> <Row>
<i-col span="7" offset="1"> <i-col span="7" offset="1">
<div @click="dispalyAddActivity('')" class="addactivity"> <div @click="dispalyAddActivity('')" class="addactivity">
<span>+</span> <span>+</span>
<span>添加活动</span> <span>添加活动</span>
</div> </div>
</i-col> </i-col>
</Row> </Row>
<useTable @dispalyuseModal="dispalyuseModal" :useModal="useModal" :id="id"></useTable> <useTable @dispalyuseModal="dispalyuseModal" :useModal="useModal" :id="id"></useTable>
<addActivity @dispalyAddActivityModal="dispalyAddActivityModal" :addActivityModal="addActivityModal" :id="id"></addActivity> <addActivity @dispalyAddActivityModal="dispalyAddActivityModal" :addActivityModal="addActivityModal" :id="id"></addActivity>
</div> </div>
</template> </template>
<script> <script>
import Img from '../../assets/logo.png' import Img from '../../assets/logo.png'
import useTable from './useTable' import useTable from './useTable'
import addActivity from './addActivity' import addActivity from './addActivity'
import ActivityManager from "../../services/ActivityManager/ActivityManager" import ActivityManager from "../../services/ActivityManager/ActivityManager"
import store from "../../store/index" import store from "../../store/index"
export default {
name: "ActivityManager", export default {
components: { name: "ActivityManager",
useTable, components: {
addActivity useTable,
}, addActivity
inject: ['setMenuName'], },
data() { inject: ['setMenuName'],
return { data() {
useModal: false, return {
addActivityModal: false, useModal: false,
activityList: [], addActivityModal: false,
id: '', activityList: [],
inputActivityList: [] id: '',
} inputActivityList: []
},
mounted() {
this.setMenuName("活动管理", "活动池")
this.getActivityTable()
},
methods: {
getActivityData(id) {
let that = this
let data = {
instanceId: id
} }
ActivityManager.getActivityInfo(data, function (data) {
that.inputActivityList = []
data.data.results.params.forEach(item => {
that.inputActivityList.push({
value1: item.name,
value2: item.description
})
})
this.useModal = true
})
}, },
getActivityTable() { mounted() {
let that = this this.setMenuName("活动管理", "活动池")
ActivityManager.getActivityList({}, function (data) { this.getActivityTable()
that.activityList = data.data.results },
}) methods: {
}, getActivityData(id) {
disPlayUseTable(item) { let that = this
let that = this let data = {
let data = { instanceId: id
id: item.id }
ActivityManager.getActivityInfo(data, function (data) {
that.inputActivityList = []
data.data.results.params.forEach(item => {
that.inputActivityList.push({
value1: item.name,
value2: item.description
})
})
this.useModal = true
})
},
getActivityTable() {
let that = this
ActivityManager.getActivityList({}, function (data) {
that.activityList = data.data.results
})
},
disPlayUseTable(item) {
let that = this
let data = {
id: item.id
}
// let data = new FormData()
// data.append('instanceId', item.id)
ActivityManager.getActivityInfo(data, function (data) {
that.inputActivityList = []
data.data.results.params.forEach(item => {
that.inputActivityList.push(item)
})
let useData = {
name: data.data.results.name,
inputActivityList: that.inputActivityList,
scheduleId: item.id,
}
store.commit('SET_useData', useData)
store.commit('SET_ID', item.id)
console.log(store.getters.useData)
that.useModal = true
})
},
dispalyAddActivity(id) {
this.addActivityModal = true
this.id = id.toString()
},
dispalyuseModal(displayModalFlag, isCancle) {
this.useModal = displayModalFlag
if (isCancle === true) {
this.getActivityTable()
}
},
dispalyAddActivityModal(displayModalFlag, isCancle) {
this.addActivityModal = displayModalFlag
if (isCancle === true) {
this.getActivityTable()
}
} }
// let data = new FormData() }
// data.append('instanceId', item.id) }
ActivityManager.getActivityInfo(data, function (data) {
that.inputActivityList = []
data.data.results.params.forEach(item => {
that.inputActivityList.push(item)
})
let useData = {
name: data.data.results.name,
inputActivityList: that.inputActivityList
}
store.commit('SET_useData', useData)
store.commit('SET_ID', item.id)
console.log(store.getters.useData)
that.useModal = true
})
},
dispalyAddActivity(id) {
this.addActivityModal = true
this.id = id.toString()
},
dispalyuseModal(displayModalFlag, isCancle) {
this.useModal = displayModalFlag
if(isCancle === true) {
this.getActivityTable()
}
},
dispalyAddActivityModal(displayModalFlag, isCancle) {
this.addActivityModal = displayModalFlag
if(isCancle === true) {
this.getActivityTable()
}
}
}
}
</script> </script>
<style scoped> <style scoped>
.operateAndThemeItem { .operateAndThemeItem {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.img {
width: 200px; .img {
height: 200px; width: 200px;
} height: 200px;
.operateItem { }
display: flex;
flex-direction: column; .operateItem {
justify-content: space-between; display: flex;
color: #6ac1d1; flex-direction: column;
width: 20%; justify-content: space-between;
text-align: right; color: #6ac1d1;
cursor: pointer; width: 20%;
} text-align: right;
.ThemeItem { cursor: pointer;
display: flex; }
justify-content: flex-start;
width: 80%; .ThemeItem {
} display: flex;
.tipItem { justify-content: flex-start;
display: flex; width: 80%;
flex-direction: column; }
justify-content: space-between;
margin-left: 50px; .tipItem {
} display: flex;
.activityListClass { flex-direction: column;
margin-bottom: 50px; justify-content: space-between;
} margin-left: 50px;
.addactivity{ }
height: 300px;
border: 1px dashed; .activityListClass {
text-align: center; margin-bottom: 50px;
line-height: 300px; }
}
.addactivity {
height: 300px;
border: 1px dashed;
text-align: center;
line-height: 300px;
}
</style> </style>

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

@ -59,8 +59,8 @@
类型{{index+1}} 类型{{index+1}}
</i-col> </i-col>
<i-col :span="20"> <i-col :span="20">
<i-input class="inputClass" type="text" v-model="item.value1" placeholder="参数名称"></i-input> <i-input class="inputClass" type="text" v-model="item.name" placeholder="参数名称"></i-input>
<i-input class="inputClass" type="text" style="margin-left: 20px" v-model="item.value2" placeholder="默认值"></i-input> <i-input class="inputClass" type="text" style="margin-left: 20px" v-model="item.defaultVal" placeholder="默认值"></i-input>
<Button style="margin-left: 20px" type="error" @click="delActivityInput(index)">删除</Button> <Button style="margin-left: 20px" type="error" @click="delActivityInput(index)">删除</Button>
</i-col> </i-col>
</Row> </Row>
@ -125,8 +125,8 @@ export default {
methods: { methods: {
addActivityInput() { addActivityInput() {
this.inputActivityList.push({ this.inputActivityList.push({
value1: '', name: '',
value2: '' defaultVal: ''
}) })
}, },
delActivityInput(index) { delActivityInput(index) {
@ -152,10 +152,12 @@ export default {
that.formValidate.activityDsc = data.data.results.description that.formValidate.activityDsc = data.data.results.description
that.formValidate.activityName = data.data.results.name that.formValidate.activityName = data.data.results.name
that.formValidate.uri = data.data.results.uri that.formValidate.uri = data.data.results.uri
that.formValidate.logo = data.data.results.logo || '';
data.data.results.params.forEach(item => { data.data.results.params.forEach(item => {
that.inputActivityList.push({ that.inputActivityList.push({
value1: item.name, id: item.id,
value2: item.description name: item.name,
defaultVal: item.defaultVal
}) })
}) })
}) })
@ -188,14 +190,14 @@ export default {
let param = [] let param = []
that.inputActivityList.forEach(element => { that.inputActivityList.forEach(element => {
param.push({ param.push({
defaultVal: element.value1, defaultVal: element.defaultVal,
description: that.formValidate.activityDsc, description: element.name,
key: element.value2, key: element.name,
name: 1, name: element.name,
type: 2, type: 2,
id: that.id id: element.id,
}) })
}) });
// param = JSON.stringify(param) // param = JSON.stringify(param)
let data = { let data = {
appId: that.formValidate.appId, appId: that.formValidate.appId,

2
src/pages/activity/useActivityStepFoure.vue
Unescape Escape View File

@ -12,7 +12,7 @@
<FormItem label="活动类型" prop="activityStyle"> <FormItem label="活动类型" prop="activityStyle">
<div style="display:flex" v-for="(item, index) in formValidate.activityStyle" :key="index"> <div style="display:flex" v-for="(item, index) in formValidate.activityStyle" :key="index">
<i-input class="inputClass" disabled type="text" v-model="item.name" placeholder=""></i-input> <i-input class="inputClass" disabled type="text" v-model="item.name" placeholder=""></i-input>
<i-input class="inputClass" style="margin-left: 20px" disabled type="text" v-model="item.description" placeholder=""></i-input> <i-input class="inputClass" style="margin-left: 20px" disabled type="text" v-model="item.defaultVal" placeholder=""></i-input>
</div> </div>
</FormItem> </FormItem>
<FormItem label="活动范围" prop="activityRange"> <FormItem label="活动范围" prop="activityRange">

2
src/pages/activity/useActivityStepOne.vue
Unescape Escape View File

@ -18,7 +18,7 @@
<FormItem label="活动类型" prop="activityStyle"> <FormItem label="活动类型" prop="activityStyle">
<div v-for="(item, index) in formValidate.activityStyle" :key="index"> <div v-for="(item, index) in formValidate.activityStyle" :key="index">
<i-input class="inputClass" disabled type="text" v-model="item.name" placeholder=""></i-input> <i-input class="inputClass" disabled type="text" v-model="item.name" placeholder=""></i-input>
<i-input class="inputClass" style="margin-left: 20px" disabled type="text" v-model="item.description" placeholder=""></i-input> <i-input class="inputClass" style="margin-left: 20px" disabled type="text" v-model="item.defaultVal" placeholder=""></i-input>
</div> </div>
</FormItem> </FormItem>
</i-col> </i-col>

4
src/pages/activity/useTable.vue
Unescape Escape View File

@ -74,8 +74,8 @@ export default {
organizations: store.getters.useData.selectCompanyValue, organizations: store.getters.useData.selectCompanyValue,
params: store.getters.useData.inputActivityList, params: store.getters.useData.inputActivityList,
stores: store.getters.useData.selectShopValue, stores: store.getters.useData.selectShopValue,
id: store.getters.id, id: store.getters.useData.id,
scheduleId: '123', scheduleId: store.getters.useData.scheduleId,
isGetActivityInfo: true isGetActivityInfo: true
} }
ActivityManager.saveActivityData(data, function (data) { ActivityManager.saveActivityData(data, function (data) {

Write Preview
Loading…
Cancel
Save