<template>
  <div class='' style="padding:10px 20px 20px 20px">
    <!-- 表格start -->
    <el-table
      :data='tableData'
      border
      stripe
      :header-cell-style='headClass'
      :cell-style='cellStyle'
    >
      <el-table-column fixed prop='stationName' label='站点名称' width=''>
      </el-table-column>
      <el-table-column prop='stationStatus' label='总数' width=''>
      </el-table-column>
      
      <el-table-column prop='deviceName' label='巡检' width=''>
      </el-table-column>
      <el-table-column prop='siteNo' label='检修' width=''> </el-table-column>
      <el-table-column prop='eddy' label='抢修' width=''> </el-table-column>
      <el-table-column prop='eddl' label='运维服务' width=''> </el-table-column>
     
      
    </el-table>
    <!-- 表格end -->
  </div>
</template>

<script>
export default {
  name: 'workTable',
  // computed: {
  //   ...mapGetters(['name']),
  // },

  data() {
    return {
      showDialog: false,

      input: '请输入站点名称',
      tableData: [
        {
          stationName: '测试站点1',
          stationStatus: '12',
          deviceName: '电力监测设备',
          siteNo: 'cssb1',
          eddy: '10',
          eddl: '12',
        },
        {
          stationName: '测试站点1',
          stationStatus: '12',
          deviceName: '视频监测设备',
          siteNo: 'cssb1',
          eddy: '10',
          eddl: '12',
        },
        {
          stationName: '测试站点1',
          stationStatus: '12',
          deviceName: '电力监测设备',
          siteNo: 'spjcsdb1',
          eddy: '10',
          eddl: '12',
        },
        {
          stationName: '测试站点1',
          stationStatus: '12',
          deviceName: '电力监测设备',
          siteNo: 'cssb1',
          eddy: '10',
          eddl: '12',
        },
        
        // {
        //   stationName: '测试站点1',
        //   stationStatus: '12',
        //   deviceName: '电力监测设备',
        //   siteNo: 'cssb1',
        //   eddy: '10',
        //   eddl: '12',
        // },
        // {
        //   stationName: '测试站点1',
        //   stationStatus: '12',
        //   deviceName: '电力监测设备',
        //   siteNo: 'cssb1',
        //   eddy: '10',
        //   eddl: '12',
        // }
        
      ],
    };
  },
  methods: {
    goBack() {
      this.$router.replace('/stationManage/index');
    },
    // 表头样式设置
    headClass() {
      return 'background:#FAFAFA;';
    },

 
    //查看
     handleClick(row) {
         alert('查看对应站点（页面跳转）')
        console.log(row);
      },

    // 添加操作
    addItem() {
      this.tableItem = {
        id: '',
        stationName: '',
        stationStatus: '',
        deviceName: '',
        siteList: [],
        done: '',
        guaZai: '',
      };
      this.dialogTitle = '新增';
      this.showDialog = true;
      this.$nextTick(() => {
        this.$refs['dialogComponent'].showDialog = true;
      });
    },
  },
};
</script>

<style lang='scss' scoped>
</style>
