派生自 wuyushui/SewerAndRainNetwork

徐旺旺
2021-05-30 a312e0dd96d8f7e96fb3341f1a55561b12394405
src/components/table/components/componented/refinery.vue
@@ -1,36 +1,13 @@
<template>
  <div class="refinery">
    <el-table
        :data="tableData"
        border
        style="width: 100%">
    <el-table :data="tableData" border style="width: 100%">
      <el-table-column label="序号" width="45px" type="index"></el-table-column>
      <el-table-column
          label="序号"
          width="45px"
          type="index">
      </el-table-column>
      <el-table-column
          prop="date"
          label="排放点"
          width="180">
      </el-table-column>
      <el-table-column
          prop="name"
          label="单位部门"
          width="180">
      </el-table-column>
      <el-table-column
          prop="address"
          label="废水产生量(m3)">
      </el-table-column>
      <el-table-column
          prop="address"
          label="COD (t)">
      </el-table-column>
      <el-table-column
          prop="address"
          label="氨氮(t)">
      </el-table-column>
              v-for="(item,index) in tableHeader"
              :key="index"
              :prop="item.propS"
              :label="item.name"
              :width="item.width"></el-table-column>
    </el-table>
  </div>
</template>
@@ -40,30 +17,36 @@
  name: 'refinery',
  data () {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }]
      tableData: []
    }
  },
  props: {
    tableHeader: {
      type: Array,
      default: () => {
        return []
      },
      tableContent: {
        type: Array,
        default: () => {
          return []
        }
      }
    }
  },
  watch: {
    param: {
      tableContent (newValue, oldValue) {
        this.tableData = newValue
        console.log(newValue)
      },
      deep: true
    }
  }
}
</script>
<style scoped lang="less">
.refinery {
  background-color: #0E3565;
}
</style>