pixel
5 years ago
4 changed files with 105 additions and 104 deletions
-
6QMPlusServer/model/dbModel/exampleForm.go
-
1QMPlusServer/model/dbModel/exampleTable.go
-
3QMPlusVuePage/src/store/module/user.js
-
199QMPlusVuePage/src/view/example/form/form.vue
@ -1,6 +0,0 @@ |
|||||
package dbModel |
|
||||
|
|
||||
type ExampleForm struct { |
|
||||
Name string `json:"name"` |
|
||||
} |
|
||||
|
|
@ -1 +0,0 @@ |
|||||
package dbModel |
|
@ -1,103 +1,110 @@ |
|||||
<template> |
<template> |
||||
<div> |
|
||||
<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> |
|
||||
<el-select label="活动区域" 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" style="text-align: center" :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 label="穿梭框"> |
|
||||
<el-transfer |
|
||||
filterable |
|
||||
:filter-method="filterMethod" |
|
||||
filter-placeholder="请输入城市拼音" |
|
||||
v-model="value" |
|
||||
:data="data"> |
|
||||
</el-transfer> |
|
||||
</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> |
||||
|
<el-form :model="form" label-width="80px" ref="form"> |
||||
|
<el-form-item label="活动名称"> |
||||
|
<el-input v-model="form.name"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-select label="活动区域" placeholder="请选择活动区域" v-model="form.region"> |
||||
|
<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 placeholder="选择日期" style="width: 100%;" type="date" v-model="form.date1"></el-date-picker> |
||||
|
</el-col> |
||||
|
<el-col :span="2" class="line" style="text-align: center">——</el-col> |
||||
|
<el-col :span="11"> |
||||
|
<el-time-picker placeholder="选择时间" style="width: 100%;" v-model="form.date2"></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 label="穿梭框"> |
||||
|
<el-transfer |
||||
|
:data="data" |
||||
|
:filter-method="filterMethod" |
||||
|
filter-placeholder="请输入城市拼音" |
||||
|
filterable |
||||
|
v-model="value" |
||||
|
></el-transfer> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button @click="onSubmit" type="primary">立即创建</el-button> |
||||
|
<el-button>取消</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
</template> |
</template> |
||||
<script> |
<script> |
||||
export default { |
export default { |
||||
|
|
||||
data() { |
|
||||
const generateData = () => { |
|
||||
const data = []; |
|
||||
const cities = ['上海', '北京', '广州', '深圳', '南京', '西安', '成都']; |
|
||||
const pinyin = ['shanghai', 'beijing', 'guangzhou', 'shenzhen', 'nanjing', 'xian', 'chengdu']; |
|
||||
cities.forEach((city, index) => { |
|
||||
data.push({ |
|
||||
label: city, |
|
||||
key: index, |
|
||||
pinyin: pinyin[index] |
|
||||
}); |
|
||||
}); |
|
||||
return data; |
|
||||
}; |
|
||||
return { |
|
||||
form: { |
|
||||
name: '', |
|
||||
region: '', |
|
||||
date1: '', |
|
||||
date2: '', |
|
||||
delivery: false, |
|
||||
type: [], |
|
||||
resource: '', |
|
||||
desc: '' |
|
||||
}, |
|
||||
data: generateData(), |
|
||||
value: [], |
|
||||
filterMethod(query, item) { |
|
||||
return item.pinyin.indexOf(query) > -1; |
|
||||
}, |
|
||||
methods : { |
|
||||
onSubmit() { |
|
||||
this.$message({ |
|
||||
message: '创建成功', |
|
||||
type: 'success' |
|
||||
}); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
data() { |
||||
|
const generateData = () => { |
||||
|
const data = [] |
||||
|
const cities = ['上海', '北京', '广州', '深圳', '南京', '西安', '成都'] |
||||
|
const pinyin = [ |
||||
|
'shanghai', |
||||
|
'beijing', |
||||
|
'guangzhou', |
||||
|
'shenzhen', |
||||
|
'nanjing', |
||||
|
'xian', |
||||
|
'chengdu' |
||||
|
] |
||||
|
cities.forEach((city, index) => { |
||||
|
data.push({ |
||||
|
label: city, |
||||
|
key: index, |
||||
|
pinyin: pinyin[index] |
||||
|
}) |
||||
|
}) |
||||
|
return data |
||||
} |
} |
||||
|
|
||||
|
return { |
||||
|
form: { |
||||
|
name: '', |
||||
|
region: '', |
||||
|
date1: '', |
||||
|
date2: '', |
||||
|
delivery: false, |
||||
|
type: [], |
||||
|
resource: '', |
||||
|
desc: '' |
||||
|
}, |
||||
|
data: generateData(), |
||||
|
value: [], |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
filterMethod(query, item) { |
||||
|
return item.pinyin.indexOf(query) > -1 |
||||
|
}, |
||||
|
onSubmit() { |
||||
|
this.$message({ |
||||
|
message: '创建成功', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
} |
} |
||||
</script> |
</script> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue