新模块的第一次测试修复了部分bug

src/view/performance/performanceManagement.vue

@@ -230,7 +230,7 @@ const fetchProportionRate = async () => {
         { level: "first" }, // 按照接口要求发送level参数
         { headers: { Authorization: storedToken } }
     );
-
+    console.log(response)
     if (response.code === 1) {
       proportionRate.value = response.data;
     } else {
@@ -294,8 +294,9 @@ const updateProportionRate = async () => {
   }
 };
 onMounted(() => {
-  fetchManagerPerformance();
   fetchProportionRate(); // 调用获取抽成比例
+  fetchManagerPerformance();
+
 });
 
 const filterNameInput = (e: Event) => {
@@ -409,7 +410,7 @@ const settlement = async () => {
       <a-space>
         <a-form-item label="主管姓名">
           <a-input
-              style="width: 300px;"
+              style="width: 300px;border: 1px solid #ffa940;"
               placeholder="请输入主管姓名"
               v-model:value="searchName"
               @click="handleSearch"
@@ -419,7 +420,7 @@ const settlement = async () => {
         </a-form-item>
         <a-form-item label="手机号">
           <a-input
-              style="width: 200px"
+              style="width: 300px;border: 1px solid #ffa940;"
               placeholder="请输入手机号"
               v-model:value="searchPhone"
               class="custom-search"
@@ -486,8 +487,9 @@ const settlement = async () => {
     </template>
   </a-table>
 </template>
+
 <style scoped>
-/* 样式保持不变 */
+/* 搜索框样式 */
 .search-box {
   margin-bottom: 20px;
   padding: 16px;
@@ -496,54 +498,41 @@ const settlement = async () => {
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
 }
 
-:deep(.ant-table-thead) > tr > th {
-  background-color: #f0f5ff !important;
-  font-weight: 600;
-}
-
-:deep(.ant-table-row:hover) {
-  background-color: #fafafa !important;
-}
-
-.search-box .ant-form-item {
-  margin-bottom: 0;
-}
-
-.search-box .ant-space {
-  width: 100%;
+/* 搜索框输入框聚焦和悬浮状态边框为橙色 */
+.search-box .custom-search :deep(.ant-input:hover),
+.search-box .custom-search :deep(.ant-input:focus) {
+  border-color: #ffa940 !important;
+  box-shadow: 0 0 0 2px rgba(255, 169, 64, 0.2) !important;
 }
 
+/* 按钮样式 */
 .custom-button {
   background-color: #ffa940;
-  border-color: #ffa940;
   color: #fff;
+  border: 1px solid #ffa940;
 }
 
 .custom-button:hover,
 .custom-button:focus {
   background-color: #ffa940;
   border-color: #ffa940;
-  color:#fff;
+  color: #fff;
   opacity: 0.9;
 }
 
+/* 搜索按钮样式 */
 .custom-search :deep(.ant-input-search-button) {
   background-color: #ffa940;
-  border-color: #ffa940;
+  border: 1px solid #ffa940;
 }
 
 .custom-search :deep(.ant-input-search-button:hover),
 .custom-search :deep(.ant-input-search-button:focus) {
   background-color: #fa8c16;
-  border-color: #fa8c16;
+  border: 1px solid #ffa940;
 }
 
 .custom-search :deep(.ant-input) {
   border-right-color: #ffa940;
 }
-.custom-search :deep(.ant-input-search-button) {
-  background-color: #ffa940;
-  border-color: #ffa940;
-}
-
 </style>