王子文 月报 月报趋势分析对话框按年、月区间查询

ui/src/views/production/monthly/index.vue

@@ -662,14 +662,16 @@
           <el-date-picker
             v-model="analysisDialogElement.startDate"
             type="month"
-            placeholder="选择开始时间">
+            placeholder="选择开始时间"
+            @change="handleAnalysisTimeIntervalChange">
           </el-date-picker>
         </el-form-item>
         <el-form-item label="结束时间" prop="endDate">
           <el-date-picker
             v-model="analysisDialogElement.endDate"
             type="month"
-            placeholder="选择结束时间">
+            placeholder="选择结束时间"
+            @change="handleAnalysisTimeIntervalChange">
           </el-date-picker>
         </el-form-item>
       </el-form>
@@ -1038,16 +1040,29 @@ export default {
       this.analysis.open = true;
       this.draw();
     },
+    /** 处理趋势分析时间区间change事件 */
+    handleAnalysisTimeIntervalChange() {
+      this.disposeChart();
+      let startDate = this.analysisDialogElement.startDate;
+      let endDate = this.analysisDialogElement.endDate;
+      this.analysisQueryParams.fromYear = startDate.getFullYear();
+      this.analysisQueryParams.fromMonth = startDate.getMonth() + 1;
+      this.analysisQueryParams.toYear = endDate.getFullYear();
+      this.analysisQueryParams.toMonth = endDate.getMonth() + 1;
+      this.draw();
+    },
     /** 绘制趋势图 */
     draw() {
+      this.valueList = [];
+      this.dateList = [];
       getAnalysisData(this.analysisQueryParams).then(response => {
         let data = response.data;
         this.maxValue = 0;
         this.minValue = data[0].valueData;
         for (let i = 0; i < data.length; i++) {
           if (data[i].valueData != null) {
-            this.valueList[i] = data[i].valueData;
-            this.dateList[i] = data[i].dateData;
+            this.valueList.push(data[i].valueData);
+            this.dateList.push(data[i].dateData);
             if (data[i].valueData > this.maxValue) {
               this.maxValue = data[i].valueData;
             }