Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs

shuishen

2022-11-10 71147a69b17ba22787190aac2ab4b91b0af0b19c

Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs

 src/assets/data/equimentsDate/car.js

New file
@@ -0,0 +1,22 @@
export default [
    { 'carID': '#11111', 'carType': '大众', 'policeStation': '车站派出所', 'area': '责任区1', 'state': '在线' },
    { 'carID': '#22222', 'carType': '宝马', 'policeStation': '车站派出所', 'area': '责任区1', 'state': '离线' },
    { 'carID': '#33333', 'carType': '奔驰', 'policeStation': '车站派出所', 'area': '责任区2', 'state': '在线' },
    { 'carID': '#44444', 'carType': '红旗', 'policeStation': '车站派出所', 'area': '责任区2', 'state': '离线' },
    { 'carID': '#55555', 'carType': '大众', 'policeStation': '沙溪派出所', 'area': '责任区1', 'state': '在线' },
    { 'carID': '#66666', 'carType': '宝马', 'policeStation': '沙溪派出所', 'area': '责任区1', 'state': '离线' },
    { 'carID': '#77777', 'carType': '奔驰', 'policeStation': '沙溪派出所', 'area': '责任区2', 'state': '离线' },
    { 'carID': '#88888', 'carType': '红旗', 'policeStation': '沙溪派出所', 'area': '责任区2', 'state': '离线' },
    { 'carID': '*99911', 'carType': '大众', 'policeStation': '北门派出所', 'area': '责任区1', 'state': '在线' },
    { 'carID': '*99922', 'carType': '宝马', 'policeStation': '北门派出所', 'area': '责任区1', 'state': '离线' },
    { 'carID': '*99933', 'carType': '奔驰', 'policeStation': '北门派出所', 'area': '责任区2', 'state': '在线' },
    { 'carID': '*99944', 'carType': '红旗', 'policeStation': '北门派出所', 'area': '责任区2', 'state': '离线' },
    { 'carID': '*99955', 'carType': '大众', 'policeStation': '灵溪派出所', 'area': '责任区1', 'state': '离线' },
    { 'carID': '*99966', 'carType': '宝马', 'policeStation': '灵溪派出所', 'area': '责任区1', 'state': '离线' },
    { 'carID': '*99977', 'carType': '奔驰', 'policeStation': '灵溪派出所', 'area': '责任区2', 'state': '在线' },
    { 'carID': '*99988', 'carType': '红旗', 'policeStation': '灵溪派出所', 'area': '责任区2', 'state': '离线' },
    { 'carID': '#11***', 'carType': '大众', 'policeStation': '江光派出所', 'area': '责任区1', 'state': '在线' },
    { 'carID': '#22***', 'carType': '宝马', 'policeStation': '江光派出所', 'area': '责任区1', 'state': '离线' },
    { 'carID': '#33***', 'carType': '奔驰', 'policeStation': '江光派出所', 'area': '责任区2', 'state': '在线' },
    { 'carID': '#44***', 'carType': '红旗', 'policeStation': '江光派出所', 'area': '责任区2', 'state': '离线' }
]

 src/assets/data/equimentsDate/phone.js

