share-fun-web/src/views/sceneManagement/sceneList/index.vue

<template>
  <div class="">
    <toolbar @on-filter="filterData" @on-reset="filterData" />

    <div class="m-10 bg-w p-20 br-10">
      <el-button type="primary" icon="el-icon-plus" @click="handleSubmit"
        >新增</el-button
      >
      <base-table
        :columns="columns"
        :items="items"
        :pagination="pagination"
        :page-change="pageChange"
      />
    </div>
  </div>
</template>

<script>
import toolbar from './toolbar';
import mxFilterList from '@/mixins/filterList';

export default {
  name: 'SceneList',

  components: { toolbar },

  mixins: [
    mxFilterList({
      // fetchList: iGetList // 在下方data再声明一个 fetchList: iGetList 同等效果
    })
  ],

  data() {
    return {
      columns: [
        {
          key: 'photo',
          name: 'ID',
          width: '160'
        },
        {
          key: 'region',
          name: '机构名称',
          width: '180'
        },
        {
          key: 'region',
          name: 'Logo',
          width: '120'
        },
        {
          key: 'region',
          name: '所在地区',
          minWidth: '180'
        },
        {
          key: 'region',
          name: '机构类型',
          width: '180'
        },
        {
          key: 'region',
          name: '申请人',
          width: '180'
        },
        {
          key: 'region',
          name: '手机号',
          width: '180'
        },
        {
          key: 'region',
          name: '状态',
          minWidth: '180'
        },
        {
          key: 'action',
          name: '操作',
          minWidth: '180'
        }
      ]
    };
  }
};
</script>

<style type="scss" scoped></style>