¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <el-table |
| | | ref="multipleTable" |
| | | :data="list2" |
| | | height="259" |
| | | border |
| | | tooltip-effect="dark" |
| | | style="width: 100%" |
| | | @selection-change="handleSelectionChange"> |
| | | <el-table-column |
| | | type="index" |
| | | width="50"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | type="selection" |
| | | align="center" |
| | | width="55"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="ç®±ä½ç¼ç " |
| | | align="center" |
| | | width="160"> |
| | | <template slot-scope="scope">{{ scope.row.sfcCode }}</template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="name" |
| | | label="å·¥ä½" |
| | | align="center" |
| | | width="120"> |
| | | <template slot-scope="scope">{{ scope.row.locationCode }}</template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | align="center" |
| | | label="åæ°å" |
| | | show-overflow-tooltip> |
| | | <template slot-scope="scope">{{ scope.row.paramName }}</template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | align="center" |
| | | label="ééç»æ" |
| | | show-overflow-tooltip> |
| | | <template slot-scope="scope">{{ scope.row.paramValue }}</template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | align="center" |
| | | label="åä½" |
| | | show-overflow-tooltip> |
| | | <template slot-scope="scope">{{ scope.row.unit }}</template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="address" |
| | | align="center" |
| | | label="æ¶é´" |
| | | show-overflow-tooltip> |
| | | <template slot-scope="scope">{{ scope.row.createTime }}</template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "report2", |
| | | props:['list2'], |
| | | data() { |
| | | return { |
| | | total: '', |
| | | queryParams: { |
| | | pageNum: 5, |
| | | pageSize: 5 |
| | | }, |
| | | tableData: [{ |
| | | date: '2016-05-03', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼' |
| | | }, { |
| | | date: '2016-05-02', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼' |
| | | }, { |
| | | date: '2016-05-04', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼' |
| | | }, { |
| | | date: '2016-05-01', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼' |
| | | }, { |
| | | date: '2016-05-08', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼' |
| | | }, { |
| | | date: '2016-05-06', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼' |
| | | }, { |
| | | date: '2016-05-07', |
| | | name: 'çå°è', |
| | | address: '䏿µ·å¸æ®éåºéæ²æ±è·¯ 1518 å¼' |
| | | }], |
| | | multipleSelection: [] |
| | | } |
| | | }, |
| | | methods: { |
| | | toggleSelection(rows) { |
| | | if (rows) { |
| | | rows.forEach(row => { |
| | | this.$refs.multipleTable.toggleRowSelection(row); |
| | | }); |
| | | } else { |
| | | this.$refs.multipleTable.clearSelection(); |
| | | } |
| | | }, |
| | | handleSelectionChange(val) { |
| | | this.multipleSelection = val; |
| | | }, |
| | | getList(){ |
| | | |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | </style> |