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> |
|||
<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> |
|||
<script> |
|||
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> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue