SOURCE

var Main = {
    methods: {
      handleClick(row) {
        console.log(row);
      }
    },

    data() {
      return {
        tableData: [{
          sysname: '测试系统',
          sysmanage: '张斌奇',
          domain: 'testkysec.cn',
          serverip: '192.168.0.0,192.168.0.1',
          middleware: 'tomcat9.0.38',
          sql: 'mysql5.7.32',
          programme: 'C++',
          component: 'QT5',
          data: '交易数据，应用数据',
          databackup: '本地备份，离线备份',
          ptetime: '2022-02-22',
          vulscan: '2022-02-22',
          risk: '暂无'
        },{
sysname: '测试系统',
          programme: 'C++',
          component: 'QT5',
          data: '交易数据，应用数据',
          databackup: '本地备份，离线备份',
          ptetime: '2022-02-22',
          vulscan: '2022-02-22',
          risk: '暂无',
          sysmanage: '张斌奇',
          domain: 'testkysec.cn',
          serverip: '192.168.0.0,192.168.0.1',
          middleware: 'tomcat9.0.38',
          sql: 'mysql5.7.32'
}]
      }
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.7/index.js"></script>
<div id="app">
<template>
  <el-table
    :data="tableData"
    :cell-style="{ textAlign: 'center' }"
    border:true
    style="width: 100%">
    <el-table-column
      fixed
      prop="sysname"
      label="系统名称"
      width="120">
    </el-table-column>
    <el-table-column             
      prop="sysmanage"
      label="管理员"
      width="180">
    </el-table-column>
    <el-table-column            
      prop="domain"
      label="域名"
      width="200">
    </el-table-column>
    <el-table-column
      prop="serverip"
      label="服务器IP"
      width="180">
    </el-table-column>
    <el-table-column
      prop="middleware"
      label="中间件"
      width="120">
    </el-table-column>
    <el-table-column
      prop="sql"
      label="数据库"
      width="120">
    </el-table-column>
    <el-table-column
      prop="programme"
      label="开发语言"
      width="100">
    </el-table-column>
    <el-table-column
      prop="component"
      label="组件"
      width="100">
    </el-table-column>
    <el-table-column
      prop="data"
      label="系统数据"
      width="150">
    </el-table-column>
    <el-table-column
      prop="databackup"
      label="数据备份"
      width="150">
    </el-table-column>
    <el-table-column
      prop="ptetime"
      label="渗透测试"
      width="150">
    </el-table-column>
    <el-table-column
      prop="vulscan"
      label="漏洞扫描"
      width="150">
    </el-table-column>
    <el-table-column
      prop="risk"
      label="安全隐患"
      width="150">
    </el-table-column>    
    <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
</div>

@import url("https://unpkg.com/element-ui@2.15.7/lib/theme-chalk/index.css");