echart 图表问题；raw_mode

gerson

2024-07-07 d5f17f079d4af2a173015dc86a4d6d472731fac6

 src/views/project/ch/home/Scenario.vue

@@ -1,19 +1,19 @@
<template>
   <!-- 应用场景 -->
   <div class="w100 h100 box-border text-[14px] bg-[#f7f8fa] overflow-hidden pr-[32px] pb-[50px] pl-[32px] pt-[42px]">
   <div class="w100 h100 box-border text-[14px] bg-[#f7f8fa] overflow-auto pr-[32px] pb-[50px] pl-[32px] pt-[42px]">
      <div class="set-body">
         <div class="productivity recently">
         <!-- <div class="productivity recently">
            <p class="mb-[24px] flex items-center">
               <el-icon color="#409eff" :size="20" class="mr-2"><Clock /></el-icon>
               <span>最近使用</span>
            </p>
            <div class="flex flex-wrap items-center">
               <div class="list_app" v-for="item in state.recentlyList" :key="item.ID" @click="changeApp(item)">
               <div class="list_app" v-for="item in state.recentlyList" :key="item.ID" >
                  <img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
                  <span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span>
               </div>
            </div>
         </div>
         </div> -->
         <div
            class="productivity"
            v-for="product in state.productivityList"
@@ -24,7 +24,8 @@
               <span class="productivity-span"><i></i>{{ product.section_name }}</span>
            </div>
            <div class="flex flex-wrap items-center">
               <div class="list_app" v-for="item in product.children" :key="item.section_id">
               ,
               <div class="list_app" v-for="item in product.children" :key="item.section_id" @click="changeApp(product.section_id, item)">
                  <img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
                  <span class="text-[14px] text-[#333f4e]">{{ item.section_name }}</span>
               </div>
@@ -55,12 +56,15 @@
   productivityList: [], //通用的场景
});
//切换到应用场景详情的事件
const changeApp = (item: any) => {
   if (item.ID === 2) {
      router.push({
         name: 'ScenarioDetails',
      });
   }
const changeApp = (section_id, item: any) => {
   router.push({
      name: 'ScenarioDetails',
      query: {
         ID: section_id,
         Name: item.section_name,
         Title: item.section_title,
      },
   });
};
const getSectionByList = async () => {
   const res = await getSectionByAllList();