open
/
open-dbtool
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Home页重构

Browse Source
master
wangbing 6 years ago
parent 1656be2e05
commit db68195139
1 changed files with 67 additions and 36 deletions
Show Stats Download Patch File Download Diff File

103
src/main/resources/modules/SpringBoot/resources/templates/screen/home.ftl
Unescape View File

@ -258,49 +258,61 @@
</div> </div>
<el-form :model="form" :rules="rules" ref="form" label-width="100px"> <el-form :model="form" :rules="rules" ref="form" label-width="100px">
<el-form-item label="活动名称" prop="name"> <el-form-item label="活动名称" prop="field1">
<el-input v-model="form.name"></el-input> <el-input v-model="form.field1"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="活动区域" prop="region"> <el-form-item label="活动区域" prop="field2">
<el-select v-model="form.region" placeholder="请选择活动区域"> <el-select v-model="form.field2" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option> <el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option> <el-option label="区域二" value="beijing"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="活动时间" required> <el-form-item label="活动时间" required>
<el-col :span="11"> <el-col :span="11">
<el-form-item prop="date1"> <el-form-item prop="field3">
<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" <el-date-picker type="date" placeholder="选择日期" v-model="form.field3"
style="width: 100%;"></el-date-picker> style="width: 100%;"></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col style="text-align: center" :span="2">-</el-col> <el-col style="text-align: center" :span="2">-</el-col>
<el-col :span="11"> <el-col :span="11">
<el-form-item prop="date2"> <el-form-item prop="field4">
<el-time-picker placeholder="选择时间" v-model="form.date2" <el-time-picker placeholder="选择时间" v-model="form.field4"
style="width: 100%;"></el-time-picker> style="width: 100%;"></el-time-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form-item> </el-form-item>
<el-form-item label="即时配送" prop="delivery"> <el-form-item label="即时配送" prop="field5">
<el-switch v-model="form.delivery"></el-switch> <el-switch v-model="form.field5"></el-switch>
</el-form-item> </el-form-item>
<el-form-item label="活动性质" prop="type"> <el-form-item label="活动性质" prop="field6">
<el-checkbox-group v-model="form.type"> <el-checkbox-group v-model="form.field6">
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox> <el-checkbox label="美食/餐厅线上活动" name="field6"></el-checkbox>
<el-checkbox label="地推活动" name="type"></el-checkbox> <el-checkbox label="地推活动" name="field6"></el-checkbox>
<el-checkbox label="线下主题活动" name="type"></el-checkbox> <el-checkbox label="线下主题活动" name="field6"></el-checkbox>
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox> <el-checkbox label="单纯品牌曝光" name="field6"></el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<el-form-item label="特殊资源" prop="resource"> <el-form-item label="特殊资源" prop="field7">
<el-radio-group v-model="form.resource"> <el-radio-group v-model="form.field7">
<el-radio label="线上品牌商赞助"></el-radio> <el-radio label="线上品牌商赞助"></el-radio>
<el-radio label="线下场地免费"></el-radio> <el-radio label="线下场地免费"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="活动形式" prop="desc"> <el-form-item label="购买数量" prop="field8">
<el-input type="textarea" v-model="form.desc"></el-input> <el-input-number v-model="form.field8" :min="1" :max="10" label="描述文字"></el-input-number>
</el-form-item>
<el-form-item label="地址" prop="field9">
<el-cascader
:options="address"
v-model="form.field9">
</el-cascader>
</el-form-item>
<el-form-item label="活动形式" prop="field10">
<el-input type="textarea" v-model="form.field10"></el-input>
</el-form-item>
<el-form-item label="颜色选择" prop="field11">
<el-color-picker></el-color-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="submitForm('form')">立即创建</el-button> <el-button type="primary" @click="submitForm('form')">立即创建</el-button>
@ -859,16 +871,29 @@
fileList: [], fileList: [],
form: { form: {
name: '', field1: '',
region: '', field2: '',
date1: '', field3: '',
date2: '', field4: '',
delivery: false, field5: false,
type: [], field6: [],
resource: '', field7: '',
desc: '' field8: '',
field9: [],
field10: ''
}, },
address:[{
value: '10000',
label: '上海市',
children:[{
value: '11000',
label: '静安区',
children:[{
value: '11100',
label: '南京西路',
}]
}]}
],
tableData: [{ tableData: [{
date: '2016-05-03', date: '2016-05-03',
name: '王小虎', name: '王小虎',
@ -885,26 +910,32 @@
multipleSelection: [], multipleSelection: [],
rules: { rules: {
name: [ field1: [
{required: true, message: '请输入活动名称', trigger: 'blur'}, {required: true, message: '请输入活动名称', trigger: 'blur'},
{min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur'} {min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur'}
], ],
region: [ field2: [
{required: true, message: '请选择活动区域', trigger: 'change'} {required: true, message: '请选择活动区域', trigger: 'change'}
], ],
date1: [ field3: [
{type: 'date', required: true, message: '请选择日期', trigger: 'change'} {type: 'date', required: true, message: '请选择日期', trigger: 'change'}
], ],
date2: [ field4: [
{type: 'date', required: true, message: '请选择时间', trigger: 'change'} {type: 'date', required: true, message: '请选择时间', trigger: 'change'}
], ],
type: [ field6: [
{type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change'} {type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change'}
], ],
resource: [ field7: [
{required: true, message: '请选择活动资源', trigger: 'change'} {required: true, message: '请选择活动资源', trigger: 'change'}
], ],
desc: [ field8: [
{required: true, message: '请填写购买数量', trigger: 'blur'}
],
field9: [
{required: true, message: '请填写地址', trigger: 'blur'}
],
field10: [
{required: true, message: '请填写活动形式', trigger: 'blur'} {required: true, message: '请填写活动形式', trigger: 'blur'}
] ]
}, },

Write Preview
Loading…
Cancel
Save

Powered by TurnKey Linux.