diff --git a/fuintAdmin/src/views/EventMarketing/openCardGift/TimeLimited.vue b/fuintAdmin/src/views/EventMarketing/openCardGift/TimeLimited.vue
new file mode 100644
index 000000000..2bc5315ba
--- /dev/null
+++ b/fuintAdmin/src/views/EventMarketing/openCardGift/TimeLimited.vue
@@ -0,0 +1,497 @@
+
+
+<template>
+  <div class="center_">
+    <div class="bai-box">
+      <div class="d-a">
+        <div class="top-title">
+          <div class="d-s">
+            <div class="bigNum">1</div>
+            <div class="smtitle">创建限时特价</div>
+          </div>
+          <div class="hui-text">
+            不同的商品可以分别创建多个营销价格，分别设置多个
+            不同的价格优惠
+          </div>
+        </div>
+        <div class="gang_"></div>
+        <div class="top-title">
+          <div class="d-s">
+            <div class="bigNum">2</div>
+            <div class="smtitle">添加活动规则</div>
+          </div>
+          <div class="hui-text">
+            同一个限时优惠可以根据支付方式、会员等级以及活动
+            时间添加多个不同的活动规则;同一个商品，同一时间段
+            内，同一个会员，同一个支付方式不能添加多个活动规则
+          </div>
+        </div>
+        <div class="gang_"></div>
+        <div class="top-title">
+          <div class="d-s">
+            <div class="bigNum">3</div>
+            <div class="smtitle">开始使用限时特价</div>
+          </div>
+          <div class="hui-text">
+            限时优惠和活动规则创建后，商城会根据后台设置的
+            使用时间、支付方式、会员等级来显示不同的会员价
+          </div>
+        </div>
+      </div>
+      <!--      -->
+      <div class="d-b" style="margin-bottom: 15px">
+        <div class="d-s">
+          <div class="gang"></div>
+          <div class="g-title">限时优惠</div>
+        </div>
+        <el-button type="primary" @click="centerDialogVisible =! centerDialogVisible">新增限时优惠</el-button>
+      </div>
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%">
+        <el-table-column
+          type="index"
+          align="center"
+          label="序号"
+          width="50">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="限时优惠名称"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="适用商品数量"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="创建人"
+        >
+        </el-table-column>
+        <el-table-column
+          align="date"
+          prop="address"
+          label="地址">
+        </el-table-column>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+            >修改</el-button>
+            <el-button
+              size="mini"
+              type="text"
+            >删除</el-button>
+
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--        -->
+      <div class="d-b" style="margin-bottom: 15px;margin-top: 20px">
+        <div class="d-s">
+          <div class="gang"></div>
+          <div class="g-title">活动规则</div>
+        </div>
+        <el-button type="primary" @click="showDialogVisible =! showDialogVisible" >新增活动规则</el-button>
+      </div>
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%">
+        <el-table-column
+          type="index"
+          align="center"
+          label="序号"
+          width="50">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="限时优惠名称"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="活动规则名称"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="会员等级"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="支付方式"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="会员标签"
+        >
+        </el-table-column>
+        <el-table-column
+          align="date"
+          prop="address"
+          label="生效时间">
+        </el-table-column>
+        <el-table-column
+          align="date"
+          prop="address"
+          label="适用时间段">
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="每人每天参与限制"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="每人累计参与限制"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="状态"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="创建人"
+        >
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="name"
+          label="创建时间"
+        >
+        </el-table-column>
+
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+            >修改</el-button>
+
+            <el-button
+              size="mini"
+              type="text"
+            >删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-dialog
+      title="新增/修改限时优惠"
+      :visible.sync="centerDialogVisible"
+      width="40%"
+      center>
+      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
+        <el-form-item label="限时优惠名称" prop="name">
+          <el-input v-model="ruleForm.name" style="width: 217px"></el-input>
+        </el-form-item>
+        <el-form-item label="类型" prop="region">
+          <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
+            <el-option label="固定价格" value="yi"></el-option>
+            <el-option label="折扣" value="re"></el-option>
+            <el-option label="减价" value="san"></el-option>
+          </el-select>
+          <div>当手动/自动调整商品价格后，若调整后的售价低于规则设置时的会员
+            价，则该规则不生效。</div>
+        </el-form-item>
+        <el-form-item label="折扣" prop="name" v-if="ruleForm.region == 're' ">
+          <el-input v-model="ruleForm.name" style="width: 217px"></el-input>
+          <div>折扣请填写0~1的数字。例如输入0.8，表示打8折</div>
+        </el-form-item>
+        <el-form-item label="减价金额" prop="name" v-if="ruleForm.region == 'san' " >
+          <el-input v-model="ruleForm.name" style="width: 217px"></el-input>
+          <div>减价金额不能小于 0.01</div>
+        </el-form-item>
+
+        <el-table
+          :data="tableData"
+          border
+          style="width: 100%">
+
+          <el-table-column
+            align="center"
+            prop="name"
+            label="油品油号"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="当前挂牌价（元/L)"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="优惠价（元/L）"
+          >
+          </el-table-column>
+
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <template slot-scope="scope">
+
+              <el-button
+                size="mini"
+                type="text"
+              >删除</el-button>
+
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+            <el-button @click="centerDialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
+        </span>
+    </el-dialog>
+    <el-dialog
+      title="新增/修改活动规则"
+      :visible.sync="showDialogVisible"
+      width="30%"
+      center>
+      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
+        <el-form-item label="活动规则名称" prop="name">
+          <el-input v-model="ruleForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="限时优惠名称" prop="region">
+          <el-select v-model="ruleForm.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="适用会员等级" prop="region">
+          <el-select v-model="ruleForm.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=" 会员标签" prop="region">
+          <el-select v-model="ruleForm.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="可使用支付方式" prop="type">
+          <el-checkbox-group v-model="ruleForm.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="生效时间" required>
+
+          <el-form-item prop="date1">
+            <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"></el-date-picker>
+          </el-form-item>
+
+
+        </el-form-item>
+
+        <el-form-item label="适用实收金额" required>
+          <el-col :span="11">
+            <el-form-item prop="name">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col  :span="2">
+            <div style="margin-left: 5px">到</div>
+          </el-col>
+          <el-col :span="11">
+            <el-form-item prop="name">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-form-item>
+        <el-form-item label="适用加油升数" required>
+          <el-col :span="11">
+            <el-form-item prop="name">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col  :span="2">
+            <div style="margin-left: 5px">到</div>
+          </el-col>
+          <el-col :span="11">
+            <el-form-item prop="name">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-form-item>
+
+        <el-form-item label="最大优惠金额" prop="name">
+          <el-input v-model="ruleForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="每人每日参与限制" label-width="140px" prop="name">
+          <el-input v-model="ruleForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="每人累计参与限制" label-width="140px" prop="name">
+          <el-input v-model="ruleForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="适用时间段"  prop="name">
+          <div class="d-s" style="margin-bottom: 5px">
+            每周： <el-select v-model="ruleForm.region" placeholder="请选择适用时间">
+            <el-option label="周一" value="shanghai"></el-option>
+            <el-option label="周二" value="beijing"></el-option>
+          </el-select>
+          </div>
+          <div class="d-s" style="margin-bottom: 5px">
+            每月：<el-select v-model="ruleForm.region" placeholder="请选择适用时间">
+            <el-option label="周一" value="shanghai"></el-option>
+            <el-option label="周二" value="beijing"></el-option>
+          </el-select>
+          </div>
+          <div class="d-s">
+            时间段： <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" ></el-date-picker>
+          </div>
+        </el-form-item>
+
+        <!--          -->
+
+        <el-form-item>
+          <el-button type="primary" >立即创建</el-button>
+          <el-button>重置</el-button>
+        </el-form-item>
+      </el-form>
+
+    </el-dialog>
+
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      ruleForm: {
+        name: '',
+        region: '',
+        type: [],
+      },
+      rules: {
+        name: [
+          {required: true, message: '请输入活动名称', trigger: 'blur'},
+          {min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur'}
+        ],
+        region: [
+          {required: true, message: '请选择活动区域', trigger: 'change'}
+        ],
+      },
+      centerDialogVisible: false,
+      showDialogVisible:false,
+      tableData: [{
+        date: '2016-05-02',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1518 弄'
+      }, {
+        date: '2016-05-04',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1517 弄'
+      }, {
+        date: '2016-05-01',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1519 弄'
+      }, {
+        date: '2016-05-03',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1516 弄'
+      }]
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.center_ {
+  width: 100%;
+  border-radius: 8px;
+  background: #f9f9f9;
+  box-sizing: border-box;
+  padding: 20px;
+  margin: 0 auto;
+}
+.bai-box{
+  border-radius: 10px;
+  background: #fff;
+  box-sizing: border-box;
+  padding: 15px;
+}
+.d-b{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.d-a{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+.d-s{
+  display: flex;
+  align-items: center;
+}
+.top-title{
+
+}
+.hui-text{
+  font-weight: 400;
+  font-size: 16px;
+  color: #999999;
+  line-height: 30px;
+  width: 380px;
+  height: 120px;
+  overflow: hidden;
+}
+.bigNum{
+  font-size: 60px;
+  font-weight: bold;
+  color: #333333;
+  margin-right: 15px;
+}
+.smtitle{
+  font-size: 28px;
+  color: #333333;
+  font-weight: bold;
+}
+.gang_{
+  width: 1px;
+  height: 75px;
+  border: 1px solid #FF9655;
+}
+.gang{
+  width: 2px;
+  height: 13px;
+  background: #FF9655;
+  margin-right: 10px;
+}
+.g-title{
+  font-size: 14px;
+  color: #333333;
+}
+</style>
diff --git a/fuintAdmin/src/views/EventMarketing/openCardGift/index.vue b/fuintAdmin/src/views/EventMarketing/openCardGift/index.vue
index 8512faac7..a39411d76 100644
--- a/fuintAdmin/src/views/EventMarketing/openCardGift/index.vue
+++ b/fuintAdmin/src/views/EventMarketing/openCardGift/index.vue
@@ -1,8 +1,10 @@
 <template>
   <div class="a-container">
-
+<!---->
     <activeNewlyweds v-show="id == 1"></activeNewlyweds>
     <activeConsumption  v-show="id == 3" ></activeConsumption>
+    <separate v-show="id == 9" ></separate>
+    <TimeLimited v-show="id == 10"></TimeLimited>
 
   </div>
 </template>
@@ -12,6 +14,10 @@
 import  activeNewlyweds from  '../../EventMarketing/activeNewlyweds/index.vue'
 //消费有礼
 import  activeConsumption from  '../../EventMarketing/activeConsumption/index.vue'
+// 分时优惠
+import  separate from  './separate.vue'
+// 限时优惠
+import  TimeLimited from  './TimeLimited.vue'
 
 export default {
   data() {
@@ -28,7 +34,11 @@ export default {
     //开卡有礼
     activeNewlyweds,
     //消费有礼
-    activeConsumption
+    activeConsumption,
+    // 分时优惠
+    separate,
+    // 限时优惠
+    TimeLimited
 
   },
   methods: {
diff --git a/fuintAdmin/src/views/EventMarketing/openCardGift/separate.vue b/fuintAdmin/src/views/EventMarketing/openCardGift/separate.vue
new file mode 100644
index 000000000..3c550ed71
--- /dev/null
+++ b/fuintAdmin/src/views/EventMarketing/openCardGift/separate.vue
@@ -0,0 +1,497 @@
+
+
+<template>
+    <div class="center_">
+      <div class="bai-box">
+        <div class="d-a">
+          <div class="top-title">
+            <div class="d-s">
+              <div class="bigNum">1</div>
+              <div class="smtitle">创建分时优惠</div>
+            </div>
+            <div class="hui-text">
+              不同的商品可以分别创建多个营销价格，分别设置多个
+              不同的价格优惠
+            </div>
+          </div>
+          <div class="gang_"></div>
+          <div class="top-title">
+            <div class="d-s">
+              <div class="bigNum">2</div>
+              <div class="smtitle">添加活动规则</div>
+            </div>
+            <div class="hui-text">
+              同一个分时优惠可以根据支付方式、会员等级以及活动
+              时间添加多个不同的活动规则;同一个商品，同一时间段
+              内，同一个会员，同一个支付方式不能添加多个活动规则
+            </div>
+          </div>
+          <div class="gang_"></div>
+          <div class="top-title">
+            <div class="d-s">
+              <div class="bigNum">3</div>
+              <div class="smtitle">开始使用分时优惠</div>
+            </div>
+            <div class="hui-text">
+              分时优惠和活动规则创建后，商城会根据后台设置的
+              使用时间、支付方式、会员等级来显示不同的会员价
+            </div>
+          </div>
+        </div>
+<!--      -->
+        <div class="d-b" style="margin-bottom: 15px">
+          <div class="d-s">
+            <div class="gang"></div>
+            <div class="g-title">分时优惠</div>
+          </div>
+          <el-button type="primary" @click="centerDialogVisible =! centerDialogVisible">新增分时优惠</el-button>
+        </div>
+        <el-table
+          :data="tableData"
+          border
+          style="width: 100%">
+          <el-table-column
+            type="index"
+            align="center"
+            label="序号"
+            width="50">
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="分时优惠名称"
+           >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="适用商品数量"
+           >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="创建人"
+          >
+          </el-table-column>
+          <el-table-column
+            align="date"
+            prop="address"
+            label="地址">
+          </el-table-column>
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <template slot-scope="scope">
+              <el-button
+                size="mini"
+                type="text"
+              >修改</el-button>
+              <el-button
+                size="mini"
+                type="text"
+              >删除</el-button>
+
+            </template>
+          </el-table-column>
+        </el-table>
+<!--        -->
+        <div class="d-b" style="margin-bottom: 15px;margin-top: 20px">
+          <div class="d-s">
+            <div class="gang"></div>
+            <div class="g-title">活动规则</div>
+          </div>
+          <el-button type="primary" @click="showDialogVisible =! showDialogVisible" >新增活动规则</el-button>
+        </div>
+        <el-table
+          :data="tableData"
+          border
+          style="width: 100%">
+          <el-table-column
+            type="index"
+            align="center"
+            label="序号"
+            width="50">
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="分时优惠名称"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="活动规则名称"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="会员等级"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="支付方式"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="会员标签"
+          >
+          </el-table-column>
+          <el-table-column
+            align="date"
+            prop="address"
+            label="生效时间">
+          </el-table-column>
+          <el-table-column
+            align="date"
+            prop="address"
+            label="适用时间段">
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="每人每天参与限制"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="每人累计参与限制"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="状态"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="创建人"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="name"
+            label="创建时间"
+          >
+          </el-table-column>
+
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <template slot-scope="scope">
+              <el-button
+                size="mini"
+                type="text"
+              >修改</el-button>
+
+              <el-button
+                size="mini"
+                type="text"
+              >删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <el-dialog
+        title="新增/修改分时优惠"
+        :visible.sync="centerDialogVisible"
+        width="40%"
+        center>
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
+          <el-form-item label="分时优惠名称" prop="name">
+            <el-input v-model="ruleForm.name" style="width: 217px"></el-input>
+          </el-form-item>
+          <el-form-item label="类型" prop="region">
+            <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
+              <el-option label="固定价格" value="yi"></el-option>
+              <el-option label="折扣" value="re"></el-option>
+              <el-option label="减价" value="san"></el-option>
+            </el-select>
+            <div>当手动/自动调整商品价格后，若调整后的售价低于规则设置时的会员
+              价，则该规则不生效。</div>
+          </el-form-item>
+          <el-form-item label="折扣" prop="name" v-if="ruleForm.region == 're' ">
+            <el-input v-model="ruleForm.name" style="width: 217px"></el-input>
+            <div>折扣请填写0~1的数字。例如输入0.8，表示打8折</div>
+          </el-form-item>
+          <el-form-item label="减价金额" prop="name" v-if="ruleForm.region == 'san' " >
+            <el-input v-model="ruleForm.name" style="width: 217px"></el-input>
+            <div>减价金额不能小于 0.01</div>
+          </el-form-item>
+
+          <el-table
+            :data="tableData"
+            border
+            style="width: 100%">
+
+            <el-table-column
+              align="center"
+              prop="name"
+              label="油品油号"
+            >
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="name"
+              label="当前挂牌价（元/L)"
+            >
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="name"
+              label="优惠价（元/L）"
+            >
+            </el-table-column>
+
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+              <template slot-scope="scope">
+
+                <el-button
+                  size="mini"
+                  type="text"
+                >删除</el-button>
+
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form>
+            <span slot="footer" class="dialog-footer">
+            <el-button @click="centerDialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
+        </span>
+      </el-dialog>
+      <el-dialog
+        title="新增/修改活动规则"
+        :visible.sync="showDialogVisible"
+        width="30%"
+        center>
+        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px" class="demo-ruleForm">
+          <el-form-item label="活动规则名称" prop="name">
+            <el-input v-model="ruleForm.name"></el-input>
+          </el-form-item>
+            <el-form-item label="分时优惠名称" prop="region">
+              <el-select v-model="ruleForm.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="适用会员等级" prop="region">
+              <el-select v-model="ruleForm.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=" 会员标签" prop="region">
+              <el-select v-model="ruleForm.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="可使用支付方式" prop="type">
+            <el-checkbox-group v-model="ruleForm.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="生效时间" required>
+
+                <el-form-item prop="date1">
+                  <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style="width: 100%;"></el-date-picker>
+                </el-form-item>
+
+
+            </el-form-item>
+
+            <el-form-item label="适用实收金额" required>
+              <el-col :span="11">
+                <el-form-item prop="name">
+                  <el-input v-model="ruleForm.name"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col  :span="2">
+                <div style="margin-left: 5px">到</div>
+              </el-col>
+              <el-col :span="11">
+                <el-form-item prop="name">
+                  <el-input v-model="ruleForm.name"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-form-item>
+            <el-form-item label="适用加油升数" required>
+              <el-col :span="11">
+                <el-form-item prop="name">
+                  <el-input v-model="ruleForm.name"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col  :span="2">
+                <div style="margin-left: 5px">到</div>
+              </el-col>
+              <el-col :span="11">
+                <el-form-item prop="name">
+                  <el-input v-model="ruleForm.name"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-form-item>
+
+            <el-form-item label="最大优惠金额" prop="name">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+            <el-form-item label="每人每日参与限制" label-width="140px" prop="name">
+              <el-input v-model="ruleForm.name"></el-input>
+            </el-form-item>
+          <el-form-item label="每人累计参与限制" label-width="140px" prop="name">
+            <el-input v-model="ruleForm.name"></el-input>
+          </el-form-item>
+          <el-form-item label="适用时间段"  prop="name">
+           <div class="d-s" style="margin-bottom: 5px">
+             每周： <el-select v-model="ruleForm.region" placeholder="请选择适用时间">
+             <el-option label="周一" value="shanghai"></el-option>
+             <el-option label="周二" value="beijing"></el-option>
+           </el-select>
+           </div>
+            <div class="d-s" style="margin-bottom: 5px">
+              每月：<el-select v-model="ruleForm.region" placeholder="请选择适用时间">
+              <el-option label="周一" value="shanghai"></el-option>
+              <el-option label="周二" value="beijing"></el-option>
+            </el-select>
+            </div>
+            <div class="d-s">
+              时间段： <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" ></el-date-picker>
+            </div>
+          </el-form-item>
+
+<!--          -->
+
+          <el-form-item>
+            <el-button type="primary" >立即创建</el-button>
+            <el-button>重置</el-button>
+          </el-form-item>
+        </el-form>
+
+      </el-dialog>
+
+    </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      ruleForm: {
+        name: '',
+        region: '',
+        type: [],
+      },
+      rules: {
+        name: [
+          {required: true, message: '请输入活动名称', trigger: 'blur'},
+          {min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur'}
+        ],
+        region: [
+          {required: true, message: '请选择活动区域', trigger: 'change'}
+        ],
+      },
+      centerDialogVisible: false,
+      showDialogVisible:false,
+      tableData: [{
+        date: '2016-05-02',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1518 弄'
+      }, {
+        date: '2016-05-04',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1517 弄'
+      }, {
+        date: '2016-05-01',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1519 弄'
+      }, {
+        date: '2016-05-03',
+        name: '王小虎',
+        address: '上海市普陀区金沙江路 1516 弄'
+      }]
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.center_ {
+  width: 100%;
+  border-radius: 8px;
+  background: #f9f9f9;
+  box-sizing: border-box;
+  padding: 20px;
+  margin: 0 auto;
+}
+.bai-box{
+  border-radius: 10px;
+  background: #fff;
+  box-sizing: border-box;
+  padding: 15px;
+}
+.d-b{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.d-a{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+.d-s{
+  display: flex;
+  align-items: center;
+}
+.top-title{
+
+}
+.hui-text{
+  font-weight: 400;
+  font-size: 16px;
+  color: #999999;
+  line-height: 30px;
+  width: 380px;
+  height: 120px;
+  overflow: hidden;
+}
+.bigNum{
+  font-size: 60px;
+  font-weight: bold;
+  color: #333333;
+  margin-right: 15px;
+}
+.smtitle{
+  font-size: 28px;
+  color: #333333;
+  font-weight: bold;
+}
+.gang_{
+  width: 1px;
+  height: 75px;
+  border: 1px solid #FF9655;
+}
+.gang{
+  width: 2px;
+  height: 13px;
+  background: #FF9655;
+  margin-right: 10px;
+}
+.g-title{
+  font-size: 14px;
+  color: #333333;
+}
+</style>