diff --git a/src/pages/tools/gachaCalc.vue b/src/pages/tools/gachaCalc.vue
index 02a15e5b..39948dc6 100644
--- a/src/pages/tools/gachaCalc.vue
+++ b/src/pages/tools/gachaCalc.vue
@@ -1,6 +1,6 @@
 <!--修改活动日期按钮请在变量"scheduleOptions"中修改，修改活动排期请在变量"HONEY_CAKE_TABLE"所引入的json文件中修改-->
 <script setup>
-import {h, onMounted, ref} from "vue";
+import { h, onMounted, ref } from "vue";
 import '/src/assets/css/tool/gacha_calc.scss'
 import '/src/assets/css/sprite/sprite_plane_icon.css'
 import '/src/assets/css/tool/gacha_calc.phone.scss'
@@ -9,9 +9,9 @@ import * as echarts from "echarts";
 import potentialTable from '/src/static/json/tools/potential_gacha_resources.json'
 import HONEY_CAKE_TABLE from '/src/static/json/tools/schedule_by_honeycake.json'
 import storeAPI from '/src/api/store'
-import {cMessage} from "/src/utils/Message.js";
-import {dateDiff} from '/src/utils/DateUtil.js'
-import {ElNotification} from "element-plus";
+import { cMessage } from "/src/utils/Message.js";
+import { dateDiff } from '/src/utils/DateUtil.js'
+import { ElNotification } from "element-plus";
 
 
 import PackButtonContent from "/src/components/PackButtonContent.vue";
