<template>
    <div class="words_container">
      <!-- <el-row class="btn_box">
        <el-button type="primary" @click="dialogVisible = true">新增</el-button>
        <el-button @click="delWords()">删除</el-button>
      </el-row> -->
      <el-table
        ref="multipleTable"
        :data="tableData"
        tooltip-effect="dark"
        style="width: 100%"
        :row-class-name="tableRowClassName"
        :header-cell-style="{background:'#8cc3fb',color:'#fff'}"
      >
        <el-table-column
          type="index"
          align="center"
          label="序号"
          width="55"
        />
        <el-table-column
          prop="docName"
          label="文档名称"
          show-overflow-tooltip
          min-width="120" align="left"
        />
        <el-table-column
          prop="updateTime"
          label="更新时间"
          show-overflow-tooltip
          min-width="90" align="left"
        />
        <el-table-column
          label="操作"
          align="center"
          width="100"
        >
          <template slot-scope="scope">
            <el-button type="primary" size="mini" @click="downloadOperation(scope.row)">下载</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        tableData: [
          // {
          //   index: '1',
          //   docName: '信用监管业务系统操作手册',
          //   updateTime: '2022年11月23日'
          // },
          {
            index: '2',
            docName: '经营异常、严重违法失信业务模块操作手册',
            updateTime: '2023年1月18日'
          },{
            index: '3',
            docName: '信用修复业务模块操作手册',
            updateTime: '2022年11月23日'
          },{
            index: '4',
            docName: '智慧认领业务模块操作手册',
            updateTime: '2022年11月23日'
          },{
            index: '5',
            docName: '市场所协同业务模块操作手册',
            updateTime: '2023年1月18日'
          }
          // ,{
          //   index: '6',
          //   docName: '撤销登记案件业务系统操作手册',
          //   updateTime: '2022年11月23日'
          // },{
          //   index: '7',
          //   docName: '批量吊销业务系统操作手册',
          //   updateTime: '2022年11月23日'
          // }
        ]
      }
    },
    mounted() {
    },
    methods: {
      tableRowClassName({ row, rowIndex }) {
        if (rowIndex % 2 === 1) {
          return 'warning-row'
        }
      },
      downloadOperation(row){
        console.log(row)
        const name = row.docName + '.docx'
        window.open(process.env.NODE_ENV === '"development"' ? `/${name}` : `/aiccs/${name}`)
      }
    }
  }
  </script>
  <style lang="scss" scoped>
    .words_container{
      margin-top:100px;
      margin-left: 400px;
      margin-right: 400px;
      .btn_box{
        padding:10px;
        margin-bottom: 15px;
        background: #fff;
        text-align: right;
      }
    }
  </style>
  