Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs
| | |
| | | :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}" |
| | | :cell-style="{'text-align':'center','borderColor':'#324e75'}" |
| | | :row-class-name="tableRowClassName" |
| | | ref="activityTable" |
| | | > |
| | | <el-table-column prop="activityName" label="活动名称" width="100"></el-table-column> |
| | | <el-table-column prop="startTime" label="开始时间" width="100"></el-table-column> |
| | |
| | | |
| | | <script> |
| | | let equipmentmyChart |
| | | |
| | | import areaOptionData from '@/assets/data/JurisdictionData/areaOptionData.js' |
| | | import policeStationOptions from '@/assets/data/JurisdictionData/policeStationOptions.js' |
| | | import housingDate from '@/assets/data/JurisdictionData/housingDate.js' |
| | | let eventchangemychart |
| | | |
| | | export default { |
| | | data () { |
| | |
| | | acttype: 0, |
| | | timetype: 0, |
| | | underwayArr: [ |
| | | { 'activityName': '进行活动1', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000' }, |
| | | { 'activityName': '进行活动2', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000' }, |
| | | { 'activityName': '进行活动3', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000' }, |
| | | { 'activityName': '进行活动4', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000' }, |
| | | { 'activityName': '进行活动5', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000' } |
| | | { 'activityName': '进行活动01', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动02', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动03', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动04', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动05', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动06', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动07', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动08', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动09', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动10', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动11', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动12', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动13', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动14', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动15', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动16', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动17', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动18', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动19', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动20', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动21', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动22', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动23', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动24', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动25', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动26', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动27', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动28', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动29', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动30', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | ], |
| | | historyArr: [ |
| | | { 'activityName': '历史活动1', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000' }, |
| | | { 'activityName': '历史活动2', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000' }, |
| | | { 'activityName': '历史活动3', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000' }, |
| | | { 'activityName': '历史活动4', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000' }, |
| | | { 'activityName': '历史活动5', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000' } |
| | | { 'activityName': '历史活动01', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动02', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动03', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动04', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动05', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动06', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动07', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动08', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动09', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动10', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动11', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动12', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动13', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动14', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动15', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动16', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动17', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动18', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动19', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动20', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动21', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动22', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动23', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动24', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动25', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动26', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动27', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动28', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动29', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动30', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | ], |
| | | underwaySaveArr: [ |
| | | { 'activityName': '进行活动01', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动02', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动03', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动04', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动05', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动06', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动07', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动08', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动09', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动10', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动11', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动12', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动13', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动14', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动15', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动16', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动17', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动18', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动19', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动20', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动21', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动22', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动23', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动24', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动25', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '进行活动26', 'startTime': '2022-10-01', 'endTime': '2022-10-02', 'scale': '1000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '进行活动27', 'startTime': '2022-10-03', 'endTime': '2022-10-04', 'scale': '1000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '进行活动28', 'startTime': '2022-10-05', 'endTime': '2022-10-06', 'scale': '1000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '进行活动29', 'startTime': '2022-10-07', 'endTime': '2022-10-08', 'scale': '1000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '进行活动30', 'startTime': '2022-10-09', 'endTime': '2022-10-10', 'scale': '1000', 'policeStationName': '江光派出所' }, |
| | | ], |
| | | historySaveArr: [ |
| | | { 'activityName': '历史活动01', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动02', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动03', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动04', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动05', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动06', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动07', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动08', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动09', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动10', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动11', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动12', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动13', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动14', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动15', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动16', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动17', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动18', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动19', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动20', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动21', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动22', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动23', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动24', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动25', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | { 'activityName': '历史活动26', 'startTime': '2021-10-01', 'endTime': '2021-10-02', 'scale': '2000', 'policeStationName': '车站派出所' }, |
| | | { 'activityName': '历史活动27', 'startTime': '2021-10-03', 'endTime': '2021-10-04', 'scale': '2000', 'policeStationName': '沙溪派出所' }, |
| | | { 'activityName': '历史活动28', 'startTime': '2021-10-05', 'endTime': '2021-10-06', 'scale': '2000', 'policeStationName': '灵溪派出所' }, |
| | | { 'activityName': '历史活动29', 'startTime': '2021-10-07', 'endTime': '2021-10-08', 'scale': '2000', 'policeStationName': '北门派出所' }, |
| | | { 'activityName': '历史活动30', 'startTime': '2021-10-09', 'endTime': '2021-10-10', 'scale': '2000', 'policeStationName': '江光派出所' }, |
| | | ], |
| | | carArr: [ |
| | | { 'carID': '#11111', 'carType': '大众', 'policeStation': '车站派出所', 'area': '责任区1' }, |
| | |
| | | this.initEquipmentEcharts() |
| | | this.initEventChangeEcharts() |
| | | this.clickEquimentChart() |
| | | // 测试 |
| | | this.getTreeData() |
| | | |
| | | }, |
| | | methods: { |
| | | actTabClick (type) { |
| | | this.acttype = type |
| | | this.$refs.activityTable.bodyWrapper.scrollTop = 0 |
| | | }, |
| | | |
| | | initEquipmentEcharts () { |
| | |
| | | |
| | | initEventChangeEcharts () { |
| | | var chartDom = document.getElementById('EventChangeEcharts') |
| | | var myChart = this.$echarts.init(chartDom) |
| | | var option |
| | | eventchangemychart = this.$echarts.init(chartDom) |
| | | eventchangemychart.setOption(this.initEventChangeOption([10, 9, 12, 6, 4, 14, 8])) |
| | | }, |
| | | |
| | | option = { |
| | | initEventChangeOption (seriesData) { |
| | | return { |
| | | tooltip: { |
| | | trigger: 'item' |
| | | }, |
| | |
| | | }, |
| | | series: [ |
| | | { |
| | | data: [10, 9, 12, 6, 4, 14, 8], |
| | | data: seriesData, |
| | | type: 'line' |
| | | } |
| | | ], |
| | |
| | | y2: 20 |
| | | }, |
| | | } |
| | | |
| | | option && myChart.setOption(option) |
| | | |
| | | }, |
| | | |
| | | clickEquimentChart () { |
| | |
| | | }) |
| | | }, |
| | | |
| | | getTreeData () { |
| | | let arr1 = policeStationOptions |
| | | let arr2 = areaOptionData |
| | | let arr3 = housingDate |
| | | selectPoliceChangeEquimentData (police) { |
| | | if (police != '全部') { |
| | | let arr1 = [] |
| | | let arr2 = [] |
| | | this.underwaySaveArr.some(item => { |
| | | if (item.policeStationName == police) { |
| | | arr1.push(item) |
| | | } |
| | | }) |
| | | this.underwayArr = arr1 |
| | | this.historySaveArr.some(item => { |
| | | if (item.policeStationName == police) { |
| | | arr2.push(item) |
| | | } |
| | | }) |
| | | this.historyArr = arr2 |
| | | } else { |
| | | this.underwayArr = this.underwaySaveArr |
| | | this.historyArr = this.historySaveArr |
| | | } |
| | | |
| | | let areaArr = [] |
| | | let jurisdictionData = [{ |
| | | label: '全部', |
| | | children: [] |
| | | }] |
| | | // arr1.forEach((item1, index1) => { |
| | | // console.log(item1.policeStationName) |
| | | // if (item1.policeStationName != '全部') { |
| | | }, |
| | | |
| | | // let item1Obj = { label: item1.policeStationName, id: item1.policeStationId, children: policeArr } |
| | | // arr2.forEach((item2, index2) => { |
| | | // if (item2.policeStationName == item1.policeStationName) { |
| | | // item2.areaCheckOptions.forEach((item3, index3) => { |
| | | // if (item3.areaCheckName != '全部') { |
| | | // let policeArr = [{ |
| | | // label: '全部', |
| | | // children: housingArr |
| | | // }] |
| | | // let item3Obj = { label: item3.areaCheckName, id: item3.areaCheckId, childern: housingArr } |
| | | |
| | | // } |
| | | // }) |
| | | // } |
| | | // }) |
| | | // } |
| | | |
| | | |
| | | // }) |
| | | |
| | | selectPoliceChangeEventData (police) { |
| | | if (police == '全部') { |
| | | eventchangemychart.setOption(this.initEventChangeOption([10, 9, 12, 6, 4, 14, 8]), true) |
| | | } else if (police == '车站派出所') { |
| | | eventchangemychart.setOption(this.initEventChangeOption([6, 1, 4, 0, 1, 3, 0]), true) |
| | | } else if (police == '沙溪派出所') { |
| | | eventchangemychart.setOption(this.initEventChangeOption([1, 4, 0, 1, 0, 2, 1]), true) |
| | | } else if (police == '北门派出所') { |
| | | eventchangemychart.setOption(this.initEventChangeOption([2, 0, 3, 2, 1, 7, 1]), true) |
| | | } else if (police == '灵溪派出所') { |
| | | eventchangemychart.setOption(this.initEventChangeOption([0, 3, 2, 1, 1, 2, 4]), true) |
| | | } else if (police == '江光派出所') { |
| | | eventchangemychart.setOption(this.initEventChangeOption([1, 1, 3, 2, 1, 0, 2]), true) |
| | | } |
| | | } |
| | | |
| | | |
| | | } |
| | | } |
| | | </script> |
| | |
| | | ></left-container> |
| | | </div> |
| | | <div class="right-container"> |
| | | <right-container @showequimentdetail="showequimentdetail"></right-container> |
| | | <right-container |
| | | @showequimentdetail="showequimentdetail" |
| | | @selectPoliceChangeEventData="selectPoliceChangeEventData" |
| | | ref="rightContainer" |
| | | ></right-container> |
| | | </div> |
| | | |
| | | <div class="center-container"> |
| | |
| | | cylinderLayer.clear() |
| | | } |
| | | this.$refs.leftContainer.selectPoliceChangeData(item.policeStationName) |
| | | |
| | | |
| | | this.$refs.rightContainer.selectPoliceChangeEquimentData(item.policeStationName) |
| | | this.$refs.rightContainer.selectPoliceChangeEventData(item.policeStationName) |
| | | }, |
| | | |
| | | areaSelect (item) { |
| | |
| | | this.saveArr = arr |
| | | this.showArr = arr |
| | | // 动态改变树形控件数据 |
| | | this.jurisdictionData = [this.searchName(this.policeStationCheckValue, treeData)] |
| | | let arr1 = [] |
| | | this.saveArr.some((item1) => { |
| | | if (item1.policeStation == this.policeStationCheckValue) { |
| | | arr1.push(item1) |
| | | } |
| | | }) |
| | | this.showArr = arr1 |
| | | if (this.policeStationCheckValue != '请选择派出所' && this.policeStationCheckValue != '全部') { |
| | | this.jurisdictionData = [this.searchName(this.policeStationCheckValue, treeData)] |
| | | let arr1 = [] |
| | | this.saveArr.some((item1) => { |
| | | if (item1.policeStation == this.policeStationCheckValue) { |
| | | arr1.push(item1) |
| | | } |
| | | }) |
| | | this.showArr = arr1 |
| | | } |
| | | }, |
| | | |
| | | showkeypersondetail (name, arr) { |