New file
@@ -0,0 +1,22 @@
export default [
    { 'phoneID': '188XXX11111', 'phoneType': '魅族', 'policeStation': '车站派出所', 'area': '责任区1', 'state': '在线' },
    { 'phoneID': '188XXX22222', 'phoneType': '华为', 'policeStation': '车站派出所', 'area': '责任区1', 'state': '离线' },
    { 'phoneID': '188XXX33333', 'phoneType': '一加', 'policeStation': '车站派出所', 'area': '责任区2', 'state': '在线' },
    { 'phoneID': '188XXX44444', 'phoneType': '华为', 'policeStation': '车站派出所', 'area': '责任区2', 'state': '在线' },
    { 'phoneID': '188XXX55555', 'phoneType': '三星', 'policeStation': '沙溪派出所', 'area': '责任区1', 'state': '在线' },
    { 'phoneID': '188XXX66666', 'phoneType': '华为', 'policeStation': '沙溪派出所', 'area': '责任区1', 'state': '离线' },
    { 'phoneID': '188XXX77777', 'phoneType': '小米', 'policeStation': '沙溪派出所', 'area': '责任区2', 'state': '在线' },
    { 'phoneID': '188XXX88888', 'phoneType': '华为', 'policeStation': '沙溪派出所', 'area': '责任区2', 'state': '在线' },
    { 'phoneID': '133XXX11111', 'phoneType': '魅族', 'policeStation': '北门派出所', 'area': '责任区1', 'state': '在线' },
    { 'phoneID': '133XXX22222', 'phoneType': '华为', 'policeStation': '北门派出所', 'area': '责任区1', 'state': '离线' },
    { 'phoneID': '133XXX33333', 'phoneType': '一加', 'policeStation': '北门派出所', 'area': '责任区2', 'state': '在线' },
    { 'phoneID': '133XXX44444', 'phoneType': '华为', 'policeStation': '北门派出所', 'area': '责任区2', 'state': '在线' },
    { 'phoneID': '133XXX55555', 'phoneType': '三星', 'policeStation': '灵溪派出所', 'area': '责任区1', 'state': '在线' },
    { 'phoneID': '133XXX66666', 'phoneType': '华为', 'policeStation': '灵溪派出所', 'area': '责任区1', 'state': '离线' },
    { 'phoneID': '133XXX77777', 'phoneType': '小米', 'policeStation': '灵溪派出所', 'area': '责任区2', 'state': '在线' },
    { 'phoneID': '133XXX88888', 'phoneType': '华为', 'policeStation': '灵溪派出所', 'area': '责任区2', 'state': '离线' },
    { 'phoneID': '175XXX11111', 'phoneType': '魅族', 'policeStation': '江光派出所', 'area': '责任区1', 'state': '在线' },
    { 'phoneID': '175XXX22222', 'phoneType': '华为', 'policeStation': '江光派出所', 'area': '责任区1', 'state': '在线' },
    { 'phoneID': '175XXX33333', 'phoneType': '一加', 'policeStation': '江光派出所', 'area': '责任区2', 'state': '在线' },
    { 'phoneID': '175XXX44444', 'phoneType': '华为', 'policeStation': '江光派出所', 'area': '责任区2', 'state': '离线' }
]

 src/assets/data/equimentsDate/recorder.js

New file
@@ -0,0 +1,22 @@
export default [
    { 'recorderID': 'ABC111', 'recorderType': '爱国', 'policeStation': '车站派出所', 'area': '责任区1', 'state': '在线' },
    { 'recorderID': 'ABC222', 'recorderType': '百步', 'policeStation': '车站派出所', 'area': '责任区1', 'state': '在线' },
    { 'recorderID': 'ABC333', 'recorderType': '飞利', 'policeStation': '车站派出所', 'area': '责任区2', 'state': '在线' },
    { 'recorderID': 'ABC444', 'recorderType': '途强', 'policeStation': '车站派出所', 'area': '责任区2', 'state': '离线' },
    { 'recorderID': 'ABC555', 'recorderType': '鹰眼', 'policeStation': '沙溪派出所', 'area': '责任区1', 'state': '在线' },
    { 'recorderID': 'ABC666', 'recorderType': '致业', 'policeStation': '沙溪派出所', 'area': '责任区1', 'state': '离线' },
    { 'recorderID': 'ABC777', 'recorderType': '联想', 'policeStation': '沙溪派出所', 'area': '责任区2', 'state': '在线' },
    { 'recorderID': 'ABC888', 'recorderType': '高新', 'policeStation': '沙溪派出所', 'area': '责任区2', 'state': '在线' },
    { 'recorderID': 'FFF111', 'recorderType': '爱国', 'policeStation': '北门派出所', 'area': '责任区1', 'state': '在线' },
    { 'recorderID': 'FFF222', 'recorderType': '百步', 'policeStation': '北门派出所', 'area': '责任区1', 'state': '离线' },
    { 'recorderID': 'FFF333', 'recorderType': '飞利', 'policeStation': '北门派出所', 'area': '责任区2', 'state': '在线' },
    { 'recorderID': 'FFF444', 'recorderType': '途强', 'policeStation': '北门派出所', 'area': '责任区2', 'state': '离线' },
    { 'recorderID': 'FFF555', 'recorderType': '鹰眼', 'policeStation': '灵溪派出所', 'area': '责任区1', 'state': '在线' },
    { 'recorderID': 'FFF666', 'recorderType': '致业', 'policeStation': '灵溪派出所', 'area': '责任区1', 'state': '离线' },
    { 'recorderID': 'FFF777', 'recorderType': '联想', 'policeStation': '灵溪派出所', 'area': '责任区2', 'state': '在线' },
    { 'recorderID': 'FFF888', 'recorderType': '高新', 'policeStation': '灵溪派出所', 'area': '责任区2', 'state': '在线' },
    { 'recorderID': 'GGG111', 'recorderType': '爱国', 'policeStation': '江光派出所', 'area': '责任区1', 'state': '在线' },
    { 'recorderID': 'GGG222', 'recorderType': '百步', 'policeStation': '江光派出所', 'area': '责任区1', 'state': '离线' },
    { 'recorderID': 'GGG333', 'recorderType': '飞利', 'policeStation': '江光派出所', 'area': '责任区2', 'state': '在线' },
    { 'recorderID': 'GGG444', 'recorderType': '途强', 'policeStation': '江光派出所', 'area': '责任区2', 'state': '离线' },
]

 src/assets/data/policeSituationArr/historyArr.js

