diff --git a/public/template/各取水点取水量情况表.xlsx b/public/template/各取水点取水量情况表.xlsx new file mode 100644 index 0000000..e04305f Binary files /dev/null and b/public/template/各取水点取水量情况表.xlsx differ diff --git a/src/views/sound/function/trend/index.vue b/src/views/sound/function/trend/index.vue index abf1b1f..abe9791 100644 --- a/src/views/sound/function/trend/index.vue +++ b/src/views/sound/function/trend/index.vue @@ -5,28 +5,15 @@ :wrapper-col="{ md: { span: 18, }, sm: { span: 24 } }" labelAlign="left" layout="vertical"> - - - - {{ item.label }} - - - - - - - - - {{ item.label }} - - - + + + + - - {{ item.label }} - + + @@ -55,6 +42,12 @@ + + + + + + @@ -92,12 +85,13 @@ data() { return { queryParams: { - startYear: 2020, - endYear: 2021, + yearList: ["2021"], areaList: ['南宁市'], - placeList: [], + placeList: [], // 测点名称 + quarterList: [], // 季度 regionLevel: '市级', // 区域等级 xco: '年度' ,// 横坐标 + functionType: '全部', // 功能区类别 timeSlot: '昼' }, trendData: [], @@ -106,6 +100,7 @@ placeOptions: [], areaOptions: [], yearOptions: [], + functionTypeOptions: [], quarterOptions: [ { label: "第一季度", value: 1 }, { label: "第二季度", value: 2 }, @@ -159,6 +154,15 @@ }; }); }); + getColumnOptions("function_type").then((res) => { + this.functionTypeOptions = res.data.data.map((item) => { + return { + label: item + '类', + value: item, + }; + }); + this.functionTypeOptions.unshift({label: '全部', value: '全部'}) + }); this.getArea() this.getPlace('市级') }, @@ -211,8 +215,29 @@ this.getPlace(value) } }, + handleQuarterChange(value) { + console.log(`selected ${value}`); + this.queryParams.xco = '季度' + }, // 趋势图 drawTrend() { + if (this.queryParams.quarterList.length > 0 && this.queryParams.xco === '年度') { + this.$message.warning('选择季度时, 横坐标不能年度') + return + } + if (this.queryParams.quarterList.length == 0 && this.queryParams.xco === '季度') { + this.$message.warning('横坐标为季度时, 季度至少选择一个') + return + } + if (this.queryParams.yearList.length == 0 && this.queryParams.xco === '年度') { + this.$message.warning('横坐标为年度时, 年度至少选择一个') + return + } + if (this.queryParams.yearList.length > 1 && this.queryParams.xco === '季度') { + this.$message.warning('横坐标为季度时, 不能选择多个年度') + return + } + getTrendChart(this.queryParams).then( res => { console.log('res', res); if (res.data.code == 0) { diff --git a/src/views/sound/road/trend/index.vue b/src/views/sound/road/trend/index.vue index 080c1ca..d9b47c4 100644 --- a/src/views/sound/road/trend/index.vue +++ b/src/views/sound/road/trend/index.vue @@ -5,22 +5,10 @@ :wrapper-col="{ md: { span: 18, }, sm: { span: 24 } }" labelAlign="left" layout="vertical"> - - - - {{ item.label }} - - - - - - - - - {{ item.label }} - - - + + + + @@ -41,6 +29,13 @@ + + + + {{ item.label }} + + + @@ -78,15 +73,16 @@ data() { return { queryParams: { - startYear: 2020, - endYear: 2021, + yearList: ["2020", "2021"], areaList: ['南宁市'], placeList: [], regionLevel: '市级', // 区域等级 + timeSlot: '昼', xco: '年度' // 横坐标 }, trendData: [], regionLevelOptions: [], + timeSlotOptions: [], placeOptions: [], areaOptions: [], yearOptions: [], @@ -125,6 +121,14 @@ }; }); }); + getColumnOptions("time_slot").then((res) => { + this.timeSlotOptions = res.data.data.map((item) => { + return { + label: item, + value: item, + }; + }); + }); this.getArea() this.getPlace('市级') }, @@ -149,7 +153,7 @@ value: item.dictDataName, }; }); - // this.areaOptions.unshift({ label: '所有县', value: '所有县'}) + this.areaOptions.unshift({ label: '所有县', value: '所有县'}) }) }, // 测点名称下拉列表 @@ -162,7 +166,6 @@ value: item, }; }); - // this.placeOptions.unshift({ label: '所有测点', value: '所有测点'}) }); }, handleRegionLevelChange(value) { @@ -219,6 +222,39 @@ yAxis: this.trendData.yAxis, series: this.trendData.series } + trendChart.on("legendselectchanged", obj => { + console.log('obj', obj); + let index + if (this.queryParams.xco === '年度') { + index = this.queryParams.areaList.indexOf(obj.name) + if (index > -1) { + this.queryParams.areaList.splice(index, 1) + } else { + index = this.queryParams.placeList.indexOf(obj.name) + index > -1 && this.queryParams.placeList.splice(index, 1) + } + } else { + index = this.queryParams.yearList.indexOf(obj.name.substring(0,obj.name.length - 1)) + index > -1 && this.queryParams.yearList.splice(index, 1) + } + this.drawTrend() + }); + //添加一个新的刻度线 实现折线在柱状图的中间显示 + option.xAxis[1] = { + type: 'value', + max: option.xAxis[0].data.length, + show: false + } + + let lineArray = option.series.filter(item => item.type === 'line') + lineArray.forEach((item,index) => { + item.xAxisIndex = 1 + item.lineStyle = { + type: 'dashed', + } + item.data = item.data.map((x, i) => [(i + 1 / (option.legend.data.length + 1) * (index + 1 )) , x]) + }) + console.log('option', option); trendChart.setOption(option) } } diff --git a/src/views/sound/zone/trend/index.vue b/src/views/sound/zone/trend/index.vue index 0c8f261..5ff9562 100644 --- a/src/views/sound/zone/trend/index.vue +++ b/src/views/sound/zone/trend/index.vue @@ -5,22 +5,10 @@ :wrapper-col="{ md: { span: 18, }, sm: { span: 24 } }" labelAlign="left" layout="vertical"> - - - - {{ item.label }} - - - - - - - - - {{ item.label }} - - - + + + + @@ -85,8 +73,7 @@ data() { return { queryParams: { - startYear: 2020, - endYear: 2021, + yearList: ["2020", "2021"], areaList: ['南宁市'], placeList: [], regionLevel: '市级', // 区域等级 @@ -166,6 +153,7 @@ value: item.dictDataName, }; }); + this.areaOptions.unshift({ label: '所有县', value: '所有县'}) }) }, // 测点名称下拉列表 diff --git a/src/views/water/drinking-water/collect/index.vue b/src/views/water/drinking-water/collect/index.vue index 2966e9a..8911552 100644 --- a/src/views/water/drinking-water/collect/index.vue +++ b/src/views/water/drinking-water/collect/index.vue @@ -76,6 +76,7 @@ 县级(在用)地表水饮用水 县级(备用、规划)地表水饮用水 县级地下水饮用水 + 各取水点取水量取水量表 diff --git a/src/views/water/drinking-water/collect/water-bill.vue b/src/views/water/drinking-water/collect/water-bill.vue index 4d6a4de..076ede4 100644 --- a/src/views/water/drinking-water/collect/water-bill.vue +++ b/src/views/water/drinking-water/collect/water-bill.vue @@ -190,8 +190,9 @@ > { return ( item[0] && !item[0].includes("取水点") && !item[0].includes("合计") ); }); + + const id=record.drinkingWaterBillId; + + // drinkingWaterList.drinkingWaterBillId=record.drinkingWaterBillId; // 解析成对象数组 // const billName1 = file.name; const billData1 = utils.importWaterWithdrawalData(drinkingWaterList); - console.log(billData1); + // console.log(drinkingWaterList.length); // console.log(billData1.place); if (!billData1 || billData1.length == 0) { hide(); @@ -397,9 +404,11 @@ export default { }); return; } - + if (billData1.length > 0) { updateWaterWithdrawal({ + // drinkingWaterBillId:record.drinkingWaterBillId, + drinkingWaterBillId:id, drinkingWaterList: billData1, }) .then((res) => { @@ -412,7 +421,7 @@ export default { Modal.error({ title: "导入失败", content: "数据上传出错1", - + }); } }) @@ -425,7 +434,7 @@ export default { .finally(() => { hide(); }); - + } // if (billData1.length > 0) { // // 上传到服务器 @@ -667,4 +676,4 @@ export default { .editable-cell:hover .editable-cell-icon { display: inline-block; } - \ No newline at end of file + diff --git a/src/views/water/lake/dict/inner.vue b/src/views/water/lake/dict/inner.vue index 9c9a2ac..929a7bc 100644 --- a/src/views/water/lake/dict/inner.vue +++ b/src/views/water/lake/dict/inner.vue @@ -50,7 +50,18 @@ - + + + + + + + + + + + + @@ -136,6 +147,23 @@ title: "点位名称", dataIndex: "sectionName", sorter: true, + }, + { + title: "点位经度", + dataIndex: "longitude", + }, + { + title: "点位纬度", + dataIndex: "latitude", + }, + { + title: "类别", + dataIndex: "type", + }, + { + title: "排序", + dataIndex: "sort", + sorter: true, }, { title: "操作", @@ -171,6 +199,22 @@ required: true, message: '请输入点位名称' }], + longitude: [{ + required: true, + message: '请输入点位经度' + }], + latitude: [{ + required: true, + message: '请输入点位纬度' + }], + type: [{ + required: true, + message: '请输入类型' + }], + sort: [{ + required: true, + message: '请输入排序' + }], }, yearOptions: [], showNYear: false, diff --git a/src/views/water/lake/dict/special.vue b/src/views/water/lake/dict/special.vue index ce6c261..60a4503 100644 --- a/src/views/water/lake/dict/special.vue +++ b/src/views/water/lake/dict/special.vue @@ -107,7 +107,18 @@ - + + + + + + + + + + + + @@ -251,6 +262,23 @@ export default { title: "水期代码", dataIndex: "waterCode", }, + { + title: "点位经度", + dataIndex: "longitude", + }, + { + title: "点位纬度", + dataIndex: "latitude", + }, + { + title: "类别", + dataIndex: "type", + }, + { + title: "排序", + dataIndex: "sort", + sorter: true, + }, { title: "操作", key: "action", @@ -276,7 +304,23 @@ export default { year: [{required: true, message: '请输入年份'}], sectionName:[{ required:true,message: "请输入点位名称", - }] + }], + longitude: [{ + required: true, + message: '请输入点位经度' + }], + latitude: [{ + required: true, + message: '请输入点位纬度' + }], + type: [{ + required: true, + message: '请输入类型' + }], + sort: [{ + required: true, + message: '请输入排序' + }], }, yearOptions: [], showNYear:false,