|  | @@ -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>
 |