优化
This commit is contained in:
熊成强
parent
cf1bd504f9
commit
cb64ed9135
@ -1,140 +0,0 @@
|
|||||||
<template>
|
|
||||||
<transition name="popupfade">
|
|
||||||
<div class="taskDetailRight" @click="getRight">
|
|
||||||
<div class="taskDetailRight-contant" @click.stop="aa">
|
|
||||||
<el-form ref="form" :model="form" label-width="80px">
|
|
||||||
<el-form-item label="活动名称">
|
|
||||||
<el-input v-model="form.name"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="活动区域">
|
|
||||||
<el-select v-model="form.region" placeholder="请选择活动区域">
|
|
||||||
<el-option label="区域一" value="shanghai"></el-option>
|
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="活动时间">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
|
|
||||||
</el-col>
|
|
||||||
<el-col class="line" :span="2">-</el-col>
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
|
|
||||||
</el-col>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="即时配送">
|
|
||||||
<el-switch v-model="form.delivery"></el-switch>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="活动性质">
|
|
||||||
<el-checkbox-group v-model="form.type">
|
|
||||||
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
|
|
||||||
<el-checkbox label="地推活动" name="type"></el-checkbox>
|
|
||||||
<el-checkbox label="线下主题活动" name="type"></el-checkbox>
|
|
||||||
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
|
|
||||||
</el-checkbox-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="特殊资源">
|
|
||||||
<el-radio-group v-model="form.resource">
|
|
||||||
<el-radio label="线上品牌商赞助"></el-radio>
|
|
||||||
<el-radio label="线下场地免费"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="活动形式">
|
|
||||||
<el-input type="textarea" v-model="form.desc"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" @click="onSubmit">立即创建</el-button>
|
|
||||||
<el-button>取消</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</transition>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
item: {
|
|
||||||
type: Object,
|
|
||||||
default: () => {
|
|
||||||
return {}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
form: {
|
|
||||||
name: '',
|
|
||||||
region: '',
|
|
||||||
date1: '',
|
|
||||||
date2: '',
|
|
||||||
delivery: false,
|
|
||||||
type: [],
|
|
||||||
resource: '',
|
|
||||||
desc: ''
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {},
|
|
||||||
watch: {},
|
|
||||||
beforeMount () { },
|
|
||||||
mounted () {
|
|
||||||
console.log('item: ', this.item)
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
onSubmit () {
|
|
||||||
console.log('submit!')
|
|
||||||
this.$emit('update:compont', '')
|
|
||||||
},
|
|
||||||
aa () {
|
|
||||||
console.log(this.item)
|
|
||||||
},
|
|
||||||
getRight () {
|
|
||||||
this.$emit('getRight', false)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang='less' scoped>
|
|
||||||
.popupfade-enter{
|
|
||||||
transform: translateX(-100%);
|
|
||||||
}
|
|
||||||
.fade-leave {
|
|
||||||
transform: translateX(0);
|
|
||||||
}
|
|
||||||
.popupfade-leave-to{
|
|
||||||
transform: translateX(60%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fade-enter-to{
|
|
||||||
transform: translateX(-100%);
|
|
||||||
}
|
|
||||||
.popupfade-leave-active,.fade-enter-active {
|
|
||||||
transition:all 40s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.taskDetailRight {
|
|
||||||
position: fixed;
|
|
||||||
z-index: 50;
|
|
||||||
height: 100vh;
|
|
||||||
width: 100%;
|
|
||||||
min-width: 200px;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
transition: all 1s;
|
|
||||||
&-contant {
|
|
||||||
min-width: 100px;
|
|
||||||
height: 100%;
|
|
||||||
float: right;
|
|
||||||
background:#fff;
|
|
||||||
box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);
|
|
||||||
.form {
|
|
||||||
padding: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,91 +0,0 @@
|
|||||||
<!-- -->
|
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<popup-right v-if="show" @cancel='handleCancel' @submit="handleSubmit" title="添加维度">
|
|
||||||
<div slot='content'>
|
|
||||||
<el-form ref="form" :model="form" label-width="80px">
|
|
||||||
<el-form-item label="活动名称">
|
|
||||||
<el-input v-model="form.name"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="活动区域">
|
|
||||||
<el-select v-model="form.region" placeholder="请选择活动区域">
|
|
||||||
<el-option label="区域一" value="shanghai"></el-option>
|
|
||||||
<el-option label="区域二" value="beijing"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="活动时间">
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
|
|
||||||
</el-col>
|
|
||||||
<el-col class="line" :span="2">-</el-col>
|
|
||||||
<el-col :span="11">
|
|
||||||
<el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
|
|
||||||
</el-col>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="即时配送">
|
|
||||||
<el-switch v-model="form.delivery"></el-switch>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- <el-form-item label="活动性质">
|
|
||||||
<el-checkbox-group v-model="form.type">
|
|
||||||
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
|
|
||||||
<el-checkbox label="地推活动" name="type"></el-checkbox>
|
|
||||||
<el-checkbox label="线下主题活动" name="type"></el-checkbox>
|
|
||||||
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
|
|
||||||
</el-checkbox-group>
|
|
||||||
</el-form-item> -->
|
|
||||||
<el-form-item label="特殊资源">
|
|
||||||
<el-radio-group v-model="form.resource">
|
|
||||||
<el-radio label="线上品牌商赞助"></el-radio>
|
|
||||||
<el-radio label="线下场地免费"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="活动形式">
|
|
||||||
<el-input type="textarea" v-model="form.desc"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- <el-form-item>
|
|
||||||
<el-button type="primary" @click="handleCancel">立即创建</el-button>
|
|
||||||
<el-button @click="handleCancel">取消</el-button>
|
|
||||||
</el-form-item> -->
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
</popup-right>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import PopupRight from '@/components/PopupRight'
|
|
||||||
export default {
|
|
||||||
props: {
|
|
||||||
show: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data () {
|
|
||||||
return {
|
|
||||||
form: {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
components: {
|
|
||||||
PopupRight
|
|
||||||
},
|
|
||||||
computed: {},
|
|
||||||
beforeMount () {},
|
|
||||||
mounted () {},
|
|
||||||
methods: {
|
|
||||||
handleCancel () {
|
|
||||||
this.$emit('update:show', false)
|
|
||||||
},
|
|
||||||
handleSubmit () {
|
|
||||||
this.$emit('update:show', false)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang='' scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user