人员统计页面接口调试

src/api/synthesize-query/person-count.js

@@ -8,3 +8,30 @@ export const getPersonCountListAPI = (data) => {
         params: data,
     })
 }
+
+// 综合查询 获取人员统计详情
+export const getPersonCountDetailAPI = (data) => {
+    return request({
+        url: '/bmw/workerStatistics/getWorkerDetail',
+        method: 'GET',
+        params: data,
+    })
+}
+
+// 综合查询 获取人员统计详情考勤信息
+export const getPersonCountDetailAttendanceInfoAPI = (data) => {
+    return request({
+        url: '/bmw/workerStatistics/getWorkerEinDayRecordDetail',
+        method: 'GET',
+        params: data,
+    })
+}
+
+// 综合查询 获取人员统计详情工资信息
+export const getPersonCountDetailWageInfoAPI = (data) => {
+    return request({
+        url: '/bmw/workerStatistics/getMonthTableDetail',
+        method: 'GET',
+        params: data,
+    })
+}

src/api/synthesize-query/three-and-one.js

@@ -103,8 +103,8 @@ export const saveThreeAndOneMonthlyWagePaymentAPI = (data) => {
 // 综合查询 三表一册 农名工工资支付表 更新操作
 export const updateThreeAndOneMonthlyWagePaymentAPI = (data) => {
     return request({
-        url: '/bmw/pmProject/updateSalary',
+        url: '/bmw/pmProject/updateThreeTableOneRoster',
-        method: 'POST',
+        method: 'GET',
-        data,
+        params: data,
     })
 }

src/views/synthesize-query/person-count/detail/components/attInfo.vue

@@ -18,8 +18,11 @@
                 >
                     <el-form-item label="考勤日期">
                         <el-date-picker
-                            type="date"
+                            type="daterange"
-                            v-model="attInfoQueryParams.entryTime"
+                            value-format="yyyy-MM-dd"
+                            start-placeholder="开始日期"
+                            end-placeholder="结束日期"
+                            v-model="timeList"
                             placeholder="请选择考勤日期"
                         />
                     </el-form-item>
@@ -63,11 +66,30 @@
                     <el-table-column
                         align="center"
                         :key="item.prop"
-                        :prop="item.prop"
                         :label="item.label"
                         show-overflow-tooltip
                         v-for="item in columnData"
-                    />
+                    >
+                        <template slot-scope="{ row }">
+                            <template v-if="item.prop === 'attStatus'">
+                                <span
+                                    :style="{
+                                        color:
+                                            row.attStatus == 0
+                                                ? '#ef4444'
+                                                : '#10b981',
+                                    }"
+                                >
+                                    {{
+                                        row.attStatus == 0 ? '未打卡' : '已打卡'
+                                    }}
+                                </span>
+                            </template>
+                            <template v-else>{{
+                                row[item.prop] || '/'
+                            }}</template>
+                        </template>
+                    </el-table-column>
                 </el-table>
 
                 <div style="padding-right: 20px">
@@ -84,61 +106,67 @@
 </template>
 
 <script>
