{"version":3,"sources":["webpack:///./src/components/table/Table.vue","webpack:///src/components/table/Table.vue","webpack:///./src/components/table/Table.vue?75f3","webpack:///./src/components/table/Table.vue?5b5e"],"names":["render","_vm","this","_c","_self","staticStyle","attrs","tableData","prop","order","on","sortchange","scopedSlots","_u","key","fn","scope","_v","_s","currentPage","pageSize","$index","row","StationName","length","substring","class","AQI_Level","AQI","total","handleSizeChange","handleCurrentChange","staticRenderFns","mounted","addUData","data","sort","Flag","methods","flag","that","$api","axios","pageIndex","Sort","res","console","log","val","activated","component"],"mappings":"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","file":"js/chunk-2d0b23b7.cce091e7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.tableData,\"height\":\"420\",\"default-sort\":{prop: 'AQI', order: 'descending'}},on:{\"sort-change\":_vm.sortchange}},[_c('el-table-column',{attrs:{\"label\":\"序号\",\"align\":\"center\",\"width\":\"60\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('span',[_vm._v(_vm._s((_vm.currentPage - 1) * _vm.pageSize + scope.$index + 1))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"StationName\",\"align\":\"center\",\"label\":\"站点名称\",\"width\":\"300\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{attrs:{\"title\":scope.row.StationName}},[_vm._v(_vm._s(scope.row.StationName.length>18?scope.row.StationName.substring(0,16)+\"……\":scope.row.StationName))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"AQI\",\"align\":\"center\",\"sortable\":\"custom\",\"label\":\"AQI\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{class:['jc_col_0'+scope.row.AQI_Level,'dw_ysbg']},[_vm._v(_vm._s(scope.row.AQI))])]}}])}),_c('el-table-column',{attrs:{\"prop\":\"PrimaryPollutant\",\"align\":\"center\",\"sortable:false\":\"\",\"width\":\"120\",\"label\":\"首要污染物\"}}),_c('el-table-column',{attrs:{\"prop\":\"PM25\",\"align\":\"center\",\"sortable\":\"custom\",\"label\":\"PM2.5\"}}),_c('el-table-column',{attrs:{\"prop\":\"PM10\",\"align\":\"center\",\"sortable\":\"custom\",\"label\":\"PM10\"}}),_c('el-table-column',{attrs:{\"prop\":\"SO2\",\"align\":\"center\",\"sortable\":\"custom\",\"label\":\"SO2\"}}),_c('el-table-column',{attrs:{\"prop\":\"NO2\",\"align\":\"center\",\"sortable\":\"custom\",\"label\":\"NO2\"}}),_c('el-table-column',{attrs:{\"prop\":\"O3\",\"align\":\"center\",\"sortable\":\"custom\",\"label\":\"O3\"}}),_c('el-table-column',{attrs:{\"prop\":\"CO\",\"align\":\"center\",\"sortable\":\"custom\",\"label\":\"CO\"}})],1)],1),_c('div',[_c('el-pagination',{attrs:{\"current-page\":_vm.currentPage,\"page-sizes\":[10, 20, 50, 100],\"page-size\":_vm.pageSize,\"layout\":\"total, sizes, prev, pager, next, jumper\",\"total\":_vm.total},on:{\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<div>\r\n    <div>\r\n        <el-table\r\n            :data=\"tableData\"\r\n            height=\"420\"\r\n            @sort-change=\"sortchange\"\r\n            :default-sort = \"{prop: 'AQI', order: 'descending'}\"\r\n            style=\"width: 100%\">\r\n            <el-table-column\r\n              label=\"序号\"\r\n              align=\"center\"\r\n              width=\"60\">\r\n                <template slot-scope=\"scope\">\r\n                    <span>{{(currentPage - 1) * pageSize + scope.$index + 1}}</span>\r\n                </template>\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"StationName\"\r\n              align=\"center\"\r\n              label=\"站点名称\"\r\n              width=\"300\">\r\n              <template scope=\"scope\">\r\n                    <div :title=\"scope.row.StationName\">{{scope.row.StationName.length>18?scope.row.StationName.substring(0,16)+\"……\":scope.row.StationName}}</div>\r\n                </template>\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"AQI\"\r\n              align=\"center\"\r\n              sortable=\"custom\"\r\n              label=\"AQI\">\r\n               <template slot-scope=\"scope\">\r\n                    <div :class=\"['jc_col_0'+scope.row.AQI_Level,'dw_ysbg']\">{{scope.row.AQI}}</div>\r\n                </template>\r\n            </el-table-column>\r\n             <el-table-column\r\n              prop=\"PrimaryPollutant\"\r\n              align=\"center\"\r\n              sortable:false\r\n              width=\"120\"\r\n              label=\"首要污染物\">\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"PM25\"\r\n              align=\"center\"\r\n              sortable=\"custom\"\r\n              label=\"PM2.5\">\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"PM10\"\r\n              align=\"center\"\r\n              sortable=\"custom\"\r\n              label=\"PM10\">\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"SO2\"\r\n              align=\"center\"\r\n              sortable=\"custom\"\r\n              label=\"SO2\">\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"NO2\"\r\n              align=\"center\"\r\n              sortable=\"custom\"\r\n              label=\"NO2\">\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"O3\"\r\n              align=\"center\"\r\n              sortable=\"custom\"\r\n              label=\"O3\">\r\n            </el-table-column>\r\n            <el-table-column\r\n              prop=\"CO\"\r\n              align=\"center\"\r\n              sortable=\"custom\"\r\n              label=\"CO\">\r\n            </el-table-column>\r\n        </el-table>\r\n        </div>\r\n    <div>         \r\n        <el-pagination\r\n            @size-change=\"handleSizeChange\"\r\n            @current-change=\"handleCurrentChange\"\r\n            :current-page=\"currentPage\"\r\n            :page-sizes=\"[10, 20, 50, 100]\"\r\n            :page-size=\"pageSize\"\r\n            layout=\"total, sizes, prev, pager, next, jumper\"\r\n            :total=\"total\">\r\n        </el-pagination>\r\n    </div>  \r\n</div>      \r\n</template>\r\n\r\n<script>\r\nexport default {   \r\n    mounted: function () {\r\n 　　　　this.addUData('N');\r\n　　}, \r\n    data() {\r\n      return {\r\n        currentPage: 1,\r\n        pageSize:20,\r\n        tableData: [],\r\n        total:0,\r\n        sort:'',\r\n        Flag:'N'\r\n      };\r\n    },\r\n    methods: {\r\n      sortchange({ prop, order }){       \r\n          this.sort=prop+\",\"+order;       \r\n          this.currentPage= 1;\r\n          this.addUData(this.Flag);\r\n      },\r\n      addUData(flag){\r\n          let that=this;\r\n          that.Flag=flag\r\n          this.$api.axios(\r\n              \"GET\",\r\n              \"/MapAPI/GetDataByType\",\r\n              {\r\n                  pageIndex:this.currentPage,\r\n                  pageSize:this.pageSize,\r\n                  Flag:flag,\r\n                  Sort:this.sort\r\n              },\r\n              function (res) {\r\n                  that.tableData=res.row,\r\n                  that.total=res.total\r\n              },\r\n              function () {\r\n                  console.log(\"加载数据失败\");\r\n              },\r\n              true\r\n          );          \r\n      },\r\n      handleSizeChange(val) {\r\n          this.pageSize=val;\r\n          this.addUData(this.Flag);\r\n      },\r\n      handleCurrentChange(val) {\r\n          this.currentPage=val;\r\n          this.addUData(this.Flag);\r\n      }\r\n    },\r\n    activated() {\r\n        this.currentPage=1;\r\n        this.addUData(this.Flag)\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Table.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Table.vue?vue&type=template&id=78976340\"\nimport script from \"./Table.vue?vue&type=script&lang=js\"\nexport * from \"./Table.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}