.env

@@ -1,5 +1,5 @@
 # 标题
-VITE_APP_TITLE=芋道管理系统
+VITE_APP_TITLE=标本管理系统
 
 # 项目本地运行端口号
 VITE_PORT=80

src/layout/components/UserInfo/src/UserInfo.vue

@@ -68,10 +68,10 @@ const toDocument = () => {
           <Icon icon="ep:tools" />
           <div @click="toProfile">{{ t('common.profile') }}</div>
         </ElDropdownItem>
-        <ElDropdownItem>
+        <!-- <ElDropdownItem>
           <Icon icon="ep:menu" />
           <div @click="toDocument">{{ t('common.document') }}</div>
-        </ElDropdownItem>
+        </ElDropdownItem> -->
         <ElDropdownItem divided>
           <Icon icon="ep:lock" />
           <div @click="lockScreen">{{ t('lock.lockScreen') }}</div>

src/router/modules/remaining.ts

@@ -62,7 +62,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
         component: () => import('@/views/Home/Index.vue'),
         name: 'Index',
         meta: {
-          title: t('router.home'),
+          title: t('router.workplace'),
           icon: 'ep:home-filled',
           noCache: false,
           affix: true

src/views/Home/Index.vue

@@ -1,48 +1,5 @@
 <template>
   <div class="bg">
-    <!-- <div>
-      <el-card shadow="never">
-        <el-skeleton :loading="loading" animated>
-          <el-row :gutter="16" justify="space-between">
-            <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
-              <div class="flex items-center">
-                <el-avatar :src="avatar" :size="70" class="mr-16px">
-                  <img src="@/assets/imgs/avatar.gif" alt="" />
-                </el-avatar>
-                <div>
-                  <div class="text-20px">
-                    {{ t('workplace.welcome') }} {{ username }} {{ t('workplace.happyDay') }}
-                  </div>
-                  <div class="mt-10px text-14px text-gray-500">
-                    {{ t('workplace.toady') }}，20℃ - 32℃！
-                  </div>
-                </div>
-              </div>
-            </el-col>
-
-            <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
-              <div class="h-70px flex items-center justify-end lt-sm:mt-10px">
-                <div class="px-8px text-right">
-                  <div class="mb-16px text-14px text-gray-400">{{ t('workplace.project') }}</div>
-                  <CountTo class="text-20px" :start-val="0" :end-val="totalSate.project" :duration="2600" />
-                </div>
-                <el-divider direction="vertical" />
-                <div class="px-8px text-right">
-                  <div class="mb-16px text-14px text-gray-400">{{ t('workplace.toDo') }}</div>
-                  <CountTo class="text-20px" :start-val="0" :end-val="totalSate.todo" :duration="2600" />
-                </div>
-                <el-divider direction="vertical" border-style="dashed" />
-                <div class="px-8px text-right">
-                  <div class="mb-16px text-14px text-gray-400">{{ t('workplace.access') }}</div>
-                  <CountTo class="text-20px" :start-val="0" :end-val="totalSate.access" :duration="2600" />
-                </div>
-              </div>
-            </el-col>
-          </el-row>
-        </el-skeleton>
-      </el-card>
-    </div> -->
-
     <el-skeleton :loading="loading" animated>
       <el-row :gutter="20">
         <el-col>
@@ -71,7 +28,7 @@
               </div>
               <div class="introduce-text">
                 <div>岩石矿石</div>
-                <div>{{ fossilCount }}</div>
+                <div>{{ rockOreCount }}</div>
               </div>
             </div>
             <div class="introduce-num">
@@ -80,7 +37,7 @@
               </div>
               <div class="introduce-text">
                 <div>化石</div>
-                <div>{{ meteoriteCount }}</div>
+                <div>{{ fossilCount }}</div>
               </div>
             </div>
             <div class="introduce-num">
@@ -89,7 +46,7 @@
               </div>
               <div class="introduce-text">
                 <div>陨石</div>
-                <div>{{ rockOreCount }}</div>
+                <div>{{ meteoriteCount }}</div>
               </div>
             </div>
 
@@ -98,70 +55,75 @@
         </el-col>
       </el-row>
     </el-skeleton>
+  
     <!-- 本年标本出入回库情况new -->
     <el-skeleton :loading="loading" animated>
       <el-row>
         <!-- 本年标本出库 -->
-        <el-col :xl="5" :lg="5" :md="5" :sm="24" :xs="24">
-          <el-card shadow="hover" class="mr-5px mt-5px">
-            <div class="title"><img style="width: 25px;height: 25px;" src="/@/assets/imgs/ck5.png" alt="" /><span>本月出库数</span></div>
+        <el-col :xl="5" :lg="5" :md="12" :sm="24" :xs="24">
+          <el-card shadow="hover" class="mr-5px mt-5px" style="height: 400px;">
+            <div class="title"><img style="width: 25px;height: 25px;" src="/@/assets/imgs/ck5.png"
+                alt="" /><span>本月出库数</span></div>
             <div class="specimen-month">
               <div class="month">
                 <div class="month-bottom">
-                  <div>{{outNumber}}</div>
-                  <div>月环比&nbsp;<span>{{outRatio.toFixed(0)}}%</span></div>
+                  <div>{{ outNumber }}</div>
+                  <div>月环比&nbsp;<span>{{ outRatio.toFixed(0) }}%</span></div>
                 </div>
               </div>
               <div class="month1">
-                <Echart :options="outRatioOptionsData" :height="280" :width="'140%'" />
+                <Echart :options="outRatioOptionsData" :height="300" :width="'140%'" />
               </div>
             </div>
           </el-card>
+
         </el-col>
         <!-- 本年标本入库 -->
-        <el-col :xl="5" :lg="5" :md="5" :sm="24" :xs="24">
+        <el-col :xl="5" :lg="5" :md="12" :sm="24" :xs="24">
 
-          <el-card shadow="hover" class="mr-5px mt-5px">
-            <div class="title"><img style="width: 30px;height: 30px;" src="/@/assets/imgs/rk3.png" alt="" /><span>本月入库数</span></div>
+          <el-card shadow="hover" class="mr-5px mt-5px" style="height: 400px;">
+            <div class="title"><img style="width: 30px;height: 30px;" src="/@/assets/imgs/rk3.png"
+                alt="" /><span>本月入库数</span></div>
             <div class="specimen-month">
               <div class="month">
                 <div class="month-bottom">
-                  <div>{{enterNumber}}</div>
-                  <div>月环比&nbsp;<span>{{enterRatio.toFixed(0)}}%</span></div>
+                  <div>{{ enterNumber }}</div>
+                  <div>月环比&nbsp;<span>{{ enterRatio.toFixed(0) }}%</span></div>
                 </div>
               </div>
               <div class="month1">
-                <Echart :options="enterRatioOptionsData" :height="280" :width="'140%'" />
+                <Echart :options="enterRatioOptionsData" :height="300" :width="'140%'" />
               </div>
             </div>
           </el-card>
         </el-col>
 
         <!-- 本年标本回库 -->
-        <el-col :xl="5" :lg="5" :md="5" :sm="24" :xs="24">
+        <el-col :xl="5" :lg="5" :md="12" :sm="24" :xs="24">
 
-          <el-card shadow="hover" class="mr-5px mt-5px">
-            <div class="title"><img style="width: 25px;height: 25px;" src="/@/assets/imgs/hk2.png" alt="" /><span>本月回库数</span></div>
+          <el-card shadow="hover" class="mr-5px mt-5px" style="height: 400px;">
+            <div class="title"><img style="width: 25px;height: 25px;" src="/@/assets/imgs/hk2.png"
+                alt="" /><span>本月回库数</span></div>
             <div class="specimen-month">
               <div class="month">
                 <div class="month-bottom">
-                  <div>{{returnNumber}}</div>
-                  <div>月环比&nbsp;<span>{{returnRatio.toFixed(0)}}%</span></div>
+                  <div>{{ returnNumber }}</div>
+                  <div>月环比&nbsp;<span>{{ returnRatio.toFixed(0) }}%</span></div>
                 </div>
               </div>
               <div class="month1">
-                <Echart :options="returnRatioOptionsData" :height="280" :width="'140%'" />
+                <Echart :options="returnRatioOptionsData" :height="300" :width="'140%'" />
               </div>
             </div>
           </el-card>
         </el-col>
-        <el-col :xl="9" :lg="9" :md="9" :sm="24" :xs="24">
-          <el-card shadow="hover">
-            <template #header>
-              <div class="title"><img src="/@/assets/imgs/tj3.png" alt="" /><span>本年标本数量统计</span></div>
-            </template>
+        <el-col :xl="9" :lg="9" :md="12" :sm="24" :xs="24">
+          <el-card shadow="hover" class="mr-5px mt-5px" style="height: 400px;">
+
+            <div class="title"><img src="/@/assets/imgs/tj3.png" alt="" /><span>本年标本数量统计</span></div>
+
             <el-skeleton :loading="loading" animated>
-              <Echart :options="mouthOptionsData" :height="250" />
+              <Echart :options="mouthOptionsData" :height="300" />
             </el-skeleton>
           </el-card>
           <!-- 历年标本来源增减统计 -->
@@ -169,40 +131,39 @@
         </el-col>
       </el-row>
     </el-skeleton>
-
     <!-- 本年标本出入回库情况2 -->
     <el-skeleton :loading="loading" animated>
       <el-row>
-        <el-col :xl="9" :lg="9" :md="9" :sm="24" :xs="24">
-          <el-card shadow="hover">
-            <template #header>
-              <div class="title"><img src="/@/assets/imgs/tj3.png" alt="" /><span>历年标本数量统计</span></div>
-            </template>
+        <el-col :xl="9" :lg="9" :md="12" :sm="24" :xs="24">
+
+          <el-card shadow="hover" class="mr-5px mt-5px" style="height: 430px;">
+            <div class="title"><img src="/@/assets/imgs/tj3.png" alt="" /><span>历年标本数量统计</span></div>
+
             <el-skeleton :loading="loading" animated>
-              <Echart :options="yearOptionsData" :height="310" />
+              <Echart :options="yearOptionsData" :height="340" />
             </el-skeleton>
           </el-card>
           <!-- 历年标本来源增减统计 -->
 
         </el-col>
-        <el-col :xl="9" :lg="9" :md="9" :sm="24" :xs="24">
-          <el-card shadow="hover">
-            <template #header>
-              <div class="title"><img src="/@/assets/imgs/tj3.png" alt="" /><span>历年标本来源增减统计</span></div>
-            </template>
+        <el-col :xl="9" :lg="9" :md="12" :sm="24" :xs="24">
+          <el-card shadow="hover" class="mr-5px mt-5px" style="height: 430px;">
+
+            <div class="title"><img src="/@/assets/imgs/tj3.png" alt="" /><span>历年标本来源增减统计</span></div>
+
             <el-skeleton :loading="loading" animated>
-              <Echart :options="originOptions111Data" :height="310" />
+              <Echart :options="originOptions111Data" :height="340" />
             </el-skeleton>
           </el-card>
           <!-- 历年标本来源增减统计 -->
 
         </el-col>
         <!-- 本年标本回库 -->
-        <el-col :xl="6" :lg="6" :md="6" :sm="24" :xs="24">
+        <el-col :xl="6" :lg="6" :md="24" :sm="24" :xs="24">
 
-          <el-card shadow="hover" class="mr-5px mt-5px">
+          <el-card shadow="hover" class="mr-5px mt-5px" style="height: 430px;">
             <div class="title"><img src="/@/assets/imgs/tj3.png" alt="" /><span>按标本类型统计</span></div>
-            <Echart :options="pieOptionsData" :height="335" />
+            <Echart :options="pieOptionsData" :height="340" />
 
           </el-card>
         </el-col>
@@ -222,7 +183,7 @@ import Echarts from '/@/components/Echarts/index.vue';
 import { useUserStore } from '@/store/modules/user'
 import { useWatermark } from '@/hooks/web/useWatermark'
 import type { WorkplaceTotal, Project, Shortcut } from './types'
-import { pieOptions, barOptions, barOptions1, outOptions, enterOptions, backOptions, yearOptions, originOptions, enterRatioOptions, originOptions111, mouthOptions,outRatioOptions,returnRatioOptions } from './echarts-data'
+import { pieOptions, barOptions, barOptions1, outOptions, enterOptions, backOptions, yearOptions, originOptions, enterRatioOptions, originOptions111, mouthOptions, outRatioOptions, returnRatioOptions } from './echarts-data'
 // import MyChart from '/@/components/Echarts/echarts.vue';
 defineOptions({ name: 'Home' })
 
@@ -275,10 +236,9 @@ onMounted(async () => {
   enterNumber1.value = enter[enter.length - 2].number;
   outNumber1.value = out[out.length - 2].number;
   returnNumber1.value = return1[return1.length - 2].number;
-  console.log(enterNumber.value,outNumber,returnNumber);
-  enterRatio.value = (enterNumber.value-enterNumber1.value)/enterNumber.value*100;
-  outRatio.value = (outNumber.value-outNumber1.value)/outNumber.value*100;
-  returnRatio.value = (returnNumber.value-returnNumber1.value)/returnNumber.value*100;
+  enterRatio.value = (enterNumber.value - enterNumber1.value) / enterNumber.value * 100;
+  outRatio.value = (outNumber.value - outNumber1.value) / outNumber.value * 100;
+  returnRatio.value = (returnNumber.value - returnNumber1.value) / returnNumber.value * 100;
 })
 
 
@@ -399,27 +359,6 @@ const getShortcut = async () => {
   shortcut = Object.assign(shortcut, data)
 }
 
-// 用户来源
-// const getUserAccessSource = async () => {
-//   const data = [
-//     { value: 335, name: 'analysis.directAccess' },
-//     { value: 310, name: 'analysis.mailMarketing' },
-//     { value: 234, name: 'analysis.allianceAdvertising' },
-//     { value: 135, name: 'analysis.videoAdvertising' },
-//     { value: 1548, name: 'analysis.searchEngines' }
-//   ]
-//   set(
-//     pieOptionsData,
-//     'legend.data',
-//     data.map((v) => t(v.name))
-//   )
-//   pieOptionsData!.series![0].data = data.map((v) => {
-//     return {
-//       name: t(v.name),
-//       value: v.value
-//     }
-//   })
-// }
 const barOptionsData = reactive<EChartsOption>(barOptions) as EChartsOption
 
 // 周活跃量
@@ -500,11 +439,11 @@ const backOptionsData = reactive<EChartsOption>(backOptions) as EChartsOption
 const yearOptionsData = reactive<EChartsOption>(yearOptions) as EChartsOption
 //历年标本来源统计originOptions
 const originOptionsData = reactive<EChartsOption>(originOptions) as EChartsOption
-//水位waterOptions
+//本月入库数
 const enterRatioOptionsData = reactive<EChartsOption>(enterRatioOptions) as EChartsOption
-//水位waterOptions
+//本月出库数
 const outRatioOptionsData = reactive<EChartsOption>(outRatioOptions) as EChartsOption
-//水位waterOptions
+//本月回库数
 const returnRatioOptionsData = reactive<EChartsOption>(returnRatioOptions) as EChartsOption
 //历年来源originOptions111
 const originOptions111Data = reactive<EChartsOption>(originOptions111) as EChartsOption
@@ -564,11 +503,6 @@ getAllApi()
   padding: 0 10px;
 }
 
-.month-bottom {
-  /* display: flex;
-  justify-content: space-between; */
-  /* margin-top: 24%; */
-}
 
 .month-bottom div:nth-child(1) {
 
@@ -605,21 +539,6 @@ getAllApi()
   /* background-image:url("/@/assets/imgs/introduce.jpg"); */
 }
 
-/* .introduce-num:nth-child(1) {
-  background-color: rgba(152,83,74,0.3);
-}
-.introduce-num:nth-child(2) {
-  background-color: rgba(199,89,51,0.3);
-}
-.introduce-num:nth-child(3) {
-  background-color: rgba(217,133,102,0.3);
-}
-.introduce-num:nth-child(4) {
-  background-color: rgba(238,204,147,0.3);
-}
-.introduce-num:nth-child(5) {
-  background-color: rgba(159,180,207,0.3);
-} */
 .introduce-img img {
   width: 80px;
   height: 80px;
@@ -645,22 +564,24 @@ getAllApi()
   .introduce {
     flex-direction: column;
   }
-  .introduce-num{
+
+  .introduce-num {
     width: 100%;
     margin-bottom: 20px;
   }
-  
+
 }
 
 @media (min-width: 400px) {
   .introduce {
     flex-direction: column;
   }
-  .introduce-num{
+
+  .introduce-num {
     width: 100%;
     margin-bottom: 20px;
   }
-  
+
 }
 
 
@@ -668,10 +589,12 @@ getAllApi()
   .introduce {
     flex-direction: column;
   }
-  .introduce-num{
+
+  .introduce-num {
     width: 100%;
   }
-  .introduce-num:nth-child(5){
+
+  .introduce-num:nth-child(5) {
     width: 100%;
     margin-bottom: 0px;
   }
@@ -681,11 +604,13 @@ getAllApi()
   .introduce {
     flex-direction: row;
   }
-  .introduce-num{
+
+  .introduce-num {
     width: 19%;
     margin-bottom: 0px;
   }
-  .introduce-num:nth-child(5){
+
+  .introduce-num:nth-child(5) {
     width: 19%;
     margin-bottom: 0px;
   }
@@ -696,11 +621,13 @@ getAllApi()
   .introduce {
     flex-direction: row;
   }
-  .introduce-num{
+
+  .introduce-num {
     width: 19%;
     margin-bottom: 0px;
   }
-  .introduce-num:nth-child(5){
+
+  .introduce-num:nth-child(5) {
     width: 19%;
     margin-bottom: 0px;
   }

src/views/Home/echarts-data.ts

@@ -21,7 +21,10 @@ const dataStyle = {
     shadowColor: '#203665'
   }
 };
-
+const mineralCount = ref(0);
+const fossilCount = ref(0);
+const meteoriteCount = ref(0);
+const rockOreCount = ref(0);
 const workbenchList = ref();
 const sourceList = ref();
 const enterSpecimen = ref();
@@ -51,6 +54,12 @@ returnSpecimen.value = await WorkbenchApi.getReturnSpecimenList(year);
 console.log('Year',year);
 console.log('outSpecimen.value',outSpecimen.value.data);
 
+//获取各类标本数据
+mineralCount.value = samples['矿物'];
+  fossilCount.value = samples['化石'];
+  meteoriteCount.value = samples['陨石'];
+  rockOreCount.value = samples['岩石矿石'];
+
 const years = workbenchList.value.data;
 const sourcs = sourceList.value;
 const enter = enterSpecimen.value.data
@@ -88,7 +97,6 @@ returnNumber.value = return1[return1.length - 1].number;
 enterNumber1.value = enter[enter.length - 2].number;
 outNumber1.value = out[out.length - 2].number;
 returnNumber1.value = return1[return1.length - 2].number;
-console.log(enterNumber.value,outNumber,returnNumber);
 
 //月环比
 enterRatio.value = (enterNumber.value-enterNumber1.value)/enterNumber.value*100;
@@ -97,7 +105,6 @@ returnRatio.value = (returnNumber.value-returnNumber1.value)/returnNumber.value*
 enterRatio1.value = 100-enterRatio.value;
 outRatio1.value = 100-outRatio.value;
 returnRatio1.value = 100-returnRatio.value;
-console.log('enterRatio1.value',enterRatio1.value);
 
 export const lineOptions: EChartsOption = {
   title: {
@@ -178,13 +185,13 @@ export const pieOptions: EChartsOption = {
   legend: {
     icon: "circle",
     top: "2%",
-    // right: "5%",
     textStyle: {
       color: "#556677",
     },
   },
+  
   tooltip: {
-    trigger: "axis",
+    trigger: "item",
     axisPointer: {
       label: {
         show: true,
@@ -198,6 +205,12 @@ export const pieOptions: EChartsOption = {
         width: 0,
       },
     },
+    backgroundColor: "#fff",
+    textStyle: {
+      color: "#5c6c7c",
+    },
+    padding: [10, 10],
+    extraCssText: "box-shadow: 1px 0 2px 0 rgba(163,163,163,0.5)",
   },
   series: [{
     type: 'pie',
@@ -210,19 +223,19 @@ export const pieOptions: EChartsOption = {
     // startAngle: 180,
     // endAngle: 360,
     data: [{
-      value: samples['矿物'],
+      value: mineralCount.value,
       name: '矿物'
     },
     {
-      value: samples['岩石矿石'],
+      value: rockOreCount.value,
       name: '岩石矿石'
     },
     {
-      value: samples['化石'],
+      value: fossilCount.value,
       name: '化石'
     },
     {
-      value: samples['陨石'],
+      value: meteoriteCount.value,
       name: '陨石'
     }
     ],
@@ -855,7 +868,7 @@ export const backOptions: EChartsOption = {
 };
 //历年标本来源增减统计
 export const originOptions111: EChartsOption = {
-  backgroundColor: "#fff",
+  backgroundColor: 'transparent', // 设置背景色为透明
   legend: {
     icon: "circle",
     // top: "5%",
@@ -1597,242 +1610,9 @@ export const yearOptions: EChartsOption = {
   ]
 };
 
-//历年标本来源统计
-export const originOptions1: EChartsOption = {
-  backgroundColor: '#fff',
-  title: {
-    text: '每月车辆违章类型占比',
-    x: 'center',
-    top: '15px',
-    textStyle: {
-      color: '#333333',
-      fontWeight: 500,
-      fontSize: 18,
-    },
-  },
-  tooltip: {
-    show: true,
-    trigger: 'axis',
-    backgroundColor: 'rgba(0,0,0,0.6)',
-    borderColor: 'rgba(0,0,0,0)',
-    textStyle: {
-      color: '#fff',
-    },
-    formatter: function (params) {
-      return (
-        params[0].name +
-        '<br/>' +
-        params[0].marker +
-        params[0].seriesName +
-        ' : ' +
-        params[0].value +
-        '<br/>' +
-        params[1].marker +
-        params[1].seriesName +
-        ' : ' +
-        params[1].value +
-        '%' +
-        '<br/>' +
-        params[2].marker +
-        params[2].seriesName +
-        ' : ' +
-        params[2].value +
-        '%'
-      );
-    },
-    axisPointer: {
-      lineStyle: {
-        color: {
-          type: 'linear',
-          x: 0,
-          y: 0,
-          x2: 0,
-          y2: 1,
-          colorStops: [
-            {
-              offset: 0,
-              color: 'rgba(0, 255, 233,0)',
-            },
-            {
-              offset: 0.5,
-              color: 'rgba(255, 255, 255,1)',
-            },
-            {
-              offset: 1,
-              color: 'rgba(0, 255, 233,0)',
-            },
-          ],
-          global: false,
-        },
-      },
-    },
-  },
-  xAxis: [
-    {
-      type: 'category',
-      axisLine: {
-        show: false,
-        color: '#aaa',
-      },
-      axisTick: {
-        show: false,
-      },
-      axisLabel: {
-        color: '#aaa',
-        width: 100,
-      },
-      splitLine: {
-        show: false,
-      },
-      boundaryGap: false,
-      data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-    },
-  ],
-
-  yAxis: [
-    {
-      type: 'value',
-      splitLine: {
-        show: true,
-        lineStyle: {
-          type: 'dashed', //虚线
-          color: '#00BFF3',
-          opacity: 0.23,
-        },
-      },
-      axisLine: {
-        show: false,
-      },
-      axisLabel: {
-        show: true,
-        margin: 20,
-        textStyle: {
-          color: '#aaa',
-        },
-      },
-      axisTick: {
-        show: false,
-      },
-    },
-    {
-      type: 'value',
-      position: 'right',
-      axisLabel: {
-        formatter: '{value}%', //使图变成百分比形式
-      },
-      splitLine: {
-        //网格线显不显示
-        show: false,
-      },
-      axisLine: {
-        show: false,
-      },
-      axisTick: {
-        show: false,
-      },
-    },
-  ],
-  series: [
-
-    {
-      name: '环比上月',
-      type: 'line',
-      yAxisIndex: 1, //使用的 y 轴的 index，在单个图表实例中存在多个 y轴的时候有用
-      showAllSymbol: true,
-      symbol: 'circle',
-      symbolSize: 5,
-      lineStyle: {
-        normal: {
-          color: '#A582EA',
-        },
-      },
-      label: {
-        show: false,
-        position: 'top',
-        textStyle: {
-          color: '#A582EA',
-        },
-      },
-      itemStyle: {
-        color: '#fff',
-        borderColor: '#A582EA',
-        borderWidth: 2,
-      },
-      areaStyle: {
-        normal: {
-          color: new echarts.graphic.LinearGradient(
-            0,
-            0,
-            0,
-            1,
-            [
-              {
-                offset: 0,
-                color: 'rgba(145, 118, 215,0.5)',
-              },
-              {
-                offset: 1,
-                color: 'rgba(145, 118, 215,0)',
-              },
-            ],
-            false
-          ),
-        },
-      },
-      data: [0, 20, 30, 60, 49, 18, 90, 48, 39, 30, 27, 40], //data.values
-    },
-    {
-      name: '同比上月',
-      type: 'line',
-      yAxisIndex: 1,
-      showAllSymbol: true,
-      symbol: 'circle',
-      symbolSize: 5,
-      lineStyle: {
-        normal: {
-          color: '#64ccff',
-        },
-      },
-      label: {
-        show: false,
-        position: 'top',
-        textStyle: {
-          color: '#64ccff',
-        },
-      },
-      itemStyle: {
-        color: '#fff',
-        borderColor: '#64ccff',
-        borderWidth: 2,
-      },
-      areaStyle: {
-        normal: {
-          color: new echarts.graphic.LinearGradient(
-            0,
-            0,
-            0,
-            1,
-            [
-              {
-                offset: 0,
-                color: 'rgba(102, 200, 253,0.5)',
-              },
-              {
-                offset: 1,
-                color: 'rgba(81,150,164,0)',
-              },
-            ],
-            false
-          ),
-        },
-      },
-      data: [12, 50, 50, 27, 49, 58, 80, 80, 19, 60, 30, 30], //data.values
-    },
-  ],
-};
 //本月入库数环月比
 export const enterRatioOptions: EChartsOption = {
-  backgroundColor: '#fff',
+  backgroundColor: 'transparent', // 设置背景色为透明
   series: [{
     name: '第二个圆环',
     type: 'pie',
@@ -1891,7 +1671,7 @@ export const enterRatioOptions: EChartsOption = {
 
 //本月出库数环月比
 export const outRatioOptions: EChartsOption = {
-  backgroundColor: '#fff',
+  backgroundColor: 'transparent', // 设置背景色为透明
   series: [{
     name: '第二个圆环',
     type: 'pie',
@@ -1956,7 +1736,7 @@ export const outRatioOptions: EChartsOption = {
 
 //本月回库数环月比
 export const returnRatioOptions: EChartsOption = {
-  backgroundColor: '#fff',
+  backgroundColor: 'transparent', // 设置背景色为透明
   series: [{
     name: '第二个圆环',
     type: 'pie',

src/views/Profile/Index.vue

@@ -22,9 +22,9 @@
           <el-tab-pane :label="t('profile.info.resetPwd')" name="resetPwd">
             <ResetPwd />
           </el-tab-pane>
-          <el-tab-pane :label="t('profile.info.userSocial')" name="userSocial">
+          <!-- <el-tab-pane :label="t('profile.info.userSocial')" name="userSocial">
             <UserSocial v-model:activeName="activeName" />
-          </el-tab-pane>
+          </el-tab-pane> -->
         </el-tabs>
       </div>
     </el-card>