+import { getPersonCountDetailAttendanceInfoAPI } from '@/api/synthesize-query/person-count'
 export default {
     name: 'AttInfo',
-    props: {},
+    props: {
+        workerId: {
+            type: [Number, String],
+            default: '',
+        },
+    },
     data() {
         return {
-            total: 100,
+            total: 0,
+            timeList: [],
             attInfoQueryParams: {
-                entryTime: '',
+                startTime: '',
+                endTime: '',
+                pageNum: 1,
+                pageSize: 10,
+                workerId: this.workerId,
             },
-            attInfoData: [
+            attInfoData: [],
-                {
-                    entryTime: '2025-01-01',
-                    exitTime: '2025-01-01',
-                    contractName: '工程1',
-                    subcontractorName: '分包1',
-                    totalEntryCount: 10,
-                },
-                {
-                    entryTime: '2025-01-01',
-                    exitTime: '2025-01-01',
-                    contractName: '工程1',
-                    subcontractorName: '分包1',
-                    totalEntryCount: 10,
-                },
-            ],
             columnData: [
                 {
                     label: '考勤日期',
-                    prop: 'entryTime',
+                    prop: 'attDay',
                 },
                 {
                     label: '考勤状态',
-                    prop: 'exitTime',
+                    prop: 'attStatus',
                 },
                 {
                     label: '时间',
-                    prop: 'contractName',
+                    prop: 'attTime',
                 },
                 {
                     label: '工程名称',
-                    prop: 'subcontractorName',
+                    prop: 'proName',
                 },
                 {
                     label: '考勤机名称',
-                    prop: 'totalEntryCount',
+                    prop: 'devName',
                 },
                 {
                     label: '考勤机编号',
-                    prop: 'currentOnsiteCount',
+                    prop: 'deviceCode',
                 },
             ],
         }
     },
-    created() {},
+
-    watch: {},
+    watch: {
+        workerId: {
+            handler(newVal) {
+                if (newVal) {
+                    this.getAttInfoData()
+                }
+            },
+            immediate: true,
+            deep: true,
+        },
+    },
     methods: {
         // 表格头部样式
         tableHeaderStyle() {
@@ -155,19 +183,20 @@ export default {
             return {
                 fontSize: '14px',
                 color: '#606266',
-                padding: '12px 8px',
+                padding: '12px 0',
             }
         },
 
         // 查询
         handleQuery() {
-            // this.getAttInfoData()
+            this.getAttInfoData()
         },
         // 重置
         resetQuery() {
-            this.attInfoQueryParams = {
+            this.timeList = []
-                entryTime: '',
+            this.attInfoQueryParams.pageNum = 1
-            }
+            this.attInfoQueryParams.pageSize = 10
+            this.getAttInfoData()
         },
         // 导出
         handleExport() {
@@ -180,8 +209,21 @@ export default {
             // )
         },
         // 获取考勤信息
-        getAttInfoData() {
+        async getAttInfoData() {
             // this.getAttInfoData()
+            if (this.timeList.length > 0) {
+                this.attInfoQueryParams.startTime = this.timeList[0]
+                this.attInfoQueryParams.endTime = this.timeList[1]
+            } else {
+                this.attInfoQueryParams.startTime = ''
+                this.attInfoQueryParams.endTime = ''
+            }
+            const res = await getPersonCountDetailAttendanceInfoAPI(
+                this.attInfoQueryParams,
+            )
+
+            this.attInfoData = res.rows
+            this.total = res.total
         },
     },
 }

src/views/synthesize-query/person-count/detail/components/contract.vue

@@ -11,7 +11,7 @@
 
             <div class="table-container">
                 <el-table
-                    :data="contractData"
+                    :data="bmWorkerContractList"
                     style="width: 100%"
                     :header-cell-style="tableHeaderStyle"
                     :cell-style="tableCellStyle"
@@ -20,12 +20,60 @@
                 >
                     <el-table-column
                         :key="item.prop"
-                        :prop="item.prop"
                         align="center"
                         :label="item.label"
                         show-overflow-tooltip
                         v-for="item in columnData"
-                    />
+                    >
+                        <template slot-scope="{ row }">
+                            <template v-if="item.prop === 'isActive'">
+                                <!-- <el-tag
+                                    size="mini"
+                                    type="danger"
+                                    v-if="row.isActive == 0"
+                                >
+                                    已失效
+                                </el-tag>
+                                <el-tag
+                                    size="mini"
+                                    type="success"
+                                    v-if="row.isActive == 1"
+                                >
+                                    生效中
+                                </el-tag> -->
+
+                                <div class="status-cell">
+                                    <span
+                                        class="status-dot"
+                                        :class="
+                                            row.isActive == 1
+                                                ? 'status-online'
+                                                : 'status-offline'
+                                        "
+                                    ></span>
+                                    {{
+                                        row.isActive == 1 ? '生效中' : '已失效'
+                                    }}
+                                </div>
+                            </template>
+
+                            <template v-else-if="item.prop === 'files_1'">
+                                {{
+                                    row.files.filter((j) => j.sourceType == 1)
+                                        .length || 0
+                                }}
+                            </template>
+                            <template v-else-if="item.prop === 'files_2'">
+                                {{
+                                    row.files.filter((j) => j.sourceType == 6)
+                                        .length || 0
+                                }}
+                            </template>
+                            <template v-else>
+                                {{ row[item.prop] || '/' }}
+                            </template>
+                        </template>
+                    </el-table-column>
                 </el-table>
             </div>
         </div>
@@ -35,65 +83,54 @@
 <script>
 export default {
     name: 'Contract',
-    props: {},
+    props: {
+        bmWorkerContractList: {
+            type: Array,
+            default: () => [],
+        },
+    },
     data() {
         return {
-            contractData: [
-                {
-                    entryTime: '2025-01-01',
-                    exitTime: '2025-01-01',
-                    contractName: '工程1',
-                    subcontractorName: '分包1',
-                    totalEntryCount: 10,
-                },
-                {
-                    entryTime: '2025-01-01',
-                    exitTime: '2025-01-01',
-                    contractName: '工程1',
-                    subcontractorName: '分包1',
-                    totalEntryCount: 10,
-                },
-            ],
             columnData: [
                 {
                     label: '合同编号',
-                    prop: 'entryTime',
+                    prop: 'contractCode',
                 },
                 {
                     label: '合同期限类型',
-                    prop: 'exitTime',
+                    prop: 'contractTermType',
                 },
                 {
                     label: '合同状态',
-                    prop: 'contractName',
+                    prop: 'isActive',
                 },
                 {
                     label: '合同签订日期',
-                    prop: 'subcontractorName',
+                    prop: 'contractStartDate',
                 },
                 {
                     label: '合同终止日期',
-                    prop: 'totalEntryCount',
+                    prop: 'contractStopDate',
                 },
                 {
                     label: '工资核定方式',
-                    prop: 'currentOnsiteCount',
+                    prop: 'wageApprovedWay',
                 },
                 {
                     label: '工资核定标准',
-                    prop: 'entryTime',
+                    prop: 'wageCriterion',
                 },
                 {
                     label: '合同见证照片',
-                    prop: 'entryExitStatus',
+                    prop: 'files_1',
                 },
                 {
                     label: '附件',
-                    prop: 'wageCommitment',
+                    prop: 'files_2',
                 },
                 {
                     label: '系统录入时间',
-                    prop: 'wageCommitment',
+                    prop: 'contractUploadDate',
                 },
             ],
         }
@@ -116,7 +153,7 @@ export default {
             return {
                 fontSize: '14px',
                 color: '#606266',
-                padding: '12px 8px',
+                padding: '12px 0',
             }
         },
     },
@@ -194,4 +231,26 @@ export default {
         }
     }
 }
+
+.status-cell {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .status-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        margin-right: 6px;
+        display: inline-block;
+
+        &.status-online {
+            background-color: #10b981;
+        }
+
+        &.status-offline {
+            background-color: #ef4444;
+        }
+    }
+}
 </style>

src/views/synthesize-query/person-count/detail/components/entryExit.vue

@@ -11,21 +11,67 @@
 
             <div class="table-container">
                 <el-table
-                    :data="entryExitData"
-                    style="width: 100%"
-                    :header-cell-style="tableHeaderStyle"
-                    :cell-style="tableCellStyle"
                     stripe
                     border
+                    style="width: 100%"
+                    :cell-style="tableCellStyle"
+                    :data="bmWorkerEinProRecordList"
+                    :header-cell-style="tableHeaderStyle"
                 >
                     <el-table-column
                         :key="item.prop"
-                        :prop="item.prop"
                         align="center"
                         :label="item.label"
                         show-overflow-tooltip
                         v-for="item in columnData"
-                    />
+                    >
+                        <template slot-scope="{ row }">
+                            <template v-if="item.prop === 'einStatus'">
+                                <!-- <el-tag
+                                    size="mini"
+                                    type="success"
+                                    v-if="row.einStatus == 1"
+                                >
+                                    在场
+                                </el-tag>
+                                <el-tag
+                                    size="mini"
+                                    type="danger"
+                                    v-if="row.einStatus == 2"
+                                >
+                                    出场
+                                </el-tag> -->
+
+                                <div class="status-cell">
+                                    <span
+                                        class="status-dot"
+                                        :class="
+                                            row.einStatus == 1
+                                                ? 'status-online'
+                                                : 'status-offline'
+                                        "
+                                    ></span>
+                                    {{ row.einStatus == 1 ? '在场' : '出场' }}
+                                </div>
+                            </template>
+
+                            <template v-else-if="item.prop === 'isUploadFile'">
+                                <span
+                                    :style="{
+                                        color:
+                                            row.isUploadFile == 1
+                                                ? '#10b981'
+                                                : '',
+                                    }"
+                                >
+                                    {{ row.isUploadFile == 1 ? '已上传' : '/' }}
+                                </span>
+                            </template>
+                            <template v-else>
+                                {{ row[item.prop] || '/' }}
+                            </template>
+                        </template>
+                    </el-table-column>
                 </el-table>
             </div>
         </div>
@@ -35,29 +81,18 @@
 <script>
 export default {
     name: 'EntryExit',
-    props: {},
+    props: {
+        bmWorkerEinProRecordList: {
+            type: Array,
+            default: () => [],
+        },
+    },
     data() {
         return {
-            entryExitData: [
-                {
-                    entryTime: '2025-01-01',
-                    exitTime: '2025-01-01',
-                    contractName: '工程1',
-                    subcontractorName: '分包1',
-                    totalEntryCount: 10,
-                },
-                {
-                    entryTime: '2025-01-01',
-                    exitTime: '2025-01-01',
-                    contractName: '工程1',
-                    subcontractorName: '分包1',
-                    totalEntryCount: 10,
-                },
-            ],
             columnData: [
                 {
                     label: '入场时间',
-                    prop: 'entryTime',
+                    prop: 'einTime',
                 },
                 {
                     label: '出场时间',
@@ -65,31 +100,31 @@ export default {
                 },
                 {
                     label: '入场工程',
-                    prop: 'contractName',
+                    prop: 'proName',
                 },
                 {
                     label: '入场分包',
-                    prop: 'subcontractorName',
+                    prop: 'subName',
                 },
                 {
                     label: '入场班组',
-                    prop: 'totalEntryCount',
+                    prop: 'teamName',
                 },
                 {
                     label: '工种',
-                    prop: 'currentOnsiteCount',
+                    prop: 'postName',
                 },
                 {
                     label: '手机号码',
-                    prop: 'entryTime',
+                    prop: 'phone',
                 },
                 {
                     label: '出入场状态',
-                    prop: 'entryExitStatus',
+                    prop: 'einStatus',
                 },
                 {
                     label: '离场人员工资结算确认单',
-                    prop: 'wageCommitment',
+                    prop: 'isUploadFile',
                 },
             ],
         }
@@ -190,4 +225,26 @@ export default {
         }
     }
 }
+
+.status-cell {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .status-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        margin-right: 6px;
+        display: inline-block;
+
+        &.status-online {
+            background-color: #10b981;
+        }
+
+        &.status-offline {
+            background-color: #ef4444;
+        }
+    }
+}
 </style>

src/views/synthesize-query/person-count/detail/components/idCard.vue

@@ -15,7 +15,16 @@
                     :key="item.valueKey"
                 >
                     <div class="data-label">{{ item.label }}</div>
-                    <div class="data-value">{{ item.value }}</div>
+                    <div class="data-value" v-if="item.valueKey === 'files'">
+                        <el-image
+                            fit="cover"
+                            :src="item.value[0].lsUrl"
+                            style="width: 48px; height: 48px"
+                            v-if="item.value && item.value.length > 0"
+                            :preview-src-list="item.value.map((j) => j.lsUrl)"
+                        />
+                    </div>
+                    <div class="data-value" v-else>{{ item.value }}</div>
                 </div>
             </div>
         </div>
@@ -23,68 +32,117 @@
 </template>
 
 <script>
+import { getPersonCountDetailAPI } from '@/api/synthesize-query/person-count'
 export default {
     name: 'PersonInfoCard',
 
+    props: {
+        workerId: {
+            type: [Number, String],
+            default: '',
+        },
+    },
     data() {
         return {
             idNumberInfoLabel: [
                 {
                     label: '姓名',
-                    value: '姓名',
+                    value: '名',
                     valueKey: 'name',
                 },
                 {
                     label: '身份证号',
-                    value: '身份证号',
+                    value: '',
                     valueKey: 'idNumber',
                 },
                 {
                     label: '性别',
-                    value: '性别',
+                    value: '',
-                    valueKey: 'birthDate',
+                    valueKey: 'sex',
                 },
                 {
                     label: '出生日期',
-                    value: '出生日期',
+                    value: '',
-                    valueKey: 'birthDate',
+                    valueKey: 'birthday',
                 },
                 {
                     label: '签发机关',
-                    value: '签发机关',
+                    value: '',
-                    valueKey: 'birthDate',
+                    valueKey: 'issuingAuthority',
                 },
                 {
                     label: '民族',
-                    value: '民族',
+                    value: '',
-                    valueKey: 'birthDate',
+                    valueKey: 'nation',
                 },
                 {
                     label: '生效日期',
-                    value: '生效日期',
+                    value: '',
-                    valueKey: 'birthDate',
+                    valueKey: 'startTime',
                 },
                 {
                     label: '失效日期',
-                    value: '失效日期',
+                    value: '',
-                    valueKey: 'birthDate',
+                    valueKey: 'endTime',
                 },
                 {
-                    label: '人脸图片',
+                    label: '人脸照片',
-                    value: '人脸图片',
+                    value: '',
-                    valueKey: 'birthDate',
+                    valueKey: 'files',
                 },
                 {
                     label: ' 身份证住址',
-                    value: ' 身份证住址',
+                    value: ' ',
-                    valueKey: 'birthDate',
+                    valueKey: 'address',
                 },
             ],
         }
     },
     created() {},
-    watch: {},
+    watch: {
-    methods: {},
+        workerId: {
+            handler(newVal) {
+                if (newVal) {
+                    this.getPersonCountDetail()
+                }
+            },
+            deep: true,
+            immediate: true,
+        },
+    },
+    methods: {
+        // 获取身份证信息
+        async getPersonCountDetail() {
+            const res = await getPersonCountDetailAPI({
+                workerId: this.workerId,
+            })
+
+            const personInfo = res.data
+
+            if (res.code === 200 && personInfo) {
+                this.idNumberInfoLabel.forEach((item) => {
+                    for (const key in personInfo) {
+                        if (item.valueKey === key) {
+                            item.value = personInfo[key]
+                        }
+                    }
+                })
+
+                const {
+                    bmWorkerEinProRecordList,
+                    bmWorkerContractList,
+                    bmWorkerWageCard,
+                } = res.data
+
+                this.$emit(
+                    'initPersonDetailsData',
+                    bmWorkerEinProRecordList,
+                    bmWorkerContractList,
+                    [bmWorkerWageCard],
+                )
+            }
+        },
+    },
 }
 </script>
 
@@ -164,9 +222,9 @@ export default {
 
             .data-label {
                 padding: 16px 20px;
-                font-size: 16px;
+                font-size: 14px;
-                color: #6b7280;
+                color: #352e2e;
-                font-weight: 500;
+                font-weight: 600;
                 background: #f8f9fa;
             }
 

src/views/synthesize-query/person-count/detail/components/person-details.vue

@@ -5,12 +5,15 @@
             <span>人员信息</span>
         </div>
 
-        <IdCard />
+        <IdCard
-        <EntryExit />
+            :workerId="workerId"
-        <Contract />
+            @initPersonDetailsData="initPersonDetailsData"
-        <WageCard />
+        />
-        <AttInfo />
+        <EntryExit :bmWorkerEinProRecordList="bmWorkerEinProRecordList" />
-        <WageInfo />
+        <Contract :bmWorkerContractList="bmWorkerContractList" />
+        <WageCard :bmWorkerWageCard="bmWorkerWageCard" />
+        <AttInfo :workerId="workerId" />
+        <WageInfo :workerId="workerId" />
     </div>
 </template>
 
@@ -31,12 +34,32 @@ export default {
         AttInfo,
         WageInfo,
     },
-    data() {
+    props: {
-        return {}
+        workerId: {
+            type: [Number, String],
+            default: '',
+        },
+    },
+    data() {
+        return {
+            bmWorkerEinProRecordList: [],
+            bmWorkerContractList: [],
+            bmWorkerWageCard: [],
+        }
+    },
+
+    methods: {
+        // 初始化人员信息
+        initPersonDetailsData(
+            bmWorkerEinProRecordList,
+            bmWorkerContractList,
+            bmWorkerWageCard,
+        ) {
+            this.bmWorkerEinProRecordList = bmWorkerEinProRecordList
+            this.bmWorkerContractList = bmWorkerContractList
+            this.bmWorkerWageCard = bmWorkerWageCard
+        },
     },
-    created() {},
-    watch: {},
-    methods: {},
 }
 </script>
 

src/views/synthesize-query/person-count/detail/components/wageCard.vue

@@ -11,7 +11,7 @@
 
             <div class="table-container">
                 <el-table
-                    :data="wageCardData"
+                    :data="bmWorkerWageCard"
                     style="width: 100%"
                     :header-cell-style="tableHeaderStyle"
                     :cell-style="tableCellStyle"
@@ -20,12 +20,29 @@
                 >
                     <el-table-column
                         :key="item.prop"
-                        :prop="item.prop"
                         align="center"
                         :label="item.label"
                         show-overflow-tooltip
                         v-for="item in columnData"
-                    />
+                    >
+                        <template slot-scope="{ row }">
+                            <template v-if="item.prop === 'files_1'">
+                                {{
+                                    row.files.filter((j) => j.sourceType == 1)
+                                        .length || 0
+                                }}
+                            </template>
+                            <template v-else-if="item.prop === 'files_2'">
+                                {{
+                                    row.files.filter((j) => j.sourceType == 5)
+                                        .length || 0
+                                }}
+                            </template>
+                            <template v-else>
+                                {{ row[item.prop] || '/' }}
+                            </template>
+                        </template>
+                    </el-table-column>
                 </el-table>
             </div>
         </div>
@@ -35,49 +52,38 @@
 <script>
 export default {
     name: 'WageCard',
-    props: {},
+    props: {
+        bmWorkerWageCard: {
+            type: Array,
+            default: () => [],
+        },
+    },
     data() {
         return {
-            wageCardData: [
-                {
-                    entryTime: '2025-01-01',
-                    exitTime: '2025-01-01',
-                    contractName: '工程1',
-                    subcontractorName: '分包1',
-                    totalEntryCount: 10,
-                },
-                {
-                    entryTime: '2025-01-01',
-                    exitTime: '2025-01-01',
-                    contractName: '工程1',
-                    subcontractorName: '分包1',
-                    totalEntryCount: 10,
-                },
-            ],
             columnData: [
                 {
                     label: '银行卡号',
-                    prop: 'entryTime',
+                    prop: 'bankCardCode',
                 },
                 {
                     label: '银行名称',
-                    prop: 'exitTime',
+                    prop: 'bankName',
                 },
                 {
                     label: '银行支行名称',
-                    prop: 'contractName',
+                    prop: 'bankBranchName',
                 },
                 {
                     label: '工资卡见证照片',
-                    prop: 'subcontractorName',
+                    prop: 'files_1',
                 },
                 {
                     label: '附件',
-                    prop: 'totalEntryCount',
+                    prop: 'files_2',
                 },
                 {
                     label: '系统录入时间',
-                    prop: 'currentOnsiteCount',
+                    prop: 'updateTime',
                 },
             ],
         }
@@ -100,7 +106,7 @@ export default {
             return {
                 fontSize: '14px',
                 color: '#606266',
-                padding: '12px 8px',
+                padding: '12px 0',
             }
         },
     },

src/views/synthesize-query/person-count/detail/components/wageInfo.vue

@@ -20,66 +20,102 @@
                 >
                     <el-table-column
                         :key="item.prop"
-                        :prop="item.prop"
                         align="center"
                         :label="item.label"
                         show-overflow-tooltip
                         v-for="item in columnData"
-                    />
+                    >
+                        <template slot-scope="{ row }">
+                            <template v-if="item.prop === 'refundStatus'">
+                                <span
+                                    :style="{
+                                        color:
+                                            row.refundStatus == 0
+                                                ? ''
+                                                : '#10b981',
+                                    }"
+                                >
+                                    {{ row.refundStatus == 0 ? '/' : '已上传' }}
+                                </span>
+                            </template>
+                            <template v-else-if="item.prop === 'wageBook'">
+                                {{ `${row.proName}${row.tableMonth}工资册` }}
+                            </template>
+                            <template v-else>{{
+                                row[item.prop] || '/'
+                            }}</template>
+                        </template>
+                    </el-table-column>
                 </el-table>
+
+                <div style="padding-right: 20px">
+                    <pagination
+                        :total="total"
+                        @pagination="getWageInfoData"
+                        :page.sync="wageInfoQueryParams.pageNum"
+                        :limit.sync="wageInfoQueryParams.pageSize"
+                    />
+                </div>
             </div>
         </div>
     </div>
 </template>
 
 <script>
+import { getPersonCountDetailWageInfoAPI } from '@/api/synthesize-query/person-count'
 export default {
     name: 'WageInfo',
-    props: {},
+    props: {
+        workerId: {
+            type: [Number, String],
+            default: '',
+        },
+    },
     data() {
         return {
-            wageInfoData: [
+            total: 0,
-                {
+            wageInfoData: [],
-                    entryTime: '2025-01-01',
+            wageInfoQueryParams: {
-                    exitTime: '2025-01-01',
+                pageNum: 1,
-                    contractName: '工程1',
+                pageSize: 10,
-                    subcontractorName: '分包1',
+                workerId: this.workerId,
-                    totalEntryCount: 10,
             },
-                {
-                    entryTime: '2025-01-01',
-                    exitTime: '2025-01-01',
-                    contractName: '工程1',
-                    subcontractorName: '分包1',
-                    totalEntryCount: 10,
-                },
-            ],
             columnData: [
                 {
                     label: '工资月份',
-                    prop: 'entryTime',
+                    prop: 'tableMonth',
                 },
                 {
-                    label: '工资测名称',
+                    label: '工资册名称',
-                    prop: 'exitTime',
+                    prop: 'wageBook',
                 },
                 {
                     label: '工程名称',
-                    prop: 'contractName',
+                    prop: 'proName',
                 },
                 {
                     label: '实发工资',
-                    prop: 'subcontractorName',
+                    prop: 'netSalary',
                 },
                 {
                     label: '银行回单',
-                    prop: 'totalEntryCount',
+                    prop: 'refundStatus',
                 },
             ],
         }
     },
-    created() {},
+
-    watch: {},
+    watch: {
+        workerId: {
+            handler(newVal) {
+                if (newVal) {
+                    this.getWageInfoData()
+                }
+            },
+            deep: true,
+            immediate: true,
+        },
+    },
     methods: {
         // 表格头部样式
         tableHeaderStyle() {
@@ -96,9 +132,18 @@ export default {
             return {
                 fontSize: '14px',
                 color: '#606266',
-                padding: '12px 8px',
+                padding: '12px 0',
             }
         },
+
+        // 获取工资信息
+        async getWageInfoData() {
+            const res = await getPersonCountDetailWageInfoAPI(
+                this.wageInfoQueryParams,
+            )
+            this.wageInfoData = res.rows
+            this.total = res.total
+        },
     },
 }
 </script>
@@ -136,6 +181,7 @@ export default {
 
     .table-container {
         padding: 0;
+        padding-bottom: 20px;
 
         ::v-deep .el-table {
             border: none;

src/views/synthesize-query/person-count/detail/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="app-container">
-        <PersonDetails />
+        <PersonDetails :workerId="workerId" />
     </div>
 </template>
 
@@ -11,6 +11,21 @@ export default {
     components: {
         PersonDetails,
     },
+    data() {
+        return {
+            workerId: null,
+        }
+    },
+    watch: {
+        $route: {
+            handler(newVal) {
+                const { workerId } = newVal.query
+                this.workerId = workerId
+            },
+            immediate: true,
+            deep: true,
+        },
+    },
 }
 </script>
 

src/views/synthesize-query/person-count/index.vue

@@ -9,13 +9,13 @@
             :columnsList="columnsList"
             :request-api="getPersonCountListAPI"
         >
-            <template slot="handle" slot-scope="{ queryParams }">
+            <template slot="handle" slot-scope="{ data }">
                 <el-button
                     plain
                     size="mini"
                     type="primary"
                     icon="el-icon-view"
-                    @click="onHandleViewDetail(queryParams)"
+                    @click="onHandleViewDetail(data)"
                 >
                     详情
                 </el-button>
@@ -40,32 +40,16 @@ export default {
             columnsList,
             // 请求接口
             getPersonCountListAPI,
-            // 测试数据
-            testTableList: [
-                {
-                    mainProName: '分公司1',
-                    volLevel: '工程1',
-                    subNum: 1,
-                    teamNum: 1,
-                    teamNum: 1,
-                },
-                {
-                    mainProName: '分公司1',
-                    volLevel: '工程1',
-                    subNum: 1,
-                    teamNum: 1,
-                    teamNum: 1,
-                },
-            ],
         }
     },
 
     methods: {
-        onHandleViewDetail(queryParams) {
+        onHandleViewDetail(data) {
-            console.log(queryParams)
-
             this.$router.push({
                 name: 'PersonCountDetail',
+                query: {
+                    workerId: data.workerId,
+                },
             })
         },
     },

src/views/synthesize-query/three-and-one/detail/components/three-one-table.vue

@@ -186,7 +186,10 @@
 
 <script>
 import DialogModel from '@/components/DialogModel/index.vue'
-import { getThreeAndOneMonthlyDataAPI } from '@/api/synthesize-query/three-and-one'
+import {
+    getThreeAndOneMonthlyDataAPI,
+    updateThreeAndOneMonthlyWagePaymentAPI,
+} from '@/api/synthesize-query/three-and-one'
 export default {
     name: 'SubTeamCard',
     components: {
@@ -338,8 +341,13 @@ export default {
         },
 
         // 更新数据
-        onHandleUpdateData(row) {
+        async onHandleUpdateData(row) {
-            console.log('row', row)
+            const res = await updateThreeAndOneMonthlyWagePaymentAPI({
+                proId: this.projectId,
+                month: row.tableMonth,
+            })
+
+            console.log('res更新结果', res)
         },
     },
 }