{"version":3,"sources":["webpack:///./src/api/streamReport.js","webpack:///./src/views/report/RoadSectionStreamReport.vue","webpack:///src/views/report/RoadSectionStreamReport.vue","webpack:///./src/views/report/RoadSectionStreamReport.vue?6f26","webpack:///./src/views/report/RoadSectionStreamReport.vue?79eb","webpack:///./src/views/report/RoadSectionStreamReport.vue?9fb1"],"names":["URL","RS_URL","streamHourReport","p","get","roadSectionStreamReport","render","_vm","this","_c","_self","staticClass","scopedSlots","_u","key","fn","attrs","md","sm","searchDataSource","on","search","proxy","_v","staticStyle","_s","tabTitle","tableLoading","columns","streamTabReport","pagination","handleTableChange","staticRenderFns","hourStreamData","require","name","components","PageContent","IECharts","data","title","dataIndex","width","queryParam","queryDate","moment","Date","roadSection","deepClone","BUSI_PAGINATION","reportList","columnSizeList","roadSectionList","activated","_this","$nextTick","initDeptList","initSearchDataSource","initTabData","computed","mounted","_this2","$store","state","app","multiTab","methods","_objectSpread","mapGetters","_this3","listRoadSectionStore","forEach","v","push","label","rsName","value","labelText","type","size","fieldName","showTime","format","defaultValue","placeholder","options","current","_this4","pageSize","page","roadsectionName","then","res","total","dataSort","roadSectionSort","length","deptHour","roadSectionReport","viewStreamRoadSectionReport","streamHours","stream","wrapperHourData","indexOf","catch","err","finally","notificationUtil","warning","description","filters","sorter","pager","hour","hour1","rate","hour2","hour3","hour4","hour5","hour6","hour7","hour8","hour9","hour10","hour11","hour12","hour13","hour14","hour15","hour16","hour17","hour18","hour19","hour20","hour21","hour22","hour23","hour24","sort","a","b","component"],"mappings":"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","file":"js/chunk-1e0bf422.27084d89.js","sourcesContent":["import { get, post, put, del } from '@/utils/request'\r\nconst URL = '/manage/report/stream/'\r\nconst RS_URL = '/manage/roadsection/'\r\n\r\nexport const streamHourReport = p => get(URL+ 'hour', p)\r\nexport const roadSectionStreamReport = p => get(RS_URL + 'stream/total', p)\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('page-content',{staticClass:\"stream-report-area\",scopedSlots:_vm._u([{key:\"search\",fn:function(){return [_c('leaf-table-search',{attrs:{\"max-item\":6,\"gutter\":16,\"responsive\":{md:4,sm:24},\"search-data-source\":_vm.searchDataSource},on:{\"change\":_vm.search}})]},proxy:true},{key:\"result\",fn:function(){return [_c('div',{staticClass:\"tabTitle\"},[_vm._v(\"路段视频在线率统计:\")]),_c('div',{staticStyle:{\"font-size\":\"16px\",\"margin-bottom\":\"10px\",\"color\":\"rgba(0, 0, 0, 0.62)\"}},[_vm._v(_vm._s(_vm.tabTitle))]),_c('a-table',{attrs:{\"loading\":_vm.tableLoading,\"columns\":_vm.columns,\"data-source\":_vm.streamTabReport,\"pagination\":_vm.pagination,\"bordered\":\"\"},on:{\"change\":_vm.handleTableChange}})]},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template xmlns:v-slot=\"http://www.w3.org/1999/XSL/Transform\">\r\n  <page-content class=\"stream-report-area\">\r\n    <template v-slot:search>\r\n      <leaf-table-search\r\n              :max-item=\"6\"\r\n              :gutter=\"16\"\r\n              :responsive=\"{md:4,sm:24}\"\r\n              :search-data-source=\"searchDataSource\"\r\n              @change=\"search\"\r\n      />\r\n    </template>\r\n    <template v-slot:result>\r\n      <div class=\"tabTitle\">路段视频在线率统计:</div>\r\n      <div style=\"font-size: 16px;margin-bottom: 10px;color: rgba(0, 0, 0, 0.62);\">{{tabTitle}}</div>\r\n      <a-table\r\n              :loading=\"tableLoading\"\r\n              :columns=\"columns\"\r\n              :data-source=\"streamTabReport\"\r\n              :pagination=\"pagination\"\r\n              @change=\"handleTableChange\"\r\n              bordered\r\n      >\r\n      </a-table>\r\n    </template>\r\n  </page-content>\r\n</template>\r\n\r\n<script>\r\nimport PageContent from '@/components/PageContent'\r\nimport moment from 'moment'\r\nimport {roadSectionStreamReport} from '../../api/streamReport'\r\nimport { BUSI_PAGINATION } from '../../core/constant'\r\nimport { deepClone } from '../../utils/util'\r\nimport {mapGetters} from 'vuex'\r\nimport IECharts from 'vue-echarts'\r\nconst hourStreamData = require('../../mock/stream/stream')\r\n\r\nimport 'echarts/index'\r\nexport default {\r\n  name: 'RoadSectionStreamReport',\r\n  components: { PageContent, IECharts},\r\n  data () {\r\n    const columns = [\r\n      {\r\n        title: '路段',\r\n        dataIndex: 'roadsection',\r\n        key: 'roadsection',\r\n        width: 70,\r\n      },\r\n      {\r\n        title: '1时',\r\n        dataIndex: 'hour1',\r\n        key: 'hour1',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '2时',\r\n        dataIndex: 'hour2',\r\n        key: 'hour2',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '3时',\r\n        dataIndex: 'hour3',\r\n        key: 'hour3',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '4时',\r\n        dataIndex: 'hour4',\r\n        key: 'hour4',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '5时',\r\n        dataIndex: 'hour5',\r\n        key: 'hour5',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '6时',\r\n        dataIndex: 'hour6',\r\n        key: 'hour6',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '7时',\r\n        dataIndex: 'hour7',\r\n        key: 'hour7',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '8时',\r\n        dataIndex: 'hour8',\r\n        key: 'hour8',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '9时',\r\n        dataIndex: 'hour9',\r\n        key: 'hour9',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '10时',\r\n        dataIndex: 'hour10',\r\n        key: 'hour10',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '11时',\r\n        dataIndex: 'hour11',\r\n        key: 'hour11',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '12时',\r\n        dataIndex: 'hour12',\r\n        key: 'hour12',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '13时',\r\n        dataIndex: 'hour13',\r\n        key: 'hour13',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '14时',\r\n        dataIndex: 'hour14',\r\n        key: 'hour14',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '15时',\r\n        dataIndex: 'hour15',\r\n        key: 'hour15',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '16时',\r\n        dataIndex: 'hour16',\r\n        key: 'hour16',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '17时',\r\n        dataIndex: 'hour17',\r\n        key: 'hour17',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '18时',\r\n        dataIndex: 'hour18',\r\n        key: 'hour18',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '19时',\r\n        dataIndex: 'hour19',\r\n        key: 'hour19',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '20时',\r\n        dataIndex: 'hour20',\r\n        key: 'hour20',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '21时',\r\n        dataIndex: 'hour21',\r\n        key: 'hour21',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '22时',\r\n        dataIndex: 'hour22',\r\n        key: 'hour22',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '23时',\r\n        dataIndex: 'hour23',\r\n        key: 'hour23',\r\n        width: 20,\r\n      },\r\n      {\r\n        title: '24时',\r\n        dataIndex: 'hour24',\r\n        key: 'hour24',\r\n        width: 20,\r\n      },\r\n    ];\r\n    return {\r\n      searchDataSource: [],\r\n      queryParam: {\r\n        queryDate: moment(new Date(), 'YYYY-MM-DD'),\r\n        roadSection: ''\r\n      },\r\n      pagination: deepClone(BUSI_PAGINATION),\r\n      reportList: [],\r\n      columnSizeList: [],\r\n      tableLoading: false,\r\n      columns: columns,\r\n      roadSectionList: [],\r\n      streamTabReport: [],\r\n      tabTitle: '时间',\r\n    }\r\n  },\r\n  activated () {\r\n    this.$nextTick(() => {\r\n      this.initDeptList()\r\n      this.initSearchDataSource()\r\n      this.initTabData()\r\n    })\r\n  },\r\n  computed: {\r\n  },\r\n  mounted () {\r\n    if (!this.$store.state.app.multiTab) {\r\n      this.$nextTick(() => {\r\n        this.initDeptList()\r\n        this.initSearchDataSource()\r\n        this.initTabData()\r\n      })\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapGetters(['listRoadSectionStore']),\r\n    initDeptList () {\r\n      this.roadSectionList = []\r\n      this.listRoadSectionStore().forEach(v => {\r\n        this.roadSectionList.push({label: v.rsName, value: v.rsName})\r\n      })\r\n    },\r\n    initSearchDataSource () {\r\n      this.searchDataSource = [\r\n        {\r\n          labelText: '统计时间', // 控件显示的文本\r\n          type: 'date-picker', // 控件类型\r\n          size:'24px',\r\n          fieldName: 'queryDate',\r\n          showTime: false,\r\n          format: 'YYYY-MM-DD',\r\n          defaultValue: moment(new Date(), 'YYYY-MM-DD'),\r\n          placeholder: '请选择统计时间' // 默认控件的空值文本\r\n        },\r\n        {\r\n          labelText: '路段名称',\r\n          type: 'select',\r\n          fieldName: 'roadSection',\r\n          defaultValue: '请选择路段',\r\n          options: this.roadSectionList\r\n        },\r\n      ]\r\n    },\r\n    search (value) {\r\n      this.queryParam = {\r\n        roadSection: value.roadSection==='请选择路段' ? '' : value.roadSection,\r\n        queryDate: value.queryDate\r\n      }\r\n      this.pagination.current = 1\r\n      this.initTabData()\r\n    },\r\n    initTabData () {\r\n      if(!this.queryParam.queryDate) {\r\n        this.notificationUtil.warning({ description: '请选择查询时间' })\r\n        return\r\n      }\r\n      this.tableLoading = true\r\n      let queryDate = moment(this.queryParam.queryDate).format('YYYY-MM-DD')\r\n      this.tabTitle = '时间：'+ queryDate\r\n      roadSectionStreamReport({\r\n        'page-size': this.pagination.pageSize,\r\n        page: this.pagination.current,\r\n        roadsectionName: this.queryParam.roadSection,\r\n        queryDate: queryDate\r\n      }).then(res => {\r\n        this.streamTabReport = []\r\n        this.pagination.total = res.data.total\r\n        let dataSort = this.roadSectionSort(res.data.data)\r\n        if(dataSort.length>0) {\r\n          dataSort.forEach(deptHour => {\r\n            let roadSectionReport = deptHour.viewStreamRoadSectionReport\r\n            if(roadSectionReport.streamHours && roadSectionReport.streamHours.length>0) {\r\n              roadSectionReport.streamHours.forEach(stream => {\r\n                this.wrapperHourData(stream, roadSectionReport)\r\n              })\r\n              for(let key in roadSectionReport) {\r\n                if(key.indexOf('hour')!==-1 && roadSectionReport[key]!=='-') {\r\n                  roadSectionReport[key] = roadSectionReport[key]+'%'\r\n                }\r\n              }\r\n            }else{\r\n              hourStreamData.forEach((v,key) => {\r\n                this.wrapperHourData(v, roadSectionReport)\r\n              })\r\n            }\r\n            this.streamTabReport.push(roadSectionReport)\r\n          })\r\n        }\r\n      }).catch(err => {\r\n      }).finally(() => {\r\n        this.tableLoading = false\r\n      })\r\n    },\r\n    /**\r\n     * table分页change事件\r\n     * @param pagination\r\n     * @param filters\r\n     * @param sorter\r\n     */\r\n    handleTableChange (pagination, filters, sorter) {\r\n      let pager = { ...this.pagination }\r\n      pager.current = pagination.current\r\n      pager.pageSize = pagination.pageSize\r\n      this.pagination = pager\r\n      this.initTabData()\r\n    },\r\n    wrapperHourData (stream, deptHour) {\r\n      switch (stream.hour) {\r\n        case 1:\r\n          deptHour.hour1 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 2:\r\n          deptHour.hour2 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 3:\r\n          deptHour.hour3 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 4:\r\n          deptHour.hour4 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 5:\r\n          deptHour.hour5 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 6:\r\n          deptHour.hour6 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 7:\r\n          deptHour.hour7 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 8:\r\n          deptHour.hour8 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 9:\r\n          deptHour.hour9 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 10:\r\n          deptHour.hour10 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 11:\r\n          deptHour.hour11 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 12:\r\n          deptHour.hour12 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 13:\r\n          deptHour.hour13 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 14:\r\n          deptHour.hour14 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 15:\r\n          deptHour.hour15 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 16:\r\n          deptHour.hour16 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 17:\r\n          deptHour.hour17 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 18:\r\n          deptHour.hour18 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 19:\r\n          deptHour.hour19 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 20:\r\n          deptHour.hour20 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 21:\r\n          deptHour.hour21 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 22:\r\n          deptHour.hour22 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 23:\r\n          deptHour.hour23 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n        case 24:\r\n          deptHour.hour24 = stream.total!==0 ? stream.rate : '-'\r\n          break;\r\n      }\r\n    },\r\n    roadSectionSort (data) {\r\n      data.sort((a, b) => {\r\n        if(a.sort > b.sort) {\r\n          return 1\r\n        }else{\r\n          return -1\r\n        }\r\n      })\r\n      return data\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n</style>\r\n<style scoped>\r\n  .tabTitle {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #535353;\r\n  }\r\n  .echarts {\r\n    width: 100%;\r\n    height: 420px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoadSectionStreamReport.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoadSectionStreamReport.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RoadSectionStreamReport.vue?vue&type=template&id=2ba7f155&scoped=true&xmlns%3Av-slot=http%3A%2F%2Fwww.w3.org%2F1999%2FXSL%2FTransform\"\nimport script from \"./RoadSectionStreamReport.vue?vue&type=script&lang=js\"\nexport * from \"./RoadSectionStreamReport.vue?vue&type=script&lang=js\"\nimport style1 from \"./RoadSectionStreamReport.vue?vue&type=style&index=1&id=2ba7f155&prod&scoped=true&lang=css\"\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  \"2ba7f155\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RoadSectionStreamReport.vue?vue&type=style&index=1&id=2ba7f155&prod&scoped=true&lang=css\""],"sourceRoot":""}