{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\DigitalReservoir.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\DigitalReservoir.vue","mtime":1687666136950},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport * as echarts from 'echarts'\nimport towns from './js/towns'\nimport indexApi from '@/api/frontScreen/index.js'\nimport VueSeamlessScroll from 'vue-seamless-scroll'\n\nimport stationsModel from './components/stationsModel.vue'\nimport digitalReservoir from '@/api/frontScreen/digitalReservoir.js'\nimport dictUtils from '@/components/dict/DictSelectUtils.js'\nimport req from '@/request.js'\nexport default {\n\tname: 'DigitalReservoir',\n\tcomponents: {\n\t\tVueSeamlessScroll,\n\t\tstationsModel,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\t/**\n\t\t\t * 水库选择器\n\t\t\t * */\n\t\t\tsearchSituations: [],\n\t\t\trscdID: '',\n\t\t\trsnms: [], //水库下拉\n\t\t\t// aictiveNum:0,\n\t\t\tcurrentPoint: 0,\n\t\t\tmyChart: null,\n\t\t\toption: null,\n\t\t\tcapacity: 286.49,\n\t\t\tstorage: 241.28,\n\t\t\treservoirTotal: 0,\n\t\t\tsituations: {}, //概况\n\t\t\tparams: {\n\t\t\t\trscd: '',\n\t\t\t\ttime: '',\n\t\t\t\twaterId: '',\n\t\t\t\tyear: 0,\n\t\t\t},\n\t\t\t// 实时雨情传参\n\t\t\trealtimeRainType: {\n\t\t\t\tappType: '2',\n\t\t\t\tfromSzsk: true,\n\t\t\t\tquery: '',\n\t\t\t},\n\t\t\t// 实时水情传参\n\t\t\trealtimeWaterType: {\n\t\t\t\tappType: '2',\n\t\t\t\tfromSzsk: true,\n\t\t\t\tquery: '',\n\t\t\t},\n\t\t\tWaterTypeList: [{\n\t\t\t\t\tname: '山洪',\n\t\t\t\t\tkey: '1',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '中小河流',\n\t\t\t\t\tkey: '3',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '水库',\n\t\t\t\t\tkey: '2',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '全部',\n\t\t\t\t\tkey: '',\n\t\t\t\t},\n\t\t\t],\n\t\t\trealtimeWaterData: [],\n\t\t\t// 实时水情表头\n\t\t\trealtimeWaterHeader: [{\n\t\t\t\t\tkey: 'order',\n\t\t\t\t\twidth: '14px',\n\t\t\t\t\tname: '',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'stnm',\n\t\t\t\t\twidth: '20%',\n\t\t\t\t\tname: '测站',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'rz',\n\t\t\t\t\twidth: '15%',\n\t\t\t\t\tname: '当前水位',\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t// key: 'warnVal',\n\t\t\t\t// width: '14%',\n\t\t\t\t// name: '当前雨量',\n\t\t\t\t// },\n\t\t\t\t{\n\t\t\t\t\tkey: 'fsltdz1',\n\t\t\t\t\twidth: '15%',\n\t\t\t\t\tname: '正常水位',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'fsltdz2',\n\t\t\t\t\twidth: '18%',\n\t\t\t\t\tname: '设计洪水位',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'time',\n\t\t\t\t\twidth: 'calc(20% - 14px)',\n\t\t\t\t\tname: '时间',\n\t\t\t\t},\n\t\t\t],\n\t\t\trealtimeRainData: [],\n\t\t\t// 实时雨情表头\n\t\t\trealtimeRainHeader: [{\n\t\t\t\t\tkey: 'order',\n\t\t\t\t\twidth: '14px',\n\t\t\t\t\tname: '',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'stnm',\n\t\t\t\t\twidth: '20%',\n\t\t\t\t\tname: '测站',\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t// key: 'rz',\n\t\t\t\t// width: '14%',\n\t\t\t\t// name: '当前水位',\n\t\t\t\t// },\n\t\t\t\t{\n\t\t\t\t\tkey: 'p1',\n\t\t\t\t\twidth: '15%',\n\t\t\t\t\tname: '当前雨量',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'yjz1',\n\t\t\t\t\twidth: '15%',\n\t\t\t\t\tname: '警戒阈值',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'yjz2',\n\t\t\t\t\twidth: '15%',\n\t\t\t\t\tname: '危险阈值',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'time',\n\t\t\t\t\twidth: 'calc(20% - 14px)',\n\t\t\t\t\tname: '时间',\n\t\t\t\t},\n\t\t\t],\n\t\t\treservoirItemData: [{\n\t\t\t\t\tname: '全部',\n\t\t\t\t\tnum: 0,\n\t\t\t\t\tkey: 0,\n\t\t\t\t\ticonKey: 'all',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '中型',\n\t\t\t\t\tnum: 0,\n\t\t\t\t\tkey: 4,\n\t\t\t\t\ticonKey: 'zhong',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '小 (1) 型',\n\t\t\t\t\tnum: 0,\n\t\t\t\t\tkey: 5,\n\t\t\t\t\ticonKey: 'xiao1',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '小 (2) 型',\n\t\t\t\t\tnum: 0,\n\t\t\t\t\tkey: 6,\n\t\t\t\t\ticonKey: 'xiao2',\n\t\t\t\t},\n\t\t\t],\n\t\t\tSearchReservoirItemData: [{\n\t\t\t\t\tname: '中型',\n\t\t\t\t\tnum: 0,\n\t\t\t\t\tkey: 4,\n\t\t\t\t\ticonKey: 'zhong',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '小 (1) 型',\n\t\t\t\t\tnum: 0,\n\t\t\t\t\tkey: 5,\n\t\t\t\t\ticonKey: 'xiao1',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '小 (2) 型',\n\t\t\t\t\tnum: 0,\n\t\t\t\t\tkey: 6,\n\t\t\t\t\ticonKey: 'xiao2',\n\t\t\t\t},\n\t\t\t],\n\t\t\tsafeAndMaintain: [],\n\t\t\tstationData: [{\n\t\t\t\t\tsttp: '雨量站',\n\t\t\t\t\tcount: 0,\n\t\t\t\t\tnormalCount: 0,\n\t\t\t\t\tfaultCount: 0,\n\t\t\t\t\ticon: 'bbsl-yuliang',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tsttp: '水库水位站',\n\t\t\t\t\tcount: 0,\n\t\t\t\t\tnormalCount: 0,\n\t\t\t\t\tfaultCount: 0,\n\t\t\t\t\ticon: 'bbsl-shuiwen',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tsttp: '生态流量站',\n\t\t\t\t\tcount: 0,\n\t\t\t\t\tnormalCount: 0,\n\t\t\t\t\tfaultCount: 0,\n\t\t\t\t\ticon: 'bbsl-shenliu',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tsttp: '渗压点',\n\t\t\t\t\tcount: 0,\n\t\t\t\t\tnormalCount: 0,\n\t\t\t\t\tfaultCount: 0,\n\t\t\t\t\ticon: 'bbsl-shenya',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tsttp: '位移点',\n\t\t\t\t\tcount: 0,\n\t\t\t\t\tnormalCount: 0,\n\t\t\t\t\tfaultCount: 0,\n\t\t\t\t\ticon: 'bbsl-weiyi',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tsttp: '视频站',\n\t\t\t\t\tcount: 0,\n\t\t\t\t\tnormalCount: 0,\n\t\t\t\t\tfaultCount: 0,\n\t\t\t\t\ticon: 'bbsl-shipin',\n\t\t\t\t},\n\t\t\t],\n\t\t\t// 累计雨量\n\t\t\trainfallData: [],\n\t\t\trainfallData1: [{\n\t\t\t\t\tkey: '1',\n\t\t\t\t\tname: '测站1',\n\t\t\t\t\tnum: 50,\n\t\t\t\t\ttotal: 174,\n\t\t\t\t\tfrist: 50,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: '2',\n\t\t\t\t\tname: '测站2',\n\t\t\t\t\tnum: 42,\n\t\t\t\t\ttotal: 174,\n\t\t\t\t\tfrist: 50,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: '3',\n\t\t\t\t\tname: '测站3',\n\t\t\t\t\tnum: 37,\n\t\t\t\t\ttotal: 174,\n\t\t\t\t\tfrist: 50,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: '4',\n\t\t\t\t\tname: '测站4',\n\t\t\t\t\tnum: 29,\n\t\t\t\t\ttotal: 174,\n\t\t\t\t\tfrist: 50,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: '5',\n\t\t\t\t\tname: '测站5',\n\t\t\t\t\tnum: 16,\n\t\t\t\t\ttotal: 174,\n\t\t\t\t\tfrist: 50,\n\t\t\t\t},\n\t\t\t],\n\t\t\tinspectionHeader: [{\n\t\t\t\t\tkey: 'order',\n\t\t\t\t\twidth: '14px',\n\t\t\t\t\tname: '',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'rsnm',\n\t\t\t\t\twidth: 'calc(100% - 14px)',\n\t\t\t\t\tname: '已巡检水库',\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t// key: 'incn',\n\t\t\t\t// width: '30%',\n\t\t\t\t// name: '内容',\n\t\t\t\t// },\n\t\t\t\t// {\n\t\t\t\t// key: 'isNormal',\n\t\t\t\t// width: '10%',\n\t\t\t\t// name: '状态',\n\t\t\t\t// },\n\t\t\t\t// {\n\t\t\t\t// key: 'insdt',\n\t\t\t\t// width: 'calc(30% - 14px)',\n\t\t\t\t// name: '巡检日期',\n\t\t\t\t// },\n\t\t\t],\n\t\t\tinspectionHeader1: [{\n\t\t\t\t\tkey: 'order',\n\t\t\t\t\twidth: '14px',\n\t\t\t\t\tname: '',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'rsnm',\n\t\t\t\t\twidth: 'calc(100% - 14px)',\n\t\t\t\t\tname: '已巡检水库',\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t// key: 'incn',\n\t\t\t\t// width: '30%',\n\t\t\t\t// name: '内容',\n\t\t\t\t// },\n\t\t\t\t// {\n\t\t\t\t// key: 'isNormal',\n\t\t\t\t// width: '10%',\n\t\t\t\t// name: '状态',\n\t\t\t\t// },\n\t\t\t\t// {\n\t\t\t\t// key: 'insdt',\n\t\t\t\t// width: 'calc(30% - 14px)',\n\t\t\t\t// name: '巡检日期',\n\t\t\t\t// },\n\t\t\t],\n\t\t\tinspectionHeader2: [{\n\t\t\t\t\tkey: 'order',\n\t\t\t\t\twidth: '14px',\n\t\t\t\t\tname: '',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'rsnm',\n\t\t\t\t\twidth: 'calc(100% - 14px)',\n\t\t\t\t\tname: '未巡检水库',\n\t\t\t\t},\n\t\t\t],\n\t\t\tinspectionData: [],\n\t\t\tinspectionData1: [],\n\t\t\tinspectionData2: [],\n\t\t\tfloodLimit: null,\n\t\t\tsafeMaintain: [],\n\t\t\t// 超汛限 滚动表\n\t\t\tfloodLimitHeader: [{\n\t\t\t\t\tkey: 'order',\n\t\t\t\t\twidth: '20%',\n\t\t\t\t\tname: '危险等级',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'rsnm',\n\t\t\t\t\twidth: '20%',\n\t\t\t\t\tname: '水库',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'fsltdz',\n\t\t\t\t\twidth: '15%',\n\t\t\t\t\tname: '预警阈值',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'rz',\n\t\t\t\t\twidth: '15%',\n\t\t\t\t\tname: '当前水位',\n\t\t\t\t},\n\n\t\t\t\t{\n\t\t\t\t\tkey: 'tm',\n\t\t\t\t\twidth: 'calc(20% - 14px)',\n\t\t\t\t\tname: '时间',\n\t\t\t\t},\n\t\t\t],\n\t\t\tfloodLimitData: [\n\t\t\t\t// {\n\t\t\t\t// rsnm: '水库1',\n\t\t\t\t// limit: 125,\n\t\t\t\t// current: 128,\n\t\t\t\t// differ: 3,\n\t\t\t\t// time: '04-05 12:02:08',\n\t\t\t\t// },\n\t\t\t],\n\t\t\tinspectionPieChart: null,\n\t\t\tinspectionPieOption: null,\n\t\t\tinspectionPieData: [{\n\t\t\t\t\tvalue: 0,\n\t\t\t\t\tname: '已巡检',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tvalue: 0,\n\t\t\t\t\tname: '未巡检',\n\t\t\t\t},\n\t\t\t],\n\t\t\tproblemPieData: [{\n\t\t\t\t\tvalue: 0,\n\t\t\t\t\tname: '已处理巡检问题',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tvalue: 0,\n\t\t\t\t\tname: '未处理巡检问题',\n\t\t\t\t},\n\t\t\t],\n\t\t\tinstepTitle: '已巡检',\n\t\t\tproblemTitle: '已处理巡检问题',\n\t\t\tproblemPieChart: null,\n\t\t\tproblemPieOption: null,\n\t\t\tproblemHeader: [{\n\t\t\t\t\tkey: 'order',\n\t\t\t\t\twidth: '14px',\n\t\t\t\t\tname: '',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'rsnm',\n\t\t\t\t\twidth: '20%',\n\t\t\t\t\tname: '水库',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'incn',\n\t\t\t\t\twidth: '20%',\n\t\t\t\t\tname: '已处理问题',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'excUser',\n\t\t\t\t\twidth: '20%',\n\t\t\t\t\tname: '处理人',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'excTime',\n\t\t\t\t\twidth: '20%',\n\t\t\t\t\tname: '处理时间',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'createTime',\n\t\t\t\t\twidth: 'calc(20% - 14px)',\n\t\t\t\t\tname: '巡检时间',\n\t\t\t\t},\n\t\t\t],\n\t\t\tproblemData: [],\n\t\t\thasInspectionReservoirs: [], //已巡检水库\n\t\t\tnoInspectionReservoirs: [], //未巡检水库\n\t\t\tproblemData1: [],\n\t\t\tproblemData2: [],\n\t\t\tregionData: [],\n\t\t\t// 水位报警\n\t\t\twaterAlarm: [],\n\t\t\t// 雨量报警\n\t\t\trainAlarm: [],\n\t\t\t//视频报警\n\t\t\t// TODO 模拟数据\n\t\t\tvideoAlarm: {\n\t\t\t\tcount: 0,\n\t\t\t\tname: '水库',\n\t\t\t\tlist: [],\n\t\t\t},\n\t\t}\n\t},\n\tcomputed: {\n\t\toptionSingleHeightTime1() {\n\t\t\treturn {\n\t\t\t\tsingleHeight: 29,\n\t\t\t\twaitTime: 1000,\n\t\t\t}\n\t\t},\n\t\toptionSingleHeightTime2() {\n\t\t\treturn {\n\t\t\t\tsingleHeight: 29,\n\t\t\t\twaitTime: 2500,\n\t\t\t}\n\t\t},\n\t},\n\tmounted() {\n\t\tthis.initMap()\n\t\t// 初始化临界水位\n\t\t// this.initFloodLimitBar()\n\t\t// 初始化巡检\n\t\t// this.initInspectionChart()\n\t\t// this.initProblemChart()\n\t\tthis.$root.$on('resize', () => {\n\t\t\tthis.resize(500)\n\t\t})\n\t\t// this.problemData = this.problemData1\n\t},\n\tcreated() {\n\t\tthis.getResSituation() //水库概况\n\t\t// this.getResDetail()//水库详情\n\t\tthis.getStationSituation() //测站概况\n\t\t// this.grtLatestIns() //最新巡检\n\t\tthis.getRealTimeRainList() //实时雨情\n\t\tthis.getRealTimeWaterList() //实时水情\n\t\tthis.getSuperLimitedRank() //超汛限柱状图\n\t\tthis.getInsResult() //当日巡检水库\n\t\tthis.getInsQuestion() //当日巡检问题\n\t\tthis.Warning()\n\t\tthis.getSysDict() //水库名称下拉\n\t\t// this.grtStatistical() //当年巡检排名\n\t\t// this.getDayYlList()//日雨量累计排行\n\t},\n\tmethods: {\n\t\t//获取字典数据\n\t\tgetSysDict() {\n\t\t\tlet portal = window.context.portal\n\t\t\treturn new Promise((resolve, reject) => {\n\t\t\t\treq.post(\n\t\t\t\t\tportal + '/sys/sysDictionary/v1/queryAllDictItems'\n\t\t\t\t).then(\n\t\t\t\t\t(response) => {\n\t\t\t\t\t\tresolve(response.data)\n\t\t\t\t\t\tindexApi.getRsnm({}, (res) => {\n\t\t\t\t\t\t\tthis.rsnms = res.value\n\t\t\t\t\t\t\tconsole.log(this.rsnms, '水库')\n\t\t\t\t\t\t})\n\t\t\t\t\t},\n\t\t\t\t\t(error) => {\n\t\t\t\t\t\treject(error)\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t})\n\t\t},\n\t\tshowInput() {\n\t\t\tthis.sqInput = !this.sqInput\n\t\t},\n\t\t// 地图搜索水库位置\n\t\tasync inputskData(id) {\n\t\t\tconsole.log(id)\n\t\t\tif (id != '' && id != null && id != undefined) {\n\t\t\t\tconsole.log('执行了')\n\t\t\t\tlet resReqVo = {\n\t\t\t\t\trscd: id,\n\t\t\t\t}\n\t\t\t\tawait digitalReservoir.resSituation(resReqVo, (res) => {\n\t\t\t\t\tif (res.state) {\n\t\t\t\t\t\tthis.searchSituations = res.value\n\t\t\t\t\t\tthis.reservoirTotal = res.value.resCount\n\t\t\t\t\t\tthis.searchSituations.countVoList.forEach((e) => {\n\t\t\t\t\t\t\tfor (\n\t\t\t\t\t\t\t\tlet index = 0; index < this.SearchReservoirItemData.length; index++\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tlet i = this.SearchReservoirItemData[index]\n\t\t\t\t\t\t\t\tif (e.name == i.name) {\n\t\t\t\t\t\t\t\t\ti.num = e.count\n\t\t\t\t\t\t\t\t\ti.list = e.list\n\t\t\t\t\t\t\t\t\tthis.handleMapMark(i, index + 1)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\t// 切换实时水情统计类型\n\t\tchangeWaterType(key) {\n\t\t\tif (key == '') {\n\t\t\t\tlet routeData = this.$router.resolve({\n\t\t\t\t\tpath: '/bizPlat/monitor/sqMonitor/swStQuery',\n\t\t\t\t})\n\t\t\t\twindow.open(routeData.href, '_blank')\n\t\t\t} else {\n\t\t\t\tthis.getRealTimeWaterList()\n\t\t\t}\n\t\t},\n\t\t//打开报警弹框\n\t\thandlePopup(title, type, data, logo) {\n\t\t\tthis.$nextTick(() => {\n\t\t\t\tthis.$refs.stationsModel.open(title, type, data, logo)\n\t\t\t})\n\t\t},\n\t\t//水位 雨量\n\t\tWarning() {\n\t\t\tindexApi.swWarning((res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.waterAlarm = res.value\n\t\t\t\t\tthis.waterAlarm.forEach((e) => {\n\t\t\t\t\t\tif (e.name == '水库') {\n\t\t\t\t\t\t\tthis.waterAlarm = e\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t\tindexApi.ylWarning((res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.rainAlarm = res.value\n\t\t\t\t\tthis.rainAlarm.forEach((e) => {\n\t\t\t\t\t\tif (e.name == '水库') {\n\t\t\t\t\t\t\tthis.rainAlarm = e\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t// 实时水情\n\t\tgetRealTimeWaterList() {\n\t\t\tindexApi.realTimeWaterList(this.realtimeWaterType, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.realtimeWaterData = res.value\n\t\t\t\t\t// 预警等级\n\t\t\t\t\tlet yjdjList = dictUtils.getDictItemsFromCache('yjdj')\n\t\t\t\t\t// 水势\n\t\t\t\t\tlet ssList = dictUtils.getDictItemsFromCache('ss')\n\t\t\t\t\tthis.realtimeWaterData.forEach((e) => {\n\t\t\t\t\t\tif (!e.tm) {\n\t\t\t\t\t\t\te.tm = ''\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\te.tm = e.tm\n\t\t\t\t\t\t\t\t.replace('-', '/')\n\t\t\t\t\t\t\t\t.split('/')[1]\n\t\t\t\t\t\t\t\t.slice(0, 11)\n\t\t\t\t\t\t\t\t.replace('-', '/')\n\t\t\t\t\t\t}\n\t\t\t\t\t\tyjdjList.forEach((l) => {\n\t\t\t\t\t\t\tif (e.warnGrade == l.value) {\n\t\t\t\t\t\t\t\te.warnGrade = l.name\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t\tssList.forEach((s) => {\n\t\t\t\t\t\t\tif ((e.rwptn = s.value)) {\n\t\t\t\t\t\t\t\te.rwptn = s.name\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t// 点击查询实时水情具体信息\n\t\tsearchWaterData(val) {\n\t\t\tlet address = val.stcd\n\t\t\twindow.sessionStorage.setItem('StationId', address)\n\t\t\twindow.sessionStorage.setItem('pages', 'first')\n\t\t\tlet routeData = this.$router.resolve({\n\t\t\t\tpath: '/bizPlat/monitor/sqMonitor/swStQuery',\n\t\t\t})\n\t\t\twindow.open(routeData.href, '_blank')\n\t\t},\n\t\t//实时雨情\n\t\tgetRealTimeRainList() {\n\t\t\tindexApi.realTimeRainList(this.realtimeRainType, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.realtimeRainData = res.value\n\t\t\t\t\tlet yjdjList = dictUtils.getDictItemsFromCache('yjdj')\n\t\t\t\t\tlet ssList = dictUtils.getDictItemsFromCache('ss')\n\t\t\t\t\tlet warn = '警戒'\n\t\t\t\t\tlet danger = '危险'\n\t\t\t\t\tthis.realtimeRainData.forEach((e) => {\n\t\t\t\t\t\tif (!e.tm) {\n\t\t\t\t\t\t\te.tm = ''\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\te.tm = e.tm\n\t\t\t\t\t\t\t\t.replace('-', '/')\n\t\t\t\t\t\t\t\t.split('/')[1]\n\t\t\t\t\t\t\t\t.slice(0, 11)\n\t\t\t\t\t\t\t\t.replace('-', '/')\n\t\t\t\t\t\t}\n\t\t\t\t\t\tyjdjList.forEach((l) => {\n\t\t\t\t\t\t\tif (e.warnGrade == l.value) {\n\t\t\t\t\t\t\t\te.warnGrade = l.name\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t\tssList.forEach((s) => {\n\t\t\t\t\t\t\tif ((e.rwptn = s.value)) {\n\t\t\t\t\t\t\t\te.rwptn = s.name\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t\te.thresholdData.forEach((a) => {\n\t\t\t\t\t\t\tif (warn == a.gradeName) {\n\t\t\t\t\t\t\t\tthis.rainWarn = a.yjz\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (danger == a.gradeName) {\n\t\t\t\t\t\t\t\tthis.rainDanger = a.yjz\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t// 切换实时雨情统计类型\n\t\tchangeRainType(key) {\n\t\t\tif (key == '') {\n\t\t\t\tlet routeData = this.$router.resolve({\n\t\t\t\t\tpath: '/bizPlat/monitor/sqMonitor/swStQuery',\n\t\t\t\t})\n\t\t\t\twindow.open(routeData.href, '_blank')\n\t\t\t} else {\n\t\t\t\tthis.getRealTimeRainList()\n\t\t\t}\n\t\t},\n\t\t// 点击查询实时水情具体信息\n\t\tsearchRainData(val) {\n\t\t\tlet address = val.stcd\n\t\t\twindow.sessionStorage.setItem('StationId', address)\n\t\t\tlet routeData = this.$router.resolve({\n\t\t\t\tpath: '/bizPlat/monitor/resMonitor/ylStQuery',\n\t\t\t})\n\t\t\twindow.open(routeData.href, '_blank')\n\t\t},\n\t\t//水库概况\n\t\tgetResSituation() {\n\t\t\tlet resReqVo = {\n\t\t\t\trscd: '',\n\t\t\t\ttime: '',\n\t\t\t\twaterId: '',\n\t\t\t\tyear: 0,\n\t\t\t}\n\t\t\tdigitalReservoir.resSituation(resReqVo, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.situations = res.value\n\t\t\t\t\tconsole.log(res.value)\n\t\t\t\t\tres.value.countVoList.forEach((e) => {\n\t\t\t\t\t\tthis.reservoirItemData.forEach((i) => {\n\t\t\t\t\t\t\tif (e.name == i.name) {\n\t\t\t\t\t\t\t\ti.num = e.count\n\t\t\t\t\t\t\t\ti.list = e.list\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t\tthis.reservoirTotal = res.value.resCount\n\t\t\t\t\tthis.handleMapMark('', 0)\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//测站概况\n\t\tgetStationSituation() {\n\t\t\t// return\n\t\t\tdigitalReservoir.stationSituation(this.params, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tres.value.forEach((e) => {\n\t\t\t\t\t\tthis.stationData.forEach((s) => {\n\t\t\t\t\t\t\tif(s.sttp=='雨量站'){\n\t\t\t\t\t\t\t\tconsole.log(s);\n\t\t\t\t\t\t\t}else if (e.sttp == s.sttp) {\n\t\t\t\t\t\t\t\ts.count = e.count\n\t\t\t\t\t\t\t\ts.normalCount = e.normalCount\n\t\t\t\t\t\t\t\ts.faultCount = e.faultCount\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t\tthis.stationData[0].count=this.stationData[1].count\n\t\t\t\t\tthis.stationData[0].faultCount=this.stationData[1].faultCount\n\t\t\t\t\tthis.stationData[0].normalCount=this.stationData[1].normalCount\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t// 点击查询超讯限具体信息\n\t\tsearchReservoirData(val) {\n\t\t\tlet address = val.stcd\n\t\t\twindow.sessionStorage.setItem('StationId', address)\n\t\t\twindow.sessionStorage.setItem('pages', 'first')\n\t\t\tlet routeData = this.$router.resolve({\n\t\t\t\tpath: '/bizPlat/monitor/sqMonitor/swStQuery',\n\t\t\t})\n\t\t\twindow.open(routeData.href, '_blank')\n\t\t},\n\t\t//超汛限柱状图\n\t\tgetSuperLimitedRank() {\n\t\t\tdigitalReservoir.superLimitedRank((res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.floodLimitData = res.value[0].list\n\t\t\t\t\tlet list = dictUtils.getDictItemsFromCache('yjdj')\n\t\t\t\t\tthis.floodLimitData.forEach((e) => {\n\t\t\t\t\t\tif (!e.sendDate) {\n\t\t\t\t\t\t\te.sendDate = ''\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\te.sendDate = e.sendDate\n\t\t\t\t\t\t\t\t.replace('-', '/')\n\t\t\t\t\t\t\t\t.split('/')[1]\n\t\t\t\t\t\t\t\t.slice(0, 11)\n\t\t\t\t\t\t\t\t.replace('-', '/')\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlist.forEach((l) => {\n\t\t\t\t\t\t\tif (e.warnGrade == l.value) {\n\t\t\t\t\t\t\t\te.warnGradeName = l.name\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//当年巡检排名\n\t\tgrtStatistical() {\n\t\t\tdigitalReservoir.statistical(this.params, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.rainfallData = res.value\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//最新巡检\n\t\tgrtLatestIns() {\n\t\t\tdigitalReservoir.latestIns(this.params, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.inspectionData1 = this.inspectionData = res.value\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//日雨量累计排行\n\t\tgetDayYlList() {\n\t\t\tdigitalReservoir.dayYlList('', (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.rainfallData1 = res.value\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//当日巡检水库\n\t\tgetInsResult() {\n\t\t\tlet param = {\n\t\t\t\tinsStatus: 0,\n\t\t\t\trscd: '',\n\t\t\t\ttime: '',\n\t\t\t\twaterId: '',\n\t\t\t\tyear: 0,\n\t\t\t}\n\t\t\tdigitalReservoir.insResult(param, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tres.value.forEach((e) => {\n\t\t\t\t\t\tif (e.insStatus == 1) {\n\t\t\t\t\t\t\t;\n\t\t\t\t\t\t\t(this.hasInspectionReservoirs = e.list ?\n\t\t\t\t\t\t\t\te.list : []),\n\t\t\t\t\t\t\t(this.inspectionPieData[0].value = e.list ?\n\t\t\t\t\t\t\t\te.list.length :\n\t\t\t\t\t\t\t\t0)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t;\n\t\t\t\t\t\t\t(this.noInspectionReservoirs = e.list ?\n\t\t\t\t\t\t\t\te.list : []),\n\t\t\t\t\t\t\t(this.inspectionPieData[1].value = e.list ?\n\t\t\t\t\t\t\t\te.list.length :\n\t\t\t\t\t\t\t\t0)\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\tthis.inspectionData = this.hasInspectionReservoirs\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.initInspectionChart()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//当日巡检问题\n\t\tgetInsQuestion() {\n\t\t\tlet param = {\n\t\t\t\tinsStatus: 0,\n\t\t\t\trscd: '',\n\t\t\t\ttime: '',\n\t\t\t\twaterId: '',\n\t\t\t\tyear: 0,\n\t\t\t}\n\t\t\tdigitalReservoir.insQuestion(param, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tres.value.forEach((e) => {\n\t\t\t\t\t\tif (e.insStatus == 1) {\n\t\t\t\t\t\t\tthis.problemData1 = e.list ? e.list : []\n\t\t\t\t\t\t\tthis.problemPieData[0].value = e.list ?\n\t\t\t\t\t\t\t\te.list.length :\n\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.problemData2 = e.list ? e.list : []\n\t\t\t\t\t\t\tthis.problemPieData[1].value = e.list ?\n\t\t\t\t\t\t\t\te.list.length :\n\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\tthis.problemData = this.problemData1\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.initProblemChart()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\thandleStation(title, type, data) {\n\t\t\tlet czlbList = dictUtils.getDictItemsFromCache('tj-czlb')\n\t\t\tczlbList.forEach((e) => {\n\t\t\t\tif (e.name == title) {\n\t\t\t\t\tdata.sttp = e.value\n\t\t\t\t}\n\t\t\t})\n\t\t\tthis.$refs.stationsModel.open(title, type, data)\n\t\t},\n\t\tresize(delay) {\n\t\t\t// 动态计算表格的高度,自适应当前容器\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.floodLimit.resize()\n\t\t\t\tthis.myChart.resize()\n\t\t\t\tthis.inspectionPieChart.resize()\n\t\t\t\tthis.problemPieChart.resize()\n\t\t\t}, delay || 0)\n\t\t},\n\t\tinitFloodLimitBar() {\n\t\t\tconst floodLimitDom = document.getElementById('flood-limit')\n\t\t\tthis.floodLimit = echarts.init(floodLimitDom)\n\t\t\tlet option = {\n\t\t\t\tlegend: {\n\t\t\t\t\tleft: 5,\n\t\t\t\t\tbottom: 5,\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tcolor: '#adb9ba',\n\t\t\t\t\t\tfontSize: 10,\n\t\t\t\t\t},\n\t\t\t\t\titemWidth: 10,\n\t\t\t\t\titemHeight: 10,\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'axis',\n\t\t\t\t\tbackgroundColor: 'rgba(0,0,0,0.7)',\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tcolor: '#dddee0',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tgrid: {\n\t\t\t\t\ttop: 30,\n\t\t\t\t\tright: '2%',\n\t\t\t\t\tbottom: 50,\n\t\t\t\t},\n\t\t\t\tdataset: {\n\t\t\t\t\tsource: [\n\t\t\t\t\t\t['product', '汛限水位'],\n\t\t\t\t\t\t['xxx水库1', 307, 85.8],\n\t\t\t\t\t\t['xxX水库2', 256, 73.4],\n\t\t\t\t\t\t['xxx水库3', 335, 86.4],\n\t\t\t\t\t\t['xxx水库4', 389, 53.9],\n\t\t\t\t\t\t['xxx水库5', 298, 66.9],\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\txAxis: {\n\t\t\t\t\ttype: 'category',\n\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tyAxis: {\n\t\t\t\t\taxisLine: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t},\n\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\tshow: false,\n\t\t\t\t\t},\n\t\t\t\t\tscale: true,\n\t\t\t\t},\n\t\t\t\tseries: [{\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tshowBackground: true,\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t1,\n\t\t\t\t\t\t\t[{\n\t\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\t\tcolor: '#6767ff',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\toffset: 0.5,\n\t\t\t\t\t\t\t\t\tcolor: '#6767ff',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t\t\t\tcolor: '#bcbcf8',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t),\n\t\t\t\t\t\tbarBorderRadius: [40, 40, 0, 0],\n\t\t\t\t\t},\n\t\t\t\t\tbarWidth: 14,\n\t\t\t\t}, ],\n\t\t\t}\n\t\t\toption && this.floodLimit.setOption(option)\n\t\t},\n\t\tinitMap() {\n\t\t\tthis.myChart = echarts.init(\n\t\t\t\tdocument.getElementById('map-container')\n\t\t\t)\n\n\t\t\t// 注册 echarts 地图\n\t\t\techarts.registerMap('beibei', towns)\n\t\t\tvar markPointData = []\n\t\t\tthis.option = {\n\t\t\t\tvisualMap: {\n\t\t\t\t\tshow: false,\n\t\t\t\t\tmin: 0,\n\t\t\t\t\tmax: 300,\n\t\t\t\t\tinRange: {\n\t\t\t\t\t\tcolor: ['#e0ffff', '#006edd'],\n\t\t\t\t\t},\n\t\t\t\t\tcalculable: true,\n\t\t\t\t},\n\t\t\t\tgeo: {\n\t\t\t\t\ttype: 'map',\n\t\t\t\t\tmap: 'beibei',\n\t\t\t\t\troam: true,\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\t//地图显示的地点名\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t\tfontSize: 10,\n\t\t\t\t\t},\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\tareaColor: '#188df0', //地图区域的颜色(没有数据时会按照这个颜色显示)\n\t\t\t\t\t\tborderColor: '#d2d2d3', //地图区域的边框\n\t\t\t\t\t\tborderWidth: 1,\n\t\t\t\t\t\t// shadowOffsetX: 0,\n\t\t\t\t\t\t// shadowOffsetY: 10,\n\t\t\t\t\t\t// shadowColor: '#043b68',\n\t\t\t\t\t},\n\t\t\t\t\temphasis: {\n\t\t\t\t\t\tdisabled: true,\n\t\t\t\t\t\t//高亮的显示设置\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t\t},\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tareaColor: '#f69502',\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t// emphasis: {\n\t\t\t\t\t// disabled: true,\n\t\t\t\t\t// },\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\tshow: false,\n\t\t\t\t\t},\n\t\t\t\t\tselect: {\n\t\t\t\t\t\tdisabled: true,\n\t\t\t\t\t},\n\t\t\t\t\tlayoutCenter: ['50%', '50%'],\n\t\t\t\t\tlayoutSize: '105%',\n\t\t\t\t\tregions: [{\n\t\t\t\t\t\t\tname: '柳荫镇',\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tareaColor: '#087bda',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: '水土街道',\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tareaColor: '#087bda',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: '天生街道',\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tareaColor: '#087bda',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: '歇马街道',\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tareaColor: '#087bda',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: '东阳街道',\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tareaColor: '#087bda',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: '童家溪镇',\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tareaColor: '#087bda',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: '北温泉街道',\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tareaColor: '#4caaf7',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: '静观镇',\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tareaColor: '#4caaf7',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: '蔡家岗街道',\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tareaColor: '#4caaf7',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'item',\n\t\t\t\t},\n\t\t\t\tseries: [{\n\t\t\t\t\ttype: 'scatter',\n\t\t\t\t\tsymbol: (value, params) => {\n\t\t\t\t\t\tlet iconKey = value[2]\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t'image://' +\n\t\t\t\t\t\t\trequire(`@/assets/img/dw_${iconKey}.png`)\n\t\t\t\t\t\t)\n\t\t\t\t\t},\n\t\t\t\t\tcoordinateSystem: 'geo',\n\t\t\t\t\tsymbolSize: [30, 30],\n\t\t\t\t\tdata: markPointData,\n\t\t\t\t\tzlevel: 1,\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t},\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\tbackgroundColor: 'rgba(0,0,0,0.7)',\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tcolor: '#dddee0',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tformatter: (params, ticket, callback) => {\n\t\t\t\t\t\t\tlet text = params.data[3]\n\t\t\t\t\t\t\t// $.get(\n\t\t\t\t\t\t\t// 'detail?name=' + params.name,\n\t\t\t\t\t\t\t// function (content) {\n\t\t\t\t\t\t\t// callback(ticket, toHTML(content))\n\t\t\t\t\t\t\t// }\n\t\t\t\t\t\t\t// )\n\t\t\t\t\t\t\treturn text\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t}, ],\n\t\t\t}\n\t\t\tthis.myChart.setOption(this.option)\n\t\t\tthis.myChart.on('click', (params) => {\n\t\t\t\t// return\n\t\t\t\tlet key = params.value[3]\n\t\t\t\tlet rscd = params.value[4]\n\t\t\t\t// if (params.componentType == 'title') {\n\t\t\t\t// this.changePieDetail('all')\n\t\t\t\t// } else if (params.componentType == 'series') {\n\t\t\t\t// this.changePieDetail(params.data.key)\n\t\t\t\t// }\n\t\t\t\tthis.$router.push({\n\t\t\t\t\tpath: '/frontPlat/digitalReservoir/' + key,\n\t\t\t\t\tquery: {\n\t\t\t\t\t\trscd: rscd,\n\t\t\t\t\t\trsnm: key,\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t})\n\t\t},\n\t\thandleMapMark(item, index) {\n\t\t\tconsole.log(item, index)\n\t\t\tlet iconKey\n\t\t\tlet markPointData = []\n\t\t\tif (index == 0) {\n\t\t\t\tthis.currentPoint = 0\n\t\t\t\ticonKey = 'all'\n\t\t\t\tthis.reservoirItemData.forEach((r) => {\n\t\t\t\t\tif (r.list) {\n\t\t\t\t\t\ticonKey = r.iconKey\n\t\t\t\t\t\tr.list.forEach((e) => {\n\t\t\t\t\t\t\tmarkPointData.push([\n\t\t\t\t\t\t\t\te.eslg,\n\t\t\t\t\t\t\t\te.nrlt,\n\t\t\t\t\t\t\t\ticonKey,\n\t\t\t\t\t\t\t\te.rsnm,\n\t\t\t\t\t\t\t\te.rscd,\n\t\t\t\t\t\t\t])\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.currentPoint = index\n\t\t\t\ticonKey = item.iconKey\n\t\t\t\tif (item.list) {\n\t\t\t\t\titem.list.forEach((e) => {\n\t\t\t\t\t\tmarkPointData.push([\n\t\t\t\t\t\t\te.eslg,\n\t\t\t\t\t\t\te.nrlt,\n\t\t\t\t\t\t\ticonKey,\n\t\t\t\t\t\t\te.rsnm,\n\t\t\t\t\t\t\te.rscd,\n\t\t\t\t\t\t])\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t\t// markPointData = [\n\t\t\t// \t[106.386126, 29.791592, iconKey, '水库1'],\n\t\t\t// \t[106.51321, 29.820836, iconKey, '水库2'],\n\t\t\t// \t[106.486126, 29.801592, iconKey, '水库3'],\n\t\t\t// \t[106.561321, 29.870836, iconKey, '水库4'],\n\t\t\t// ]\n\t\t\tthis.option.series[0].data = markPointData\n\t\t\tthis.myChart.setOption(this.option)\n\t\t},\n\t\tinitInspectionChart() {\n\t\t\tconst inspectionDom = document.getElementById('inspectionChart')\n\t\t\tthis.inspectionPieChart = echarts.init(inspectionDom)\n\t\t\tthis.inspectionPieOption = {\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'item',\n\t\t\t\t\tformatter: '{a}
{b} : {c}个 ({d}%)',\n\t\t\t\t\tbackgroundColor: 'rgba(0,0,0,0.7)',\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tcolor: '#dddee0',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tbottom: 10,\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tcolor: '#adb9ba',\n\t\t\t\t\t},\n\t\t\t\t\ticon: 'circle',\n\t\t\t\t\titemWidth: 10,\n\t\t\t\t\titemHeight: 10,\n\t\t\t\t},\n\t\t\t\tseries: [{\n\t\t\t\t\t\tname: '巡检水库',\n\t\t\t\t\t\ttype: 'pie',\n\t\t\t\t\t\t// radius: '50%',\n\t\t\t\t\t\tradius: ['46%', '66%'],\n\t\t\t\t\t\tcenter: ['50%', '50%'],\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tcolor: '#f5f5f5',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tlabelLine: {\n\t\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\t\tcolor: 'rgba(255, 255, 255, 0.3)',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tsmooth: 0.2,\n\t\t\t\t\t\t\tlength: 2,\n\t\t\t\t\t\t\tlength2: 6,\n\t\t\t\t\t\t},\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\tcolor: function(params) {\n\t\t\t\t\t\t\t\t\t//自定义颜色\n\t\t\t\t\t\t\t\t\tvar colorList = ['#4caaf7', '#ee6666']\n\t\t\t\t\t\t\t\t\treturn colorList[params.dataIndex]\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdata: this.inspectionPieData,\n\t\t\t\t\t},\n\t\t\t\t\t// {\n\t\t\t\t\t// name: '巡检问题',\n\t\t\t\t\t// type: 'pie',\n\t\t\t\t\t// radius: '50%',\n\t\t\t\t\t// center: ['75%', '50%'],\n\t\t\t\t\t// roseType: 'radius',\n\t\t\t\t\t// label: {\n\t\t\t\t\t// color: '#f5f5f5',\n\t\t\t\t\t// },\n\t\t\t\t\t// labelLine: {\n\t\t\t\t\t// lineStyle: {\n\t\t\t\t\t// color: 'rgba(255, 255, 255, 0.3)',\n\t\t\t\t\t// },\n\t\t\t\t\t// smooth: 0.2,\n\t\t\t\t\t// length: 2,\n\t\t\t\t\t// length2: 6,\n\t\t\t\t\t// },\n\t\t\t\t\t// itemStyle: {\n\t\t\t\t\t// normal: {\n\t\t\t\t\t// color: function (params) {\n\t\t\t\t\t// //自定义颜色\n\t\t\t\t\t// var colorList = ['#91cc75', '#ee6666']\n\t\t\t\t\t// return colorList[params.dataIndex]\n\t\t\t\t\t// },\n\t\t\t\t\t// },\n\t\t\t\t\t// },\n\t\t\t\t\t// data: this.problemPieData,\n\t\t\t\t\t// },\n\t\t\t\t],\n\t\t\t}\n\t\t\tthis.inspectionPieChart.setOption(this.inspectionPieOption)\n\t\t\tthis.inspectionPieChart.on('click', (params) => {\n\t\t\t\tif (params.seriesName == '巡检水库') {\n\t\t\t\t\tif (this.instepTitle == params.name) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.instepTitle = params.name\n\t\t\t\t\t\tif (params.name == '已巡检') {\n\t\t\t\t\t\t\tthis.inspectionHeader = this.inspectionHeader1\n\t\t\t\t\t\t\tthis.inspectionData = this.hasInspectionReservoirs\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.inspectionHeader = this.inspectionHeader2\n\t\t\t\t\t\t\tthis.inspectionData = this.noInspectionReservoirs\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else if (params.seriesName == '巡检问题') {\n\t\t\t\t\tif (this.problemTitle == params.name) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.problemTitle = params.name\n\t\t\t\t\t\tif (params.name == '已处理巡检问题') {\n\t\t\t\t\t\t\tthis.problemData = this.problemData1\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.problemData = this.problemData2\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\tinitProblemChart() {\n\t\t\tconst problemDom = document.getElementById('problemChart')\n\t\t\tthis.problemPieChart = echarts.init(problemDom)\n\t\t\tthis.problemPieOption = {\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'item',\n\t\t\t\t\tformatter: '{a}
{b} : {c}个 ({d}%)',\n\t\t\t\t\tbackgroundColor: 'rgba(0,0,0,0.7)',\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tcolor: '#dddee0',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tcolor: '#adb9ba',\n\t\t\t\t\t},\n\t\t\t\t\ticon: 'circle',\n\t\t\t\t\titemWidth: 10,\n\t\t\t\t\titemHeight: 10,\n\t\t\t\t},\n\t\t\t\tseries: [{\n\t\t\t\t\tname: '巡检问题',\n\t\t\t\t\ttype: 'pie',\n\t\t\t\t\tradius: ['46%', '66%'],\n\t\t\t\t\tcenter: ['50%', '45%'],\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\tcolor: '#f5f5f5',\n\t\t\t\t\t},\n\t\t\t\t\tlabelLine: {\n\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\tcolor: 'rgba(255, 255, 255, 0.3)',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsmooth: 0.2,\n\t\t\t\t\t\tlength: 2,\n\t\t\t\t\t\tlength2: 6,\n\t\t\t\t\t},\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\tcolor: function(params) {\n\t\t\t\t\t\t\t\t//自定义颜色\n\t\t\t\t\t\t\t\tvar colorList = ['#91cc75', '#ee6666']\n\t\t\t\t\t\t\t\treturn colorList[params.dataIndex]\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tdata: this.problemPieData,\n\t\t\t\t}, ],\n\t\t\t}\n\t\t\tthis.problemPieChart.setOption(this.problemPieOption)\n\t\t\tthis.problemPieChart.on('click', (params) => {\n\t\t\t\tif (params.seriesName == '巡检问题') {\n\t\t\t\t\tif (this.problemTitle == params.name) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (this.problemTitle == params.name) {\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.problemTitle = params.name\n\t\t\t\t\t\t\tif (params.name == '已处理巡检问题') {\n\t\t\t\t\t\t\t\tthis.problemData = this.problemData1\n\t\t\t\t\t\t\t\tthis.problemHeader = []\n\t\t\t\t\t\t\t\tlet col = [{\n\t\t\t\t\t\t\t\t\t\tkey: 'order',\n\t\t\t\t\t\t\t\t\t\twidth: '14px',\n\t\t\t\t\t\t\t\t\t\tname: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: 'rsnm',\n\t\t\t\t\t\t\t\t\t\twidth: '20%',\n\t\t\t\t\t\t\t\t\t\tname: '水库',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: 'incn',\n\t\t\t\t\t\t\t\t\t\twidth: '20%',\n\t\t\t\t\t\t\t\t\t\tname: '已处理问题',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: 'excUser',\n\t\t\t\t\t\t\t\t\t\twidth: '20%',\n\t\t\t\t\t\t\t\t\t\tname: '处理人',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: 'excTime',\n\t\t\t\t\t\t\t\t\t\twidth: '20%',\n\t\t\t\t\t\t\t\t\t\tname: '处理时间',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: 'createTime',\n\t\t\t\t\t\t\t\t\t\twidth: 'calc(20% - 14px)',\n\t\t\t\t\t\t\t\t\t\tname: '巡检时间',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\tthis.problemHeader = col\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tlet col = [{\n\t\t\t\t\t\t\t\t\t\tkey: 'order',\n\t\t\t\t\t\t\t\t\t\twidth: '14px',\n\t\t\t\t\t\t\t\t\t\tname: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: 'rsnm',\n\t\t\t\t\t\t\t\t\t\twidth: '25%',\n\t\t\t\t\t\t\t\t\t\tname: '水库',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: 'structure',\n\t\t\t\t\t\t\t\t\t\twidth: '23%',\n\t\t\t\t\t\t\t\t\t\tname: '位置',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: 'incc',\n\t\t\t\t\t\t\t\t\t\twidth: '20%',\n\t\t\t\t\t\t\t\t\t\tname: '巡检结论',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tkey: 'insdt',\n\t\t\t\t\t\t\t\t\t\twidth: 'calc(30% - 14px)',\n\t\t\t\t\t\t\t\t\t\tname: '巡检时间',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\tthis.problemData = this.problemData2\n\t\t\t\t\t\t\t\tthis.problemHeader = col\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t},\n}\n",null]}