update：大屏调整

src/components/secondaryScreen/screen-right/twoR.vue

@@ -9,29 +9,30 @@
     </div>
 </template>
 <script setup lang="ts">
-    import { ref, unref, onMounted, watch } from 'vue';
+    import { ref, watch } from 'vue';
     import * as echarts from 'echarts';
     import PublicTitle from '/@/components/publicTitle.vue';
     import { useSpin } from '/@/components/body-d-left/bodyLeftHooks.ts';
     import { useStep } from '/@/components/secondaryScreen/screen-right/screenRightHooks.ts';
     import { screenPie } from '/@/components/item-d/pieCharts.ts';
     import { getStep } from '/@/components/secondaryScreen/commonApi.ts';
+    import { caching, useSession } from '/@/hooks/autoRefresh/caching.ts';
 
     const props = defineProps({
         orgCode: String,
         type: String,
     });
+    const { setSession, getSession } = useSession();
+    const { PAGE2_RIGHT2 } = caching;
     watch(
         props,
         () => {
             init();
         },
-        { immediate: true }
+        { immediate: true, deep: true }
     );
-    const { setSpin, spinning } = useSpin();
     const healthChart = ref<HTMLElement>();
-    const color = ref(['#B750BE', '#6C63F0', '#3AACFF', '#ED589D', '#FB466C']);
-    const { stepData, total, setStep } = useStep();
+    const { total, setStep, getStepData } = useStep();
 
     async function init() {
         try {
@@ -40,21 +41,25 @@
                 type: props.type,
             };
             const { code, result } = await getStep(params);
-            setSpin(true);
-            if (code != 200) {
-                return initChart(unref(stepData), 0);
+            if (code == 200) {
+                setValue(result);
+                setSession(PAGE2_RIGHT2, JSON.stringify(result));
             }
-            setStep(result);
-
-            initChart(unref(stepData), '15000');
         } catch {
-            initChart(unref(stepData), 0);
+            const result = JSON.parse(getSession(PAGE2_RIGHT2));
+            setValue(result);
         }
     }
 
-    function initChart(chartData, total) {
+    function setValue(result) {
+        setStep(result);
+        initChart(getStepData());
+    }
+
+    function initChart(chartData) {
+        // debugger;
         let myChart = echarts.init(healthChart.value);
-        let options = screenPie(chartData, total, color.value, '{c}');
+        let options = screenPie(chartData);
         myChart.setOption(options);
         window.addEventListener('resize', () => {
             myChart.resize();