From ad8db552c0587e582f752e2d96f6dd54cd6fbd42 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Mon, 5 Sep 2022 10:38:34 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=A4=8D=E6=8A=A5=E5=91=8A?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20category=20=E9=83=A8=E5=88=86=E9=80=89?=
 =?UTF-8?q?=E9=A1=B9=20Params=20=E5=9B=BD=E9=99=85=E5=8C=96=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E5=8A=A8=E6=80=81=E6=94=B9=E5=8F=98=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/rightBox/report/ReportBox.vue | 26 ++++++++++++++------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/rightBox/report/ReportBox.vue b/src/components/rightBox/report/ReportBox.vue
index ff0af79b..e5ecf505 100644
--- a/src/components/rightBox/report/ReportBox.vue
+++ b/src/components/rightBox/report/ReportBox.vue
@@ -165,7 +165,7 @@
                              multiple
                              placeholder=" "
                              :disabled="!!editObject.id"
-                             popper-class="right-box-select-dropdown right-box-select-report "
+                             popper-class="right-box-select-dropdown right-box-select-report"
                              size="small"
                              @change="()=>{ this.$forceUpdate() }">
                     <template v-for="time in weekOptions" :key="time.value">
@@ -222,7 +222,7 @@
                        collapse-tags
                        placeholder=" "
                        :disabled="!!editObject.id"
-                       popper-class="right-box-select-dropdown right-box-select-report "
+                       popper-class="right-box-select-dropdown right-box-select-report"
                        size="small"
                        @change="typeChange">
               <template v-for="category in categoryList" :key="category.id">
@@ -235,21 +235,19 @@
 <!--            <el-input v-model="param.value" placeholder=" " v-for="(param, index) in editObject.categoryParams" :key="index" size="small" style="vertical-align: unset;" :disabled="!!editObject.id">
               <template #prepend>{{param.key}}</template>
             </el-input>-->
-            <el-select v-model="param.value"
-                       v-for="(param, index) in editObject.categoryParams"
-                       :key="index"
+            <el-select v-model="editObject.categoryParams[0].value"
                        class="right-box__select right-box__select--param"
                        placeholder=" "
                        filterable
                        :disabled="!!editObject.id"
-                       popper-class="right-box-select-dropdown right-box-select-report "
+                       popper-class="right-box-select-dropdown right-box-select-report"
                        size="small"
             >
               <template #prefix>
-                  {{$t(param.i18n)}}
+                  {{$t(editObject.categoryParams[0].i18n)}}
               </template>
               <template v-for="paramOption in paramsOptions">
-                <template v-if="paramOption.key === param.key">
+                <template v-if="paramOption.key === editObject.categoryParams[0].key">
                   <el-option :key="p" :value="p" v-for="p in paramOption.options"></el-option>
                 </template>
               </template>
@@ -415,6 +413,8 @@ export default {
     },
     'editObject.categoryId': {
       handler (n) {
+        const dom = document.getElementsByClassName('el-input__inner')
+        console.log(dom)
         const category = this.categoryList.find(c => c.id === n)
         if (category && category.config && category.config.queryParam) {
           this.editObject.categoryParams = category.config.queryParam
@@ -460,6 +460,16 @@ export default {
           }
         } else if (this.currentCategoryId) {
           this.editObject.categoryId = this.currentCategoryId
+          const category = this.categoryList.find(c => c.id === this.currentCategoryId)
+          if (category && category.config && category.config.queryParam) {
+            this.editObject.categoryParams = category.config.queryParam
+            if (!this.editObject.id) {
+              this.editObject.categoryParams.forEach(t => { t.value = '' })
+            }
+            this.loadParamOptions()
+          } else {
+            this.editObject.categoryParams = []
+          }
         }
       }
     }