运行管理》服务类别分布》详细报告添加服务code中文映射

src/utils/yxglServiceCategoryLabels.js

@@ -9,6 +9,8 @@ export const YXGL_SERVICE_CATEGORY_LABELS = {
   dms: "一张图数据中台服务",
   oauth: "一张图共享服务",
   proxy: "转发服务",
+  /** 门户/业务侧常见 code，接口未统一命名时前端兜底展示 */
+  qpyzt: "一张图门户服务",
 };
 
 /**

src/views/yxgl/StatisticalAnalysis.vue

@@ -122,7 +122,12 @@
             filterable
             clearable
           >
-            <el-option v-for="item in value" :key="item" :label="item" :value="item" />
+            <el-option
+              v-for="item in value"
+              :key="String(key) + '-' + String(item)"
+              :label="selectOptionDisplayLabel(key, item)"
+              :value="item"
+            />
           </el-select>
           <!-- 再添加一个时间搜索范围，字段是date, 格式是YYYY-MM-DD -->
           <el-date-picker
@@ -215,12 +220,8 @@
         </div>
       </div>
     </div>
-
-    <!-- 验收版-隐藏  演示版-显示   现已全显示 -->
-    <HomePage_Demo />
-
     <!-- 区级特色信息统计 -->
-    <!-- <div class="bigCard">
+    <div class="bigCard">
       <div class="bigCard_title">区级特色信息统计</div>
       <div class="flex" style="margin-top: 20px">
         <div class="flex_column" style="width: 28%; height: 420px">
@@ -253,7 +254,11 @@
           <EchartsDome :chartOption="chartOptions['服务调用趋势']" title="服务调用趋势" />
         </div>
       </div>
-    </div> -->
+    </div>
+
+    <!-- 验收版-隐藏  演示版-显示 -->
+    <!-- <HomePage_Demo /> -->
+
 
   </div>
 </template>
@@ -403,6 +408,13 @@ export default {
   },
   methods: {
     formatYxglServiceCategory,
+    /** 详情弹窗筛选下拉：服务类型等字段展示中文，value 仍为原始值以便筛选 */
+    selectOptionDisplayLabel(fieldKey, raw) {
+      if (fieldKey === "type") {
+        return formatYxglServiceCategory(raw, raw);
+      }
+      return raw;
+    },
     getColumnListDate(){
       let that = this;
       that.columnList = [];