update

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

@@ -1,56 +1,62 @@
 <template>
-  <div>
-    <public-title title="步数"/>
-    <div class="inner" ref="healthChart"></div>
-  </div>
+    <div>
+        <public-title title="步数" />
+        <div class="inner" ref="healthChart"></div>
+    </div>
 </template>
 <script setup lang="ts">
-import {ref, unref, onMounted} from 'vue';
-import * as echarts from 'echarts';
-import PublicTitle from '/@/components/publicTitle.vue';
-import {getHealthDataList} from '/@/components/body-d-right/right.api';
-import {useSpin} from '/@/components/body-d-left/bodyLeftHooks.ts';
-import {useHealth} from '/@/components/secondaryScreen/screen-right/screenRightHooks.ts';
-import {screenPie} from '/@/components/item-d/pieCharts.ts';
+    import { ref, unref, onMounted } 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';
 
-const {setSpin, spinning} = useSpin();
-const healthChart = ref<HTMLElement>();
+    const props = defineProps({
+        orgCode: String,
+        type: String,
+    });
+    const { setSpin, spinning } = useSpin();
+    const healthChart = ref<HTMLElement>();
 
-const color = ref(['#B750BE', '#6C63F0', '#3AACFF', '#ED589D', '#FB466C']);
-onMounted(() => {
-  init();
-});
-const {healthData, getValue, setHealth} = useHealth();
+    const color = ref(['#B750BE', '#6C63F0', '#3AACFF', '#ED589D', '#FB466C']);
+    onMounted(() => {
+        init();
+    });
+    const { stepData, getValue, setStep } = useStep();
 
-async function init() {
-  try {
-    const {code, result} = await getHealthDataList({});
-    setSpin(true);
-    if (code != 200) {
-      return;
+    async function init() {
+        try {
+            const params = {
+                orgCode: props.orgCode,
+                type: props.type,
+            };
+            const { code, result } = await getStep(params);
+            setSpin(true);
+            if (code != 200) {
+                return;
+            }
+            setStep(result);
+            initChart(unref(stepData), '15000');
+        } catch {
+            initChart(unref(stepData), 0);
+        }
     }
-    setHealth(result);
-    const yData = unref(getValue);
-    let total = yData.reduce((accumulator, currentValue) => Number(accumulator) + Number(currentValue), 0);
-    initChart(unref(healthData), '89');
-  } catch {
-    initChart(unref(healthData), 0);
-  }
-}
 
-function initChart(chartData, total) {
-  let myChart = echarts.init(healthChart.value);
-  let options = screenPie(chartData, total, color.value, '{c}');
-  myChart.setOption(options);
-  window.addEventListener('resize', () => {
-    myChart.resize();
-  });
-}
+    function initChart(chartData, total) {
+        let myChart = echarts.init(healthChart.value);
+        let options = screenPie(chartData, total, color.value, '{c}');
+        myChart.setOption(options);
+        window.addEventListener('resize', () => {
+            myChart.resize();
+        });
+    }
 </script>
 <style scoped lang="less">
-.inner {
-  width: 100%;
-  margin: 0 auto;
-  height: calc(100% - 40px);
-}
-</style>
+    .inner {
+        width: 100%;
+        margin: 0 auto;
+        height: calc(100% - 40px);
+    }
+</style>