dy-admin-manager/src/views/vipClass/resetClasss.vue

<template>
  <div class="m-container">
    <h2>课时调整记录</h2>
    <!-- 头部展示 -->
    <div class="headWrap">
      <div class="left">
        <div class="headItem">
          <p>调整次数:<span>12345</span></p>
        </div>
      </div>
      <div class="right">
      </div>
    </div>
    <!-- 搜索标题 -->
    <el-form :inline="true"
             class="searchForm"
             v-model.trim="searchForm">
      <el-form-item>
        <el-select v-model.trim="searchForm.name"
                   placeholder="课程类型">
          <el-option label="哈哈哈"
                     value="1"></el-option>
        </el-select>
      </el-form-item>
    </el-form>
    <!-- 查询 -->
    <div class="searchWrap">
      <p>查询条件:</p>
      <div class="searchItem"
           @click="closeSearch(item)"
           v-for="(item,index) in searchLsit" :key="index">
        {{ item.key }}
        <i class="el-icon-close"></i>
      </div>
    </div>
    <!-- 列表 -->
    <div class="tableWrap">
      <el-table :data='tableList'>
        <el-table-column align='center'
                         label="调整时间">
        </el-table-column>
        <el-table-column align='center'
                         label="调整类型">
        </el-table-column>
        <el-table-column align='center'
                         label="详细说明">
        </el-table-column>
        <el-table-column align='center'
                         label="时效">
        </el-table-column>
        <el-table-column align='center'
                         label="操作人">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
export default {
  name: 'resetClass',
  data () {
    return {
      searchLsit: [],
      searchForm: {
        name: ''
      },
      tableList: []
    }
  }
}
</script>
<style lang="scss">
h2 {
  margin-bottom: 0 !important;
}
</style>