From 71234df2f12537c6aeaeae9aaee5ed50a6171a5d Mon Sep 17 00:00:00 2001
From: wisonic-s <shaochuan.wu@fit2cloud.com>
Date: Wed, 6 Sep 2023 19:39:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BB=AA=E8=A1=A8=E7=9B=98=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E7=BC=96=E8=BE=91=E4=B8=8D=E6=98=BE=E7=A4=BA=E6=9C=80?=
 =?UTF-8?q?=E5=A4=A7=E5=80=BC=E5=92=8C=E6=9C=80=E5=B0=8F=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/shapeAttr/SizeSelectorAntV.vue | 266 +++++++++---------
 1 file changed, 135 insertions(+), 131 deletions(-)

diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
index 64d05c6823..96a544de6f 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
@@ -522,150 +522,151 @@
         label-width="100px"
         size="mini"
       >
-        <el-form-item
-          v-show="showProperty('gaugeMin')"
-          :label="$t('chart.min')"
-          class="form-item"
-        >
-          <el-radio-group
-            v-model="sizeForm.gaugeMinType"
-            size="mini"
-            @change="changeQuotaField('min')"
+        <div v-show="!batchOptStatus">
+          <el-form-item
+              v-show="showProperty('gaugeMin')"
+              :label="$t('chart.min')"
+              class="form-item"
           >
-            <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
-            <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item
-          v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'fix'"
-          class="form-item form-item-slider"
-        >
-          <el-input-number
-            v-model="sizeForm.gaugeMin"
-            size="mini"
-            @change="changeBarSizeCase('gaugeMin')"
-          />
-        </el-form-item>
-        <el-form-item
-          v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'dynamic'"
-          class="form-item form-flex"
-        >
-          <el-select
-            v-model="sizeForm.gaugeMinField.id"
-            :placeholder="$t('chart.field')"
-            @change="changeQuotaField('min',true)"
-          >
-            <el-option
-              v-for="item in quotaData"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
+            <el-radio-group
+                v-model="sizeForm.gaugeMinType"
+                size="mini"
+                @change="changeQuotaField('min')"
             >
+              <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
+              <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+              v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'fix'"
+              class="form-item form-item-slider"
+          >
+            <el-input-number
+                v-model="sizeForm.gaugeMin"
+                size="mini"
+                @change="changeBarSizeCase('gaugeMin')"
+            />
+          </el-form-item>
+          <el-form-item
+              v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'dynamic'"
+              class="form-item form-flex"
+          >
+            <el-select
+                v-model="sizeForm.gaugeMinField.id"
+                :placeholder="$t('chart.field')"
+                @change="changeQuotaField('min',true)"
+            >
+              <el-option
+                  v-for="item in quotaData"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+              >
               <span style="float: left">
                 <svg-icon
-                  v-if="item.deType === 0"
-                  icon-class="field_text"
-                  class="field-icon-text"
+                    v-if="item.deType === 0"
+                    icon-class="field_text"
+                    class="field-icon-text"
                 />
                 <svg-icon
-                  v-if="item.deType === 1"
-                  icon-class="field_time"
-                  class="field-icon-time"
+                    v-if="item.deType === 1"
+                    icon-class="field_time"
+                    class="field-icon-time"
                 />
                 <svg-icon
-                  v-if="item.deType === 2 || item.deType === 3"
-                  icon-class="field_value"
-                  class="field-icon-value"
+                    v-if="item.deType === 2 || item.deType === 3"
+                    icon-class="field_value"
+                    class="field-icon-value"
                 />
                 <svg-icon
-                  v-if="item.deType === 5"
-                  icon-class="field_location"
-                  class="field-icon-location"
+                    v-if="item.deType === 5"
+                    icon-class="field_location"
+                    class="field-icon-location"
                 />
               </span>
