是小王呀\24601
1 year ago
5 changed files with 168 additions and 116 deletions
@ -0,0 +1,101 @@ |
|||||
|
<template> |
||||
|
<div class="form-container"> |
||||
|
<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> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
formData: { |
||||
|
ticketNumber: '240708102255257019', |
||||
|
eventCategory: '城乡建设-住房与房地产-物业管理', |
||||
|
reporter: '张先生', |
||||
|
contactNumber: '18789008989', |
||||
|
description: '王先生反映：市北区海伦路街道北岭山花园小区3号楼楼顶漏水，多次联系物业，不给处理，推诿，请尽快给做防水处理。', |
||||
|
assignedDepartment: '城建办', |
||||
|
assignmentTime: '2024-07-14 19:54:36', |
||||
|
contactDeadline: '2024-07-15 10:00', |
||||
|
status: '联系来电人超期', |
||||
|
reminderExplanation: '将以发送手机短信形式提醒指派部门负责人（城建办-张三），尽快对事件进行响应处理！' |
||||
|
} |
||||
|
}; |
||||
|
}, |
||||
|
methods: { |
||||
|
handleSubmit() { |
||||
|
// 处理表单提交 |
||||
|
console.log('表单已提交'); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.form-container { |
||||
|
max-width: 600px; |
||||
|
margin: 0 auto; |
||||
|
padding: 20px; |
||||
|
border: 1px solid #ccc; |
||||
|
border-radius: 8px; |
||||
|
} |
||||
|
|
||||
|
.form-group { |
||||
|
margin-bottom: 15px; |
||||
|
} |
||||
|
|
||||
|
.form-group label { |
||||
|
display: block; |
||||
|
margin-bottom: 5px; |
||||
|
} |
||||
|
|
||||
|
.form-group input, |
||||
|
.form-group textarea { |
||||
|
width: 100%; |
||||
|
padding: 8px; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue