소스 검색

1.完成页面调整

steelwei 1 개월 전
부모
커밋
a4e2e93bb2
2개의 변경된 파일20개의 추가작업 그리고 4개의 파일을 삭제
  1. 14 3
      src/views/fulfiller/audit/index.vue
  2. 6 1
      src/views/fulfiller/pool/index.vue

+ 14 - 3
src/views/fulfiller/audit/index.vue

@@ -222,7 +222,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, onMounted } from 'vue';
+import { ref, reactive, onMounted, nextTick } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { listAudit, getAudit, passAudit, rejectAudit, getPendingCount } from '@/api/fulfiller/audit';
 import type { FlfAuditVO, FlfAuditQuery } from '@/api/fulfiller/audit/types';
@@ -252,9 +252,13 @@ const getList = async () => {
     if (searchKey.value) {
       params.keyword = searchKey.value;
     }
+    // 根据标签设置状态筛选
     if (activeTab.value !== 'all') {
       const statusMap: Record<string, number> = { pending: 0, approved: 1, rejected: 2 };
       params.status = statusMap[activeTab.value];
+    } else {
+      // 清除状态筛选
+      delete params.status;
     }
     const res = await listAudit(params);
     tableData.value = res.rows;
@@ -295,9 +299,16 @@ const getStatusClass = (status: number | string) => {
   return map[String(status)] || '';
 };
 
-const handleTabClick = () => {
+const handleTabClick = (tab: any) => {
   queryParams.pageNum = 1;
-  getList();
+  // 清除之前的状态筛选
+  if ('status' in queryParams) {
+    delete (queryParams as any).status;
+  }
+  // 使用 nextTick 确保 activeTab 已经更新
+  nextTick(() => {
+    getList();
+  });
 };
 
 const handleSearch = () => {

+ 6 - 1
src/views/fulfiller/pool/index.vue

@@ -81,6 +81,10 @@
                 <el-icon><Medal /></el-icon> 资质证
               </div>
             </div>
+            <div style="margin-top:5px;">
+              <el-tag v-if="scope.row.authId" type="success" size="small" effect="plain">已认证</el-tag>
+              <el-tag v-else type="info" size="small" effect="plain">未认证</el-tag>
+            </div>
             <div class="sub-text" style="margin-top:5px;">ID: {{ scope.row.idCard }}</div>
           </template>
         </el-table-column>
@@ -443,7 +447,7 @@
           </el-col>
         </el-row>
 
-        <el-form-item label="资质状态">
+        <el-form-item label="认证状态">
           <el-checkbox v-model="editDialog.form.authId">身份证认证</el-checkbox>
           <el-checkbox v-model="editDialog.form.authQual">专业资质认证</el-checkbox>
         </el-form-item>
@@ -1069,6 +1073,7 @@ onMounted(() => {
   display: flex; align-items: center; gap: 4px;
 }
 .auth-card.active { background: #ecf5ff; color: #409eff; }
+.auth-card.need-review { background: #fef0f0; color: #f56c6c; border: 1px dashed #f56c6c; }
 
 .finance-item { font-size: 13px; color: #606266; line-height: 1.6; }
 .num { font-weight: bold; font-family: DIN, sans-serif; margin-left: 5px; color: #303133; }