是小王呀\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