Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/jfpt-Vue
| | |
| | | .timeSearchBtn .timeSearch { |
| | | position: relative; |
| | | left: 1.2%; |
| | | top: 40.6%; |
| | | top: 42.6%; |
| | | } |
| | | |
| | | //预警总数统计 |
| | |
| | | left: 1%; |
| | | } |
| | | |
| | | .alarmTypeTotal { |
| | | //background-color: antiquewhite; |
| | | width: 10%; |
| | | height: 100px; |
| | | position: relative; |
| | | left: 9.37%; |
| | | top: -58%; |
| | | } |
| | | |
| | | .numAlarmType { |
| | | text-align: center; |
| | | position: relative; |
| | | top: 15%; |
| | | } |
| | | |
| | | .numAlarmType span { |
| | | font-size: 28px; |
| | | color: #4B4B4B; |
| | | } |
| | | |
| | | .textAlarmType { |
| | | text-align: center; |
| | | position: relative; |
| | | top: 20%; |
| | | } |
| | | |
| | | .textAlarmType span { |
| | | font-size: 14px; |
| | | color: #757575; |
| | | } |
| | | |
| | | .alarmTypeProStatis { |
| | | //background-color: aqua; |
| | | width: 50%; |
| | |
| | | |
| | | .alarmTypeProStatis .el-row { |
| | | position: relative; |
| | | top: 120px; |
| | | top: 24px; |
| | | } |
| | | |
| | | //预警设备类型占比 |
| | |
| | | left: 1%; |
| | | } |
| | | |
| | | .confirmTimeTotal { |
| | | //background-color: antiquewhite; |
| | | width: 12%; |
| | | height: 100px; |
| | | position: relative; |
| | | left: 12.87%; |
| | | top: -58%; |
| | | } |
| | | |
| | | .numConfirmTime { |
| | | text-align: center; |
| | | position: relative; |
| | | top: 15%; |
| | | } |
| | | |
| | | .numConfirmTime span { |
| | | font-size: 28px; |
| | | color: #4B4B4B; |
| | | } |
| | | |
| | | .textConfirmTime { |
| | | text-align: center; |
| | | position: relative; |
| | | top: 20%; |
| | | } |
| | | |
| | | .textConfirmTime span { |
| | | font-size: 14px; |
| | | color: #757575; |
| | | } |
| | | |
| | | .confirmTimeProStatis { |
| | | //background-color: aqua; |
| | | width: 60%; |
| | |
| | | |
| | | .confirmTimeProStatis .el-row { |
| | | position: relative; |
| | | top: 120px; |
| | | top: 24px; |
| | | } |
| | | |
| | | //预警平均速度排行 |
| | |
| | | <el-button-group class="timeBtn"> |
| | | <el-button |
| | | v-bind:class="activeClass == 1 ? 'btn-color' : ''" |
| | | size="mini" |
| | | size="small" |
| | | @click="getData(1)"> |
| | | 本周 |
| | | </el-button> |
| | | |
| | | <el-button |
| | | v-bind:class="activeClass == 2 ? 'btn-color' : ''" |
| | | size="mini" |
| | | size="small" |
| | | @click="getData(2)"> |
| | | 月初至今 |
| | | </el-button> |
| | | |
| | | <el-button |
| | | v-bind:class="activeClass == 3 ? 'btn-color' : ''" |
| | | size="mini" |
| | | size="small" |
| | | @click="getData(3)"> |
| | | 季度至今 |
| | | </el-button> |
| | | </el-button-group> |
| | | <el-date-picker |
| | | class="timeSearch" |
| | | size="mini" |
| | | size="small" |
| | | v-model="dateTime" |
| | | type="daterange" |
| | | @change="timeChange" |
| | |
| | | <!-- 预警类型占比 --> |
| | | <div class="alarmTypePro"> |
| | | <div id="alarmTypeProEcharts"></div> |
| | | <div class="alarmTypeTotal"> |
| | | <div class="numAlarmType"><span>{{alarmTypeTotal}}</span></div> |
| | | <div class="textAlarmType"><span>总预警数</span></div> |
| | | </div> |
| | | <div class="alarmTypeProStatis"> |
| | | <avue-data-cardtext :option="alarmTypeProStatis"></avue-data-cardtext> |
| | | </div> |
| | |
| | | <!-- 确认时间占比 --> |
| | | <div class="confirmTimePro"> |
| | | <div id="confirmTimeProEcharts"></div> |
| | | <div class="confirmTimeTotal"> |
| | | <div class="numConfirmTime"><span>{{confirmTimeTotal}}</span></div> |
| | | <div class="textConfirmTime"><span>确认预警数</span></div> |
| | | </div> |
| | | <div class="confirmTimeProStatis"> |
| | | <avue-data-cardtext :option="confirmTimeProStatis"></avue-data-cardtext> |
| | | </div> |
| | |
| | | data(){ |
| | | return { |
| | | activeClass:2, |
| | | alarmTypeTotal:0, |
| | | confirmTimeTotal:0, |
| | | statisToTalData: { |
| | | span:6, |
| | | data: [] |
| | |
| | | window.handleStartParcelKind=this.handleStartParcelKind; |
| | | window.handleStartEquipment=this.handleStartEquipment; |
| | | window.handleStartSuser=this.handleStartSuser; |
| | | window.handleStartAnimalHeat=this.handleStartAnimalHeat; |
| | | window.handleStartHealthcode=this.handleStartHealthcode; |
| | | }, |
| | | |
| | | methods: { |
| | |
| | | getStatisTotalData(data){ |
| | | selectIndexCount(data).then(res => { |
| | | var that = this; |
| | | var time = this.dateTime; |
| | | that.statisToTalData.data = [ |
| | | { |
| | | click: function (item) { |
| | | var data =[]; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | waringType:'紧急求救', |
| | | status:0 |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | }, |
| | |
| | | { |
| | | click: function (item) { |
| | | var data =[]; |
| | | // 当前时间 |
| | | var date = new Date(); |
| | | //年 |
| | | var Y = date.getFullYear(); |
| | | //月 |
| | | var M = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; |
| | | //日 |
| | | var D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); |
| | | |
| | | // // 当前时间 |
| | | // var date = new Date(); |
| | | // //年 |
| | | // var Y = date.getFullYear(); |
| | | // //月 |
| | | // var M = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; |
| | | // //日 |
| | | // var D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); |
| | | console.log(this.dateTime,111); |
| | | data.push({ |
| | | startTime:Y + "-" + M + "-" + D + " 00:00:00", |
| | | endTime: Y +"-" +M +"-" + D + " 23:59:59", |
| | | startTime:time[0], |
| | | endTime: time[1], |
| | | decisioDiagramResult:"contraband" |
| | | }); |
| | | window.parent.handleStartParcel(data); |
| | |
| | | click: function (item) { |
| | | var data = []; |
| | | // 当前时间 |
| | | var date = new Date(); |
| | | //年 |
| | | var Y = date.getFullYear(); |
| | | //月 |
| | | var M = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; |
| | | //日 |
| | | var D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); |
| | | // var date = new Date(); |
| | | // //年 |
| | | // var Y = date.getFullYear(); |
| | | // //月 |
| | | // var M = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; |
| | | // //日 |
| | | // var D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); |
| | | |
| | | data.push({ |
| | | startTime:Y + "-" + M + "-" + D + " 00:00:00", |
| | | endTime: Y +"-" +M +"-" + D + " 23:59:59", |
| | | startTime:time[0], |
| | | endTime: time[1], |
| | | decisioDiagramResult:"contraband" |
| | | }); |
| | | window.parent.handleStartParcelKind(data); |
| | |
| | | |
| | | //包裹分页数据 |
| | | handleStartParcel(data) { |
| | | debugger; |
| | | this.$router.push({ |
| | | path: `/parcel/index`, |
| | | query: data[0], |
| | |
| | | handleStartSuser() { |
| | | this.$router.push({ |
| | | path: `/suser/index`, |
| | | }); |
| | | }, |
| | | |
| | | //体温监测分页数据 |
| | | handleStartAnimalHeat(data) { |
| | | this.$router.push({ |
| | | path: `/animalHeat/animalHeatPage`, |
| | | query: data[0], |
| | | }); |
| | | }, |
| | | |
| | | //健康码分页数据 |
| | | handleStartHealthcode(data) { |
| | | this.$router.push({ |
| | | path: `/healthcode/healthcodePage`, |
| | | query: data[0], |
| | | }); |
| | | }, |
| | | |
| | |
| | | }) |
| | | let echarts = require('echarts'); |
| | | let myChart = echarts.init(document.getElementById('alarmNumberStatis')); |
| | | myChart.on('click', function (params) { |
| | | var data = []; |
| | | |
| | | if(params.seriesName=='一键求助'){ |
| | | data.push({ |
| | | startTime:params.name+" 00:00:00", |
| | | endTime:params.name+" 23:59:59", |
| | | waringType:'紧急求救', |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | } |
| | | |
| | | if(params.seriesName=='违禁品'){ |
| | | data.push({ |
| | | startTime:params.name+" 00:00:00", |
| | | endTime:params.name+" 23:59:59", |
| | | decisioDiagramResult:"contraband" |
| | | }); |
| | | window.parent.handleStartParcelKind(data); |
| | | } |
| | | |
| | | if(params.seriesName=='红色健康码'){ |
| | | data.push({ |
| | | startTime:params.name+" 00:00:00", |
| | | endTime:params.name+" 23:59:59", |
| | | type:3 |
| | | }); |
| | | window.parent.handleStartHealthcode(data); |
| | | } |
| | | |
| | | if(params.seriesName=='体温异常'){ |
| | | data.push({ |
| | | startTime:params.name+" 00:00:00", |
| | | endTime:params.name+" 23:59:59", |
| | | status:1 |
| | | }); |
| | | window.parent.handleStartAnimalHeat(data); |
| | | } |
| | | }) |
| | | var colors = ['#FF9836', '#1E90FF', '#F34A4A', '#8058A5']; |
| | | let option = { |
| | | color:colors, |
| | |
| | | that.alarmClassifyStatis.data = [ |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | waringType:'紧急求救', |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | }, |
| | | title:'一键求助', |
| | | color:'#FF9836', |
| | |
| | | }, |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | decisioDiagramResult:"contraband" |
| | | }); |
| | | window.parent.handleStartParcelKind(data); |
| | | }, |
| | | title:'违禁品', |
| | | color:'#1E90FF', |
| | |
| | | }, |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | type:3 |
| | | }); |
| | | window.parent.handleStartHealthcode(data); |
| | | }, |
| | | title:'红色健康码', |
| | | color:'#F34A4A', |
| | |
| | | }, |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | status:1 |
| | | }); |
| | | window.parent.handleStartAnimalHeat(data); |
| | | }, |
| | | title:'体温异常', |
| | | color:'#8058A5', |
| | |
| | | //预警类型占比统计 |
| | | getAlarmTypeProEcharts(data){ |
| | | selAlarmDayAveragePro(data).then(res =>{ |
| | | var that = this; |
| | | //计算总和 |
| | | that.alarmTypeTotal = res.data.data[0]+res.data.data[1]+res.data.data[2]+res.data.data[3]; |
| | | var data = []; |
| | | var startDate = this.dateTime[0]; |
| | | var endDate = this.dateTime[1]; |
| | | data.push( |
| | | {value: res.data.data[0], name: '一键求助'}, |
| | | {value: res.data.data[1], name: '违禁品'}, |
| | |
| | | ) |
| | | let echarts = require('echarts'); |
| | | let myChart = echarts.init(document.getElementById('alarmTypeProEcharts')); |
| | | myChart.on('click', function (params) { |
| | | var data = []; |
| | | |
| | | if(params.name=='一键求助'){ |
| | | data.push({ |
| | | startTime:startDate, |
| | | endTime:endDate, |
| | | waringType:'紧急求救', |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | } |
| | | |
| | | if(params.name=='违禁品'){ |
| | | data.push({ |
| | | startTime:startDate, |
| | | endTime:endDate, |
| | | decisioDiagramResult:"contraband" |
| | | }); |
| | | window.parent.handleStartParcelKind(data); |
| | | } |
| | | |
| | | if(params.name=='红色健康码'){ |
| | | data.push({ |
| | | startTime:startDate, |
| | | endTime:endDate, |
| | | type:3 |
| | | }); |
| | | window.parent.handleStartHealthcode(data); |
| | | } |
| | | |
| | | if(params.name=='体温异常'){ |
| | | data.push({ |
| | | startTime:startDate, |
| | | endTime:endDate, |
| | | status:1 |
| | | }); |
| | | window.parent.handleStartAnimalHeat(data); |
| | | } |
| | | |
| | | }) |
| | | var colors = ['#FF9836', '#3fa1ff', '#F34A4A', '#8058A5']; |
| | | let option = { |
| | | color:colors, |
| | |
| | | show: false, |
| | | position: 'center' |
| | | }, |
| | | emphasis: { |
| | | label: { |
| | | show: true, |
| | | fontSize: '18', |
| | | fontWeight: 'bold' |
| | | } |
| | | }, |
| | | labelLine: { |
| | | show: false |
| | | }, |
| | |
| | | getAlarmTypeProStatis(data){ |
| | | selAlarmDayAveragePro(data).then(res =>{ |
| | | var that = this; |
| | | var time = this.dateTime; |
| | | var count = res.data.data[0]+res.data.data[1]+res.data.data[2]+res.data.data[3]; |
| | | that.alarmTypeProStatis.data = [ |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | waringType:'紧急求救', |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | }, |
| | | title:'一键求助', |
| | | color:'#FF9836', |
| | |
| | | }, |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | decisioDiagramResult:"contraband" |
| | | }); |
| | | window.parent.handleStartParcelKind(data); |
| | | }, |
| | | title:'违禁品', |
| | | color:'#3fa1ff', |
| | |
| | | }, |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | type:3 |
| | | }); |
| | | window.parent.handleStartHealthcode(data); |
| | | }, |
| | | title:'红色健康码', |
| | | color:'#F34A4A', |
| | |
| | | }, |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | status:1 |
| | | }); |
| | | window.parent.handleStartAnimalHeat(data); |
| | | }, |
| | | title:'体温异常', |
| | | color:'#8058A5', |
| | |
| | | label: { |
| | | show: false, |
| | | position: 'center' |
| | | }, |
| | | emphasis: { |
| | | label: { |
| | | show: true, |
| | | fontSize: '18', |
| | | fontWeight: 'bold' |
| | | } |
| | | }, |
| | | labelLine: { |
| | | show: false |
| | |
| | | getConfirmTimeProEcharts(data){ |
| | | selConfirmTimePro(data).then(res =>{ |
| | | var data = res.data.data; |
| | | var that =this; |
| | | //计算总数 |
| | | that.confirmTimeTotal = data[0]+data[1]+data[2]+data[3]; |
| | | var time = this.dateTime; |
| | | let echarts = require('echarts'); |
| | | let myChart = echarts.init(document.getElementById('confirmTimeProEcharts')); |
| | | //饼图点击事件 |
| | | myChart.on('click',function(params){ |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | waringType:'紧急求救', |
| | | timeDesc: params.name |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | }) |
| | | var colors = ['green','#3fa1ff','yellow','#F34A4A'] |
| | | let option = { |
| | | color:colors, |
| | |
| | | show: false, |
| | | position: 'center' |
| | | }, |
| | | emphasis: { |
| | | label: { |
| | | show: true, |
| | | fontSize: '18', |
| | | fontWeight: 'bold' |
| | | } |
| | | }, |
| | | labelLine: { |
| | | show: false |
| | | }, |
| | |
| | | getConfirmTimeProStatis(data){ |
| | | selConfirmTimePro(data).then(res =>{ |
| | | var data = res.data.data; |
| | | var time = this.dateTime; |
| | | var that = this; |
| | | that.confirmTimeProStatis.data = [ |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | waringType:'紧急求救', |
| | | timeDesc: '小于5分钟' |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | }, |
| | | title:'小于5分钟', |
| | | color:'green', |
| | |
| | | }, |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | waringType:'紧急求救', |
| | | timeDesc: '5-10分钟' |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | }, |
| | | title:'5-10分钟', |
| | | color:'#3fa1ff', |
| | |
| | | }, |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | waringType:'紧急求救', |
| | | timeDesc: '10-30分钟' |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | }, |
| | | title:'10-30分钟', |
| | | color:'yellow', |
| | |
| | | }, |
| | | { |
| | | click: function (item) { |
| | | var data = []; |
| | | data.push({ |
| | | startTime:time[0], |
| | | endTime:time[1], |
| | | waringType:'紧急求救', |
| | | timeDesc: '30分钟以上' |
| | | }) |
| | | window.parent.handleStartAlarm(data); |
| | | }, |
| | | title:'30分钟以上', |
| | | color:'#F34A4A', |
| | |
| | | recorder: null, |
| | | }; |
| | | }, |
| | | mounted:{ |
| | | mounted(){ |
| | | |
| | | }, |
| | | computed: { |
| | |
| | | getHealthcodeType(){ |
| | | if (this.$route.query.type != undefined) { |
| | | var type = this.$route.query.type+""; |
| | | this.$route.query = {}; |
| | | //this.$route.query = {}; |
| | | return type; |
| | | } |
| | | }, |