NEZ-1734 fix：页面 国际化的问题

nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue

@@ -372,7 +372,54 @@
             </el-form-item>
           </div>
         </transition>
+
+        <!--thresholdConfig-->
+        <div class="form__sub-title">
+          <span>{{$t('dashboard.panel.chartForm.threshold')}}</span>
+          <el-switch
+            v-model="chartConfig.param.enable.thresholds"
+            size="small"
+            @change="thresholdShowChange"
+          ></el-switch>
+        </div>
+        <transition name="el-zoom-in-top">
+          <el-row v-if="chartConfig.param.enable.thresholds">
+            <el-form-item
+              v-for="(item,index) in chartConfig.param.thresholds"
+              :key="index"
+              class="thresholds-item"
+              :prop="'param.thresholds.' + index + '.value'"
+              :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}"
+            >
+              <nezhaColor
+                :value-arr="[{name:'thresholds',value:item.color}]"
+                :show-text="false"
+                :color-val="item.color"
+                @colorChange="(color,key)=>{colorChange(color,key,index)}"
+              />
+              <el-input-number
+                size="small"
+                style="margin-top: 2px"
+                :placeholder="$t('placeholder.chart.threshold')"
+                v-model.number="item.value"
+                :controls="false"
+                @blur="sortThresholds"
+                @change="change"
+              />
+              <span
+                @click="delThresholds(index)"
+                class="del-thresholds-icon"
+              >
+              <i class="nz-icon nz-icon-delete" />
+            </span>
+            </el-form-item>
+            <div @click="addThresholds" class="thresholds-add">
+              {{$t('overall.addThresholds')}}
+            </div>
+          </el-row>
+        </transition>
       </div>
+
       <!--      table column-->
       <div v-if="isTable(chartConfig.type)">
         <div class="form__sub-title">
@@ -403,13 +450,13 @@
           <transition-group appear tag="div" name="el-zoom-in-top">
             <el-row class="thresholds-item" v-show="item.show" :key="1">
               <div>
-                <div class='mapping-display'>Title</div>
+                <div class='mapping-display'>{{$t('project.topology.title')}}</div>
               </div>
               <el-form-item :prop="'param.columns.' + index + '.title'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}" class="thresholds-from-item" style="flex: 1">
                 <el-input size="small" v-model="item.title" @change="change('columns',index)"></el-input>
               </el-form-item>
               <div>
-                <div class='mapping-display'>Unit</div>
+                <div class='mapping-display'>{{$t('dashboard.panel.chartForm.unit')}}</div>
               </div>
               <el-cascader :id="'columns-unit' + index" v-model="item.unit" :options="unitOptions" :props="{ expandTrigger: 'hover',emitPath:false }"  :show-all-levels="false" filterable
                            placeholder=""
@@ -422,7 +469,7 @@
             </el-row>
             <el-row class="thresholds-item" v-show="item.show" :key="2">
               <div>
-                <div class='mapping-display'>Display</div>
+                <div class='mapping-display'>{{$t('dashboard.panel.chartForm.display')}}</div>
               </div>
               <el-form-item :prop="'param.columns.' + index + '.display'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}" class="thresholds-from-item">
                 <el-input v-model="item.display"  style="margin-right: 10px" size="small"  @change="change('columns',index)"/>
@@ -431,7 +478,7 @@
           </transition-group>
         </div>
         <div @click="addColumns" class="thresholds-add">
-          Add Colums
+          {{$t('overall.addColumns')}}
         </div>
       </div>
 
@@ -500,7 +547,7 @@
                       <el-option
                         v-for="item in mappingTypeList"
                         :value="item.value"
-                        :label="item.label"
+                        :label="$t(item.label)"
                         :key="item.value"/>
                     </el-select>
                   </div>
@@ -562,13 +609,13 @@
                 </el-row>
                 <el-row v-show="item.show" :key="2" class="thresholds-item">
                   <div v-if="isTable(chartConfig.type)">
-                    <div class='mapping-display'>Columns</div>
+                    <div class='mapping-display'>{{$t('dashboard.panel.chartForm.columns')}}</div>
                   </div>
                   <el-form-item v-if="isTable(chartConfig.type)" :prop="'param.valueMapping.' + index + '.column'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}" class="thresholds-from-item">
                     <el-input v-model="item.column"  style="margin-right: 10px" :placeholder="$t('placeholder.chart.column')" size="small" @change="change('valueMapping', index)"/>
                   </el-form-item>
                   <div>
-                    <div class='mapping-display'>Display</div>
+                    <div class='mapping-display'>{{$t('dashboard.panel.chartForm.display')}}</div>
                   </div>
                   <el-form-item :prop="'param.valueMapping.' + index + '.display'" :rules="{ required: true, message: $t('validate.required'), trigger: 'blur'}" class="thresholds-from-item">
                     <el-input v-model="item.display"  style="margin-right: 10px" :placeholder="$t('placeholder.chart.display')" size="small" @change="change('valueMapping', index)"/>
@@ -578,7 +625,7 @@
               </transition-group>
             </div>
             <div @click="addMapping" class="thresholds-add">
-              Add valueMapping
+              {{$t('overall.addMapping')}}
             </div>
           </el-row>
         </transition>