<template>
    <div class="app-container">
<!--      储值卡-->
          <el-card  style="margin-bottom: 20px">
            <el-radio-group v-model="radio1">
              <el-radio-button label="可用"></el-radio-button>
              <el-radio-button label="已下线"></el-radio-button>
            </el-radio-group>
          </el-card>
          <el-card  style="margin-bottom: 20px">
            <div style="margin-bottom: 10px">
              <el-alert
                title="当前配置为储值卡活动、按照升数锁价充值活动请在锁价活动列表配置,每个卡类型最多可创建50个充值活动
                      关于支付即储值功能说明: 功能按照档次大于等于用户实付金额的可充值档次进行处理,不符合规则的档次则无法进行充值"
                type="info">
              </el-alert>
            </div>


            <el-table
              :data="tableData"
              style="width: 100%">
              <el-table-column
                prop="date"
                label="油卡类型"
                width="100">
              </el-table-column>
              <el-table-column
                prop="date"
                label="面向群体"
                width="100">
              </el-table-column>
              <el-table-column label="活动信息">
                <el-table-column
                  prop="name"
                  label="充值金额"
                  width="120">
                </el-table-column>
                <el-table-column
                  prop="name"
                  label="赠送金额"
                  width="120">
                </el-table-column>
                <el-table-column
                  prop="name"
                  label="赠送积分"
                  width="120">
                </el-table-column>
                <el-table-column
                  prop="name"
                  label="赠送成长值"
                  width="120">
                </el-table-column>
                <el-table-column
                  prop="name"
                  label="赠送加油金"
                  width="120">
                </el-table-column>

              </el-table-column>
              <el-table-column
                prop="date"
                label="活动时间"
                width="120">
              </el-table-column>
              <el-table-column
                prop="province"
                label="活动进度"
                width="80">
              </el-table-column>
              <el-table-column
                prop="province"
                label="支付即充值"
                width="100">
              </el-table-column>
              <el-table-column
                prop="province"
                label="状态"
                width="80">
              </el-table-column>
              <el-table-column
                prop="date"
                label="参与次数"
                width="100">
              </el-table-column>
              <el-table-column
                prop="date"
                label="排序"
                width="100">
              </el-table-column>
              <el-table-column
                prop="date"
                label="更新时间"
                width="120">
              </el-table-column>
              <el-table-column
                prop="date"
                label="操作"
                width="120">
              </el-table-column>
            </el-table>


          </el-card>



    </div>
</template>

<script>
  export default {
    name: 'index',
    data(){
      return{
        radio1: '可用',
        tableData: [{
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-08',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-06',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-07',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }]
      }
    },
    methods:{

    }
  }
</script>

<style scoped>

</style>