@@ -217,7 +217,7 @@ function getHistoryPackInfo() {
   const minTimeStamp = new Date().getTime() - 60 * 60 * 24 * 400 * 1000
   let list = []
   for (let pack of packInfoInitList.value) {
-    const {start, saleType} = pack
+    const { start, saleType } = pack
 
     if ('activity' !== saleType) {
       continue
@@ -415,12 +415,12 @@ let originiumIsUsed = ref(true)
 
 //饼图的数据
 let pieChartData = ref([
-  {value: 22, name: "现有"},
-  {value: 33, name: "潜在"},
-  {value: 44, name: "日常"},
-  {value: 22, name: "氪金"},
-  {value: 33, name: "活动"},
-  {value: 44, name: "其它"}
+  { value: 22, name: "现有" },
+  { value: 33, name: "潜在" },
+  { value: 44, name: "日常" },
+  { value: 22, name: "氪金" },
+  { value: 33, name: "活动" },
+  { value: 44, name: "其它" }
 ])
 
 //氪金选项
@@ -641,14 +641,14 @@ function gachaResourcesCalculation() {
     //计算日常总抽数
     calculationResult.value.dailyTotalDraw = orundum / 600 + gachaTicket + tenGachaTicket * 10
 
-    logs.push({key: "日常-合成玉", value: orundum})
-    logs.push({key: "日常-源石", value: originium})
-    logs.push({key: "日常-单抽", value: gachaTicket})
-    logs.push({key: "日常-十连", value: tenGachaTicket})
+    logs.push({ key: "日常-合成玉", value: orundum })
+    logs.push({ key: "日常-源石", value: originium })
+    logs.push({ key: "日常-单抽", value: gachaTicket })
+    logs.push({ key: "日常-十连", value: tenGachaTicket })
 
     //向饼图数据中写入日常的抽卡次数
     if (calculationResult.value.dailyTotalDraw > 0) {
-      pieChartDataTmp.push({value: Math.floor(calculationResult.value.dailyTotalDraw), name: "日常"})
+      pieChartDataTmp.push({ value: Math.floor(calculationResult.value.dailyTotalDraw), name: "日常" })
     }
 
   }
@@ -709,15 +709,15 @@ function gachaResourcesCalculation() {
     calculationResult.value.tenGachaTicket += tenGachaTicket
 
     calculationResult.value.existTotalDraw = orundum / 600 + originium * 0.3
-        + gachaTicket + tenGachaTicket * 10
+      + gachaTicket + tenGachaTicket * 10
 
-    logs.push({key: "库存-合成玉", value: orundum})
-    logs.push({key: "库存-源石", value: originium})
-    logs.push({key: "库存-单抽", value: gachaTicket})
-    logs.push({key: "库存-十连", value: tenGachaTicket})
+    logs.push({ key: "库存-合成玉", value: orundum })
+    logs.push({ key: "库存-源石", value: originium })
+    logs.push({ key: "库存-单抽", value: gachaTicket })
+    logs.push({ key: "库存-十连", value: tenGachaTicket })
 
     if (calculationResult.value.existTotalDraw > 0) {
-      pieChartDataTmp.push({value: Math.floor(calculationResult.value.existTotalDraw), name: "库存"})
+      pieChartDataTmp.push({ value: Math.floor(calculationResult.value.existTotalDraw), name: "库存" })
     }
 
   }
@@ -730,10 +730,10 @@ function gachaResourcesCalculation() {
     }
     //计算用材料产出的合成玉数量
     produceOrundum.value.outputByItem = Math.ceil(stringToNumber(produceOrundum.value.itemId30012) * 5 +
-        stringToNumber(produceOrundum.value.itemId30062) * 10)
+      stringToNumber(produceOrundum.value.itemId30062) * 10)
     //计算用材料产出合成玉时的龙门币消耗
     produceOrundum.value.itemId4001 = stringToNumber(produceOrundum.value.itemId30012) * 800 +
-        stringToNumber(produceOrundum.value.itemId30062) * 1000
+      stringToNumber(produceOrundum.value.itemId30062) * 1000
     //可用于兑换商店第三层的凭证数量
     let certificates = stringToNumber(certificateStoreF3.value.certificates)
     //如果凭证数量大于11590(搬空前两层的凭证消耗量),曾可以兑换合成玉
@@ -754,7 +754,7 @@ function gachaResourcesCalculation() {
     calculationResult.value.produceOrundumTotalDraw = orundum / 600
 
     if (calculationResult.value.produceOrundumTotalDraw > 0) {
-      pieChartDataTmp.push({value: Math.floor(calculationResult.value.produceOrundumTotalDraw), name: "搓玉"})
+      pieChartDataTmp.push({ value: Math.floor(calculationResult.value.produceOrundumTotalDraw), name: "搓玉" })
     }
 
   }
@@ -789,11 +789,11 @@ function gachaResourcesCalculation() {
 
     calculationResult.value.potentialTotalDraw = orundum / 600 + originium * 0.3
 
-    logs.push({key: "潜在-合成玉", value: orundum})
-    logs.push({key: "潜在-源石", value: originium})
+    logs.push({ key: "潜在-合成玉", value: orundum })
+    logs.push({ key: "潜在-源石", value: originium })
 
     if (calculationResult.value.potentialTotalDraw > 0) {
-      pieChartDataTmp.push({value: Math.floor(calculationResult.value.potentialTotalDraw), name: "潜在"})
+      pieChartDataTmp.push({ value: Math.floor(calculationResult.value.potentialTotalDraw), name: "潜在" })
     }
   }
 
@@ -883,16 +883,16 @@ function gachaResourcesCalculation() {
     calculationResult.value.totalAmountOfRecharge = totalAmountOfRecharge
 
     calculationResult.value.rechargeTotalDraw = orundum / 600 + originium * 0.3 +
-        gachaTicket + tenGachaTicket * 10
+      gachaTicket + tenGachaTicket * 10
 
-    logs.push({key: "氪金-合成玉", value: orundum})
-    logs.push({key: "氪金-源石", value: originium})
-    logs.push({key: "氪金-单抽", value: gachaTicket})
-    logs.push({key: "氪金-十连", value: tenGachaTicket})
+    logs.push({ key: "氪金-合成玉", value: orundum })
+    logs.push({ key: "氪金-源石", value: originium })
+    logs.push({ key: "氪金-单抽", value: gachaTicket })
+    logs.push({ key: "氪金-十连", value: tenGachaTicket })
 
 
     if (calculationResult.value.rechargeTotalDraw > 0) {
-      pieChartDataTmp.push({value: Math.floor(calculationResult.value.rechargeTotalDraw), name: "氪金"})
+      pieChartDataTmp.push({ value: Math.floor(calculationResult.value.rechargeTotalDraw), name: "氪金" })
     }
 
   }
@@ -940,15 +940,15 @@ function gachaResourcesCalculation() {
     calculationResult.value.tenGachaTicket += tenGachaTicket
 
     calculationResult.value.activityTotalDraw = orundum / 600 + originium * 0.3 +
-        gachaTicket + tenGachaTicket * 10
+      gachaTicket + tenGachaTicket * 10
 
-    logs.push({key: "活动-合成玉", value: orundum})
-    logs.push({key: "活动-源石", value: originium})
-    logs.push({key: "活动-单抽", value: gachaTicket})
-    logs.push({key: "活动-十连", value: tenGachaTicket})
+    logs.push({ key: "活动-合成玉", value: orundum })
+    logs.push({ key: "活动-源石", value: originium })
+    logs.push({ key: "活动-单抽", value: gachaTicket })
+    logs.push({ key: "活动-十连", value: tenGachaTicket })
 
     if (calculationResult.value.activityTotalDraw > 0) {
-      pieChartDataTmp.push({value: Math.floor(calculationResult.value.activityTotalDraw), name: "活动"})
+      pieChartDataTmp.push({ value: Math.floor(calculationResult.value.activityTotalDraw), name: "活动" })
     }
   }
 
@@ -981,7 +981,7 @@ function gachaResourcesCalculation() {
         //奖励开始日期
         let start = honeyCake.start
         //如果选中了计算卡池当天奖励，则将结束时间改为卡池当天
-        if(!calPoolEnd.value){
+        if (!calPoolEnd.value) {
           end = endDate.value.getTime()
         }
 
@@ -1015,21 +1015,21 @@ function gachaResourcesCalculation() {
 
 
     calculationResult.value.otherTotalDraw = orundum / 600 + originium * 0.3 +
-        gachaTicket + tenGachaTicket * 10
+      gachaTicket + tenGachaTicket * 10
 
-    logs.push({key: "预测-合成玉", value: orundum})
-    logs.push({key: "预测-源石", value: originium})
-    logs.push({key: "预测-单抽", value: gachaTicket})
-    logs.push({key: "预测-十连", value: tenGachaTicket})
+    logs.push({ key: "预测-合成玉", value: orundum })
+    logs.push({ key: "预测-源石", value: originium })
+    logs.push({ key: "预测-单抽", value: gachaTicket })
+    logs.push({ key: "预测-十连", value: tenGachaTicket })
 
     if (calculationResult.value.otherTotalDraw > 0) {
-      pieChartDataTmp.push({value: Math.floor(calculationResult.value.otherTotalDraw), name: "其他"})
+      pieChartDataTmp.push({ value: Math.floor(calculationResult.value.otherTotalDraw), name: "其他" })
     }
   }
 
 
   calculationResult.value.totalDraw = Math.floor(calculationResult.value.orundum / 600 +
-      calculationResult.value.gachaTicket + calculationResult.value.tenGachaTicket * 10)
+    calculationResult.value.gachaTicket + calculationResult.value.tenGachaTicket * 10)
 
   singleResourceDraws.value.orundum = Math.floor(calculationResult.value.orundum / 600)
   singleResourceDraws.value.gachaTicket = calculationResult.value.gachaTicket
@@ -1038,16 +1038,16 @@ function gachaResourcesCalculation() {
 
   pieChartData.value = pieChartDataTmp
 
-  logs.push({key: "计算源石前", value: calculationResult.value.totalDraw})
+  logs.push({ key: "计算源石前", value: calculationResult.value.totalDraw })
 
   if (originiumIsUsed.value) {
     calculationResult.value.totalDraw = calculationResult.value.totalDraw + Math.floor(
-        calculationResult.value.originium * 0.3)
+      calculationResult.value.originium * 0.3)
     singleResourceDraws.value.originium = Math.floor(calculationResult.value.originium * 0.3)
   }
 
 
-  logs.push({key: "计算源石后", value: calculationResult.value.totalDraw})
+  logs.push({ key: "计算源石后", value: calculationResult.value.totalDraw })
 
   // console.table(logs)
 
@@ -1140,7 +1140,7 @@ function setPieChart(data) {
         itemStyle: {},
         label: {
           show: true,
-          textStyle: {color: "rgb(255,69,0)", fontSize: "12"},
+          textStyle: { color: "rgb(255,69,0)", fontSize: "12" },
         },
         labelLine: {
           length: 4,
@@ -1254,17 +1254,15 @@ function handleResize() {
           <div class="radio-group-wrap" style="margin: 0px 16px;">
             <el-radio-group v-model="selectedScheduleName" size="large" style="margin: 8px auto;">
               <el-radio-button v-for="(activity, index) in scheduleOptions" :key="index" :value="activity.name"
-                               :label="activity.name" :disabled="activity.disabled"
-                               @change="updateScheduleOption(index)"/>
+                :label="activity.name" :disabled="activity.disabled" @change="updateScheduleOption(index)" />
             </el-radio-group>
           </div>
 
           <!-- <span class="tip" style="text-align: center">日期为卡池结束日期</span> -->
           <div class="resources-line" style="padding-left: 20px;margin: 0px;">
             <el-switch v-model="calPoolEnd" @click="gachaResourcesCalculation"
-                       style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
-                       active-text="计算到卡池结束当天"
-                       inactive-text="计算到卡池开放当天"/>
+              style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" active-text="计算到卡池结束当天"
+              inactive-text="计算到卡池开放当天" />
           </div>
           <!-- <div class="result-content"> -->
           <div class="resources-line" style="padding-top: 0px;margin: 0px;">
@@ -1274,45 +1272,45 @@ function handleResize() {
             <!--抽卡次数总览-->
             <table class="gacha-resources-table">
               <tbody>
-              <tr>
-                <td class="gacha-resources-table-title">现有</td>
-                <td class="gacha-resources-table-quantity">{{
-                    keepTheDecimalPoint(calculationResult.existTotalDraw, 0)
-                  }}
-                </td>
-                <td>抽</td>
-              </tr>
-              <tr>
-                <td>日常</td>
-                <td>{{ keepTheDecimalPoint(calculationResult.dailyTotalDraw, 0) }}</td>
-                <td>抽</td>
-              </tr>
-              <tr>
-                <td>搓玉</td>
-                <td>{{ keepTheDecimalPoint(calculationResult.produceOrundumTotalDraw, 0) }}</td>
-                <td>抽</td>
-              </tr>
-              <tr>
-                <td>潜在</td>
-                <td>{{ keepTheDecimalPoint(calculationResult.potentialTotalDraw, 0) }}</td>
-                <td>抽
-                </td>
-              </tr>
-              <tr>
-                <td>氪金</td>
-                <td>{{ keepTheDecimalPoint(calculationResult.rechargeTotalDraw, 0) }}</td>
-                <td>抽</td>
-              </tr>
-              <tr>
-                <td>活动(估算)</td>
-                <td>{{ keepTheDecimalPoint(calculationResult.activityTotalDraw, 0) }}</td>
-                <td>抽</td>
-              </tr>
-              <tr>
-                <td>其它(估算)</td>
-                <td>{{ keepTheDecimalPoint(calculationResult.otherTotalDraw, 0) }}</td>
-                <td>抽</td>
-              </tr>
+                <tr>
+                  <td class="gacha-resources-table-title">现有</td>
+                  <td class="gacha-resources-table-quantity">{{
+        keepTheDecimalPoint(calculationResult.existTotalDraw, 0)
+      }}
+                  </td>
+                  <td>抽</td>
+                </tr>
+                <tr>
+                  <td>日常</td>
+                  <td>{{ keepTheDecimalPoint(calculationResult.dailyTotalDraw, 0) }}</td>
+                  <td>抽</td>
+                </tr>
+                <tr>
+                  <td>搓玉</td>
+                  <td>{{ keepTheDecimalPoint(calculationResult.produceOrundumTotalDraw, 0) }}</td>
+                  <td>抽</td>
+                </tr>
+                <tr>
+                  <td>潜在</td>
+                  <td>{{ keepTheDecimalPoint(calculationResult.potentialTotalDraw, 0) }}</td>
+                  <td>抽
+                  </td>
+                </tr>
+                <tr>
+                  <td>氪金</td>
+                  <td>{{ keepTheDecimalPoint(calculationResult.rechargeTotalDraw, 0) }}</td>
+                  <td>抽</td>
+                </tr>
+                <tr>
+                  <td>活动(估算)</td>
+                  <td>{{ keepTheDecimalPoint(calculationResult.activityTotalDraw, 0) }}</td>
+                  <td>抽</td>
+                </tr>
+                <tr>
+                  <td>其它(估算)</td>
+                  <td>{{ keepTheDecimalPoint(calculationResult.otherTotalDraw, 0) }}</td>
+                  <td>抽</td>
+                </tr>
               </tbody>
             </table>
           </div>
@@ -1410,7 +1408,7 @@ function handleResize() {
           </div>
           <span class="tip"> 例如给轮换池预留、其它来源等，可填负数</span>
           <el-slider v-model="existResources.skinBudget" :step="1" :min="0" :max="10" show-stops show-input
-                     @change="gachaResourcesCalculation()" style="width: 90%;margin: 0 5%">
+            @change="gachaResourcesCalculation()" style="width: 90%;margin: 0 5%">
           </el-slider>
           <span class="tip">预留皮肤（18石/件）</span>
         </el-collapse-item>
@@ -1496,7 +1494,7 @@ function handleResize() {
             </div>
             <div class="gc-resources-bar-btn">
               <el-switch v-model="dailyReward.certificateStoreCompleted"
-                         @change="gachaResourcesCalculation"></el-switch>
+                @change="gachaResourcesCalculation"></el-switch>
               本月已兑换
             </div>
           </div>
@@ -1517,8 +1515,7 @@ function handleResize() {
           <!-- <el-checkbox-group v-model="selectedCertificatePack" style="margin: 4px" @change="gachaResourcesCalculation"> -->
           <!-- 黄票换抽 -->
           <el-checkbox-button v-for="(pack, name) in certificatePackList" :key="name" :value="name" size="small"
-                              v-show="rewardIsExpired(pack)" v-model="selectedCertificatePack"
-                              @change="gachaResourcesCalculation">
+            v-show="rewardIsExpired(pack)" v-model="selectedCertificatePack" @change="gachaResourcesCalculation">
             <div class="checkbox-button">
               <span class="checkbox-button-pack-label">{{ pack.displayName }}</span>
               <div class="checkbox-button-pack-gacha-resources">
@@ -1626,12 +1623,12 @@ function handleResize() {
           </div>
 
           <el-checkbox-group v-model="selectedPermanentZoneName" style="margin: 4px" @change="gachaResourcesCalculation"
-                             size="small">
+            size="small">
             <el-checkbox-button v-for="(potential, index) in potentialTable" :key="index" :value="index"
-                                v-show="potential.packType === 'main'" class="el-checkbox-button" :border="true">
+              v-show="potential.packType === 'main'" class="el-checkbox-button" :border="true">
               <div class="checkbox-button">
                 <span
-                    :class="potential.packName.length < 4 ? 'checkbox-button-zone-label-short' : 'checkbox-button-zone-label-long'">
+                  :class="potential.packName.length < 4 ? 'checkbox-button-zone-label-short' : 'checkbox-button-zone-label-long'">
                   {{ potential.packName }}
                 </span>
                 <div class="checkbox-button-gacha-resources">
@@ -1648,9 +1645,9 @@ function handleResize() {
             <span></span> 插曲/别传
           </div>
           <el-checkbox-group v-model="selectedPermanentZoneName" style="margin: 4px"
-                             @change="gachaResourcesCalculation">
+            @change="gachaResourcesCalculation">
             <el-checkbox-button v-for="(potential, index) in potentialTable" :border="true" :key="index" :value="index"
-                                v-show="potential.packType === 'activity'" class="el-checkbox-button">
+              v-show="potential.packType === 'activity'" class="el-checkbox-button">
               <div class="checkbox-button">
                 <span class="checkbox-button-zone-label">{{ potential.packName }}</span>
                 <div class="checkbox-button-gacha-resources">
@@ -1680,18 +1677,21 @@ function handleResize() {
           <div class="collapse-content-subheading">
             <span></span> 月常礼包
           </div>
-          <div class="switch-wrap">
+          <!-- <div class="switch-wrap"> -->
+          <div class="resources-line">
             <el-switch v-model="rechargeOption.monthlyCardPurchasedThisMonth"
-                       @change="gachaResourcesCalculation"></el-switch>
+              @change="gachaResourcesCalculation"></el-switch>
             <span>本月月卡已购买(选中则扣除6源石)</span>
           </div>
-          <span>额外购买</span>
-          <el-input-number v-model="rechargeOption.additionalMonthlyCardPurchase" @input="gachaResourcesCalculation">
-          </el-input-number>
-          <span>张月卡（每张月卡可预支6石）</span>
+          <div class="resources-line">
+            <span>额外购买</span>
+            <el-input-number v-model="rechargeOption.additionalMonthlyCardPurchase" @input="gachaResourcesCalculation">
+            </el-input-number>
+            <span>张月卡（每张月卡可预支6石）</span>
+          </div>
           <el-checkbox-group v-model="selectedPackIndex" style="margin: 4px" @change="gachaResourcesCalculation">
             <el-checkbox-button v-for="(pack, index) in packListGroupByMonthly" :key="index" :value="pack.parentIndex"
-                                class="el-checkbox-button" v-show="rewardIsExpired(pack)">
+              class="el-checkbox-button" v-show="rewardIsExpired(pack)">
               <pack-button-content :data="pack">
               </pack-button-content>
             </el-checkbox-button>
@@ -1703,7 +1703,7 @@ function handleResize() {
           </div>
           <el-checkbox-group v-model="selectedPackIndex" style="margin: 4px" @change="gachaResourcesCalculation">
             <el-checkbox-button v-for="(pack, index) in packListGroupByActivity" :key="index" :value="pack.parentIndex"
-                                class="el-checkbox-button">
+              class="el-checkbox-button">
               <pack-button-content :data="pack">
               </pack-button-content>
             </el-checkbox-button>
@@ -1715,7 +1715,7 @@ function handleResize() {
           </div>
           <el-checkbox-group v-model="selectedPackIndex" style="margin: 4px" @change="gachaResourcesCalculation">
             <el-checkbox-button v-for="(pack, index) in packListGroupByOnce" :key="index" :value="pack.parentIndex"
-                                class="el-checkbox-button">
+              class="el-checkbox-button">
               <pack-button-content :data="pack">
               </pack-button-content>
             </el-checkbox-button>
@@ -1727,7 +1727,7 @@ function handleResize() {
           </div>
           <el-checkbox-group v-model="selectedPackIndex" style="margin: 4px" @change="gachaResourcesCalculation">
             <el-checkbox-button v-for="(pack, index) in packListGroupByrOiginium" :key="index" :value="pack.parentIndex"
-                                class="el-checkbox-button">
+              class="el-checkbox-button">
               <pack-button-content :data="pack">
               </pack-button-content>
             </el-checkbox-button>
@@ -1738,7 +1738,7 @@ function handleResize() {
           </div>
           <el-checkbox-group v-model="selectedHistoryPackIndex" style="margin: 4px" @change="gachaResourcesCalculation">
             <el-checkbox-button v-for="(pack, index) in packListGroupByHistory" :key="index" :value="index"
-                                class="el-checkbox-button">
+              class="el-checkbox-button">
               <pack-button-content :data="pack">
               </pack-button-content>
             </el-checkbox-button>
@@ -1760,8 +1760,7 @@ function handleResize() {
           </div>
           <el-checkbox-group v-model="selectedActivityName" style="margin: 4px" @change="gachaResourcesCalculation">
             <el-checkbox-button v-for="(activity, name) in activitySchedules" :key="name" :value="name"
-                                v-show="activity.module === 'actRe' && rewardIsExpired(activity)"
-                                class="el-checkbox-button">
+              v-show="activity.module === 'actRe' && rewardIsExpired(activity)" class="el-checkbox-button">
               <pack-button-content :data="activity">
               </pack-button-content>
             </el-checkbox-button>
@@ -1772,7 +1771,7 @@ function handleResize() {
             <span></span> 未来活动
           </div>
           <activity-gacha-resources v-for="(activity, name) in activitySchedules" :key="name" :info="activity"
-                                    v-show="activity.module === 'act' && rewardIsExpired(activity)">
+            v-show="activity.module === 'act' && rewardIsExpired(activity)">
           </activity-gacha-resources>
         </el-collapse-item>
 
@@ -1784,7 +1783,7 @@ function handleResize() {
             </span>
           </template>
           <activity-gacha-resources v-for="(honeyCake, label) in honeyCakeTable" :key="label" :info="honeyCake"
-                                    v-show="rewardIsExpired(honeyCake)">
+            v-show="rewardIsExpired(honeyCake)">
           </activity-gacha-resources>
 
         </el-collapse-item>