-              <span style="float: left; color: #8492a6; font-size: 12px">{{ item.name }}</span>
-            </el-option>
-          </el-select>
-          <el-select
-            v-model="sizeForm.gaugeMinField.summary"
-            :placeholder="$t('chart.summary')"
-            @change="changeQuotaField('min')"
-          >
-            <el-option
-              v-if="validMinField"
-              key="sum"
-              value="sum"
-              :label="$t('chart.sum')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="avg"
-              value="avg"
-              :label="$t('chart.avg')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="max"
-              value="max"
-              :label="$t('chart.max')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="min"
-              value="min"
-              :label="$t('chart.min')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="stddev_pop"
-              value="stddev_pop"
-              :label="$t('chart.stddev_pop')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="var_pop"
-              value="var_pop"
-              :label="$t('chart.var_pop')"
-            />
-            <el-option
-              key="count"
-              value="count"
-              :label="$t('chart.count')"
-            />
-            <el-option
-              v-if="minField.id !== 'count'"
-              key="count_distinct"
-              value="count_distinct"
-              :label="$t('chart.count_distinct')"
-            />
-          </el-select>
-        </el-form-item>
+                <span style="float: left; color: #8492a6; font-size: 12px">{{ item.name }}</span>
+              </el-option>
+            </el-select>
+            <el-select
+                v-model="sizeForm.gaugeMinField.summary"
+                :placeholder="$t('chart.summary')"
+                @change="changeQuotaField('min')"
+            >
+              <el-option
+                  v-if="validMinField"
+                  key="sum"
+                  value="sum"
+                  :label="$t('chart.sum')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="avg"
+                  value="avg"
+                  :label="$t('chart.avg')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="max"
+                  value="max"
+                  :label="$t('chart.max')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="min"
+                  value="min"
+                  :label="$t('chart.min')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="stddev_pop"
+                  value="stddev_pop"
+                  :label="$t('chart.stddev_pop')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="var_pop"
+                  value="var_pop"
+                  :label="$t('chart.var_pop')"
+              />
+              <el-option
+                  key="count"
+                  value="count"
+                  :label="$t('chart.count')"
+              />
+              <el-option
+                  v-if="minField.id !== 'count'"
+                  key="count_distinct"
+                  value="count_distinct"
+                  :label="$t('chart.count_distinct')"
+              />
+            </el-select>
+          </el-form-item>
 
-        <el-form-item
-          v-show="showProperty('gaugeMax')"
-          :label="$t('chart.max')"
-          class="form-item"
-        >
-          <el-radio-group
-            v-model="sizeForm.gaugeMaxType"
-            size="mini"
-            @change="changeQuotaField('max')"
+          <el-form-item
+              v-show="showProperty('gaugeMax')"
+              :label="$t('chart.max')"
+              class="form-item"
           >
-            <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
-            <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item
-          v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'fix'"
-          class="form-item form-item-slider"
-        >
-          <el-input-number
-            v-model="sizeForm.gaugeMax"
-            size="mini"
-            @change="changeBarSizeCase('gaugeMax')"
-          />
-        </el-form-item>
-        <el-form-item
+            <el-radio-group
+                v-model="sizeForm.gaugeMaxType"
+                size="mini"
+                @change="changeQuotaField('max')"
+            >
+              <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
+              <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+              v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'fix'"
+              class="form-item form-item-slider"
+          >
+            <el-input-number
+                v-model="sizeForm.gaugeMax"
+                size="mini"
+                @change="changeBarSizeCase('gaugeMax')"
+            />
+          </el-form-item>
+          <el-form-item
           v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'dynamic'"
           class="form-item form-flex"
         >
@@ -759,6 +760,7 @@
             />
           </el-select>
         </el-form-item>
+        </div>
 
         <el-form-item
           v-show="showProperty('gaugeStartAngle')"
@@ -1405,6 +1407,7 @@
 <script>
 import { CHART_FONT_FAMILY, CHART_FONT_LETTER_SPACE, DEFAULT_SIZE } from '../../chart/chart'
 import { equalsAny } from '@/utils/StringUtils'
+import { mapState } from 'vuex'
 
 export default {
   name: 'SizeSelectorAntV',
@@ -1493,7 +1496,8 @@ export default {
         return customAttr.color.mapLineGradient && equalsAny(this.sizeForm.mapLineType, 'line', 'arc')
       }
       return false
-    }
+    },
+    ...mapState(['batchOptStatus'])
   },
   watch: {
     'chart': {