|
@@ -0,0 +1,50 @@
|
|
|
+<template>
|
|
|
+ <el-dialog :visible.sync="dialogFormVisible" width="700">
|
|
|
+ <div class="serviceTitle" slot="title">
|
|
|
+ 服务到期提醒
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <el-form :model="form">
|
|
|
+ <el-form-item label="活动名称" :label-width="formLabelWidth">
|
|
|
+ <el-input v-model="form.name" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="活动区域" :label-width="formLabelWidth">
|
|
|
+ <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>
|
|
|
+ </el-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: 'serviceRemind',
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogFormVisible: true,
|
|
|
+ form: {
|
|
|
+ name: null,
|
|
|
+ region: null
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+/deep/.el-dialog {
|
|
|
+ background: url('./header_bg.png') no-repeat top center #fff;
|
|
|
+ background-size: 100% auto;
|
|
|
+ border-radius: 6px;
|
|
|
+ overflow: hidden;
|
|
|
+ .el-dialog__header {
|
|
|
+ background: transparent;
|
|
|
+ .el-dialog__headerbtn .el-dialog__close {
|
|
|
+ color: #000000;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|