{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\Index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\frontScreens\\Index.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\nimport * as echarts from 'echarts'\nimport VueSeamlessScroll from 'vue-seamless-scroll'\nimport indexApi from '@/api/frontScreen/index.js'\nimport stationsModel from './components/stationsModel.vue'\nimport stationsDetails from './components/stationsDetails.vue'\nimport dictUtils from '@/components/dict/DictSelectUtils.js'\nexport default {\n\tcomponents: {\n\t\tVueSeamlessScroll,\n\t\tstationsModel,\n\t\tstationsDetails,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tshowDetail: false,\n\t\t\tsstpListType: {\n\t\t\t\tappType: '',\n\t\t\t\tsstp: '1',\n\t\t\t\tquery: '',\n\t\t\t},\n\t\t\tweatherThreeDays: [{\n\t\t\t\t\tdate: '2022-03-18',\n\t\t\t\t\tdaypower: '≤3',\n\t\t\t\t\tdaytemp: '31',\n\t\t\t\t\tdayweather: '晴',\n\t\t\t\t\tdaywind: '南',\n\t\t\t\t\tnightpower: '≤3',\n\t\t\t\t\tnighttemp: '19',\n\t\t\t\t\tnightweather: '晴',\n\t\t\t\t\tnightwind: '南',\n\t\t\t\t\tweek: '5',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: '2022-03-19',\n\t\t\t\t\tdaypower: '≤3',\n\t\t\t\t\tdaytemp: '32',\n\t\t\t\t\tdayweather: '晴',\n\t\t\t\t\tdaywind: '东',\n\t\t\t\t\tnightpower: '≤3',\n\t\t\t\t\tnighttemp: '17',\n\t\t\t\t\tnightweather: '小雨',\n\t\t\t\t\tnightwind: '东',\n\t\t\t\t\tweek: '6',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: '2022-03-20',\n\t\t\t\t\tdaypower: '≤3',\n\t\t\t\t\tdaytemp: '25',\n\t\t\t\t\tdayweather: '小雨',\n\t\t\t\t\tdaywind: '北',\n\t\t\t\t\tnightpower: '≤3',\n\t\t\t\t\tnighttemp: '12',\n\t\t\t\t\tnightweather: '小雨',\n\t\t\t\t\tnightwind: '北',\n\t\t\t\t\tweek: '7',\n\t\t\t\t},\n\t\t\t],\n\t\t\tweatherToday: {\n\t\t\t\tdate: '2022-03-18',\n\t\t\t\tdaypower: '≤3',\n\t\t\t\tdaytemp: '31',\n\t\t\t\tdayweather: '晴',\n\t\t\t\tdaywind: '南',\n\t\t\t\tnightpower: '≤3',\n\t\t\t\tnighttemp: '19',\n\t\t\t\tnightweather: '晴',\n\t\t\t\tnightwind: '南',\n\t\t\t\tweek: '5',\n\t\t\t},\n\t\t\t// 政区基础概况\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\tvideoAlarm: [{\n\t\t\t\tcount: 0,\n\t\t\t\tname: '视频',\n\t\t\t\tlist: [],\n\t\t\t}, ],\n\t\t\tsqInput: false,\n\t\t\tyqInput: false,\n\t\t\tstInput: false,\n\t\t\tvalue1: '', //实时水情搜索\n\t\t\tvalue2: '', //实时雨情搜索\n\t\t\tvalue3: '', //生态流量搜索\n\t\t\t//测站正常率\n\t\t\tstationList: [],\n\t\t\t//工程概况\n\t\t\tprojectList: [],\n\t\t\tcountList: [],\n\t\t\tprojectTotal: null,\n\t\t\t//临界河道水位排行\n\t\t\tcriticalRiverList: [],\n\t\t\t//临界水库水位排行\n\t\t\tcriticalRsvrList: [],\n\t\t\t//当年取水量统计\n\t\t\tyearWaterPalns: [],\n\t\t\t//生态流量\n\t\t\tflowList: [],\n\t\t\tsstpList: [],\n\t\t\t//日累计降雨排行\n\t\t\trainfallData: [],\n\t\t\t// 测站故障率\n\t\t\tshowType: true,\n\t\t\ttotalFailure: null,\n\t\t\ttotalFailureOption: null,\n\t\t\ttypeFailure1: null,\n\t\t\ttypeFailure1Option: null,\n\t\t\ttypeFailure2: null,\n\t\t\ttypeFailure2Option: null,\n\t\t\ttypeFailure3: null,\n\t\t\ttypeFailure3Option: null,\n\t\t\tstationFailure: null,\n\t\t\tstationFailureOption: null,\n\t\t\t// 测站数量统计\n\t\t\tcurrentQpType: 1,\n\t\t\theaderBtn: [\n\t\t\t\t// {\n\t\t\t\t//     name: '总计',\n\t\t\t\t//     key: 'total',\n\t\t\t\t// },\n\t\t\t\t{\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: 2,\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],\n\t\t\theaderData1: [{\n\t\t\t\t\tname: '雨量站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-yuliang',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '水库水位站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shuiwen',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '渗流站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shenliu',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '渗压站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shenya',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '位移站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-weiyi',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '视频站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shipin',\n\t\t\t\t},\n\t\t\t],\n\t\t\theaderData2: [{\n\t\t\t\t\tname: '雨量站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-yuliang',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '河道水文站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shuiwen',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '河道水位站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shuiwei',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '水库水位站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shuiwen',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '广播站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-guangbo',\n\t\t\t\t},\n\t\t\t],\n\t\t\theaderData3: [{\n\t\t\t\t\tname: '雨量站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-yuliang',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '河道水文站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shuiwen',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '河道水位站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shuiwei',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '视频站',\n\t\t\t\t\ttotal: 30,\n\t\t\t\t\tnormal: 28,\n\t\t\t\t\terror: 2,\n\t\t\t\t\ticon: 'bbsl-shipin',\n\t\t\t\t},\n\t\t\t],\n\t\t\theaderData: [],\n\t\t\t// 工程概况分类title\n\t\t\tprojectItemTitle: '所有',\n\t\t\t// 工程概况\n\t\t\tprojectItemData: [{\n\t\t\t\t\tname: '水库',\n\t\t\t\t\tnum: 43,\n\t\t\t\t\ttotal: 125,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '堤防',\n\t\t\t\t\tnum: 42,\n\t\t\t\t\ttotal: 125,\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t//   name: '分洪',\n\t\t\t\t//   num: 37,\n\t\t\t\t//   total: 125\n\t\t\t\t// },\n\t\t\t\t{\n\t\t\t\t\tname: '水电站',\n\t\t\t\t\tnum: 3,\n\t\t\t\t\ttotal: 125,\n\t\t\t\t},\n\t\t\t],\n\t\t\tprojectItemDataAll: [{\n\t\t\t\t\tname: '水库',\n\t\t\t\t\tnum: 43,\n\t\t\t\t\ttotal: 125,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '堤防',\n\t\t\t\t\tnum: 42,\n\t\t\t\t\ttotal: 125,\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t//   name: '分洪',\n\t\t\t\t//   num: 37,\n\t\t\t\t//   total: 125\n\t\t\t\t// },\n\t\t\t\t{\n\t\t\t\t\tname: '水电站',\n\t\t\t\t\tnum: 3,\n\t\t\t\t\ttotal: 125,\n\t\t\t\t},\n\t\t\t],\n\t\t\t// projectItemData1: [\n\t\t\t//   {\n\t\t\t//     name: '水库',\n\t\t\t//     num: 1,\n\t\t\t//     total: 20\n\t\t\t//   },\n\t\t\t//   {\n\t\t\t//     name: '堤防',\n\t\t\t//     num: 7,\n\t\t\t//     total: 20\n\t\t\t//   },\n\t\t\t//   {\n\t\t\t//     name: '分洪',\n\t\t\t//     num: 12,\n\t\t\t//     total: 20\n\t\t\t//   },\n\t\t\t//   {\n\t\t\t//     name: '水电站',\n\t\t\t//     num: 0,\n\t\t\t//     total: 20\n\t\t\t//   }\n\t\t\t// ],\n\t\t\t// projectItemData2: [\n\t\t\t//   {\n\t\t\t//     name: '水库',\n\t\t\t//     num: 1,\n\t\t\t//     total: 5\n\t\t\t//   },\n\t\t\t//   {\n\t\t\t//     name: '堤防',\n\t\t\t//     num: 3,\n\t\t\t//     total: 5\n\t\t\t//   },\n\t\t\t//   {\n\t\t\t//     name: '分洪',\n\t\t\t//     num: 1,\n\t\t\t//     total: 5\n\t\t\t//   },\n\t\t\t//   {\n\t\t\t//     name: '水电站',\n\t\t\t//     num: 0,\n\t\t\t//     total: 5\n\t\t\t//   }\n\t\t\t// ],\n\t\t\t// projectItemData3: [\n\t\t\t//   {\n\t\t\t//     name: '水库',\n\t\t\t//     num: 20,\n\t\t\t//     total: 110\n\t\t\t//   },\n\t\t\t//   {\n\t\t\t//     name: '堤防',\n\t\t\t//     num: 43,\n\t\t\t//     total: 110\n\t\t\t//   },\n\t\t\t//   {\n\t\t\t//     name: '分洪',\n\t\t\t//     num: 35,\n\t\t\t//     total: 110\n\t\t\t//   },\n\t\t\t//   {\n\t\t\t//     name: '水电站',\n\t\t\t//     num: 12,\n\t\t\t//     total: 110\n\t\t\t//   }\n\t\t\t// ],\n\t\t\tpie: null,\n\t\t\tpieOption: {},\n\t\t\t// 累计雨量\n\t\t\trainfallType: '1',\n\t\t\trainfallTypeList: [{\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\n\t\t\tdisplacementType: 'x',\n\t\t\tdisplacementTypeList: [{\n\t\t\t\t\tname: '东',\n\t\t\t\t\tkey: 'x',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '北',\n\t\t\t\t\tkey: 'y',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '垂直',\n\t\t\t\t\tkey: 'Z',\n\t\t\t\t},\n\t\t\t],\n\t\t\t// 大坝位移排行\n\t\t\tdisplacementData: [{\n\t\t\t\t\tkey: '1',\n\t\t\t\t\tname: 'XX水库',\n\t\t\t\t\tplace: 'xx点位',\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: 'XX水库',\n\t\t\t\t\tplace: 'xx点位',\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: 'XX水库',\n\t\t\t\t\tplace: 'xx点位',\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: 'XX水库',\n\t\t\t\t\tplace: 'xx点位',\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: 'XX水库',\n\t\t\t\t\tplace: 'xx点位',\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\t// 临界水位\n\t\t\tcriticalWaterLevel: null,\n\t\t\tcriticalType: 0,\n\t\t\tcriticalTypeList: [{\n\t\t\t\t\tname: '水库',\n\t\t\t\t\tkey: 'reservoir',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: '河道',\n\t\t\t\t\tkey: 'river',\n\t\t\t\t},\n\t\t\t],\n\t\t\t// 水库渗流\n\t\t\treservoirSeepage: null,\n\t\t\tecologicalFlowHeader: [{\n\t\t\t\t\tkey: 'id',\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: 'z',\n\t\t\t\t\twidth: '10%',\n\t\t\t\t\tname: '水位',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'q',\n\t\t\t\t\twidth: '10%',\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: '10%',\n\t\t\t\t\tname: '核定值',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tkey: 'tm',\n\t\t\t\t\twidth: 'calc(21% - 14px)',\n\t\t\t\t\tname: '时间',\n\t\t\t\t},\n\t\t\t],\n\t\t\tecologicalFlowData: [],\n\t\t\t// 实时雨情传参\n\t\t\trealtimeRainType: {\n\t\t\t\tappType: '1',\n\t\t\t\tfromSzsk: false,\n\t\t\t\tquery: '',\n\t\t\t},\n\t\t\t// 实时水情传参\n\t\t\trealtimeWaterType: {\n\t\t\t\tappType: '1',\n\t\t\t\tfromSzsk: false,\n\t\t\t\tquery: '',\n\t\t\t},\n\t\t\trainTypeList: [{\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\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\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: '25%',\n\t\t\t\t\tname: '测站',\n\t\t\t\t},\n\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: '16%',\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: '16%',\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: '16%',\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\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\n\t\t\t\t{\n\t\t\t\t\tkey: 'rz',\n\t\t\t\t\twidth: '12%',\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: '16%',\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: '16%',\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\t// 警戒\n\t\t\trainWarn: '',\n\t\t\t// 危险\n\t\t\trainDanger: '',\n\t\t\t// 水情预警阈值\n\t\t\t// 警戒\n\t\t\twaterGuarantee: '',\n\t\t\t// 保证\n\t\t\twaterDanger: '',\n\t\t\trealtimeWaterData: [],\n\t\t\tfetchWater: null,\n\t\t\tfetchWaterOption: null,\n\t\t\terrCount: 0,\n\t\t}\n\t},\n\tfilters: {\n\t\tdateText: (index) => {\n\t\t\tif (index === 0) {\n\t\t\t\treturn '今天'\n\t\t\t} else if (index === 1) {\n\t\t\t\treturn '明天'\n\t\t\t} else {\n\t\t\t\treturn '后天'\n\t\t\t}\n\t\t},\n\t\tweekText: (value) => {\n\t\t\tlet text = '星期'\n\t\t\tif (value == 1) {\n\t\t\t\treturn text + '一'\n\t\t\t} else if (value == 2) {\n\t\t\t\treturn text + '二'\n\t\t\t} else if (value == 3) {\n\t\t\t\treturn text + '三'\n\t\t\t} else if (value == 4) {\n\t\t\t\treturn text + '四'\n\t\t\t} else if (value == 5) {\n\t\t\t\treturn text + '五'\n\t\t\t} else if (value == 6) {\n\t\t\t\treturn text + '六'\n\t\t\t} else if (value == 7) {\n\t\t\t\treturn text + '七'\n\t\t\t}\n\t\t},\n\t},\n\tcomputed: {\n\t\toptionSingleHeightTime() {\n\t\t\treturn {\n\t\t\t\tlimitMoveNum: 6,\n\t\t\t\tsingleHeight: 29,\n\t\t\t\twaitTime: 2500,\n\t\t\t}\n\t\t},\n\t},\n\tcreated() {\n\t\t//this.getWeather()\n\t\tthis.getAdministration() //获取行政基础概况\n\t\tthis.getSwWarning() //水位报警统计\n\t\tthis.getYlWarning() //雨量报警统计\n\t\tthis.getStation() //测站正常率\n\t\tthis.getProject('') //工程概况\n\t\tthis.getFlowList(1) //生态流量\n\t\tthis.getCriticalRiver() //河道临界水位\n\t\tthis.getYearWaterPaln() //当年取水量统计\n\t\tthis.getPrecipitation() //日累计降雨排行\n\t\tthis.getRealTimeWaterList() //实时水情\n\t\tthis.getRealTimeRainList() //实时雨情\n\t\tthis.sstpList = dictUtils.getDictItemsFromCache('czlb-stzlx')\n\t\tconsole.log(this.sstpList)\n\t\tthis.sstpList.push({\n\t\t\tname: '全部',\n\t\t\tvalue: ''\n\t\t})\n\t\t// this.formatIcon()\n\t},\n\t// 监听异常发生变化，语音播报\n\twatch: {\n\t\terrCount: function() {\n\t\t\tthis.aplayAudio()\n\t\t},\n\t},\n\tmounted() {\n\t\t// 初始测站概况\n\t\t//this.initTotalFailure()\n\t\t//this.initTypeFailure1()\n\t\t//this.initTypeFailure2()\n\t\t//this.initTypeFailure3()\n\t\t//this.initFetchWater()\n\t\t// 初始化饼图\n\t\t//this.initPie()\n\t\t// 初始化临界水位\n\t\t//this.initCriticalBar()\n\t\t// 初始化水库渗流\n\t\t// this.initReservoirBar()\n\t\tthis.$root.$on('resize', () => {\n\t\t\tthis.resize(500)\n\t\t})\n\t\tthis.headerData = this[`headerData${this.currentQpType}`]\n\t},\n\n\tmethods: {\n\t\tsqInputs() {\n\t\t\tthis.sqInput = !this.sqInput\n\t\t},\n\t\tyqInputs() {\n\t\t\tthis.yqInput = !this.yqInput\n\t\t},\n\t\tStInputs() {\n\t\t\tthis.stInput = !this.stInput\n\t\t},\n\t\tbtnMp() {\n\t\t\tthis.errCount += 1\n\t\t},\n\t\tgetWeather() {\n\t\t\t//indexApi方法接口报错\n\t\t\tindexApi.getWeather((data) => {\n\t\t\t\tthis.weatherThreeDays = data.forecasts[0].casts.slice(0, 3)\n\t\t\t\tthis.weatherToday = data.forecasts[0].casts[0]\n\t\t\t\tthis.formatIcon()\n\t\t\t})\n\t\t},\n\t\t//获取行政基础概况\n\t\tgetAdministration() {\n\t\t\tlet icons = ['bbsl-heliu', 'bbsl-jiedao', 'bbsl-juweihui']\n\t\t\tindexApi.govSector((res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.regionData = res.value\n\t\t\t\t\tthis.regionData.map((ee, i) => {\n\t\t\t\t\t\ticons.map((e, index) => {\n\t\t\t\t\t\t\tif (i == index) {\n\t\t\t\t\t\t\t\tee.icon = e\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\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}\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}\n\t\t\t})\n\t\t},\n\t\t//水位报警统计\n\t\tgetSwWarning() {\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\tres.value.forEach((e) => {\n\t\t\t\t\t\tif (e.count > 0) {\n\t\t\t\t\t\t\tthis.$refs.audio.play()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.$refs.audio.pause()\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\tgetYlWarning() {\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\tres.value.forEach((e) => {\n\t\t\t\t\t\tif (e.count > 0) {\n\t\t\t\t\t\t\tthis.$refs.audio.play()\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthis.$refs.audio.pause()\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\tgetStation() {\n\t\t\tindexApi.station((res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.stationList = res.value\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.initTotalFailure()\n\t\t\t\t\t\tthis.statementStart()\n\t\t\t\t\t\t// this.initTypeFailure1()\n\t\t\t\t\t\t// this.initTypeFailure2()\n\t\t\t\t\t\t// this.initTypeFailure3()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//工程概况\n\t\tgetProject(val) {\n\t\t\tindexApi.project(val, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.countList = res.value.countList\n\t\t\t\t\tthis.projectList = res.value.projectList\n\t\t\t\t\tthis.projectList.forEach((item) => {\n\t\t\t\t\t\t// 删除分洪\n\t\t\t\t\t\tif (item.typeName == '分洪') {\n\t\t\t\t\t\t\tthis.projectList.splice(1, 1)\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// console.log(item.typeName == \"分洪\");\n\t\t\t\t\t})\n\t\t\t\t\t// 方法2\n\t\t\t\t\tthis.projectTotal = 0\n\t\t\t\t\tthis.countList.forEach((item) => {\n\t\t\t\t\t\tthis.projectTotal += item.count\n\t\t\t\t\t})\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.initPie()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//生态流量\n\t\tgetFlowList(value1, value2) {\n\t\t\t// 转换为表单格式\n\t\t\tlet item = new FormData()\n\t\t\tif (!!value1 && !value2) {\n\t\t\t\titem.append('sstp', value1)\n\t\t\t}\n\t\t\tif (!!value1 && !!value2) {\n\t\t\t\titem.append('sstp', value1)\n\t\t\t\titem.append('query', value2)\n\t\t\t}\n\t\t\tindexApi.flowList(item, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.flowList = res.value\n\t\t\t\t\tlet list = dictUtils.getDictItemsFromCache('yjdj')\n\t\t\t\t\tthis.flowList.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\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.warnGrade = 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\tgetCriticalRiver() {\n\t\t\tindexApi.criticalRiver((res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.criticalRiverList = res.value\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\t// this.initCriticalBar()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//临界水库水位排行\n\t\tgetCriticalRsvr() {\n\t\t\tindexApi.criticalRsvr((res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.criticalRsvrList = res.value\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\t// this.initCriticalBar()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//当年取水量统计\n\t\tgetYearWaterPaln() {\n\t\t\tlet params = {\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\tindexApi.yearWaterPaln(params, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.yearWaterPalns = res.value\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.initFetchWater()\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\t//日累计降雨排行\n\t\tgetPrecipitation() {\n\t\t\tindexApi.precipitation(this.rainfallType, (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\tinputSqData() {\n\t\t\tthis.realtimeWaterType.query = this.value1\n\t\t\tthis.getRealTimeWaterList()\n\t\t},\n\t\t// 实时雨情搜索\n\t\tinputYqData() {\n\t\t\tthis.realtimeRainType.query = this.value2\n\t\t\tthis.getRealTimeRainList()\n\t\t},\n\t\t// 生态流量搜索\n\t\tinputStData() {\n\t\t\tthis.sstpListType.query = this.value3\n\t\t\tconsole.log(this.sstpListType.sstp)\n\t\t\tthis.getFlowList(this.sstpListType.sstp, this.value3)\n\t\t},\n\t\t//实时雨情\n\t\tgetRealTimeRainList() {\n\t\t\tindexApi.realTimeRainLists(this.realtimeRainType, (res) => {\n\t\t\t\tif (res.state) {\n\t\t\t\t\tthis.realtimeRainData = res.value\n\t\t\t\t\tconsole.log(this.realtimeRainData + 'rain')\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\tfloatSub(arg1, arg2) {\n\t\t\tvar r1, r2, m, n;\n\t\t\ttry {\n\t\t\t\tr1 = arg1.toString().split(\".\")[1].length\n\t\t\t} catch (e) {\n\t\t\t\tr1 = 0\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tr2 = arg2.toString().split(\".\")[1].length\n\t\t\t} catch (e) {\n\t\t\t\tr2 = 0\n\t\t\t}\n\t\t\tm = Math.pow(10, Math.max(r1, r2));\n\t\t\t//动态控制精度长度\n\t\t\tn = (r1 >= r2) ? r1 : r2;\n\t\t\treturn ((arg1 * m - arg2 * m) / m).toFixed(n)\n\n\t\t},\n\t\t// 实时水情\n\t\tgetRealTimeWaterList() {\n\t\t\tindexApi.realTimeWaterLists(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\tconsole.log(e.rz, e.nrstlv);\n\t\t\t\t\t\tif (e.rz > e.nrstlv) {\n\t\t\t\t\t\t\te.transfinite = this.floatSub(e.rz, e.nrstlv)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\te.transfinite = '--'\n\t\t\t\t\t\t}\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\tnoMusic() {\n\t\t\tthis.$refs.audio.pause()\n\t\t},\n\n\t\tformatIcon() {\n\t\t\tthis.weatherThreeDays.forEach((item) => {\n\t\t\t\tif (item.dayweather == '晴') {\n\t\t\t\t\titem.weatherIcon = 'yintian'\n\t\t\t\t} else if (item.dayweather == '多云') {\n\t\t\t\t\titem.weatherIcon = 'duoyun'\n\t\t\t\t} else if (item.dayweather == '阴') {\n\t\t\t\t\titem.weatherIcon = 'yintian'\n\t\t\t\t} else if (item.dayweather == '霾') {\n\t\t\t\t\titem.weatherIcon = 'wumai'\n\t\t\t\t} else if (item.dayweather == '雷阵雨') {\n\t\t\t\t\titem.weatherIcon = 'leizhenyu'\n\t\t\t\t} else if (item.dayweather == '雨') {\n\t\t\t\t\titem.weatherIcon = 'xiaoyu'\n\t\t\t\t} else if (item.dayweather == '小雨') {\n\t\t\t\t\titem.weatherIcon = 'xiaoyu'\n\t\t\t\t} else if (item.dayweather == '中雨') {\n\t\t\t\t\titem.weatherIcon = 'zhongyu'\n\t\t\t\t} else if (item.dayweather == '大雨') {\n\t\t\t\t\titem.weatherIcon = 'dayu'\n\t\t\t\t} else if (item.dayweather == '暴雨') {\n\t\t\t\t\titem.weatherIcon = 'baoyu'\n\t\t\t\t} else if (item.dayweather == '大暴雨') {\n\t\t\t\t\titem.weatherIcon = 'dabaoyu'\n\t\t\t\t} else if (\n\t\t\t\t\titem.dayweather == '中雨-大雨' ||\n\t\t\t\t\titem.dayweather == '小雨-中雨' ||\n\t\t\t\t\titem.dayweather == '大雨-暴雨' ||\n\t\t\t\t\titem.dayweather == '暴雨-大暴雨'\n\t\t\t\t) {\n\t\t\t\t\titem.weatherIcon = 'zhongyuzhuandayu'\n\t\t\t\t} else if (item.dayweather.indexOf('风') != -1) {\n\t\t\t\t\titem.weatherIcon = 'dafeng'\n\t\t\t\t} else {\n\t\t\t\t\titem.weatherIcon = 'dawu'\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\tresize(delay) {\n\t\t\t// 动态计算表格的高度，自适应当前容器\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.pie.resize()\n\t\t\t\tthis.fetchWater.resize()\n\t\t\t\t// this.criticalWaterLevel.resize()\n\t\t\t\tthis.totalFailure.resize()\n\t\t\t\tif (this.showType) {\n\t\t\t\t\tthis.typeFailure1.resize()\n\t\t\t\t\tthis.typeFailure2.resize()\n\t\t\t\t\tthis.typeFailure3.resize()\n\t\t\t\t} else {\n\t\t\t\t\tthis.stationFailure.resize()\n\t\t\t\t}\n\n\t\t\t\t// this.reservoirSeepage.resize()\n\t\t\t}, delay || 0)\n\t\t},\n\t\t// 切换测站数量统计类型\n\t\tchangeEqItem(key) {\n\t\t\tthis.currentQpType = key\n\t\t\tthis.headerData = this[`headerData${key}`]\n\t\t},\n\t\t// 切换降雨量统计类型\n\t\tchangeRainfallType(key) {\n\t\t\tif (key == '') {\n\t\t\t\tlet routeData = this.$router.resolve({\n\t\t\t\t\tpath: '/bizPlat/monitor/resMonitor/dayYlQuery',\n\t\t\t\t})\n\t\t\t\twindow.open(routeData.href, '_blank')\n\t\t\t} else {\n\t\t\t\tthis.rainfallType = key\n\t\t\t\tthis.getPrecipitation()\n\t\t\t}\n\t\t},\n\t\t// 切换大坝位移统计类型\n\t\tchangeDisplacementType(key) {\n\t\t\tthis.displacementType = key\n\t\t},\n\t\t// 切换临界水位统计类型\n\t\tchangeCriticalType(key) {\n\t\t\tthis.criticalType = key\n\t\t\tif (key == 0) {\n\t\t\t\tthis.getCriticalRiver()\n\t\t\t} else if (key == 1) {\n\t\t\t\tthis.getCriticalRsvr()\n\t\t\t}\n\t\t},\n\t\tchangesstpListType(val) {\n\t\t\tif (val == '') {\n\t\t\t\tlet routeData = this.$router.resolve({\n\t\t\t\t\tpath: '/bizPlat/monitor/sqMonitor/sdzQuery',\n\t\t\t\t})\n\t\t\t\twindow.open(routeData.href, '_blank')\n\t\t\t} else {\n\t\t\t\tthis.sstpListType.sstp = val\n\t\t\t\tthis.getFlowList(this.sstpListType.sstp)\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.realtimeRainType.appType = key\n\t\t\t\tthis.getRealTimeRainList()\n\t\t\t}\n\n\t\t\t// if (key == 'all') {\n\t\t\t// \tlet path = '/bizPlat/monitor/resMonitor/ylStQuery'\n\t\t\t// \tconst {\n\t\t\t// \t\thref\n\t\t\t// \t} = this.$router.resolve({\n\t\t\t// \t\tpath,\n\t\t\t// \t})\n\t\t\t// \twindow.open(href, '_blank', console.log(href))\n\t\t\t// } else {\n\t\t\t// \tthis.realtimeRainType = key\n\t\t\t// }\n\t\t},\n\t\t// 切换实时水情统计类型\n\t\tchangeWaterType(key) {\n\t\t\tconsole.log(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.realtimeWaterType.appType = key\n\t\t\t\tthis.getRealTimeWaterList()\n\t\t\t}\n\t\t},\n\t\t// 点击查询实时水情具体信息\n\t\tsearchWaterData(val) {\n\t\t\tconsole.log(val)\n\t\t\tlet address = val.stcd\n\t\t\tlet page\n\t\t\tif (val.sttp == 'ZQ' || val.sttp == 'ZZ') {\n\t\t\t\tpage = 'second'\n\t\t\t} else if (val.sttp == 'RR') {\n\t\t\t\tpage = 'first'\n\t\t\t}\n\t\t\tconsole.log(page)\n\t\t\t// this.$store.commit(\"index/addressMap\", address);\n\t\t\t// this.$store.commit(\"index/cdPage\", page);\n\t\t\twindow.sessionStorage.setItem('StationId', address)\n\t\t\twindow.sessionStorage.setItem('pages', page)\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\tsearchRainData(val) {\n\t\t\tconsole.log(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\tsearchSstpData(val) {\n\t\t\tlet address = val.stnm\n\t\t\twindow.sessionStorage.setItem('StationId', address)\n\t\t\tlet routeData = this.$router.resolve({\n\t\t\t\tpath: '/bizPlat/monitor/sqMonitor/sdzQuery',\n\t\t\t})\n\t\t\twindow.open(routeData.href, '_blank')\n\t\t},\n\t\t// 初始化测站概况 stationList\n\t\tinitTotalFailure() {\n\t\t\tconst totalFailureDom = document.getElementById('totalFailure')\n\t\t\tthis.totalFailure = echarts.init(totalFailureDom)\n\t\t\tthis.totalFailureOption = {\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: '测站概况',\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\tleft: 'center',\n\t\t\t\t\ttop: 'top',\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\tright: 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\torient: 'vertical',\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\tappendToBody: true,\n\t\t\t\t\ttrigger: 'item',\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\tformatter: '{b}测站 <br/>数量：{c} 个 ，占比：{d}%',\n\t\t\t\t},\n\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%', '70%'],\n\t\t\t\t\tshowEmptyCircle: true,\n\t\t\t\t\tavoidLabelOverlap: true,\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\tshadowBlur: 10,\n\t\t\t\t\t\tshadowOffsetX: 2,\n\t\t\t\t\t\tshadowOffsetY: 2,\n\t\t\t\t\t\tshadowColor: 'rgba(255,255,255,0.2)',\n\t\t\t\t\t\tborderRadius: 6,\n\t\t\t\t\t},\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\tformatter: '{b}\\n{d}%',\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\ttop: '10%',\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\t// emphasis: {\n\t\t\t\t\t//   focus: 'series',\n\t\t\t\t\t//   disabled: true,\n\t\t\t\t\t// },\n\t\t\t\t\tdata: [{\n\t\t\t\t\t\t\tvalue: this.stationList.allNormalCount,\n\t\t\t\t\t\t\tname: '正常',\n\t\t\t\t\t\t\tkey: '2',\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\t// normal: {\n\t\t\t\t\t\t\t\t//   position: 'center',\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\t{\n\t\t\t\t\t\t\tvalue: this.stationList.allFaultCount,\n\t\t\t\t\t\t\tname: '故障',\n\t\t\t\t\t\t\tkey: '1',\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\t// normal: {\n\t\t\t\t\t\t\t\t//   position: 'center',\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\tcolor: ['#0091ff', '#ee6666'],\n\t\t\t\t}, ],\n\t\t\t}\n\t\t\tthis.totalFailureOption &&\n\t\t\t\tthis.totalFailure.setOption(this.totalFailureOption)\n\t\t},\n\n\t\tstatementStart() {\n\t\t\tthis.stationList.appTypeList.forEach((item, index) => {\n\t\t\t\tthis.drawDevice(index, item)\n\t\t\t})\n\t\t},\n\t\tdrawDevice(index, item) {\n\t\t\t// 基于准备好的dom，初始化echarts实例\n\t\t\tthis.$nextTick(function() {\n\t\t\t\tconst myChart = echarts.init(document.getElementById('myChart' + index))\n\t\t\t\tlet tableList = []\n\t\t\t\tfor (let i in item) {\n\t\t\t\t\tif (i == 'normalCount') {\n\t\t\t\t\t\ttableList.push({\n\t\t\t\t\t\t\tname: '正常',\n\t\t\t\t\t\t\tvalue: item[i],\n\t\t\t\t\t\t\ttitle: item.appType,\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\t// normal: {\n\t\t\t\t\t\t\t\t//   position: 'center',\n\t\t\t\t\t\t\t\t// },\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tcolor: '#0091ff',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})\n\t\t\t\t\t} else if (i == 'faultCount') {\n\t\t\t\t\t\ttableList.push({\n\t\t\t\t\t\t\tname: '故障',\n\t\t\t\t\t\t\tvalue: item[i],\n\t\t\t\t\t\t\ttitle: item.appType,\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\t// normal: {\n\t\t\t\t\t\t\t\t//   position: 'center',\n\t\t\t\t\t\t\t\t// },\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\tcolor: '#ee6666',\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\t// return\n\t\t\t\tthis.typeFailure1Option = {\n\t\t\t\t\ttitle: {\n\t\t\t\t\t\ttext: item.appType,\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tleft: 'center',\n\t\t\t\t\t\ttop: 'top',\n\t\t\t\t\t},\n\t\t\t\t\tlegend: {\n\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\tright: 0,\n\t\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\t\tcolor: '#adb9ba',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ticon: 'circle',\n\t\t\t\t\t\titemWidth: 10,\n\t\t\t\t\t\titemHeight: 10,\n\t\t\t\t\t\torient: 'vertical',\n\t\t\t\t\t},\n\t\t\t\t\ttooltip: {\n\t\t\t\t\t\tappendToBody: true,\n\t\t\t\t\t\ttrigger: 'item',\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: '{b}测站 <br/>数量：{c} 个 ，占比：{d}%',\n\t\t\t\t\t},\n\t\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\tradius: ['46%', '70%'],\n\t\t\t\t\t\tshowEmptyCircle: true,\n\t\t\t\t\t\tlegendHoverLink: false, //是否启用图例 hover 时的联动高亮   默认true\n\t\t\t\t\t\thoverAnimation: false,\n\t\t\t\t\t\tavoidLabelOverlap: false,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\t\tshadowBlur: 10,\n\t\t\t\t\t\t\tshadowOffsetX: 2,\n\t\t\t\t\t\t\tshadowOffsetY: 2,\n\t\t\t\t\t\t\tshadowColor: 'rgba(255,255,255,0.2)',\n\t\t\t\t\t\t\tborderRadius: 6,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tformatter: '{b}\\n{d}%',\n\t\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t\t},\n\t\t\t\t\t\ttop: '10%',\n\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\t// emphasis: {\n\t\t\t\t\t\t//   disabled: true,\n\t\t\t\t\t\t//   focus: 'series',\n\t\t\t\t\t\t// },\n\t\t\t\t\t\tdata: tableList,\n\t\t\t\t\t\tcolor: ['#ee6666', '#6767ff'],\n\t\t\t\t\t}, ],\n\t\t\t\t}\n\t\t\t\tthis.typeFailure1Option && myChart.setOption(this.typeFailure1Option)\n\t\t\t\tmyChart.on('click', (params) => {\n\t\t\t\t\tmyChart.dispose()\n\t\t\t\t\t//this.typeFailure2.dispose()\n\t\t\t\t\t//this.typeFailure3.dispose()\n\t\t\t\t\tthis.showType = false\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tthis.initStationFailure(params.data.title)\n\t\t\t\t\t})\n\n\t\t\t\t\t// if (params.componentType == 'title') {\n\t\t\t\t\t//     this.changePieDetail('all')\n\t\t\t\t\t// } else if (params.componentType == 'series') {\n\t\t\t\t\t//     this.changePieDetail(params.data.key, params.data.name)\n\t\t\t\t\t// }\n\t\t\t\t})\n\t\t\t})\n\t\t},\n\n\t\t// 水库测站概况\n\t\tinitTypeFailure1() {\n\t\t\tconst typeFailure1Dom = document.getElementById('typeFailure1')\n\t\t\tthis.typeFailure1 = echarts.init(typeFailure1Dom)\n\t\t\tthis.typeFailure1Option = {\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: '水库测站',\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\tleft: 'center',\n\t\t\t\t\ttop: 'top',\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\tright: 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\torient: 'vertical',\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\tappendToBody: true,\n\t\t\t\t\ttrigger: 'item',\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\tformatter: '{b}测站 <br/>数量：{c} 个 ，占比：{d}%',\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%', '70%'],\n\t\t\t\t\tshowEmptyCircle: true,\n\t\t\t\t\tavoidLabelOverlap: true,\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\tshadowBlur: 10,\n\t\t\t\t\t\tshadowOffsetX: 2,\n\t\t\t\t\t\tshadowOffsetY: 2,\n\t\t\t\t\t\tshadowColor: 'rgba(255,255,255,0.2)',\n\t\t\t\t\t\tborderRadius: 6,\n\t\t\t\t\t},\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\tformatter: '{b}\\n{d}%',\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\ttop: '10%',\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\temphasis: {\n\t\t\t\t\t\tdisabled: true,\n\t\t\t\t\t},\n\t\t\t\t\tdata: [{\n\t\t\t\t\t\t\tvalue: 2,\n\t\t\t\t\t\t\tname: '故障',\n\t\t\t\t\t\t\tkey: '1',\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\t\tposition: 'center',\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\t{\n\t\t\t\t\t\t\tvalue: 82,\n\t\t\t\t\t\t\tname: '正常',\n\t\t\t\t\t\t\tkey: '2',\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\t\tposition: 'center',\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\tcolor: ['#ee6666', '#6767ff'],\n\t\t\t\t}, ],\n\t\t\t}\n\t\t\tthis.typeFailure1Option &&\n\t\t\t\tthis.typeFailure1.setOption(this.typeFailure1Option)\n\n\t\t\tthis.typeFailure1.on('click', (params) => {\n\t\t\t\tconsole.log(params)\n\t\t\t\tthis.typeFailure1.dispose()\n\t\t\t\tthis.typeFailure2.dispose()\n\t\t\t\tthis.typeFailure3.dispose()\n\t\t\t\tthis.showType = false\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.initStationFailure('水库')\n\t\t\t\t})\n\n\t\t\t\t// console.log(params);\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, params.data.name)\n\t\t\t\t// }\n\t\t\t})\n\t\t},\n\t\t// 山洪测站概况\n\t\tinitTypeFailure2() {\n\t\t\tconst typeFailure2Dom = document.getElementById('typeFailure2')\n\t\t\tthis.typeFailure2 = echarts.init(typeFailure2Dom)\n\t\t\tthis.typeFailure2Option = {\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: '山洪测站',\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\tleft: 'center',\n\t\t\t\t\ttop: 'top',\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\tright: 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\torient: 'vertical',\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\tappendToBody: true,\n\t\t\t\t\ttrigger: 'item',\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\tformatter: '{b}测站 <br/>数量：{c} 个 ，占比：{d}%',\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%', '70%'],\n\t\t\t\t\tshowEmptyCircle: true,\n\t\t\t\t\tavoidLabelOverlap: true,\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\tshadowBlur: 10,\n\t\t\t\t\t\tshadowOffsetX: 2,\n\t\t\t\t\t\tshadowOffsetY: 2,\n\t\t\t\t\t\tshadowColor: 'rgba(255,255,255,0.2)',\n\t\t\t\t\t\tborderRadius: 6,\n\t\t\t\t\t},\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\tformatter: '{b}\\n{d}%',\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\ttop: '10%',\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\temphasis: {\n\t\t\t\t\t\tdisabled: true,\n\t\t\t\t\t},\n\t\t\t\t\tdata: [{\n\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t\tname: '故障',\n\t\t\t\t\t\t\tkey: '1',\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\t\tposition: 'center',\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\t{\n\t\t\t\t\t\t\tvalue: 90,\n\t\t\t\t\t\t\tname: '正常',\n\t\t\t\t\t\t\tkey: '2',\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\t\tposition: 'center',\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\tcolor: ['#ee6666', '#40b27d'],\n\t\t\t\t}, ],\n\t\t\t}\n\t\t\tthis.typeFailure2Option &&\n\t\t\t\tthis.typeFailure2.setOption(this.typeFailure2Option)\n\t\t\tthis.typeFailure2.on('click', (params) => {\n\t\t\t\tthis.typeFailure1.dispose()\n\t\t\t\tthis.typeFailure2.dispose()\n\t\t\t\tthis.typeFailure3.dispose()\n\t\t\t\tthis.showType = false\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.initStationFailure('山洪')\n\t\t\t\t})\n\t\t\t})\n\t\t},\n\t\t// 水文测站概况\n\t\tinitTypeFailure3() {\n\t\t\tconst typeFailure3Dom = document.getElementById('typeFailure3')\n\t\t\tthis.typeFailure3 = echarts.init(typeFailure3Dom)\n\t\t\tthis.typeFailure3Option = {\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: '水文测站',\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\tleft: 'center',\n\t\t\t\t\ttop: 'top',\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\tright: 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\torient: 'vertical',\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\tappendToBody: true,\n\t\t\t\t\ttrigger: 'item',\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\tformatter: '{b}测站 <br/>数量：{c} 个 ，占比：{d}%',\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%', '70%'],\n\t\t\t\t\tshowEmptyCircle: true,\n\t\t\t\t\tavoidLabelOverlap: true,\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\tshadowBlur: 10,\n\t\t\t\t\t\tshadowOffsetX: 2,\n\t\t\t\t\t\tshadowOffsetY: 2,\n\t\t\t\t\t\tshadowColor: 'rgba(255,255,255,0.2)',\n\t\t\t\t\t\tborderRadius: 6,\n\t\t\t\t\t},\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\tformatter: '{b}\\n{d}%',\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\ttop: '10%',\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\temphasis: {\n\t\t\t\t\t\tdisabled: true,\n\t\t\t\t\t},\n\t\t\t\t\tdata: [{\n\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t\tname: '故障',\n\t\t\t\t\t\t\tkey: '1',\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\t\tposition: 'center',\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\t{\n\t\t\t\t\t\t\tvalue: 190,\n\t\t\t\t\t\t\tname: '正常',\n\t\t\t\t\t\t\tkey: '2',\n\t\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\t\tshow: false,\n\t\t\t\t\t\t\t\tnormal: {\n\t\t\t\t\t\t\t\t\tposition: 'center',\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\tcolor: ['#ee6666', '#4cb5ff'],\n\t\t\t\t}, ],\n\t\t\t}\n\t\t\tthis.typeFailure3Option &&\n\t\t\t\tthis.typeFailure3.setOption(this.typeFailure3Option)\n\t\t\tthis.typeFailure3.on('click', (params) => {\n\t\t\t\tthis.typeFailure1.dispose()\n\t\t\t\tthis.typeFailure2.dispose()\n\t\t\t\tthis.typeFailure3.dispose()\n\t\t\t\tthis.showType = false\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.initStationFailure('水文')\n\t\t\t\t})\n\t\t\t})\n\t\t},\n\t\t// 测站详情\n\t\tinitStationFailure(key) {\n\t\t\tconst stationFailureDom = document.getElementById('stationFailure')\n\t\t\tthis.stationFailure = echarts.init(stationFailureDom)\n\t\t\tlet tableList = []\n\t\t\tthis.stationList.appTypeList.forEach((e) => {\n\t\t\t\tif (e.appType == key) {\n\t\t\t\t\ttableList = e.stationRespVos\n\t\t\t\t}\n\t\t\t})\n\t\t\tlet criticalName = []\n\t\t\tlet Alist = []\n\t\t\tlet Blist = []\n\t\t\ttableList.forEach((e) => {\n\t\t\t\tcriticalName.push(e.sttp)\n\t\t\t\tAlist.push(e.normalCount)\n\t\t\t\tBlist.push(e.faultCount)\n\t\t\t})\n\t\t\tthis.stationFailureOption = {\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: `${key}测站详情`,\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\tleft: 'center',\n\t\t\t\t\ttop: 'top',\n\t\t\t\t},\n\t\t\t\ttop: 6,\n\t\t\t\tbottom: 20,\n\t\t\t\tlegend: {\n\t\t\t\t\ttop: 5,\n\t\t\t\t\tright: 5,\n\t\t\t\t\ttextStyle: {\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\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: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\taxisPointer: {\n\t\t\t\t\t\ttype: 'cross',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tbackgroundColor: '#576580',\n\t\t\t\t\t\t},\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: 20,\n\t\t\t\t},\n\n\t\t\t\txAxis: {\n\t\t\t\t\tdata: criticalName,\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\tscale: true,\n\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\tformatter: '{value} 个',\n\t\t\t\t\t},\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\tsplitNumber: 2,\n\t\t\t\t},\n\t\t\t\tseries: [{\n\t\t\t\t\t\tname: '正常',\n\t\t\t\t\t\tdata: Alist,\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tshowBackground: true,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n\t\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\t\tcolor: '#06c206',\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: '#06c206',\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: '#aef3ae',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]),\n\t\t\t\t\t\t\t// barBorderRadius: [20, 20, 0, 0],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbarWidth: 14,\n\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: '故障',\n\t\t\t\t\t\tdata: Blist,\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tshowBackground: true,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n\t\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\t\tcolor: '#ee6666',\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: '#ee6666',\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: '#eeb7b7',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]),\n\t\t\t\t\t\t\t// barBorderRadius: [20, 20, 0, 0],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbarWidth: 14,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t\tthis.stationFailureOption &&\n\t\t\t\tthis.stationFailure.setOption(this.stationFailureOption)\n\t\t\tthis.stationFailure.getZr().on('click', (params) => {\n\t\t\t\tlet pointInPixel = [params.offsetX, params.offsetY]\n\t\t\t\tif (this.stationFailure.containPixel('grid', pointInPixel)) {\n\t\t\t\t\tlet xIndex = this.stationFailure.convertFromPixel({\n\t\t\t\t\t\tseriesIndex: 0\n\t\t\t\t\t}, pointInPixel)[0];\n\t\t\t\t\t// console.log(xIndex)\n\t\t\t\t\tconsole.log(tableList[xIndex]);\n\t\t\t\t\tconsole.log(params)\n\t\t\t\t\tlet name = tableList[xIndex].sttp\n\t\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\t\tlet title = key + ' - ' + name\n\t\t\t\t\t\tlet data = {\n\t\t\t\t\t\t\ttype: key,\n\t\t\t\t\t\t\tstationType: name,\n\t\t\t\t\t\t\t// seriesName: params.seriesName\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.$refs.stationsForm.open(title, data)\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\n\t\t\tthis.stationFailure.getZr().on('mousemove', param => {\n\t\t\t\tvar pointInPixel = [param.offsetX, param.offsetY];\n\t\t\t\tif (this.stationFailure.containPixel('grid', pointInPixel)) { //若鼠标滑过区域位置在当前图表范围内 鼠标设置为小手\n\t\t\t\t\tthis.stationFailure.getZr().setCursorStyle('pointer')\n\t\t\t\t} else {\n\t\t\t\t\tthis.stationFailure.getZr().setCursorStyle('default')\n\t\t\t\t}\n\t\t\t})\n\n\t\t},\n\t\thandleBack() {\n\t\t\tthis.showType = true\n\t\t\tthis.stationFailure.dispose()\n\t\t\tthis.$refs.stationsModel.close()\n\t\t\tthis.$nextTick(() => {\n\t\t\t\tthis.statementStart()\n\t\t\t\t// this.initTypeFailure1()\n\t\t\t\t// this.initTypeFailure2()\n\t\t\t\t// this.initTypeFailure3()\n\t\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\tinitFetchWater() {\n\t\t\tconst fetchWaterDom = document.getElementById('fetchWater')\n\t\t\tthis.fetchWater = echarts.init(fetchWaterDom)\n\t\t\tlet Alist = []\n\t\t\tlet Blist = []\n\t\t\tfor (let i in this.yearWaterPalns) {\n\t\t\t\tif (i.length < 8) {\n\t\t\t\t\tAlist.push(this.yearWaterPalns[i])\n\t\t\t\t} else if (i.length > 8) {\n\t\t\t\t\tBlist.push(this.yearWaterPalns[i])\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.fetchWaterOption = {\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\taxisPointer: {\n\t\t\t\t\t\ttype: 'cross',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tbackgroundColor: '#576580',\n\t\t\t\t\t\t},\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: '5%',\n\t\t\t\t\tleft: '14%',\n\t\t\t\t\tbottom: 50,\n\t\t\t\t},\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\txAxis: {\n\t\t\t\t\ttype: 'category',\n\t\t\t\t\tdata: [\n\t\t\t\t\t\t'1月',\n\t\t\t\t\t\t'2月',\n\t\t\t\t\t\t'3月',\n\t\t\t\t\t\t'4月',\n\t\t\t\t\t\t'5月',\n\t\t\t\t\t\t'6月',\n\t\t\t\t\t\t'7月',\n\t\t\t\t\t\t'8月',\n\t\t\t\t\t\t'9月',\n\t\t\t\t\t\t'10月',\n\t\t\t\t\t\t'11月',\n\t\t\t\t\t\t'12月',\n\t\t\t\t\t],\n\t\t\t\t\taxisPointer: {\n\t\t\t\t\t\ttype: 'shadow',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tyAxis: {\n\t\t\t\t\ttype: 'value',\n\t\t\t\t\taxisLabel: {\n\t\t\t\t\t\tformatter: '{value}',\n\t\t\t\t\t},\n\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\tlineStyle: {\n\t\t\t\t\t\t\tcolor: '#7c7c7c',\n\t\t\t\t\t\t},\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\t\tname: '实际取水量',\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\tvalueFormatter: function(value) {\n\t\t\t\t\t\t\t\treturn value + '万m³'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdata: Alist,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tcolor: '#6767ff',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: '计划取水量',\n\t\t\t\t\t\ttype: 'line',\n\t\t\t\t\t\tsmooth: true,\n\t\t\t\t\t\ttooltip: {\n\t\t\t\t\t\t\tvalueFormatter: function(value) {\n\t\t\t\t\t\t\t\treturn value + '万m³'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tdata: Blist,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tcolor: '#ff9a00',\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.fetchWaterOption && this.fetchWater.setOption(this.fetchWaterOption)\n\t\t},\n\t\t// 初始化饼图\n\t\tinitPie() {\n\t\t\tconst pieDom = document.getElementById('pie-container')\n\t\t\tthis.pie = echarts.init(pieDom)\n\t\t\tlet dataEcharts = []\n\t\t\tfor (let i = 0; i < this.countList.length; i++) {\n\t\t\t\tdataEcharts.push({\n\t\t\t\t\tname: this.countList[i].statusName,\n\t\t\t\t\tvalue: this.countList[i].count,\n\t\t\t\t\ttype: this.countList[i].status,\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.pieOption = {\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: '总计 ' + this.projectTotal,\n\t\t\t\t\tleft: 'center',\n\t\t\t\t\ttop: 'center',\n\t\t\t\t\ttextStyle: {\n\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t},\n\t\t\t\t\ttriggerEvent: true,\n\t\t\t\t},\n\t\t\t\tlegend: {\n\t\t\t\t\tbottom: 0,\n\t\t\t\t\tright: 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\torient: 'vertical',\n\t\t\t\t},\n\t\t\t\ttooltip: {\n\t\t\t\t\ttrigger: 'item',\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\tseries: [{\n\t\t\t\t\tname: '工程概况',\n\t\t\t\t\ttype: 'pie',\n\t\t\t\t\tradius: ['50%', '70%'],\n\t\t\t\t\tavoidLabelOverlap: true,\n\t\t\t\t\titemStyle: {\n\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\tshadowBlur: 10,\n\t\t\t\t\t\tshadowOffsetX: 2,\n\t\t\t\t\t\tshadowOffsetY: 2,\n\t\t\t\t\t\tshadowColor: 'rgba(255,255,255,0.2)',\n\t\t\t\t\t\tborderRadius: 6,\n\t\t\t\t\t},\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\talignTo: 'edge',\n\t\t\t\t\t\tformatter: '{name|{b}} {num|{c} 个}',\n\t\t\t\t\t\tminMargin: 5,\n\t\t\t\t\t\tedgeDistance: 90,\n\t\t\t\t\t\tlineHeight: 15,\n\t\t\t\t\t\tpadding: [10, 0, 0, 0],\n\t\t\t\t\t\trich: {\n\t\t\t\t\t\t\tname: {\n\t\t\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\t\t\tcolor: '#f5f5f5',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tnum: {\n\t\t\t\t\t\t\t\tfontSize: 10,\n\t\t\t\t\t\t\t\tcolor: '#999',\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\tlabelLine: {\n\t\t\t\t\t\tlength: 10,\n\t\t\t\t\t\tlength2: 0,\n\t\t\t\t\t\tmaxSurfaceAngle: 80,\n\t\t\t\t\t},\n\t\t\t\t\tdata: dataEcharts,\n\t\t\t\t\tcolor: ['#0091ff', '#ff9a00', '#5e5eff'],\n\t\t\t\t}, ],\n\t\t\t}\n\t\t\tthis.pieOption && this.pie.setOption(this.pieOption)\n\t\t\tthis.pie.on('click', (params) => {\n\t\t\t\tif (params.componentType == 'series') {\n\t\t\t\t\tif (params.data.type) {\n\t\t\t\t\t\tthis.getProject(params.data.type)\n\t\t\t\t\t\tthis.projectItemTitle = params.data.name\n\t\t\t\t\t}\n\t\t\t\t} else if (params.componentType == 'title') {\n\t\t\t\t\tthis.getProject('')\n\t\t\t\t\tthis.projectItemTitle = '所有'\n\t\t\t\t}\n\t\t\t})\n\t\t\tthis.pie.on('legendselectchanged', function(params) {\n\t\t\t\t// 获取点击图例的选中状态\n\t\t\t\tvar isSelected = params.selected[params.name]\n\t\t\t\t// 在控制台中打印\n\t\t\t\t//console.log(\n\t\t\t\t//\t(isSelected ? '选中了' : '取消选中了') +\n\t\t\t\t//\t'图例' +\n\t\t\t\t//\tparams.name\n\t\t\t\t//)\n\t\t\t})\n\t\t},\n\t\tchangePieDetail(key, name) {\n\t\t\tif (key == 'all') {\n\t\t\t\tthis.projectItemData = this.projectItemDataAll\n\t\t\t\tthis.projectItemTitle = '所有'\n\t\t\t} else if (key && key !== 'all') {\n\t\t\t\tthis.projectItemData = this[`projectItemData${key}`]\n\t\t\t\tthis.projectItemTitle = name\n\t\t\t}\n\t\t},\n\t\t// 初始化临界水位\n\t\tinitCriticalBar() {\n\t\t\tconst waterLevelDom = document.getElementById('criticalWaterLevel')\n\t\t\tthis.criticalWaterLevel = echarts.init(waterLevelDom)\n\t\t\tlet criticalName = []\n\t\t\tlet Alist = []\n\t\t\tlet Blist = []\n\t\t\tif (this.criticalType == 1) {\n\t\t\t\tthis.criticalRsvrList.forEach((e) => {\n\t\t\t\t\tcriticalName.push(e.stnm)\n\t\t\t\t\tAlist.push(e.rz)\n\t\t\t\t\tBlist.push(e.warnVal)\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.criticalRiverList.forEach((e) => {\n\t\t\t\t\tcriticalName.push(e.stnm)\n\t\t\t\t\tAlist.push(e.z)\n\t\t\t\t\tBlist.push(e.warnVal)\n\t\t\t\t})\n\t\t\t}\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\txAxis: {\n\t\t\t\t\tdata: criticalName,\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\t\tname: '实时水位',\n\t\t\t\t\t\tdata: Alist,\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tshowBackground: true,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n\t\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\t\tcolor: '#188df0',\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: '#188df0',\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: '#86c5f8',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]),\n\t\t\t\t\t\t\t// barBorderRadius: [20, 20, 0, 0],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbarWidth: 14,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: '警戒水位',\n\t\t\t\t\t\tdata: Blist,\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tshowBackground: true,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n\t\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\t\tcolor: '#f69502',\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: '#f69502',\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: '#ffd9a3',\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\tbarWidth: 14,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t\toption && this.criticalWaterLevel.setOption(option)\n\t\t},\n\t\t// 初始化水库渗流  纵向\n\t\tinitReservoirBar() {\n\t\t\tconst reservoirSeepageDom = document.getElementById('reservoirSeepage')\n\t\t\tthis.reservoirSeepage = echarts.init(reservoirSeepageDom)\n\t\t\tlet option = {\n\t\t\t\tlegend: {\n\t\t\t\t\t// right: 5,\n\t\t\t\t\t// top: 8,\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: 36,\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['水库1', 83.3, 85.8],\n\t\t\t\t\t\t['水库2', 68.1, 73.4],\n\t\t\t\t\t\t['水库3', 75.2, 86.4],\n\t\t\t\t\t\t['水库4', 40.4, 53.9],\n\t\t\t\t\t\t['水库5', 38.4, 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: '#adb9ba',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tformatter: function(value) {\n\t\t\t\t\t\t\tvar ret = '' //拼接加\\n返回的类目项\n\t\t\t\t\t\t\tvar maxLength = 3 //每项显示文字个数\n\t\t\t\t\t\t\tvar valLength = value.length //X轴类目项的文字个数\n\t\t\t\t\t\t\tvar rowN = Math.ceil(valLength / maxLength) //类目项需要换行的行数\n\t\t\t\t\t\t\tif (rowN > 1) {\n\t\t\t\t\t\t\t\t//如果类目项的文字大于3,\n\t\t\t\t\t\t\t\tfor (var i = 0; i < rowN; i++) {\n\t\t\t\t\t\t\t\t\tvar temp = '' //每次截取的字符串\n\t\t\t\t\t\t\t\t\tvar start = i * maxLength //开始截取的位置\n\t\t\t\t\t\t\t\t\tvar end = start + maxLength //结束截取的位置\n\t\t\t\t\t\t\t\t\t//这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧\n\t\t\t\t\t\t\t\t\ttemp = value.substring(start, end) + '\\n'\n\t\t\t\t\t\t\t\t\tret += temp //凭借最终的字符串\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn ret\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\treturn value\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\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\t\ttype: 'bar',\n\t\t\t\t\t\tshowBackground: true,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\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\tbarBorderRadius: [20, 20, 0, 0],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbarWidth: 10,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'bar',\n\t\t\t\t\t\tshowBackground: true,\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n\t\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\t\tcolor: '#f69502',\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: '#f69502',\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: '#ffd9a3',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]),\n\t\t\t\t\t\t\tbarBorderRadius: [20, 20, 0, 0],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbarWidth: 10,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t\toption && this.reservoirSeepage.setOption(option)\n\t\t},\n\t},\n}\n",null]}