| 1 |
- {"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js??ref--0-2!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\views\\passengerFlow\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\views\\passengerFlow\\index.vue","mtime":1664250452961},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\babel.config.js","mtime":1663828782900},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js","mtime":1540864632000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport styleMode from \"./styleMode\";\nimport { discountedWave, columnOptionsChart } from \"./EachartOptions\";\nvar dataArr = [0, 0, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];\nvar dataDay = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'];\nvar weekArr = ['一', '二', '三', '四', '五', '六', '日'];\nvar yearArr = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'];\nexport default {\n components: {\n styleMode: styleMode\n },\n data: function data() {\n return {\n selectTime: [{\n name: '全部',\n value: ''\n }, {\n name: '本周',\n value: 1\n }, {\n name: '本月',\n value: 2\n }, {\n name: '本年',\n value: 3\n }],\n cols: [{\n label: '统计日期',\n prop: 'alarmName'\n }, {\n label: '位置区域',\n prop: 'waringDate'\n }, {\n label: '进入人数',\n prop: 'createBy'\n }, {\n label: '出去人数',\n prop: 'alarmGrade'\n }, {\n label: '当日客流',\n prop: 'alarmStat',\n format: function format(val) {\n if (val == 1) {\n return '告警产生';\n } else if (val == 2) {\n return '告警消失';\n } else {\n return '--';\n }\n }\n }],\n selectValue: '',\n trendsValue: '',\n pickerTime: [],\n options: discountedWave('(次)', dataDay, dataArr),\n avgWeekOptions: columnOptionsChart('(人)', dataDay, [{\n name: '999',\n type: 'bar',\n data: [20]\n }])\n };\n },\n created: function created() {\n this.getAreaInfo();\n },\n methods: {\n //获取本月多少天\n getMonthLength: function getMonthLength() {\n var thisD = new Date();\n return new Date(thisD.getFullYear(), thisD.getMonth() + 1, 0).getDate();\n },\n //查询时间\n timeToggle: function timeToggle() {},\n activeTrendsValue: function activeTrendsValue(val) {\n console.log(val);\n },\n activeValue: function activeValue(val) {\n console.log(val);\n },\n getAreaInfo: function getAreaInfo() {\n this.$http.post('/sc-community/dahuaDevice/getAreaInfo', {\n pageIndex: 1,\n pageSize: 100\n }).then(function (res) {\n console.log(JSON.parse(res.data));\n });\n },\n getQueryPassengerFlowData: function getQueryPassengerFlowData() {\n this.$http.post('/sc-community/dahuaDevice/queryPassengerFlowData', {\n pageIndex: 1,\n pageSize: 100\n }).then(function (res) {\n console.log(JSON.parse(res.data));\n });\n }\n }\n};",{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8HA;AACA;AACA;AACA,eACA,GADA,EAEA,GAFA,EAGA,GAHA,EAIA,GAJA,EAKA,GALA,EAMA,GANA,EAOA,GAPA,EAQA,GARA,EASA,GATA,EAUA,IAVA,EAWA,IAXA,EAYA,IAZA,EAaA,IAbA,EAcA,IAdA,EAeA,IAfA,EAgBA,IAhBA,EAiBA,IAjBA,EAkBA,IAlBA,EAmBA,IAnBA,EAoBA,IApBA,EAqBA,IArBA,EAsBA,IAtBA,EAuBA,IAvBA,EAwBA,IAxBA,EAyBA,IAzBA,EA0BA,IA1BA,EA2BA,IA3BA,EA4BA,IA5BA,EA6BA,IA7BA,EA8BA,IA9BA,EA+BA,IA/BA;AAiCA;AACA;AAEA;AACAA;AACAC;AADA,GADA;AAIAC,MAJA,kBAIA;AACA;AACAC,mBACA;AACAC,kBADA;AAEAC;AAFA,OADA,EAKA;AACAD,kBADA;AAEAC;AAFA,OALA,EASA;AACAD,kBADA;AAEAC;AAFA,OATA,EAaA;AACAD,kBADA;AAEAC;AAFA,OAbA,CADA;AAmBAC,aACA;AACAC,qBADA;AAEAC;AAFA,OADA,EAKA;AACAD,qBADA;AAEAC;AAFA,OALA,EASA;AACAD,qBADA;AAEAC;AAFA,OATA,EAaA;AACAD,qBADA;AAEAC;AAFA,OAbA,EAiBA;AACAD,qBADA;AAEAC,yBAFA;AAGAC,cAHA,kBAGAC,GAHA,EAGA;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA;AAXA,OAjBA,CAnBA;AAkDAC,qBAlDA;AAmDAC,qBAnDA;AAoDAC,oBApDA;AAqDAC,sDArDA;AAsDAC;AAAAX;AAAAY;AAAAd;AAAA;AAtDA;AAwDA,GA7DA;AA8DAe,SA9DA,qBA8DA;AACA;AACA,GAhEA;AAkEAC;AACA;AACAC,kBAFA,4BAEA;AACA;AACA;AACA,KALA;AAMA;AACAC,cAPA,wBAOA,EAPA;AAQAC,qBARA,6BAQAX,GARA,EAQA;AACAY;AACA,KAVA;AAWAC,eAXA,uBAWAb,GAXA,EAWA;AACAY;AACA,KAbA;AAcAE,eAdA,yBAcA;AACA;AAAAC;AAAAC;AAAA;AACAJ;AACA,OAFA;AAGA,KAlBA;AAmBAK,6BAnBA,uCAmBA;AACA;AAAAF;AAAAC;AAAA;AACAJ;AACA,OAFA;AAGA;AAvBA;AAlEA","names":["components","styleMode","data","selectTime","name","value","cols","label","prop","format","val","selectValue","trendsValue","pickerTime","options","avgWeekOptions","type","created","methods","getMonthLength","timeToggle","activeTrendsValue","console","activeValue","getAreaInfo","pageIndex","pageSize","getQueryPassengerFlowData"],"sourceRoot":"src/views/passengerFlow","sources":["index.vue"],"sourcesContent":["<template>\r\n <div class=\"view-content\">\r\n <style-mode :number=\"1\">\r\n <template slot=\"left\"\r\n ><span class=\"titleNumber\">3000</span><img src=\"../../assets/img/icon_keliuzongliang.png\" alt=\"\" />客流总量</template\r\n >\r\n <template slot=\"cont\">\r\n <div class=\"flexPer\">\r\n <div class=\"itme-inlineBlock\">\r\n <div class=\"width100\">今日</div>\r\n <div class=\"flex width100\">\r\n <div class=\"greText width50\">\r\n <div class=\"numberColor ft20 greenText\">3000</div>\r\n <div class=\"grdText\">进入人数</div>\r\n </div>\r\n\r\n <div class=\"greText width50\">\r\n <div class=\"numberColor ft20 redText\">1000</div>\r\n <div class=\"grdText\">出去人数</div>\r\n </div>\r\n </div>\r\n <div class=\"greText width100\">\r\n <div class=\"numberColor ft20 violetText\">4000</div>\r\n <div class=\"grdText\">总客流</div>\r\n </div>\r\n </div>\r\n <div class=\"itme-inlineBlock\">\r\n <div class=\"width100\">昨日</div>\r\n <div class=\"flex width100\">\r\n <div class=\"greText width50\">\r\n <div class=\"numberColor ft20 greenText\">2000</div>\r\n <div class=\"grdText\">进入人数</div>\r\n </div>\r\n\r\n <div class=\"greText width50\">\r\n <div class=\"numberColor ft20 redText\">2000</div>\r\n <div class=\"grdText\">出去人数</div>\r\n </div>\r\n </div>\r\n <div class=\"greText width100\">\r\n <div class=\"numberColor ft20 violetText\">4000</div>\r\n <div class=\"grdText\">总客流</div>\r\n </div>\r\n </div>\r\n <div class=\"itme-inlineBlock\">\r\n <div class=\"width100\">同比</div>\r\n <div class=\"flex width100\">\r\n <div class=\"greText width50\">\r\n <div class=\"numberColor ft20 greenText\">50%</div>\r\n <div class=\"grdText\">总进入人数</div>\r\n </div>\r\n\r\n <div class=\"greText width50\">\r\n <div class=\"numberColor ft20 redText\">50%</div>\r\n <div class=\"grdText\">总出去人口</div>\r\n </div>\r\n </div>\r\n <div class=\"greText width100\">\r\n <div class=\"numberColor ft20 violetText\">0%</div>\r\n <div class=\"grdText\">总客流</div>\r\n </div>\r\n </div>\r\n </div>\r\n </template>\r\n </style-mode>\r\n\r\n <style-mode :number=\"2\">\r\n <template slot=\"left\">客流趋势</template>\r\n <template slot=\"right\">\r\n <el-select class=\"item.class\" v-model=\"trendsValue\" clearable @change=\"activeTrendsValue(trendsValue)\">\r\n <el-option v-for=\"(item, index) in selectTime\" :key=\"index\" :label=\"item.name\" :value=\"item.value\"></el-option>\r\n </el-select>\r\n </template>\r\n <template slot=\"cont\">\r\n <zz-echart :option=\"options\"></zz-echart>\r\n </template>\r\n </style-mode>\r\n\r\n <style-mode :number=\"3\">\r\n <template slot=\"left\">平均客流</template>\r\n <template slot=\"right\">\r\n <el-select class=\"item.class\" v-model=\"selectValue\" clearable @change=\"activeValue(selectValue)\">\r\n <el-option v-for=\"(item, index) in selectTime\" :key=\"index\" :label=\"item.name\" :value=\"item.value\"></el-option>\r\n </el-select>\r\n </template>\r\n <template slot=\"cont\">\r\n <div class=\"itme-inlineBlock width100 column\">\r\n <div class=\"width100\">\r\n <div class=\"echTitle\">周平均</div>\r\n <zz-echart :option=\"avgWeekOptions\"></zz-echart>\r\n </div>\r\n <div class=\"width100\">\r\n <div class=\"echTitle\">月平均</div>\r\n <zz-echart :option=\"avgWeekOptions\"></zz-echart>\r\n </div>\r\n <div class=\"width100\">\r\n <div class=\"echTitle\">年平均</div>\r\n <zz-echart :option=\"avgWeekOptions\"></zz-echart>\r\n </div>\r\n </div>\r\n </template>\r\n </style-mode>\r\n\r\n <style-mode :number=\"4\">\r\n <template slot=\"left\">\r\n <el-date-picker\r\n v-model=\"pickerTime\"\r\n value-format=\"yyyy-MM-dd\"\r\n type=\"daterange\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n @change=\"timeToggle\"\r\n ></el-date-picker>\r\n <el-button class=\"search-btn\" type=\"primary\" @click=\"mixins_search()\" icon=\"el-icon-search\">查询</el-button>\r\n </template>\r\n <template slot=\"right\">\r\n <img src=\"../../assets/img/icon_daochu.png\" alt=\"\" />\r\n </template>\r\n <template slot=\"cont\">\r\n <zz-table :settings=\"{ hideFoot: true, showIndex: true, tableBorder: false }\" :cols=\"cols\"> </zz-table>\r\n </template>\r\n </style-mode>\r\n </div>\r\n</template>\r\n<script>\r\nimport styleMode from './styleMode';\r\nimport { discountedWave, columnOptionsChart } from './EachartOptions';\r\nlet dataArr = [0, 0, 0, 0, 0, 0, 0, 0, 0, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];\r\nlet dataDay = [\r\n '1',\r\n '2',\r\n '3',\r\n '4',\r\n '5',\r\n '6',\r\n '7',\r\n '8',\r\n '9',\r\n '10',\r\n '11',\r\n '12',\r\n '13',\r\n '14',\r\n '15',\r\n '16',\r\n '17',\r\n '18',\r\n '19',\r\n '20',\r\n '21',\r\n '22',\r\n '23',\r\n '24',\r\n '25',\r\n '26',\r\n '27',\r\n '28',\r\n '29',\r\n '30',\r\n '31'\r\n];\r\nlet weekArr = ['一', '二', '三', '四', '五', '六', '日'];\r\nlet yearArr = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'];\r\n\r\nexport default {\r\n components: {\r\n styleMode\r\n },\r\n data() {\r\n return {\r\n selectTime: [\r\n {\r\n name: '全部',\r\n value: ''\r\n },\r\n {\r\n name: '本周',\r\n value: 1\r\n },\r\n {\r\n name: '本月',\r\n value: 2\r\n },\r\n {\r\n name: '本年',\r\n value: 3\r\n }\r\n ],\r\n cols: [\r\n {\r\n label: '统计日期',\r\n prop: 'alarmName'\r\n },\r\n {\r\n label: '位置区域',\r\n prop: 'waringDate'\r\n },\r\n {\r\n label: '进入人数',\r\n prop: 'createBy'\r\n },\r\n {\r\n label: '出去人数',\r\n prop: 'alarmGrade'\r\n },\r\n {\r\n label: '当日客流',\r\n prop: 'alarmStat',\r\n format(val) {\r\n if (val == 1) {\r\n return '告警产生';\r\n } else if (val == 2) {\r\n return '告警消失';\r\n } else {\r\n return '--';\r\n }\r\n }\r\n }\r\n ],\r\n selectValue: '',\r\n trendsValue: '',\r\n pickerTime: [],\r\n options: discountedWave('(次)', dataDay, dataArr),\r\n avgWeekOptions: columnOptionsChart('(人)', dataDay, [{ name: '999', type: 'bar', data: [20] }])\r\n };\r\n },\r\n created() {\r\n this.getAreaInfo();\r\n },\r\n\r\n methods: {\r\n //获取本月多少天\r\n getMonthLength() {\r\n let thisD = new Date();\r\n return new Date(thisD.getFullYear(), thisD.getMonth() + 1, 0).getDate();\r\n },\r\n //查询时间\r\n timeToggle() {},\r\n activeTrendsValue(val) {\r\n console.log(val);\r\n },\r\n activeValue(val) {\r\n console.log(val);\r\n },\r\n getAreaInfo() {\r\n this.$http.post('/sc-community/dahuaDevice/getAreaInfo', { pageIndex: 1, pageSize: 100 }).then((res) => {\r\n console.log(JSON.parse(res.data));\r\n });\r\n },\r\n getQueryPassengerFlowData() {\r\n this.$http.post('/sc-community/dahuaDevice/queryPassengerFlowData', { pageIndex: 1, pageSize: 100 }).then((res) => {\r\n console.log(JSON.parse(res.data));\r\n });\r\n }\r\n }\r\n};\r\n</script>\r\n \r\n<style lang=\"scss\" scoped>\r\n@import './index.scss';\r\n.column {\r\n flex-direction: column;\r\n & > div {\r\n height: calc((100% - #{rem(60)}) / 3);\r\n }\r\n}\r\n.view-content {\r\n /deep/ .el-table {\r\n background: transparent !important;\r\n }\r\n /deep/.el-table th {\r\n background: transparent !important;\r\n }\r\n /deep/.el-table tr {\r\n background: transparent !important;\r\n }\r\n}\r\n.echTitle {\r\n \r\n}\r\n</style>"]}]}
|