@@ -1,12 +1,12 @@
export default [
    { 'num': '1', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-01', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '车站派出所', 'position': [115.968301, 28.692978] },
    { 'num': '2', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-12', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '车站派出所', 'position': [116.001740, 28.652388] },
    { 'num': '3', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-13', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '沙溪派出所', 'position': [115.986928, 28.534698] },
    { 'num': '4', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-20', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '沙溪派出所', 'position': [116.063849, 28.592397] },
    { 'num': '5', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '灵溪派出所', 'position': [116.088476, 28.584286] },
    { 'num': '6', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '灵溪派出所', 'position': [116.130909, 28.571193] },
    { 'num': '7', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '北门派出所', 'position': [116.169778, 28.615767] },
    { 'num': '8', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '北门派出所', 'position': [116.288719, 28.685802] },
    { 'num': '9', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '江光派出所', 'position': [116.116809, 28.786638] },
    { 'num': '10', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-09-21', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '江光派出所', 'position': [116.190200, 28.759358] },
    { 'num': '1', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-10-01 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '车站派出所', 'position': [115.968301, 28.692978] },
    { 'num': '2', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-10-12 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '车站派出所', 'position': [116.001740, 28.652388] },
    { 'num': '3', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-10-15 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '沙溪派出所', 'position': [115.986928, 28.534698] },
    { 'num': '4', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-10-20 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '沙溪派出所', 'position': [116.063849, 28.592397] },
    { 'num': '5', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-11-01 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '灵溪派出所', 'position': [116.088476, 28.584286] },
    { 'num': '6', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-11-03 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '灵溪派出所', 'position': [116.130909, 28.571193] },
    { 'num': '7', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-11-05 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '北门派出所', 'position': [116.169778, 28.615767] },
    { 'num': '8', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-11-07 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '北门派出所', 'position': [116.288719, 28.685802] },
    { 'num': '9', 'type': '聚众斗殴', 'state': '紧急', 'comingPhone': '13466669999', 'dealTime': '2022-11-09 23:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '江光派出所', 'position': [116.116809, 28.786638] },
    { 'num': '10', 'type': '聚众斗殴', 'state': '常规', 'comingPhone': '13466669999', 'dealTime': '2022-11-10 08:30:55', 'dealPolice': '王警官', 'callPeople': '张某三', 'callPhone': '15511112222', 'callContent': '他们先动的手', 'policeName': '江光派出所', 'position': [116.190200, 28.759358] },
]

 src/assets/data/policeSituationArr/realtimeArr.js

@@ -1,12 +1,12 @@
export default [
    { 'num': '1', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-01', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '车站派出所', 'position': [115.956092, 28.655133] },
    { 'num': '2', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-04', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '车站派出所', 'position': [115.988650, 28.672257] },
    { 'num': '3', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-09', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '沙溪派出所', 'position': [115.991405, 28.614604] },
    { 'num': '4', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-12', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '沙溪派出所', 'position': [116.035493, 28.555238] },
    { 'num': '5', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '灵溪派出所', 'position': [116.131969, 28.547531] },
    { 'num': '6', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '灵溪派出所', 'position': [116.228057, 28.574474] },
    { 'num': '7', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '北门派出所', 'position': [116.125402, 28.626082] },
    { 'num': '8', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '北门派出所', 'position': [116.254688, 28.633999] },
    { 'num': '9', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '江光派出所', 'position': [116.125914, 28.731029] },
    { 'num': '10', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '江光派出所', 'position': [116.022654, 28.758122] },
    { 'num': '1', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-01 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '车站派出所', 'position': [115.956092, 28.655133] },
    { 'num': '2', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-04 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '车站派出所', 'position': [115.988650, 28.672257] },
    { 'num': '3', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-09 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '沙溪派出所', 'position': [115.991405, 28.614604] },
    { 'num': '4', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-12 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '沙溪派出所', 'position': [116.035493, 28.555238] },
    { 'num': '5', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '灵溪派出所', 'position': [116.131969, 28.547531] },
    { 'num': '6', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '灵溪派出所', 'position': [116.228057, 28.574474] },
    { 'num': '7', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '北门派出所', 'position': [116.125402, 28.626082] },
    { 'num': '8', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '北门派出所', 'position': [116.254688, 28.633999] },
    { 'num': '9', 'type': '民事纠纷', 'state': '紧急', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '江光派出所', 'position': [116.125914, 28.731029] },
    { 'num': '10', 'type': '民事纠纷', 'state': '常规', 'comingPhone': '15511112222', 'dealTime': '2022-10-19 08:30:14', 'dealPolice': '刘警官', 'callPeople': '张某某', 'callPhone': '13466669999', 'callContent': '他先动的手', 'policeName': '江光派出所', 'position': [116.022654, 28.758122] },
]

 src/views/home/components/bottomContainer.vue

@@ -1,4 +1,4 @@
<template>
c<template>
    <div class="container">
        <div class="header">
            <div class="history-tab">
@@ -80,7 +80,8 @@
            timetype: 0,
            historytype: 0,
            policeSituationRealtimeArr: [],
            policeSituationHistoryArr: []
            policeSituationHistoryArr: [],
            policeSituationHistorySaveArr: [],
        }
    },

@@ -91,20 +92,32 @@
    created () {
        this.policeSituationRealtimeArr = realtimeArr
        this.policeSituationHistoryArr = historyArr
        this.policeSituationHistorySaveArr = historyArr
    },

    mounted () {

        if (this.timetype == 0) {
            this.policeSituationHistoryArr = this.chooseWeekTimeDate(this.policeSituationHistorySaveArr)
        } else {
            this.policeSituationHistoryArr = this.chooseMouthTimeDate(this.policeSituationHistorySaveArr)
        }
    },

    methods: {
        timeTabClick (type) {
            this.timetype = type
            this.$emit('changePoliceSituationTimeType', type)
            this.$emit('policeSituationChange')
            if (type == 0) {
                this.policeSituationHistoryArr = this.chooseWeekTimeDate(this.policeSituationHistorySaveArr)
            } else {
                this.policeSituationHistoryArr = this.chooseMouthTimeDate(this.policeSituationHistorySaveArr)
            }
        },

        historyTabClick (type) {
            this.historytype = type
            this.$emit('changePoliceSituationType', type)
            this.$emit('changePoliceSituationHistoryType', type)
            this.$emit('policeSituationChange')
        },

@@ -112,22 +125,49 @@
            if (name == '全部') {
                this.policeSituationRealtimeArr = realtimeArr
                this.policeSituationHistoryArr = historyArr
                this.timeTabClick(this.timetype)
            } else {
                let weekNewArr = []
                let mouthNewArr = []
                let realtimeNewArr = []
                let historyNewArr = []
                realtimeArr.forEach(item => {
                    if (item.policeName == name) {
                        weekNewArr.push(item)
                        realtimeNewArr.push(item)
                    }
                })
                this.policeSituationRealtimeArr = weekNewArr
                this.policeSituationRealtimeArr = realtimeNewArr
                historyArr.forEach(item => {
                    if (item.policeName == name) {
                        mouthNewArr.push(item)
                        historyNewArr.push(item)
                    }
                })
                this.policeSituationHistoryArr = mouthNewArr
                this.policeSituationHistorySaveArr = historyNewArr
                this.policeSituationHistoryArr = historyNewArr
                this.timeTabClick(this.timetype)
            }
        },

        chooseWeekTimeDate (arr) {
            let lastWeekArr = []
            let realtimeTimeStamp = new Date().valueOf() - 24 * 60 * 60 * 1000
            let lastWeekTimeStamp = new Date().valueOf() - 7 * 24 * 60 * 60 * 1000
            arr.forEach(item => {
                if (new Date(item.dealTime).valueOf() < realtimeTimeStamp && new Date(item.dealTime).valueOf() > lastWeekTimeStamp) {
                    lastWeekArr.push(item)
                }
            })
            return lastWeekArr
        },

        chooseMouthTimeDate (arr) {
            let lastMouthArr = []
            let realtimeTimeStamp = new Date().valueOf() - 24 * 60 * 60 * 1000
            let lastMouthTimeStamp = new Date().valueOf() - 30 * 24 * 60 * 60 * 1000
            arr.forEach(item => {
                if (new Date(item.dealTime).valueOf() < realtimeTimeStamp && new Date(item.dealTime).valueOf() > lastMouthTimeStamp) {
                    lastMouthArr.push(item)
                }
            })
            return lastMouthArr
        },

        policeSituationClick (item) {
@@ -292,7 +332,7 @@
                }

                .dealTime {
                    width: 12%;
                    width: 14%;
                }

                .dealPolice {

 src/views/home/components/rightContainer.vue

@@ -4,9 +4,16 @@
            <div class="title">
                案件统计
                <div class="timer">
                    <el-date-picker v-model="eventTime" type="daterange" align="right" unlink-panels range-separator="至"
                        start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions">
                    </el-date-picker>
                    <el-date-picker
                        v-model="eventTime"
                        type="daterange"
                        align="right"
                        unlink-panels
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期"
                        :picker-options="pickerOptions"
                    ></el-date-picker>
                </div>
            </div>
            <div id="EventChangeEcharts" class="echarts-box"></div>
@@ -14,15 +21,28 @@
        <div class="alert-box">
            <div class="title">
                <span style="margin-right:130px">安保活动</span>
                <span class="activity" :class="{ choosed: acttype == 0 }" @click="actTabClick(0)">正在进行</span>
                <span
                    class="activity"
                    :class="{ choosed: acttype == 0 }"
                    @click="actTabClick(0)"
                >正在进行</span>
                <span>/</span>
                <span class="activity" :class="{ choosed: acttype == 1 }" @click="actTabClick(1)">历史活动</span>
                <span
                    class="activity"
                    :class="{ choosed: acttype == 1 }"
                    @click="actTabClick(1)"
                >历史活动</span>
            </div>
            <div id="peopleList" class="echarts-box">
                <el-table :data="acttype == 0 ? underwayArr : historyArr" style="width: 100%"
                <el-table
                    :data="acttype == 0 ? underwayArr : historyArr"
                    style="width: 100%"
                    :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
                    :row-class-name="tableRowClassName" ref="activityTable" @row-click="activityRowClick">
                    :row-class-name="tableRowClassName"
                    ref="activityTable"
                    @row-click="activityRowClick"
                >
                    <el-table-column prop="activityName" label="活动名称" width="100"></el-table-column>
                    <el-table-column prop="startTime" label="开始时间" width="100"></el-table-column>
                    <el-table-column prop="endTime" label="结束时间" width="100"></el-table-column>
@@ -32,8 +52,18 @@
        </div>
        <div class="crowd-box">
            <div class="title">
                现有设备
                <span class="regionTotal">{{ regionTotal }}个</span>
                <span style="margin-right:130px">现有设备</span>
                <span
                    class="equiment"
                    :class="{ choosed: linetype == 0 }"
                    @click="lineTabClick(0)"
                >在线设备</span>
                <span>/</span>
                <span
                    class="activity"
                    :class="{ choosed: linetype == 1 }"
                    @click="lineTabClick(1)"
                >离线设备</span>
            </div>
            <div id="EquipmentEcharts" class="echarts-box"></div>
        </div>
@@ -43,9 +73,13 @@
<script>
let equipmentmyChart
let eventchangemychart
let timer

import historyArr from '@/assets/data/activitysData/history.js'
import underwayArr from '@/assets/data/activitysData/underway.js'
import carArr from '@/assets/data/equimentsDate/car.js'
import phoneArr from '@/assets/data/equimentsDate/phone.js'
import recorderArr from '@/assets/data/equimentsDate/recorder.js'

export default {
    data () {
@@ -80,77 +114,17 @@
            },
            regionTotal: 0,
            acttype: 0,
            linetype: 0,
            timetype: 0,
            underwayArr: [],
            historyArr: [],
            carArr: [
                { 'carID': '#11111', 'carType': '大众', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'carID': '#22222', 'carType': '宝马', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'carID': '#33333', 'carType': '奔驰', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'carID': '#44444', 'carType': '红旗', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'carID': '#55555', 'carType': '大众', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'carID': '#66666', 'carType': '宝马', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'carID': '#77777', 'carType': '奔驰', 'policeStation': '沙溪派出所', 'area': '责任区2' },
                { 'carID': '#88888', 'carType': '红旗', 'policeStation': '沙溪派出所', 'area': '责任区2' },
                { 'carID': '*99911', 'carType': '大众', 'policeStation': '北门派出所', 'area': '责任区1' },
                { 'carID': '*99922', 'carType': '宝马', 'policeStation': '北门派出所', 'area': '责任区1' },
                { 'carID': '*99933', 'carType': '奔驰', 'policeStation': '北门派出所', 'area': '责任区2' },
                { 'carID': '*99944', 'carType': '红旗', 'policeStation': '北门派出所', 'area': '责任区2' },
                { 'carID': '*99955', 'carType': '大众', 'policeStation': '灵溪派出所', 'area': '责任区1' },
                { 'carID': '*99966', 'carType': '宝马', 'policeStation': '灵溪派出所', 'area': '责任区1' },
                { 'carID': '*99977', 'carType': '奔驰', 'policeStation': '灵溪派出所', 'area': '责任区2' },
                { 'carID': '*99988', 'carType': '红旗', 'policeStation': '灵溪派出所', 'area': '责任区2' },
                { 'carID': '#11***', 'carType': '大众', 'policeStation': '江光派出所', 'area': '责任区1' },
                { 'carID': '#22***', 'carType': '宝马', 'policeStation': '江光派出所', 'area': '责任区1' },
                { 'carID': '#33***', 'carType': '奔驰', 'policeStation': '江光派出所', 'area': '责任区2' },
                { 'carID': '#44***', 'carType': '红旗', 'policeStation': '江光派出所', 'area': '责任区2' }
            ],
            phoneArr: [
                { 'phoneID': '188XXX11111', 'phoneType': '魅族', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'phoneID': '188XXX22222', 'phoneType': '华为', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'phoneID': '188XXX33333', 'phoneType': '一加', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'phoneID': '188XXX44444', 'phoneType': '华为', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'phoneID': '188XXX55555', 'phoneType': '三星', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'phoneID': '188XXX66666', 'phoneType': '华为', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'phoneID': '188XXX77777', 'phoneType': '小米', 'policeStation': '沙溪派出所', 'area': '责任区2' },
                { 'phoneID': '188XXX88888', 'phoneType': '华为', 'policeStation': '沙溪派出所', 'area': '责任区2' },
                { 'phoneID': '133XXX11111', 'phoneType': '魅族', 'policeStation': '北门派出所', 'area': '责任区1' },
                { 'phoneID': '133XXX22222', 'phoneType': '华为', 'policeStation': '北门派出所', 'area': '责任区1' },
                { 'phoneID': '133XXX33333', 'phoneType': '一加', 'policeStation': '北门派出所', 'area': '责任区2' },
                { 'phoneID': '133XXX44444', 'phoneType': '华为', 'policeStation': '北门派出所', 'area': '责任区2' },
                { 'phoneID': '133XXX55555', 'phoneType': '三星', 'policeStation': '灵溪派出所', 'area': '责任区1' },
                { 'phoneID': '133XXX66666', 'phoneType': '华为', 'policeStation': '灵溪派出所', 'area': '责任区1' },
                { 'phoneID': '133XXX77777', 'phoneType': '小米', 'policeStation': '灵溪派出所', 'area': '责任区2' },
                { 'phoneID': '133XXX88888', 'phoneType': '华为', 'policeStation': '灵溪派出所', 'area': '责任区2' },
                { 'phoneID': '175XXX11111', 'phoneType': '魅族', 'policeStation': '江光派出所', 'area': '责任区1' },
                { 'phoneID': '175XXX22222', 'phoneType': '华为', 'policeStation': '江光派出所', 'area': '责任区1' },
                { 'phoneID': '175XXX33333', 'phoneType': '一加', 'policeStation': '江光派出所', 'area': '责任区2' },
                { 'phoneID': '175XXX44444', 'phoneType': '华为', 'policeStation': '江光派出所', 'area': '责任区2' }
            ],
            recorderArr: [
                { 'recorderID': 'ABC111', 'recorderType': '爱国者', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'recorderID': 'ABC222', 'recorderType': '百步通', 'policeStation': '车站派出所', 'area': '责任区1' },
                { 'recorderID': 'ABC333', 'recorderType': '飞利浦', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'recorderID': 'ABC444', 'recorderType': '途强', 'policeStation': '车站派出所', 'area': '责任区2' },
                { 'recorderID': 'ABC555', 'recorderType': '执法鹰眼', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'recorderID': 'ABC666', 'recorderType': '致业', 'policeStation': '沙溪派出所', 'area': '责任区1' },
                { 'recorderID': 'ABC777', 'recorderType': '联想', 'policeStation': '沙溪派出所', 'area': '责任区2' },
                { 'recorderID': 'ABC888', 'recorderType': '高新兴', 'policeStation': '沙溪派出所', 'area': '责任区2' },
                { 'recorderID': 'FFF111', 'recorderType': '爱国者', 'policeStation': '北门派出所', 'area': '责任区1' },
                { 'recorderID': 'FFF222', 'recorderType': '百步通', 'policeStation': '北门派出所', 'area': '责任区1' },
                { 'recorderID': 'FFF333', 'recorderType': '飞利浦', 'policeStation': '北门派出所', 'area': '责任区2' },
                { 'recorderID': 'FFF444', 'recorderType': '途强', 'policeStation': '北门派出所', 'area': '责任区2' },
                { 'recorderID': 'FFF555', 'recorderType': '执法鹰眼', 'policeStation': '灵溪派出所', 'area': '责任区1' },
                { 'recorderID': 'FFF666', 'recorderType': '致业', 'policeStation': '灵溪派出所', 'area': '责任区1' },
                { 'recorderID': 'FFF777', 'recorderType': '联想', 'policeStation': '灵溪派出所', 'area': '责任区2' },
                { 'recorderID': 'FFF888', 'recorderType': '高新兴', 'policeStation': '灵溪派出所', 'area': '责任区2' },
                { 'recorderID': 'GGG111', 'recorderType': '爱国者', 'policeStation': '江光派出所', 'area': '责任区1' },
                { 'recorderID': 'GGG222', 'recorderType': '百步通', 'policeStation': '江光派出所', 'area': '责任区1' },
                { 'recorderID': 'GGG333', 'recorderType': '飞利浦', 'policeStation': '江光派出所', 'area': '责任区2' },
                { 'recorderID': 'GGG444', 'recorderType': '途强', 'policeStation': '江光派出所', 'area': '责任区2' },
            ],
            policeName: '全部',
            phoneNewArr: [],
            carNewArr: [],
            recorderNewArr: [],
        }
    },

    mounted () {
        this.initEquipmentEcharts()
        this.initEventChangeEcharts()
@@ -160,6 +134,7 @@
        this.$nextTick(() => {
            window.addEventListener("resize", this.echartsResize)
        })
        this.equipmentEchartsCarousel()
    },
    methods: {
        actTabClick (type) {
@@ -167,6 +142,11 @@
            this.$refs.activityTable.bodyWrapper.scrollTop = 0
            this.$emit('changeActivityType', type)
            this.$emit('activityChange')
        },

        lineTabClick (type) {
            this.linetype = type
            equipmentmyChart.setOption(this.initEquipmentOptions(this.getEquimentChartData(this.policeName)), true)
        },

        echartsResize () {
@@ -203,6 +183,29 @@
                        return `${name}     ${v} 个    `
                    },
                },
                graphic: {
                    type: "text",
                    left: "16.5%",
                    top: "45%",
                    style: {
                        text: "设备总数",
                        textAlign: "center",
                        fill: "#fff",
                        fontSize: 20,
                        fontWeight: 700
                    }
                },
                title: {
                    text: `${this.regionTotal}`,
                    left: "22%",
                    top: "56%",
                    textStyle: {
                        color: "#27D9C8",
                        fontSize: 22,
                        fontWeight: 700,
                        align: "center"
                    }
                },
                series: [
                    {
                        name: '',
@@ -227,6 +230,18 @@
                    y2: 20
                },
            }
        },

        equipmentEchartsCarousel () {
            let dataLen = this.getEquimentChartData(this.policeName).length
            let curIndex = 0
            timer = setInterval(() => {
                equipmentmyChart.dispatchAction({ type: 'downplay', seriesIndex: 0, dataIndex: curIndex })
                curIndex = (curIndex + 1) % dataLen
                equipmentmyChart.dispatchAction({
                    type: 'highlight', seriesIndex: 0, dataIndex: curIndex
                })
            }, 1000)
        },

        initEventChangeEcharts () {
@@ -287,11 +302,11 @@
                if (params.name == '摄像头') {
                    this.$emit('showequimentdetail', params.name, true, false, [false, false, false], [])
                } else if (params.name == '手台') {
                    this.$emit('showequimentdetail', params.name, false, true, [false, false, true], this.phoneArr)
                    this.$emit('showequimentdetail', params.name, false, true, [false, false, true], this.phoneNewArr)
                } else if (params.name == '车辆') {
                    this.$emit('showequimentdetail', params.name, false, true, [false, true, false], this.carArr)
                    this.$emit('showequimentdetail', params.name, false, true, [false, true, false], this.carNewArr)
                } else if (params.name == '执法记录仪') {
                    this.$emit('showequimentdetail', params.name, false, true, [true, false, false], this.recorderArr)
                    this.$emit('showequimentdetail', params.name, false, true, [true, false, false], this.recorderNewArr)
                }
            })
        },
@@ -317,6 +332,7 @@
                this.historyArr = historyArr
            }
            equipmentmyChart.setOption(this.initEquipmentOptions(this.getEquimentChartData(police)), true)
            this.policeName = police
        },

        selectPoliceChangeEventData (police) {
@@ -351,15 +367,51 @@
            let carCount = 0
            let recorderCount = 0
            let monitor = 0
            this.phoneNewArr = []
            this.carNewArr = []
            this.recorderNewArr = []
            if (this.linetype == 0) {
                phoneArr.forEach(item => {
                    if (item.state == '在线') {
                        this.phoneNewArr.push(item)
                    }
                })
                carArr.forEach(item => {
                    if (item.state == '在线') {
                        this.carNewArr.push(item)
                    }
                })
                recorderArr.forEach(item => {
                    if (item.state == '在线') {
                        this.recorderNewArr.push(item)
                    }
                })
            } else {
                phoneArr.forEach(item => {
                    if (item.state == '离线') {
                        this.phoneNewArr.push(item)
                    }
                })
                carArr.forEach(item => {
                    if (item.state == '离线') {
                        this.carNewArr.push(item)
                    }
                })
                recorderArr.forEach(item => {
                    if (item.state == '离线') {
                        this.recorderNewArr.push(item)
                    }
                })
            }
            if (policeStationName == '全部') {
                phoneCount = this.phoneArr.length
                carCount = this.carArr.length
                recorderCount = this.recorderArr.length
                phoneCount = this.phoneNewArr.length
                carCount = this.carNewArr.length
                recorderCount = this.recorderNewArr.length
                monitor = 10
            } else {
                phoneCount = this.getEquimentDataCount(this.phoneArr, policeStationName)
                carCount = this.getEquimentDataCount(this.carArr, policeStationName)
                recorderCount = this.getEquimentDataCount(this.recorderArr, policeStationName)
                phoneCount = this.getEquimentDataCount(this.phoneNewArr, policeStationName)
                carCount = this.getEquimentDataCount(this.carNewArr, policeStationName)
                recorderCount = this.getEquimentDataCount(this.recorderNewArr, policeStationName)
                monitor = 10
            }
            dataArr = [
@@ -393,7 +445,7 @@
            eventchangemychart.dispose()
            eventchangemychart = null
        }

        clearInterval(timer)
    }
}
</script>
@@ -459,7 +511,8 @@
                letter-spacing: 1px;
            }

            .activity {
            .activity,
            .equiment {
                font-size: 16px;
                color: rgb(98, 95, 95);
                cursor: pointer;
@@ -486,7 +539,7 @@
                border: 1px solid rgba(20, 50, 123, 1);
                cursor: pointer;

                &>div {
                & > div {
                    height: 26px;
                    line-height: 26px;
                }
@@ -501,7 +554,7 @@
            flex: 1;
        }

        .sub-tab+.echarts-box {
        .sub-tab + .echarts-box {
            margin-top: 10px;
        }


 src/views/home/index.vue

@@ -31,7 +31,8 @@
        <bottom-container
            class="bottom-container"
            ref="bottomContainer"
            @changePoliceSituationType="changePoliceSituationType"
            @changePoliceSituationHistoryType="changePoliceSituationHistoryType"
            @changePoliceSituationTimeType="changePoliceSituationTimeType"
            @policeSituationChange="policeSituationChange"
        ></bottom-container>

@@ -625,8 +626,9 @@
            underwayArr: [],
            activityType: 0,
            policeSituationHistoryType: 0,
            policeSituationWeekArr: [],
            policeSituationMouthArr: [],
            policeSituationTimeType: 0,
            policeSituationRealtimeArr: [],
            policeSituationHistoryArr: [],
            policeSituationDetailArr: {},
            activityDetailArr: {},
        }
@@ -644,8 +646,8 @@
        this.housingDate = housingDate
        this.historyArr = historyArr
        this.underwayArr = underwayArr
        this.policeSituationWeekArr = realtimeArr
        this.policeSituationMouthArr = policeSituationHistoryArr
        this.policeSituationRealtimeArr = realtimeArr
        this.policeSituationHistoryArr = policeSituationHistoryArr
    },

    mounted () {
@@ -968,22 +970,27 @@
                        arr1.push(item)
                    }
                })
                this.policeSituationWeekArr = arr1
                this.policeSituationRealtimeArr = arr1
                policeSituationHistoryArr.some(item => {
                    if (item.policeName == this.policeStaionChecked.policeStationName) {
                        arr2.push(item)
                    }
                })
                this.policeSituationMouthArr = arr2
                this.policeSituationHistoryArr = arr2

            } else {
                this.policeSituationWeekArr = realtimeArr
                this.policeSituationMouthArr = policeSituationHistoryArr
                this.policeSituationRealtimeArr = realtimeArr
                this.policeSituationHistoryArr = policeSituationHistoryArr
            }
            if (this.policeSituationHistoryType == 0) {
                showArr = this.policeSituationWeekArr
                showArr = this.policeSituationRealtimeArr
            } else {
                showArr = this.policeSituationMouthArr
                let showSaveArr = this.policeSituationHistoryArr
                if (this.policeSituationTimeType == 0) {
                    showArr = this.$refs.bottomContainer.chooseWeekTimeDate(showSaveArr)
                } else {
                    showArr = this.$refs.bottomContainer.chooseMouthTimeDate(showSaveArr)
                }
            }
            showArr.forEach((item, index) => {
                item.name = `${index + 1}号警情`
@@ -1431,10 +1438,14 @@
            this.activityType = type
        },

        changePoliceSituationType (type) {
        changePoliceSituationHistoryType (type) {
            this.policeSituationHistoryType = type
        },

        changePoliceSituationTimeType (type) {
            this.policeSituationTimeType = type
        },

    },

    destroyed () {