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

<template>
  <div class="classification back-column-one">
    <div class="back-title">{{ $route.meta.title }}</div>

    <el-tabs value="product" type="card" @tab-click="handleClick">
      <el-tab-pane label="产品案例" name="product">
        <el-tabs value="role-remember" @tab-click="handleTabClick">
          <el-tab-pane label="软硬件产品" name="role-remember">
            <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>
          </el-tab-pane>
          <el-tab-pane label="技术服务" name="role-remember2"></el-tab-pane>
          <el-tab-pane label="软件服务" name="role-remember3"></el-tab-pane>
          <el-tab-pane label="应用案例" name="role-remember4"></el-tab-pane>
          <el-tab-pane label="培训服务" name="role-remember5"></el-tab-pane>
        </el-tabs>
      </el-tab-pane>
      <el-tab-pane label="解决方案" name="solution">解决方案</el-tab-pane>
      <el-tab-pane label="演示方案" name="demo">演示方案</el-tab-pane>
    </el-tabs>
  </div>
</template>

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

  data() {
    return {
      titleList: [
        {
          prop: "type",
          label: "分类名称",
        },
        {
          prop: "dest",
          label: "说明",
        },
        {
          prop: "num",
          label: "统计数量",
        },
      ],
      dataList: [
        {
          type: "品牌",
          dest: "-",
          num: 26,
        },
        {
          type: "品牌",
          dest: "-",
          num: 26,
        },
        {
          type: "品牌",
          dest: "-",
          num: 26,
        },
      ],
    };
  },
};
</script>

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