🎈 perf: 优化部分样式的展示

klp-ui/src/views/components/AllApplications.vue

@@ -207,7 +207,6 @@ export default {
 
 <style lang="scss" scoped>
 .all-applications-container {
-  background-color: #fff;
   padding: 16px; /* 调整间距，更贴近飞书紧凑感 */
   border-radius: 12px; /* 飞书常用较大圆角 */
   margin-top: 24px;
@@ -217,7 +216,7 @@ export default {
 .frequently-used-section {
   margin-bottom: 32px; /* 增大间距 */
   padding-bottom: 20px;
-  border-bottom: 1px solid #ebeef5; /* 飞书浅灰边框色 */
+  border-bottom: 1px solid #111; /* 飞书浅灰边框色 */
 }
 
 .frequently-used-header {
@@ -230,7 +229,7 @@ export default {
 .frequently-title {
   font-size: 16px; /* 稍小字体，飞书风格更简洁 */
   font-weight: 500; /* 调整 FontWeight */
-  color: #1f2329; /* 深一点的标题色 */
+  color: #ddd; /* 深一点的标题色 */
 }
 
 .edit-btn {
@@ -254,10 +253,10 @@ export default {
   border-radius: 12px; /* 大圆角 */
   transition: all 0.3s ease;
   position: relative;
-  background-color: #f7f8fa; /* 飞书卡片常用浅灰底色 */
+  background-color: #222; /* 飞书卡片常用浅灰底色 */
 
   &:hover {
-    background-color: #eaeef7; /*  hover 时的浅灰 */
+    background-color: #444; /*  hover 时的浅灰 */
   }
 }
 
@@ -266,7 +265,7 @@ export default {
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 20px;
-  color: #1f2329;
+  color: #ddd;
 }
 
 // 应用网格布局
@@ -286,10 +285,10 @@ export default {
   border-radius: 12px; 
   transition: background-color 0.3s ease;
   position: relative;
-  background-color: #f7f8fa; 
+  background-color: #222; 
 
   &:hover {
-    background-color: #eaeef7; 
+    background-color: #444; 
   }
 }
 
@@ -302,7 +301,7 @@ export default {
   align-items: center;
   justify-content: center;
   margin-bottom: 12px;
-  background-color: #e6f0ff; /* 飞书风格的浅蓝底色 */
+  background-color: #222; /* 飞书风格的浅蓝底色 */
   position: relative;
 }
 
@@ -314,7 +313,7 @@ export default {
 // 应用名称样式
 .app-name {
   font-size: 14px; 
-  color: #515767; /* 飞书常用的文本色 */
+  color: #2bf; /* 飞书常用的文本色 */
   text-align: center;
   white-space: nowrap;
   overflow: hidden;

klp-ui/src/views/components/FlowTable.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="order-analysis-dashboard" v-loading="loading">
     <!-- 业绩区 -->
-    <el-tabs v-model="activeTab" type="card">
+    <el-tabs v-model="activeTab">
       <el-tab-pane label="我的流程" name="my">
         <KLPTable v-loading="loading" :data="ownProcessList">
           <el-table-column label="流程编号" align="center" prop="procInsId" :show-overflow-tooltip="true" />
@@ -94,7 +94,6 @@ export default {
 <style scoped>
 .order-analysis-dashboard {
   padding: 24px;
-  background-color: #f7f8fa;
   box-sizing: border-box;
 }
 

klp-ui/src/views/components/OrderDashboard.vue

@@ -4,7 +4,7 @@
     v-loading="loading"
   >
     <!-- 业绩区 -->
-     <el-tabs v-model="activeTab" type="card">
+     <el-tabs v-model="activeTab">
       <el-tab-pane label="业绩总览" name="performance">
         <PerformanceArea mode="mini" :performance-area="dashboardData.performanceArea" />
       </el-tab-pane>
@@ -131,7 +131,6 @@ export default {
 <style scoped>
 .order-analysis-dashboard {
   padding: 24px;
-  background-color: #f7f8fa;
   box-sizing: border-box;
 }