更换第四版

boyang
1 parent 27fc15bb
Showing 10 changed files with 40 additions and 585 deletions
src/api/project/global.ts
src/store/modules/data.ts
src/views/dashboard/analysis/components/GrowCard.vue
src/views/dashboard/analysis/components/SiteAnalysis.vue
src/views/dashboard/analysis/components/VisitAnalysis.vue
src/views/dashboard/analysis/components/VisitAnalysisBar.vue
src/views/dashboard/analysis/data.ts
src/views/dashboard/analysis/index.vue
src/views/project/approve/PayPanel.vue
src/views/project/config/index.vue
@@ -3,27 +3,15 @@ import { defHttp } from &#39;/@/utils/http/axios&#39;;
 enum Api {
   DATA = '/order/erp/index/data',
   CHART_DATA = '/order/erp/index/chartData',
-
-  SALES_DATA = '/order/erp/index/totalSalesStatistics', //销售额完成情况
-  CUSTOMER_SALES = '/order/erp/index/salesStatusEveryCustomer', //每个客户销售额情况
 }
-export const getApiData = async (params?) => {
-  const res = await defHttp.get<any>({ url: Api.DATA, params });
-  return res;
-};
-
-export const getChartData = async (params?) => {
-  const res = await defHttp.get<any>({ url: Api.CHART_DATA, params });
-  return res;
-};
-
-export const getSalesData = async (params?) => {
-  const res = await defHttp.get<any>({ url: Api.SALES_DATA, params });
+export const getApiData = async () => {
+  const res = await defHttp.get<any>({ url: Api.DATA });
   return res;
 };
-export const getCustomerSalesData = async (params?) => {
-  const res = await defHttp.get<any>({ url: Api.CUSTOMER_SALES, params });
+export const getChartData = async () => {
+  const res = await defHttp.get<any>({ url: Api.CHART_DATA });
+  console.log(res, '5656reschatdata');
   return res;
 };
@@ -3,16 +3,9 @@ import type { UserInfo } from &#39;/#/store&#39;;
 import { defineStore } from 'pinia';
 import { store } from '/@/store';
 import { RoleEnum } from '/@/enums/roleEnum';
-import { exchangeTab } from '@/store/modules/user';
-import {
-  getApiData,
-  getChartData,
-  getSalesData,
-  getCustomerSalesData,
-} from '/@/api/project/global';
+import { getApiData, getChartData } from '/@/api/project/global';
 import { formatToDate } from '/@/utils/dateUtil';
-import { watch } from 'vue';
 interface UserState {
   userInfo: Nullable<UserInfo>;
@@ -29,10 +22,6 @@ export const useDataStore = defineStore({
     data: {},
     // token
     chartData: {},
-    //销售额完成情况
-    salesData: {},
-    //每个客户销售额
-    customerChartData1: {},
   }),
   getters: {
     getData(state) {
@@ -41,12 +30,6 @@ export const useDataStore = defineStore({
     getChartData(state) {
       return state.chartData;
     },
-    getSalesData(state) {
-      return state.salesData;
-    },
-    getCustomerChartData1(state) {
-      return state.customerChartData1;
-    },
   },
   actions: {
     setData(info) {
@@ -55,12 +38,6 @@ export const useDataStore = defineStore({
     setChartData(data) {
       this.chartData = data;
     },
-    setSalesData(info) {
-      this.salesData = info ? info : '';
-    },
-    setCustomerChartData1(data) {
-      this.customerChartData1 = data;
-    },
     async getFetchData(): Promise<any> {
       try {
@@ -70,17 +47,10 @@ export const useDataStore = defineStore({
         return Promise.reject(error);
       }
     },
-    async getFetchData2(): Promise<any> {
-      try {
-        const data = await getSalesData();
-        this.salesData = data;
-      } catch (error) {
-        return Promise.reject(error);
-      }
-    },
     async getFetchChartData(): Promise<any> {
       try {
         const data = await getChartData();
+        console.log(data, '5656chartData');
         const x = [],
           y = [];
         data.forEach((value) => {
@@ -88,23 +58,7 @@ export const useDataStore = defineStore({
           y.push(value.orderCount);
         });
         this.chartData = { x, y };
-      } catch (error) {
-        return Promise.reject(error);
-      }
-    },
-    async getCustomerSalesData1(): Promise<any> {
-      try {
-        const data = await getCustomerSalesData();
-
-        const x = [],
-          y = [],
-          z = [];
-        for (const key in data) {
-          x.push(key);
-          y.push(data[key].salesAmount);
-          z.push(data[key].target);
-        }
-        this.customerChartData1 = { x, y, z };
+        console.log(this.getChartData, '5656 this.chartData');
       } catch (error) {
         return Promise.reject(error);
       }
 <template>
-  <div class="md:flex" v-if="exchangeTab === 'tab1'">
+  <div class="md:flex">
     <template v-for="(item, index) in growCardList" :key="item.title">
       <Card
         size="small"
@@ -24,21 +24,6 @@
       </Card>
     </template>
   </div>
-  <div class="md:flex" v-if="exchangeTab === 'tab2'">
-    <template v-for="(item, index) in growCardList2" :key="item.title">
-      <Card
-        size="small"
-        :loading="loading"
-        :title="item.title"
-        class="md:w-1/4 w-full !md:mt-0"
-        :class="{ '!md:mr-4': index + 1 < 5, '!mt-4': index > 0 }"
-      >
-        <div class="py-4 px-4 flex justify-between items-center" style="font-size: 20px">
-          {{ item.value }}
-        </div>
-      </Card>
-    </template>
-  </div>
 </template>
 <script lang="ts" setup>
   import { CountTo } from '/@/components/CountTo/index';
@@ -46,40 +31,17 @@
   import { Tag, Card } from 'ant-design-vue';
   import { growCardList } from '../data';
   import { useDataStoreWithOut } from '/@/store/modules/data';
-  import { computed, onMounted, ref, watch, watchEffect } from 'vue';
-  import {
-    exchangeTab,
-    businessPersonIn,
-    customerCodeIn,
-    dateTime,
-    period,
-  } from '/@/store/modules/user';
-  import { number } from 'vue-types';
-  import { getSalesData, getApiData } from '/@/api/project/global';
-  import { useOrderStoreWithOut } from '/@/store/modules/order';
+  import { computed } from 'vue';
   const dataStore = useDataStoreWithOut();
-  const data1 = ref();
-  watch(
-    [dateTime, period],
-    async ([newDateTime, newPeriod], [oldBusinessPersonIn, oldCustomerCodeIn]) => {
-      console.log('businessPersonIn changed from', oldBusinessPersonIn, 'to', newDateTime);
-      console.log('customerCodeIn changed from', oldCustomerCodeIn, 'to', newPeriod);
-      // 在这里添加你希望在这两个值改变时执行的逻辑
-      data1.value = await getApiData({
-        dateTime: newDateTime,
-        period: newPeriod,
-      });
-    },
-  );
   const growCardList = computed(() => {
     const data = dataStore.getData;
     return [
       {
         title: '订单完成',
         icon: 'visit-count|svg',
-        value: data1.value?.allCount || 0,
+        value: data?.orderFinishedCount || 0,
         total: 120000,
         color: 'green',
         action: '月',
@@ -87,7 +49,7 @@
       {
         title: '跟单和质检中',
         icon: 'total-sales|svg',
-        value: data1.value?.trackingAndInspectingList || 0,
+        value: data?.orderInspectingCount || 0,
         total: 500000,
         color: 'blue',
         action: '月',
@@ -95,7 +57,7 @@
       {
         title: '利润分析表待审核',
         icon: 'download-count|svg',
-        value: data1.value?.profitList || 0,
+        value: data?.orderProfitWaitAuditCount || 0,
         total: 120000,
         color: 'orange',
         action: '周',
@@ -103,7 +65,7 @@
       {
         title: '项目报告书待审核',
         icon: 'transaction|svg',
-        value: data1.value?.reportList || 0,
+        value: data?.orderReportWaitAuditCount || 0,
         total: 50000,
         color: 'purple',
         action: '年',
@@ -111,94 +73,17 @@
       {
         title: '订单初始化',
         icon: 'transaction|svg',
-        value: data1.value?.orderInitList || 0,
+        value: data?.orderCount || 0,
         total: 50000,
         color: 'purple',
         action: '年',
       },
     ];
   });
-  const data2 = ref();
-  // watchEffect(async () => {
-  //   data2.value = await getSalesData({
-  //     businessPersonIn: businessPersonIn,
-  //     customerCodeIn: customerCodeIn,
-  //   });
-  // });
-  onMounted(async () => {
-    data1.value = await getApiData({
-      dateTime: dateTime.value,
-      period: period.value,
-    });
-    data2.value = await getSalesData({
-      businessPersonIn: businessPersonIn.value,
-      customerCodeIn: customerCodeIn.value,
-    });
-  });
-  watch(
-    [businessPersonIn, customerCodeIn],
-    async ([newDateTime, newPeriod], [oldBusinessPersonIn, oldCustomerCodeIn]) => {
-      console.log('businessPersonIn changed from', oldBusinessPersonIn, 'to', newDateTime);
-      console.log('customerCodeIn changed from', oldCustomerCodeIn, 'to', newPeriod);
-
-      // 在这里添加你希望在这两个值改变时执行的逻辑
-      data2.value = await getSalesData({
-        businessPersonIn: newDateTime,
-        customerCodeIn: newPeriod,
-      });
-    },
-  );
-  const growCardList2 = computed(() => {
-    return [
-      {
-        title: '总销售额',
-        icon: 'visit-count|svg',
-        value: data2.value?.yearlySalesAmountTarget || 0,
-        total: 120000,
-        color: 'green',
-        action: '年',
-      },
-      {
-        title: '总销售额完成率',
-        icon: 'visit-count|svg',
-        value: data2.value?.yearlySalesAmountCompletionRate || 0,
-        total: 120000,
-        color: 'green',
-        action: '年',
-      },
-      {
-        title: '每月销售额目标',
-        icon: 'visit-count|svg',
-        value: data2.value?.monthlySalesAmountTarget || 0,
-        total: 120000,
-        color: 'green',
-        action: '月',
-      },
-      {
-        title: '当月销售额完成率',
-        icon: 'visit-count|svg',
-        value: data2.value?.monthlySalesAmountCompletionRate || 0,
-        total: 120000,
-        color: 'green',
-        action: '月',
-      },
-      {
-        title: '今日销售额',
-        icon: 'visit-count|svg',
-        value: data2.value?.daylySalesAmount || 0,
-        total: 120000,
-        color: 'green',
-        action: '日',
-      },
-    ];
-  });
   defineProps({
     loading: {
       type: Boolean,
     },
-    exchangeTab: {
-      type: String,
-    },
   });
 </script>
@@ -9,7 +9,7 @@
       <VisitAnalysis />
     </p>
     <p v-if="activeKey === 'tab2'">
-      <VisitAnalysisBar style="margin-top: 100px" />
+      <VisitAnalysisBar />
     </p>
   </Card>
 </template>
@@ -18,8 +18,6 @@
   import { Card } from 'ant-design-vue';
   import VisitAnalysis from './VisitAnalysis.vue';
   import VisitAnalysisBar from './VisitAnalysisBar.vue';
-  import { exchangeTab } from '@/store/modules/user';
-  import type { SelectProps } from 'ant-design-vue';
   const activeKey = ref('tab1');
@@ -28,40 +26,13 @@
       key: 'tab1',
       tab: '订单趋势',
     },
-    {
-      key: 'tab2',
-      tab: '销售额完成率',
-    },
+    // {
+    //   key: 'tab2',
+    //   tab: '访问量',
+    // },
   ];
   function onTabChange(key) {
     activeKey.value = key;
-    exchangeTab.value = key;
   }
 </script>
-<style scoped>
-  .custom-radio-group .ant-radio-button-wrapper {
-    background-color: white; /* 未选中按钮的背景颜色为白色 */
-    color: #1684fc; /* 未选中按钮的文字颜色为 #1684fc */
-    border-color: #1684fc; /* 未选中按钮的边框颜色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper-checked {
-    background-color: #1684fc; /* 选中按钮的背景颜色为 #1684fc */
-    color: white; /* 选中按钮的文字颜色为白色 */
-    border-color: #1684fc; /* 选中按钮的边框颜色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper-checked:hover {
-    background-color: #1684fc; /* 悬停在选中按钮时保持相同的背景颜色 */
-    color: white; /* 悬停在选中按钮时保持文字为白色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper:hover {
-    border-color: #1684fc; /* 悬停在未选中按钮时的边框颜色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-checked):hover {
-    color: #1684fc; /* 悬停在未选中按钮时文字颜色为 #1684fc */
-  }
-</style>
 <template>
-  <span style="margin-left: 50px; font-size: 18px">选择年份：</span>
-  <a-select
-    v-model:value="yearValue"
-    show-search
-    placeholder="请选择"
-    style="width: 200px"
-    :options="yearOptions"
-    :filter-option="filterOption"
-    @change="handleChangeYear"
-  />
-  <div style="position: fixed; top: 80px; right: 70px">
-    <a-radio-group
-      v-model:value="periodCopy"
-      class="custom-radio-group"
-      :style="{ marginLeft: '100px' }"
-    >
-      <a-radio-button value="月" @click="handlePeriodChange('月')">月</a-radio-button>
-      <a-radio-button value="年" @click="handlePeriodChange('年')">年</a-radio-button>
-    </a-radio-group>
-  </div>
   <div ref="chartRef" :style="{ height: '500px', width }"></div>
 </template>
@@ -28,71 +8,15 @@
   import { basicProps } from './props';
   import { max } from 'lodash-es';
   import { useDataStoreWithOut } from '/@/store/modules/data';
-  import { getChartData } from '/@/api/project/global';
-  import { dateTime, period } from '/@/store/modules/user';
-  import { useMessage } from '/@/hooks/web/useMessage';
   defineProps({
     ...basicProps,
   });
-  const yearValue = ref();
-  const yearOptions = [
-    // {
-    //   label: '2025',
-    //   value: 2025,
-    // },
-    {
-      label: '2024',
-      value: 2024,
-    },
-    {
-      label: '2023',
-      value: 2023,
-    },
-  ];
-  const periodCopy = ref();
-  const { createMessage } = useMessage(); //错误提示组件
-  const { error } = createMessage;
   const chartRef = ref<HTMLDivElement | null>(null);
   const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
-  const filterOption = (input: string, option: any) => {
-    return option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-  };
-  function handlePeriodChange(value) {
-    //没选年份报错
-    if (value == '月') {
-      if (dateTime.value == undefined) {
-        error('请选择年份');
-        return;
-      }
-    } else if (value == '年') {
-      yearValue.value = null;
-    }
-    period.value = value;
-  }
-  function handleChangeYear(value) {
-    if (period.value == null) {
-      period.value = '月';
-      periodCopy.value = '月';
-    }
-    yearValue.value = value;
-    dateTime.value = yearValue.value;
-  }
   const dataStore = useDataStoreWithOut();
-  //监控选择器变化
-  watchEffect(async () => {
-    // const data = dataStore?.getChartData || {};
-    const chartData = await getChartData({
-      dateTime: dateTime.value,
-      period: period.value,
-    });
-    const x = [],
-      y = [];
-    for (const key in chartData) {
-      x.push(chartData[key].date);
-      y.push(chartData[key].count);
-    }
-    const data = { x, y };
+  watchEffect(() => {
+    const data = dataStore?.getChartData || {};
     const maxY = data?.y ? max(data?.y) : 0;
     setOptions({
       tooltip: {
@@ -106,6 +30,7 @@
       },
       xAxis: {
         type: 'category',
+        boundaryGap: false,
         data: data?.x,
         splitLine: {
           show: true,
@@ -162,29 +87,3 @@
     });
   });
 </script>
-<style scoped>
-  .custom-radio-group .ant-radio-button-wrapper {
-    border-color: #1684fc; /* 未选中按钮的边框颜色 */
-    background-color: white; /* 未选中按钮的背景颜色为白色 */
-    color: #1684fc; /* 未选中按钮的文字颜色为 #1684fc */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper-checked {
-    border-color: #1684fc; /* 选中按钮的边框颜色 */
-    background-color: #1684fc; /* 选中按钮的背景颜色为 #1684fc */
-    color: white; /* 选中按钮的文字颜色为白色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper-checked:hover {
-    background-color: #1684fc; /* 悬停在选中按钮时保持相同的背景颜色 */
-    color: white; /* 悬停在选中按钮时保持文字为白色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper:hover {
-    border-color: #1684fc; /* 悬停在未选中按钮时的边框颜色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-checked):hover {
-    color: #1684fc; /* 悬停在未选中按钮时文字颜色为 #1684fc */
-  }
-</style>
 <template>
-  <div style="margin-bottom: 30px">
-    <span v-if="role === ROLE.ADMIN">
-      <span style="font-size: 18px; margin-right: 10px">业务员</span>
-      <a-select
-        v-model:value="value1"
-        show-search
-        placeholder="请选择"
-        style="width: 200px"
-        :options="customerCodeOptions"
-        :filter-option="filterOption"
-        @focus="handleFocus"
-        @blur="handleBlur"
-        @change="handleChangeBusiness"
-      />
-      <span style="font-size: 18px; margin-left: 50px; margin-right: 10px">客户编码</span>
-      <a-select
-        v-model:value="value2"
-        show-search
-        placeholder="请选择"
-        style="width: 200px"
-        :options="businessPersonOptions"
-        :filter-option="filterOption"
-        @focus="handleFocus"
-        @blur="handleBlur"
-        @change="handleChangeCustomer"
-      />
-      <span style="right: 10px"
-        ><a-button
-          type="default"
-          @click="clearData"
-          :style="{ marginLeft: '100px', borderRadius: '5px 5px 5px 5px' }"
-        >
-          重置
-        </a-button>
-        <a-button
-          :style="{ marginLeft: '20px', borderRadius: '5px 5px 5px 5px' }"
-          shape="default"
-          type="primary"
-          @click="updateData"
-          >查询</a-button
-        ></span
-      ></span
-    >
-    <div style="position: fixed; top: 80px; right: 70px">
-      <a-radio-group
-        v-model:value="periodChange"
-        class="custom-radio-group"
-        :style="{ marginLeft: '100px' }"
-      >
-        <a-radio-button value="MONTH" @click="handlePeriodChange('MONTH')">月</a-radio-button>
-        <a-radio-button value="QUARTER" @click="handlePeriodChange('QUARTER')">季度</a-radio-button>
-        <a-radio-button value="YEAR" @click="handlePeriodChange('YEAR')">年</a-radio-button>
-      </a-radio-group>
-    </div></div
-  >
-  <div v-if="role !== ROLE.ADMIN" style="margin-bottom: 60px"></div>
-  <div ref="chartRef" :style="{ height: '400px', width }"></div>
+  <div ref="chartRef" :style="{ height, width }"></div>
 </template>
 <script lang="ts">
   import { basicProps } from './props';
 </script>
 <script lang="ts" setup>
-  import { computed, onMounted, ref, Ref, watchEffect } from 'vue';
+  import { onMounted, ref, Ref } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
-  import { useDataStoreWithOut } from '/@/store/modules/data';
-  import { businessPersonIn, customerCodeIn, useUserStoreWithOut } from '@/store/modules/user';
-
-  //biaoji
-  import type { SelectProps } from 'ant-design-vue';
-  import { getCustomerSalesData } from '/@/api/project/global';
-  import { useOrderStoreWithOut } from '/@/store/modules/order';
-  import { useOrderInfo } from '/@/hooks/component/order';
-  import { ROLE } from '/@/views/project/order/type.d';
-
-  const userStore = useUserStoreWithOut();
-  const user = userStore.getUserInfo;
-  const role = computed(() => {
-    return user?.roleSmallVO?.code;
-  });
-  const orderStore = useOrderStoreWithOut();
-  onMounted(async () => {
-    await orderStore.getDict();
-  });
-  const { customerCode: customerCodeOptions, businessPerson: businessPersonOptions } =
-    useOrderInfo(orderStore);
-
-  const periodChange = ref('MONTH');
-  // const businessPersonInChange = ref();
-  const businessPersonInChange: string[] = [];
-  const customerCodeInChange: string[] = [];
-  const handleChangeBusiness = (value: string) => {
-    if (businessPersonInChange.length === 0) {
-      // 如果数组为空，直接将 value 值放入数组
-      businessPersonInChange.push(value);
-    } else {
-      // 如果数组不为空，清空数组再将 value 值放入数组
-      businessPersonInChange.length = 0; // 也可以使用 array.splice(0, array.length);
-      businessPersonInChange.push(value);
-    }
-    // console.log(`5656selected ${businessPersonInChange}`);
-  };
-  const handleChangeCustomer = (value: string) => {
-    if (customerCodeInChange.length === 0) {
-      // 如果数组为空，直接将 value 值放入数组
-      customerCodeInChange.push(value);
-    } else {
-      // 如果数组不为空，清空数组再将 value 值放入数组
-      customerCodeInChange.length = 0; // 也可以使用 array.splice(0, array.length);
-      customerCodeInChange.push(value);
-    }
-    // console.log(`5656selected ${customerCodeInChange}`);
-  };
-  const handleBlur = () => {};
-  const handleFocus = () => {};
-  const filterOption = (input: string, option: any) => {
-    return option.value.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-  };
-
-  const value1 = ref();
-  const value2 = ref();
-
-  function handlePeriodChange(value) {
-    periodChange.value = value;
-  }
-  //biaoji
   defineProps({
     ...basicProps,
   });
-  const dataStore = useDataStoreWithOut();
   const chartRef = ref<HTMLDivElement | null>(null);
   const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>);
-
-  function updateData() {
-    customerCodeIn.value = value1.value;
-    businessPersonIn.value = value2.value;
-  }
-  function clearData() {
-    customerCodeIn.value = null;
-    businessPersonIn.value = null;
-    value1.value = null;
-    value2.value = null;
-  }
-
-  watchEffect(async () => {
-    // const data1 = dataStore?.getCustomerChartData1 || {};
-    const data2 = await getCustomerSalesData({
-      businessPersonIn: businessPersonIn.value,
-      customerCodeIn: customerCodeIn.value,
-      period: periodChange.value,
-    });
-    const x = [],
-      y = [],
-      z = [];
-    for (const key in data2) {
-      x.push(key);
-      y.push(data2[key].salesAmount);
-      z.push(data2[key].target);
-    }
-    const customerChartData1 = { x, y, z };
+  onMounted(() => {
     setOptions({
       tooltip: {
         trigger: 'axis',
@@ -170,65 +25,23 @@
           },
         },
       },
-      legend: {
-        data: ['销售额', '销售目标'],
-      },
-      grid: { left: '1%', right: '1%', top: '10  %', bottom: 0, containLabel: true },
+      grid: { left: '1%', right: '1%', top: '2  %', bottom: 0, containLabel: true },
       xAxis: {
         type: 'category',
-        data: customerChartData1?.x,
+        data: [...new Array(12)].map((_item, index) => `${index + 1}月`),
       },
       yAxis: {
         type: 'value',
-        // // max: 8000,
-        // splitNumber: 4,
+        max: 8000,
+        splitNumber: 4,
       },
       series: [
         {
-          name: '销售额',
-          data: customerChartData1?.y,
+          data: [3000, 2000, 3333, 5000, 3200, 4200, 3200, 2100, 3000, 5100, 6000, 3200, 4800],
           type: 'bar',
           barMaxWidth: 80,
         },
-        {
-          name: '销售目标',
-          smooth: true,
-          data: customerChartData1?.z,
-          type: 'line',
-          areaStyle: {
-            color: 'rgba(255, 255, 255, 0)',
-          },
-          itemStyle: {
-            color: 'rgba(124, 205, 214)',
-          },
-        },
       ],
     });
   });
 </script>
-<style scoped>
-  .custom-radio-group .ant-radio-button-wrapper {
-    background-color: white; /* 未选中按钮的背景颜色为白色 */
-    color: #1684fc; /* 未选中按钮的文字颜色为 #1684fc */
-    border-color: #1684fc; /* 未选中按钮的边框颜色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper-checked {
-    background-color: #1684fc; /* 选中按钮的背景颜色为 #1684fc */
-    color: white; /* 选中按钮的文字颜色为白色 */
-    border-color: #1684fc; /* 选中按钮的边框颜色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper-checked:hover {
-    background-color: #1684fc; /* 悬停在选中按钮时保持相同的背景颜色 */
-    color: white; /* 悬停在选中按钮时保持文字为白色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper:hover {
-    border-color: #1684fc; /* 悬停在未选中按钮时的边框颜色 */
-  }
-
-  .custom-radio-group .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-checked):hover {
-    color: #1684fc; /* 悬停在未选中按钮时文字颜色为 #1684fc */
-  }
-</style>
@@ -49,54 +49,3 @@ export const growCardList: GrowCardItem[] = [
     action: '年',
   },
 ];
-
-export const growCardList2: GrowCardItem[] = [
-  {
-    title: '总销售额',
-    icon: 'visit-count|svg',
-    value: 2000,
-    total: 120000,
-    color: 'green',
-    action: '年',
-  },
-  {
-    title: '总销售额完成率',
-    icon: 'visit-count|svg',
-    value: 2000,
-    total: 120000,
-    color: 'green',
-    action: '年',
-  },
-  {
-    title: '每月销售额目标',
-    icon: 'visit-count|svg',
-    value: 2000,
-    total: 120000,
-    color: 'green',
-    action: '月',
-  },
-  {
-    title: '当月销售额完成率',
-    icon: 'visit-count|svg',
-    value: 2000,
-    total: 120000,
-    color: 'green',
-    action: '月',
-  },
-  {
-    title: '当月销售额完成率',
-    icon: 'visit-count|svg',
-    value: 2000,
-    total: 120000,
-    color: 'green',
-    action: '日',
-  },
-  {
-    title: '今日销售额',
-    icon: 'visit-count|svg',
-    value: 2000,
-    total: 120000,
-    color: 'green',
-    action: '日',
-  },
-];
 <template>
   <div class="p-4">
-    <GrowCard :loading="loading" class="enter-y" :exchangeTab="exchangeTab" />
+    <GrowCard :loading="loading" class="enter-y" />
     <SiteAnalysis class="!my-4 enter-y" :loading="loading" />
     <!-- <div class="md:flex enter-y">
       <VisitRadar class="md:w-1/3 w-full" :loading="loading" />
@@ -10,24 +10,17 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { onMounted, ref, watch } from 'vue';
+  import { onMounted, ref } 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,
-    () => {},
-  );
+
   onMounted(() => {
     dataStore.getFetchData();
-    dataStore.getFetchData2();
     dataStore.getFetchChartData();
-    dataStore.getCustomerSalesData1();
-    exchangeTab.value;
   });
   setTimeout(() => {
@@ -113,7 +113,10 @@
     </a-list> -->
     <template #appendFooter>
       <a-button
-        v-if="(!isApproved && role === ROLE.ADMIN) || (!isApproved && showInvoice)"
+        v-if="
+          ((!isApproved && role === ROLE.ADMIN) || (!isApproved && showInvoice)) &&
+          (role !== ROLE.BUSINESS || role !== ROLE.TRACKER)
+        "
         @click="handleFalse"
       >
         不通过</a-button
@@ -24,9 +24,9 @@
         <Tabs.TabPane key="6" tab="提成成本配置">
           <TablePanel :searchInfo="{ relationCode: 'costSettingItem' }" :column="6" />
         </Tabs.TabPane>
-        <Tabs.TabPane key="7" tab="销售额配置" v-if="role !== ROLE.FINANCE">
+        <!-- <Tabs.TabPane key="7" tab="销售额配置" v-if="role !== ROLE.FINANCE">
           <TablePanel :searchInfo="{ relationCode: 'salesAmount' }" :column="7" />
-        </Tabs.TabPane>
+        </Tabs.TabPane> -->
         <Tabs.TabPane key="8" tab="生产科应付日期">
           <TablePanel :searchInfo="{ relationCode: 'produHodTime' }" :column="8" />
         </Tabs.TabPane>