超多列表名称改为功能展示列表：添加2行省略例子

long

2021-06-17 1dcdda357b79fde24705e274818224c05d0a5587

超多列表名称改为功能展示列表：添加2行省略例子

 src/pages/demo/list.vue

@@ -40,9 +40,31 @@

    <el-table :data="list" max-height="500px" stripe>
      <el-table-column type="index" label="序号" align="center" width="60" />
      <el-table-column label="头像" prop="headImg" align="center" min-width="100">
        <template slot-scope="scope">
          <el-image :src="scope.row.headImg" style="width:50px;height:50px;" fit="contain" :preview-src-list="[scope.row.headImg]">
            <div slot="error" class="image-slot">
              <svg-icon icon-class="avatar" style="width:50px;height:50px;" />
            </div>
          </el-image>
        </template>
      </el-table-column>
      <el-table-column label="角色名称" prop="name" align="center" min-width="120" />
      <el-table-column label="角色名称" prop="name" align="center" min-width="120" />
      <el-table-column label="角色名称" prop="name" align="center" min-width="120" />
      <el-table-column label="专家建议" prop="adviceInfo" align="center" min-width="160">
        <template slot-scope="scope">
          <el-popover
            placement="top-start"
            width="400"
            popper-class="el-popover_tableFilter"
            trigger="hover"
            :popper-options="{ removeOnDestroy: true }"
          >
            <div style="max-height: 500px;overflow-y: auto;">{{ scope.row.adviceInfo }}</div>
            <div slot="reference" class="line-clamp-2" style="line-height: 1.2">{{ scope.row.adviceInfo }}</div>
          </el-popover>
        </template>
      </el-table-column>
      <el-table-column label="角色名称" prop="name" align="center" min-width="120" />
      <el-table-column label="角色名称" prop="name" align="center" min-width="120" />
      <el-table-column label="角色名称" prop="name" align="center" min-width="120" />
@@ -194,7 +216,8 @@
              id: 'xxx',
              index: 1,
              name: '超级管理员',
              createTime: '2020-08-09 10:10:10'
              createTime: '2020-08-09 10:10:10',
              adviceInfo: '啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦'
            }],
            total: 100
          }

 src/router/demo_router.js

@@ -21,7 +21,7 @@
      path: 'list',
      component: () => import('@/pages/demo/list'), // Parent router-view
      name: 'demoList',
      meta: { title: '模板超多列表' }
      meta: { title: '功能展示列表' }
    },
    {
      path: 'form',