修改销售额bug

boyang
1 parent 5b4ea797
Showing 5 changed files with 30 additions and 8 deletions
src/store/modules/user.ts
src/views/dashboard/analysis/components/SiteAnalysis.vue
src/views/dashboard/analysis/components/VisitAnalysisBar.vue
src/views/dashboard/analysis/index.vue
src/views/project/config/data.tsx
@@ -15,7 +15,7 @@ import { usePermissionStore } from &#39;/@/store/modules/permission&#39;;
 import { RouteRecordRaw } from 'vue-router';
 import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
 import { isArray } from '/@/utils/is';
-import { h } from 'vue';
+import { h, ref } from 'vue';
  
 interface UserState {
   userInfo: Nullable<UserInfo>;
@@ -188,3 +188,6 @@ export const useUserStore = defineStore({
 export function useUserStoreWithOut() {
   return useUserStore(store);
 }
+
+//分析台切换页面变量
+export const exchangeTab = ref('tab1');
@@ -18,6 +18,7 @@
   import { Card } from 'ant-design-vue';
   import VisitAnalysis from './VisitAnalysis.vue';
   import VisitAnalysisBar from './VisitAnalysisBar.vue';
+  import { exchangeTab } from '@/store/modules/user';
  
   const activeKey = ref('tab1');
  
@@ -26,13 +27,14 @@
       key: 'tab1',
       tab: '订单趋势',
     },
-    // {
-    //   key: 'tab2',
-    //   tab: '访问量',
-    // },
+    {
+      key: 'tab2',
+      tab: '销售额完成率',
+    },
   ];
  
   function onTabChange(key) {
     activeKey.value = key;
+    exchangeTab.value = key;
   }
 </script>
@@ -41,6 +41,17 @@
           type: 'bar',
           barMaxWidth: 80,
         },
+        {
+          smooth: true,
+          data: [111, 222, 4000, 1800, 3333, 555, 666, 333],
+          type: 'line',
+          areaStyle: {
+            color: 'rgba(255, 255, 255, 0)',
+          },
+          itemStyle: {
+            color: 'rgba(124, 205, 214)',
+          },
+        },
       ],
     });
   });
@@ -10,14 +10,20 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { onMounted, ref } from 'vue';
+  import { onMounted, ref, watch } from 'vue';
   import GrowCard from './components/GrowCard.vue';
   import SiteAnalysis from './components/SiteAnalysis.vue';
   import { useDataStoreWithOut } from '/@/store/modules/data';
+  import { exchangeTab } from '@/store/modules/user';
  
   const loading = ref(true);
   const dataStore = useDataStoreWithOut();
-
+  watch(
+    () => exchangeTab.value,
+    () => {
+      console.log(exchangeTab.value, 56562);
+    },
+  );
   onMounted(() => {
     dataStore.getFetchData();
     dataStore.getFetchChartData();
@@ -96,7 +96,7 @@ export const COLUMNS = {
     },
     {
       title: '销售额',
-      dataIndex: 'salesAmount',
+      dataIndex: 'relationValue',
       width: 150,
       editComponent: 'InputNumber',
       editRow: true,