<!--
 * @Author: Guanghao
 * @Date: 2021-12-31 14:29:34
 * @LastEditors: Guanghao
 * @LastEditTime: 2022-01-04 09:49:56
 * @Description: 后台管理-角色管理页面
-->

<template>
  <div class="platformSetting back-column-one">
    <div class="back-title">{{$route.meta.title}}</div>
    <el-button type="primary" round>新建模块</el-button>
            <el-table :data="dataList" style="width: 100%">
              <el-table-column
                v-for="title in titleList"
                :key="title.prop"
                :prop="title.prop"
                :label="title.label"
                show-overflow-tooltip
              />
              <el-table-column label="操作">
                <template v-slot="scope">
                  <el-tooltip
                    class="item"
                    effect="light"
                    content="恢复"
                    placement="top"
                  >
                    <el-button
                      icon="el-icon-edit"
                      type="text"
                      @click="handleEditClick(scope.row)"
                    />
                  </el-tooltip>
                  <el-divider direction="vertical" />
                  <el-tooltip
                    class="item"
                    effect="light"
                    content="删除"
                    placement="top"
                  >
                    <el-button
                      icon="el-icon-delete"
                      type="text"
                      @click="handleDeleteClick(scope.row)"
                    />
                  </el-tooltip>
                </template>
              </el-table-column>
            </el-table>
  </div>
</template>

<script>
export default {
  name: "PlatformSetting",

  data() {
    return {
      titleList: [
        {
          prop: 'type',
          label: '分类名称'
        },
        {
          prop: 'moduleType',
          label: '模块类型'
        },
        {
          prop: 'dest',
          label: '说明'
        },
        {
          prop: 'status',
          label: '状态'
        },
        {
          prop: 'sort',
          label: '排序'
        },
      ],
      dataList: [
        {
          type: '产品及演示方案',
          moduleType: '演示方案',
          dest: '-',
          status: '启用',
          sort: '',
        },
        {
          type: '产品及演示方案',
          moduleType: '演示方案',
          dest: '-',
          status: '启用',
          sort: '',
        },
        {
          type: '产品及演示方案',
          moduleType: '演示方案',
          dest: '-',
          status: '启用',
          sort: '',
        },
      ]
    }
  }
};
</script>

<style lang="scss" scoped>
@import "~@/scss/Back/back.scss";
</style>
