video_surveillance
/
videoSurveillance
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式修改

Browse Source
dev
rosehan 2 years ago
parent 25c7e08a16
commit e332afb553
1 changed files with 198 additions and 152 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 350
      ruoyi-ui/src/views/picture/scenic-flow/index.vue

350
ruoyi-ui/src/views/picture/scenic-flow/index.vue
Unescape View File

@ -84,7 +84,7 @@
<el-col :span="8">
<!-- 区域客流监测 -->
<base-module name="FlowArea" id="FlowArea" class="m-t-large" style="height: 29vh">
<base-module-card :cardTitle="scenic+'客流进出占比分析'" cardType="small">
<base-module-card :cardTitle="scenic+'区域客流占比分析'" cardType="small">
<base-echarts1 :propsData="FlowRankData" type="ring"></base-echarts1>
</base-module-card>
</base-module>
@ -136,7 +136,6 @@
</base-module-card>
</base-module>
</el-col>
</el-row>
</div>
</div>
@ -167,42 +166,42 @@ export default {
flowState: '进客流',
cityOptions: [
{
value: '石家庄市',
label: '石家庄市'
}, {
value: '唐山市',
label: '唐山市'
}, {
value: '秦皇岛市',
label: '秦皇岛市'
}, {
value: '邯郸市',
label: '邯郸市'
}, {
value: '保定市',
label: '保定市'
}, {
value: '张家口市',
label: '张家口市'
}, {
value: '承德市',
label: '承德市'
}, {
value: '沧州市',
label: '沧州市'
}, {
value: '廊坊市',
label: '廊坊市'
}, {
value: '衡水市',
label: '衡水市'
}],
value: '石家庄市',
label: '石家庄市'
}, {
value: '唐山市',
label: '唐山市'
}, {
value: '秦皇岛市',
label: '秦皇岛市'
}, {
value: '邯郸市',
label: '邯郸市'
}, {
value: '保定市',
label: '保定市'
}, {
value: '张家口市',
label: '张家口市'
}, {
value: '承德市',
label: '承德市'
}, {
value: '沧州市',
label: '沧州市'
}, {
value: '廊坊市',
label: '廊坊市'
}, {
value: '衡水市',
label: '衡水市'
}],
city: '石家庄市',
areaOptions: [
{
value: '平山县',
label: '平山县'
},
value: '平山县',
label: '平山县'
},
{
value: '鹿泉区',
label: '鹿泉区'
@ -226,21 +225,21 @@ export default {
area: '平山县',
scenicOptions: [
{
value: '西柏坡景区',
label: '西柏坡景区'
}, {
value: '南长城景区',
label: '南长城景区'
}, {
value: '韩信文化苑',
label: '韩信文化苑'
}, {
value: '乾隆碑亭',
label: '乾隆碑亭'
}, {
value: '毛泽东旧址',
label: '毛泽东旧址'
}],
value: '西柏坡景区',
label: '西柏坡景区'
}, {
value: '南长城景区',
label: '南长城景区'
}, {
value: '韩信文化苑',
label: '韩信文化苑'
}, {
value: '乾隆碑亭',
label: '乾隆碑亭'
}, {
value: '毛泽东旧址',
label: '毛泽东旧址'
}],
scenic: '西柏坡景区',
yearData: '2023',
//实时客流统计 数据
@ -323,20 +322,19 @@ export default {
},
methods: {
changeValue(e){
changeValue(e) {
// let arr = []
// e.forEach(item=>{
// item.format('yyyy-MM-dd')
// arr.push(item)
// })
console.log(e,'日期范围');
if(e[0] == 11&&e[1] == 18){
if (e[0] == 11 && e[1] == 18) {
this.FlowTodayData.eChartData = {
seriesData: [{"name": "人次", "value": ["20", "30", "50", "80", "30", "40", "20", "10"]}],
name: "按日客流分析",
categories: ["2023-10-11", "2023-10-12", "2023-10-13", "2023-10-14", "2023-10-15", "2023-10-16", "2023-10-17", "2023-10-18"]
}
}else{
} else {
this.FlowTodayData.eChartData = {
seriesData: [{"name": "人次", "value": ["70", "10", "30", "50", "40", "50", "30", "90"]}],
name: "按日客流分析",
@ -349,25 +347,24 @@ export default {
this.getchange(scenic, state)
},
getchange(scenic, state) {//获取 实时客流统计 数据
let myScenic = ''
console.log('scenic', scenic)
console.log('state', state)
let myScenic = ''
let myState = ''
if (scenic != '') {
myScenic = scenic
if (state == '') {
myState =this.flowState
myState = this.flowState
} else {
myState = state
}
} else {
myScenic = this.scenic
myScenic = '西柏坡景区'
if (state == '') {
myState =this.flowState
myState = '进客流'
} else {
myState = state
}
}
//获取 实时客流统计 数据
@ -393,12 +390,10 @@ export default {
//getcurrentScenic().then(response => {
//this.FlowTimeData = response.data
//});
if (value == "西柏坡景区") {
this.FlowTimeData = {"dayNum": "824", "flowNum": "824", "alertNum": 8000, "maxLoad": "10000", "ratio": "0.00"}
} else if (value == "南长城景区") {
this.FlowTimeData = {"dayNum": "224", "flowNum": "224", "alertNum": 8000, "maxLoad": "10000", "ratio": "0.00"}
if (value == "南长城景区") {
this.FlowTimeData = {"dayNum": "0", "flowNum": "2589", "alertNum": 8000, "maxLoad": "10000", "ratio": "0.00"}
} else {
this.FlowTimeData = {"dayNum": "33", "flowNum": "33", "alertNum": 8000, "maxLoad": "10000", "ratio": "0.00"}
this.FlowTimeData = {"dayNum": "0", "flowNum": "3578", "alertNum": 8000, "maxLoad": "10000", "ratio": "0.00"}
}
},
//获取 客流地排行 数据
@ -429,18 +424,68 @@ export default {
}
}
this.FlowRankData.eChartOpts = Opts
console.log('scenic',scenic)
if (scenic == "南长城景区") {
if (scenic == "南长城景区" && state == '进客流') {
this.FlowRankData.eChartData = {
"name": "进出客流占比",
"seriesData": [
{
"name": "北入口",
"value": "245"
},
{
"name": "南入口",
"value": "251"
},
{
"name": "西入口",
"value": "871"
},
{
"name": "东入口",
"value": "325"
}]
}
} else if (scenic == "南长城景区" && state == '出客流') {
this.FlowRankData.eChartData = {
"name": "进出客流占比",
"seriesData": [
{
"name": "北入口",
"value": "154"
},
{
"name": "南入口",
"value": "235"
},
{
"name": "西入口",
"value": "502"
},
{
"name": "东入口",
"value": "248"
}]
}
} else if (scenic == "西柏坡景区" && state == '出客流') {
this.FlowRankData.eChartData = {
"name": "进出客流占比",
"seriesData": [
{
"name": "景区出客流",
"value": "95"
"name": "北入口",
"value": "235"
},
{
"name": "南入口",
"value": "435"
},
{
"name": "景区入客流",
"value": "45"
"name": "西入口",
"value": "154"
},
{
"name": "东入口",
"value": "148"
}]
}
} else {
@ -448,12 +493,20 @@ console.log('scenic',scenic)
"name": "进出客流占比",
"seriesData": [
{
"name": "景区出客流",
"value": "65"
"name": "北入口",
"value": "195"
},
{
"name": "南入口",
"value": "452"
},
{
"name": "西入口",
"value": "240"
},
{
"name": "景区入客流",
"value": "55"
"name": "东入口",
"value": "413"
}]
}
}
@ -489,7 +542,7 @@ console.log('scenic',scenic)
//获取 分时段客流走势 数据
getFlowTrend(value, flowState) {
let Opts = {
unit: ['人次'],
unit: ['万人次'],
extra: {
line: {}
}
@ -499,45 +552,38 @@ console.log('scenic',scenic)
//this.FlowTrendData.eChartData = response.data
//});
if (value == "西柏坡景区" && flowState == '进客流') {
if (value == "西柏坡景区" && flowState == '出客流') {
this.FlowTrendData.eChartData = {
"seriesData": [{"name": "人次", "value": ["40", "10", "10", "20", "30", "50", "20"]}],
"seriesData": [{"name": "人次", "value": ["12568", "9329", "19745", "15000", "33125", "15587", "24257"]}],
"name": "周客流数据",
"categories": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
}
} else if (value == "南长城景区" && flowState == '进客流') {
this.FlowTrendData.eChartData = {
"seriesData": [{"name": "人次", "value": ["10", "20", "30", "0", "10", "20", "30",]}],
"name": "当日小时数据",
"categories": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
}
} else if (value == "西柏坡景区" && flowState == '出客流') {
this.FlowTrendData.eChartData = {
"seriesData": [{"name": "人次", "value": ["30", "50", "40", "0", "10", "20", "10"]}],
"seriesData": [{"name": "人次", "value": ["43125", "25587", "34257", "21568", "31329", "15745", "35000"]}],
"name": "当日小时数据",
"categories": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
}
} else if (value == "南长城景区" && flowState == '出客流') {
this.FlowTrendData.eChartData = {
"seriesData": [{"name": "人次", "value": ["30", "10", "20", "30", "50", "40", "0"]}],
"seriesData": [{"name": "人次", "value": ["13125", "25057", "14257", "12568", "2329", "9745", "15000"]}],
"name": "当日小时数据",
"categories": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
}
} else {
this.FlowTrendData.eChartData = {
"seriesData": [{"name": "人次", "value": ["10", "20", "30", "50", "40", "10", "20"]}],
"name": "当日小时数据",
"seriesData": [{"name": "人次", "value": ["21568", "31329", "15745", "35000", "43125", "25587", "34257"]}],
"name": "周客流数据",
"categories": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
}
}
}
,
//获取 按年日客流分析 数据
getFlowYear(value, flowState) {
let Opts = {
unit: ['人次'],
unit: ['万人次'],
extra: {
area: {}
}
@ -549,25 +595,25 @@ console.log('scenic',scenic)
if (value == "西柏坡景区" && flowState == '进客流') {
this.FlowYearData.eChartData = {
"seriesData": [{"name": "人次", "value": ["120", "150", "241"]}],
"seriesData": [{"name": "万人次", "value": ["120", "150", "241"]}],
"name": "年度客流数据",
"categories": ["2021年", "2022年", "2023年"]
}
} else if (value == "西柏坡景区" && flowState == '出客流') {
this.FlowYearData.eChartData = {
"seriesData": [{"name": "人次", "value": ["241", "120", "150",]}],
"seriesData": [{"name": "万人次", "value": ["241", "120", "150",]}],
"name": "年度客流数据",
"categories": ["2021年", "2022年", "2023年"]
}
} else if (value == "南长城景区" && flowState == '进客流') {
this.FlowYearData.eChartData = {
"seriesData": [{"name": "人次", "value": ["110", "200", "120",]}],
"seriesData": [{"name": "万人次", "value": ["110", "200", "120",]}],
"name": "年度客流数据",
"categories": ["2021年", "2022年", "2023年"]
}
} else {
this.FlowYearData.eChartData = {
"seriesData": [{"name": "人次", "value": ["120", "150", "241"]}],
"seriesData": [{"name": "万人次", "value": ["120", "150", "241"]}],
"name": "年度客流数据",
"categories": ["2021年", "2022年", "2023年"]
}
@ -596,27 +642,27 @@ console.log('scenic',scenic)
this.endTime = this.$filter.formatDate(newDate)
this.FlowTodayData.eChartOpts = Opts
if (value == "西柏坡景区" && flowState == '进客流') {
if (value == "西柏坡景区" && flowState == '出客流') {
this.FlowTodayData.eChartData = {
seriesData: [{"name": "人次", "value": ["20", "30", "50", "80", "30", "40", "20", "10"]}],
seriesData: [{"name": "人次", "value": ["1280", "920", "1420", "2278", "1000", "1300", "1550", "1580"]}],
name: "按日客流分析",
categories: ["2023-10-20", "2023-10-21", "2023-10-22", "2023-10-23", "2023-10-24", "2023-10-25", "2023-10-26", "2023-10-27"]
}
} else if (value == "西柏坡景区" && flowState == '出客流') {
} else if (value == "南长城景区" && flowState == '出客流') {
this.FlowTodayData.eChartData = {
seriesData: [{"name": "人次", "value": ["40", "50", "30", "90", "70", "10", "30", "50"]}],
seriesData: [{"name": "人次", "value": ["1000", "1300", "1550", "1580", "1280", "920", "1420", "2078"]}],
name: "按日客流分析",
categories: ["2023-10-20", "2023-10-21", "2023-10-22", "2023-10-23", "2023-10-24", "2023-10-25", "2023-10-26", "2023-10-27"]
}
} else if (value == "南长城景区" && flowState == '进客流') {
this.FlowTodayData.eChartData = {
seriesData: [{"name": "人次", "value": ["70", "10", "30", "50", "40", "50", "30", "90"]}],
seriesData: [{"name": "人次", "value": ["1420", "2570", "3578", "3000", "2500", "1550", "2580", "2280"]}],
name: "按日客流分析",
categories: ["2023-10-20", "2023-10-21", "2023-10-22", "2023-10-23", "2023-10-24", "2023-10-25", "2023-10-26", "2023-10-27"]
}
} else {
this.FlowTodayData.eChartData = {
seriesData: [{"name": "人次", "value": ["60", "30", "50", "10", "60", "50", "60", "10"]}],
seriesData: [{"name": "人次", "value": ["3000", "2500", "1550", "2580", "2280", "1420", "2570", "3578"]}],
name: "按日客流分析",
categories: ["2023-10-20", "2023-10-21", "2023-10-22", "2023-10-23", "2023-10-24", "2023-10-25", "2023-10-26", "2023-10-27"]
}
@ -630,82 +676,82 @@ console.log('scenic',scenic)
//this.FlowRingData=response.data
//});
if (value == "西柏坡景区") {
if (value == "南长城景区" && flowState == '进客流') {
this.FlowRingData = [{
"lastTime": 50,
"lastTimeRatio": 0,
"lastYear": 50,
"lastTime": 0,
"lastTimeRatio": 28,
"lastYear": 2365,
"name": "今日数据",
"sameTime": 50,
"lastYearRatio": 50
"sameTime": 1878,
"lastYearRatio": -33
}, {
"lastTime": 0,
"lastTimeRatio": 0,
"lastYear": 0,
"lastTimeRatio": 42,
"lastYear": 2935,
"name": "昨日数据",
"sameTime": 0,
"lastYearRatio": 0
"sameTime": 2654,
"lastYearRatio": -25
}, {
"lastTime": 0,
"lastTimeRatio": 0,
"lastYear": 0,
"lastTimeRatio": -24,
"lastYear": 20585,
"name": "本周累计",
"sameTime": 0,
"lastYearRatio": 0
"sameTime": 27894,
"lastYearRatio": 17
}, {
"lastTime": 0,
"lastTimeRatio": 0,
"lastYear": 0,
"lastTimeRatio": 22,
"lastYear": 75425,
"name": "本月累计",
"sameTime": 0,
"lastYearRatio": 0
"sameTime": 94568,
"lastYearRatio": 45
},
{
"lastTime": 0,
"lastTimeRatio": 0,
"lastYear": 0,
"lastTimeRatio": 62,
"lastYear": 875324,
"name": "本年累计",
"sameTime": 0,
"lastYearRatio": 0
"sameTime": 1055413,
"lastYearRatio": 53
}
]
} else {
this.FlowRingData = [{
"lastTime": 20,
"lastTimeRatio": 0,
"lastYear": 20,
"lastTime": 0,
"lastTimeRatio": 65,
"lastYear": 2378,
"name": "今日数据",
"sameTime": 20,
"lastYearRatio": 0
"sameTime": 3578,
"lastYearRatio": 37
}, {
"lastTime": 0,
"lastTimeRatio": 0,
"lastYear": 0,
"lastTimeRatio": -15,
"lastYear": 3154,
"name": "昨日数据",
"sameTime": 0,
"lastYearRatio": 0
"sameTime": 2928,
"lastYearRatio": -43
}, {
"lastTime": 0,
"lastTimeRatio": 0,
"lastYear": 0,
"lastTimeRatio": -22,
"lastYear": 25485,
"name": "本周累计",
"sameTime": 0,
"lastYearRatio": 0
"sameTime": 21548,
"lastYearRatio": -41
}, {
"lastTime": 0,
"lastTimeRatio": 0,
"lastYear": 0,
"lastTimeRatio": 35,
"lastYear": 85415,
"name": "本月累计",
"sameTime": 0,
"lastYearRatio": 0
"sameTime": 92568,
"lastYearRatio": 25
},
{
"lastTime": 60,
"lastTimeRatio": 0,
"lastYear": 0,
"lastTime": 0,
"lastTimeRatio": 25,
"lastYear": 925399,
"name": "本年累计",
"sameTime": 0,
"lastYearRatio": 0
"sameTime": 1025412,
"lastYearRatio": 65
}
]
}
@ -716,7 +762,7 @@ console.log('scenic',scenic)
getFlowMoon(value, flowState) {
let postParams = {}
let Opts = {
unit: ['人次'],
unit: ['万人次'],
extra: {
column: {}
}
@ -734,25 +780,25 @@ console.log('scenic',scenic)
//});
if (value == "西柏坡景区" && flowState == '进客流') {
if (value == "西柏坡景区" && flowState == '出客流') {
this.startMonth = this.$filter.getMonths(-3)
this.endMonth = this.$filter.getMonths(0)
this.FlowMoonData.eChartData = {
"seriesData": [{"name": "人次", "value": ["50", "10", "60", "20"]}],
"seriesData": [{"name": "万人次", "value": ["18", "23", "42", "22"]}],
"name": "月度客流量数据",
"categories": ["2023-07", "2023-08", "2023-09", "2023-10"]
}
} else if (value == "西柏坡景区" && flowState == '出客流') {
} else if (value == "南长城景区" && flowState == '出客流') {
this.startMonth = this.$filter.getMonths(-3)
this.endMonth = this.$filter.getMonths(0)
this.FlowMoonData.eChartData = {
"seriesData": [{"name": "人次", "value": ["10", "20", "30", "10"]}],
"seriesData": [{"name": "万人次", "value": ["12", "20", "28", "33"]}],
"name": "月度客流量数据",
"categories": ["2023-07", "2023-08", "2023-09", "2023-10"]
}
} else if (value == "南长城景区" && flowState == '进客流') {
this.FlowMoonData.eChartData = {
"seriesData": [{"name": "人次", "value": ["30", "10", "10", "20",]}],
"seriesData": [{"name": "万人次", "value": ["31", "15", "11", "22",]}],
"name": "月度客流量数据",
"categories": ["2023-07", "2023-08", "2023-09", "2023-10"]
}
@ -760,7 +806,7 @@ console.log('scenic',scenic)
this.startMonth = this.$filter.getMonths(-3)
this.endMonth = this.$filter.getMonths(0)
this.FlowMoonData.eChartData = {
"seriesData": [{"name": "人次", "value": ["15", "40", "10", "50"]}],
"seriesData": [{"name": "万人次", "value": ["15", "44", "12", "42"]}],
"name": "月度客流量数据",
"categories": ["2023-07", "2023-08", "2023-09", "2023-10"]
}

Write Preview
Loading…
Cancel
Save