<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs='crumbs'></bread-crumb>
    </div>
    <div class="app-container">
      <el-row :gutter="12" style="margin-top: 10px">
        <el-table
          :data="cancelStockDate"
          :class="signAndWeighBoxPatients"
          border
          highlight-current-row
          ref="multipleTable"
          :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}"
        >
          <el-table-column label="标题" align="center">
            <template slot-scope="scope">
            123
          </template>
          </el-table-column>

          <el-table-column label="评论状态" align="center">
            <template slot-scope="scope">
              456
            </template>
          </el-table-column>

          <el-table-column label="总评论数" align="center">
            <template slot-scope="scope">
              789
            </template>
          </el-table-column>

          <el-table-column label="操作" align="center">

            <template slot-scope="scope">
              <el-tooltip class="item" effect="dark" content="查看" placement="top">
                <el-button
                  size="mini"
                  type="primary"
                  icon="el-icon-edit-outline"
                  @click="handleEdit(scope.$index, scope.row)">
                </el-button>
              </el-tooltip>
            </template>
          </el-table-column>

        </el-table>

        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :page-sizes="[7]"
          :page-size="7"
          background
          style="margin-top:20px;float: right"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
        </el-pagination>

      </el-row>
    </div>
  </div>
</template>

<script>
  import BreadCrumb from '../components/bread-crumb'
  export default {
    name: 'articleComment',
    components:{
      BreadCrumb
    },
    data(){
      return{
        crumbs: [
          { path: false, name: '文章管理' },
          { path: '/articles/articleComment', name: '评论列表' }
        ],
      }
    }
  }
</script>

<style scoped>

</style>
