From b50e6f93054c4d47ef13e23f47ee647bfc09414d Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Thu, 14 Aug 2025 14:59:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../project-manage/lot-project.js             |  13 +-
 src/components/UploadImgFormData/index.vue    |   2 +
 .../lot-project/add-or-edit-form.vue          |  73 +++-
 .../project-manage/lot-project/config.js      |  34 +-
 .../project-manage/lot-project/index.vue      |  60 +++-
 .../contract-witness-upload.vue               | 331 ++++++++++++++++++
 .../contract-witness/index.vue                |   6 +-
 .../wage-card-witness/config.js               |  79 +++++
 .../wage-card-witness/index.vue               | 262 +++++++++++++-
 .../wage-card-upload.vue}                     |   0
 10 files changed, 794 insertions(+), 66 deletions(-)
 create mode 100644 src/views/construction-person/red-green-light-mange/contract-witness/contract-witness-upload.vue
 create mode 100644 src/views/construction-person/red-green-light-mange/wage-card-witness/config.js
 rename src/views/construction-person/red-green-light-mange/{contract-witness/add-or-edit-form.vue => wage-card-witness/wage-card-upload.vue} (100%)

diff --git a/src/api/basic-manage/project-manage/lot-project.js b/src/api/basic-manage/project-manage/lot-project.js
index bc39928..852d343 100644
--- a/src/api/basic-manage/project-manage/lot-project.js
+++ b/src/api/basic-manage/project-manage/lot-project.js
@@ -3,16 +3,7 @@ import request from '@/utils/request'
 // 新增和修改标段工程
 export const addAndEditLotLotProjectAPI = (data) => {
     return request({
-        url: '/bmw/pmOrg/addOrUpdateProject',
-        method: 'POST',
-        data,
-    })
-}
-
-// 修改标段工程
-export const editLotLotProjectAPI = (data) => {
-    return request({
-        url: '/project/***',
+        url: '/bmw/pmProject/addOrUpdateProject',
         method: 'POST',
         data,
     })
@@ -29,7 +20,7 @@ export const deleteLotLotProjectAPI = (id) => {
 // 获取标段工程列表
 export const getLotLotProjectListAPI = (data) => {
     return request({
-        url: '/project/***',
+        url: '/bmw/pmProject/list',
         method: 'GET',
         params: data,
     })
diff --git a/src/components/UploadImgFormData/index.vue b/src/components/UploadImgFormData/index.vue
index fc56306..84bb4b8 100644
--- a/src/components/UploadImgFormData/index.vue
+++ b/src/components/UploadImgFormData/index.vue
@@ -188,6 +188,8 @@ export default {
 
         // 文件发生变化
         handleChange(file, fileList) {
+            console.log(file, fileList, 'file, fileList')
+
             this.$emit('update:fileList', fileList)
         },
     },
diff --git a/src/views/basic-manage/project-manage/lot-project/add-or-edit-form.vue b/src/views/basic-manage/project-manage/lot-project/add-or-edit-form.vue
index 6364eb8..80d7f83 100644
--- a/src/views/basic-manage/project-manage/lot-project/add-or-edit-form.vue
+++ b/src/views/basic-manage/project-manage/lot-project/add-or-edit-form.vue
@@ -197,6 +197,12 @@ import { getMainProjectListCommonFun } from '@/utils/getCommonData'
 export default {
     name: 'AddOrEditForm',
     dicts: ['project_status', 'project_type', 'voltage_level'],
+    props: {
+        editFormData: {
+            type: Object,
+            default: () => {},
+        },
+    },
     data() {
         // 自定义校验规则 判断竣工结束时间是否大于开工开始时间
         const validatePlanEndTime = (rule, value, callback) => {
@@ -226,8 +232,8 @@ export default {
 
                 proStatus: '0', // 工程状态  默认为0 在建
                 proAddress: '', // 工程地址
-                startTime: '', // 开工时间
-                endTime: '', // 竣工时间
+                startTime: null, // 开工时间
+                endTime: null, // 竣工时间
                 lon: '', // 项目部经度
                 lat: '', // 项目部纬度
             },
@@ -365,18 +371,24 @@ export default {
                     if (valid) {
                         console.log(this.addOrEditForm)
 
-                        // const API =
-                        //     this.formType === 1
-                        //         ? addLotLotProjectAPI
-                        //         : editLotLotProjectAPI
+                        const params = {
+                            ...this.addOrEditForm,
+                        }
+
+                        if (this.formType === 1) {
+                            delete params.id
+                        }
+
                         const res = await addAndEditLotLotProjectAPI(
                             this.addOrEditForm,
                         )
                         console.log(res, '新增或修改结果')
                         if (res.code === 200) {
                             resolve()
+                            this.$modal.msgSuccess('新增成功')
                         } else {
-                            reject(new Error(res.message))
+                            reject(new Error(res.msg))
+                            this.$modal.msgError(res.msg)
                         }
                     } else {
                         reject(new Error('表单验证失败'))
@@ -390,5 +402,52 @@ export default {
             this.$refs.addOrEditFormRef.resetFields()
         },
     },
+
+    watch: {
+        editFormData: {
+            handler(newVal) {
+                if (Object.keys(newVal).length > 0) {
+                    // this.addOrEditForm = newVal
+                    console.log(newVal, 'newVal')
+
+                    const {
+                        mainProId,
+                        orgId,
+                        proName,
+                        simpleName,
+                        proType,
+                        volLevel,
+                        isShanghai,
+                        proStatus,
+                        proAddress,
+                        startTime,
+                        endTime,
+                        lon,
+                        lat,
+                        id,
+                    } = newVal
+
+                    this.addOrEditForm = {
+                        mainProId,
+                        orgId,
+                        proName,
+                        simpleName,
+                        proType,
+                        volLevel,
+                        isShanghai,
+                        proStatus,
+                        proAddress,
+                        startTime,
+                        endTime,
+                        lon,
+                        lat,
+                        id,
+                    }
+                }
+            },
+            deep: true,
+            immediate: true,
+        },
+    },
 }
 </script>
diff --git a/src/views/basic-manage/project-manage/lot-project/config.js b/src/views/basic-manage/project-manage/lot-project/config.js
index 3a192fe..952d537 100644
--- a/src/views/basic-manage/project-manage/lot-project/config.js
+++ b/src/views/basic-manage/project-manage/lot-project/config.js
@@ -32,8 +32,8 @@ export const formLabel = [
 ]
 
 export const columnsList = [
-    { t_props: 'projectName', t_label: '所属总工程' },
-    { t_props: 'xmb', t_label: '所属项目部' },
+    { t_props: 'mainProName', t_label: '所属总工程' },
+    { t_props: 'orgName', t_label: '所属项目部' },
     { t_props: 'proName', t_label: '工程名称' },
     { t_props: 'proType', t_label: '工程类型' },
     { t_props: 'volLevel', t_label: '电压等级' },
@@ -41,36 +41,6 @@ export const columnsList = [
     { t_props: 'proStatus', t_label: '状态' },
 ]
 
-export const testTableList = [
-    {
-        projectName: '总工程名称',
-        level: '等级3',
-        xmb: 'xxx项目部',
-        name: '110kv工程',
-        type: '基建变电',
-        address: '安徽省合肥市110k工程',
-        status: '在建',
-    },
-    {
-        projectName: '总工程名称21',
-        level: '等级3',
-        xmb: 'xxx项目部',
-        name: '110kv工程',
-        type: '基建变电',
-        address: '安徽省合肥市110k工程',
-        status: '在建',
-    },
-    {
-        projectName: '总工程名称3',
-        level: '等级3',
-        xmb: 'xxx项目部',
-        name: '110kv工程',
-        type: '基建变电',
-        address: '安徽省合肥市110k工程',
-        status: '在建',
-    },
-]
-
 export const dialogConfig = {
     outerVisible: false,
     outerTitle: '',
diff --git a/src/views/basic-manage/project-manage/lot-project/index.vue b/src/views/basic-manage/project-manage/lot-project/index.vue
index fcfab80..519417c 100644
--- a/src/views/basic-manage/project-manage/lot-project/index.vue
+++ b/src/views/basic-manage/project-manage/lot-project/index.vue
@@ -5,9 +5,8 @@
             :formLabel="formLabel"
             :showOperation="true"
             :showRightTools="true"
-            ref="allProjectTableRef"
+            ref="lotProjectTableRef"
             :columnsList="columnsList"
-            :testTableList="testTableList"
             :request-api="getLotLotProjectListAPI"
         >
             <template slot="btn" slot-scope="{ queryParams }">
@@ -78,7 +77,10 @@
             @closeDialogOuter="handleCloseDialogOuter"
         >
             <template slot="outerContent">
-                <AddOrEditForm ref="addOrEditFormContentRef" />
+                <AddOrEditForm
+                    :editFormData="editFormData"
+                    ref="addOrEditLotProjectFormRef"
+                />
 
                 <el-row class="dialog-footer-btn">
                     <el-button size="medium" @click="handleCloseDialogOuter">
@@ -101,7 +103,7 @@
 import TableModel from '@/components/TableModel'
 import DialogModel from '@/components/DialogModel'
 import AddOrEditForm from './add-or-edit-form'
-import { formLabel, columnsList, dialogConfig, testTableList } from './config'
+import { formLabel, columnsList, dialogConfig } from './config'
 import {
     deleteLotLotProjectAPI,
     getLotLotProjectListAPI,
@@ -120,7 +122,8 @@ export default {
             formLabel,
             columnsList,
             dialogConfig,
-            testTableList,
+            editFormData: {},
+
             getLotLotProjectListAPI,
         }
     },
@@ -134,6 +137,43 @@ export default {
         onHandleAddOrEditAllProject(type, data) {
             this.dialogConfig.outerTitle =
                 type === 1 ? '新增标段工程' : '修改标段工程'
+
+            if (type === 2) {
+                const {
+                    mainProId,
+                    orgId,
+                    proName,
+                    simpleName,
+                    proType,
+                    volLevel,
+                    isShanghai,
+                    proStatus,
+                    proAddress,
+                    startTime,
+                    endTime,
+                    lon,
+                    lat,
+                    id,
+                } = data
+                this.editFormData = {
+                    mainProId,
+                    orgId,
+                    proName,
+                    simpleName,
+                    proType,
+                    volLevel,
+                    isShanghai,
+                    proStatus,
+                    proAddress,
+                    startTime,
+                    endTime,
+                    lon,
+                    lat,
+                    id,
+                }
+            } else {
+                this.editFormData = {}
+            }
             this.dialogConfig.outerVisible = true
         },
 
@@ -203,10 +243,12 @@ export default {
 
         // 确定按钮
         async onHandleConfirmAddOrEdit() {
-            this.$refs.addOrEditFormContentRef.formType =
-                this.dialogConfig.outerTitle === '新增标段工程' ? 1 : 2
+            // this.$refs.addOrEditLotProjectFormRef.formType =
+            //     this.dialogConfig.outerTitle === '新增标段工程' ? 1 : 2
             try {
-                await this.$refs.addOrEditFormContentRef.onHandleConfirmAddOrEditFun()
+                await this.$refs.addOrEditLotProjectFormRef.onHandleConfirmAddOrEditFun()
+                this.handleCloseDialogOuter()
+                this.$refs.lotProjectTableRef.getTableList() // 更新列表
             } catch (error) {
                 console.log('表单提交失败', error)
             }
@@ -214,7 +256,7 @@ export default {
 
         // 关闭弹框
         handleCloseDialogOuter() {
-            this.$refs.addOrEditFormContentRef.resetForm()
+            this.$refs.addOrEditLotProjectFormRef.resetForm()
             this.dialogConfig.outerVisible = false
         },
     },
diff --git a/src/views/construction-person/red-green-light-mange/contract-witness/contract-witness-upload.vue b/src/views/construction-person/red-green-light-mange/contract-witness/contract-witness-upload.vue
new file mode 100644
index 0000000..1bb8daa
--- /dev/null
+++ b/src/views/construction-person/red-green-light-mange/contract-witness/contract-witness-upload.vue
@@ -0,0 +1,331 @@
+<template>
+    <!-- 新增或修改标段工程表单 -->
+    <div>
+        <!-- 合同信息表单 -->
+        <el-form
+            label-width="140px"
+            ref="contractInfoFormRef"
+            :model="contractInfoForm"
+        >
+            <el-row>
+                <el-col :span="24">
+                    <el-form-item label="合同见证照片" prop="businessLicense">
+                        <div style="display: flex; gap: 10px">
+                            <div
+                                class="contract-img-box"
+                                v-for="item in contractImageList"
+                                :key="item.title"
+                            >
+                                <UploadImgFormData
+                                    :key="item.title"
+                                    :limit="1"
+                                    :file-size="10"
+                                    :multiple="true"
+                                    :is-detail="formType === 2"
+                                    :file-type="['jpg', 'png', 'jpeg']"
+                                    :file-list.sync="item.fileList"
+                                    :is-uploaded="item.fileList.length >= 1"
+                                />
+
+                                <span> {{ item.title }} </span>
+                            </div>
+                        </div>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="合同编号" prop="contractCode">
+                        <el-input
+                            clearable
+                            placeholder="请输入合同编号"
+                            v-model="contractInfoForm.contractCode"
+                        />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="合同期限类型" prop="contractTermType">
+                        <el-radio-group
+                            size="mini"
+                            v-model="contractInfoForm.contractTermType"
+                        >
+                            <el-radio-button
+                                label="以完成一定工作为期限的合同"
+                            />
+                            <el-radio-button label="固定期限合同" />
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="合同签订日期" prop="contractStartDate">
+                        <el-date-picker
+                            type="date"
+                            style="width: 100%"
+                            value-format="yyyy-MM-dd"
+                            placeholder="请选择合同签订日期"
+                            v-model="contractInfoForm.contractStartDate"
+                        />
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="合同终止日期" prop="contractStopDate">
+                        <el-date-picker
+                            type="date"
+                            style="width: 100%"
+                            value-format="yyyy-MM-dd"
+                            placeholder="请选择合同终止日期"
+                            v-model="contractInfoForm.contractStopDate"
+                        />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row>
+                <el-col :span="12">
+                    <el-form-item label="工资核定方式" prop="wageApprovedWay">
+                        <el-radio-group
+                            size="mini"
+                            v-model="contractInfoForm.wageApprovedWay"
+                        >
+                            <el-radio-button label="天" />
+                            <el-radio-button label="月" />
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                    <el-form-item label="工资核定标准" prop="wageCriterion">
+                        <el-input
+                            clearable
+                            placeholder="请输入工资核定标准"
+                            v-model="contractInfoForm.wageCriterion"
+                        />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row>
+                <el-col :span="24">
+                    <el-form-item label="附件" prop="phone">
+                        <!-- <el-input
+                            clearable
+                            placeholder="请输入附件"
+                            v-model="contractInfoForm.phone"
+                        /> -->
+                    </el-form-item>
+                </el-col>
+            </el-row>
+        </el-form>
+    </div>
+</template>
+
+<script>
+import UploadImg from '@/components/UploadImg'
+import UploadImgFormData from '@/components/UploadImgFormData'
+import {
+    uploadContractAPI,
+    getContractDetailAPI,
+} from '@/api/construction-person/red-green-light-mange/contract-witness'
+export default {
+    name: 'AddOrEditForm',
+    props: {
+        queryDetailsId: {
+            type: [String, Number],
+            default: '',
+        },
+        einStatus: {
+            type: [String, Number],
+            default: '',
+        },
+        formType: {
+            type: Number,
+            default: 1,
+        },
+
+        workerId: {
+            type: [String, Number],
+            default: '', // 人员id
+        },
+    },
+    components: {
+        UploadImg,
+        UploadImgFormData,
+    },
+    data() {
+        return {
+            // 合同信息表单
+            contractInfoForm: {
+                contractCode: '', // 合同编号
+                contractTermType: '以完成一定工作为期限的合同', // 合同期限类型
+                contractStartDate: '', // 合同签订日期
+                contractStopDate: '', // 合同终止日期
+                wageApprovedWay: '天', // 工资核定方式
+                wageCriterion: '', // 工资核定标准
+            },
+
+            addOrEditForm: {
+                name: '', // 姓名
+                idNumber: '', // 身份证号
+                sex: '', // 性别
+                birthday: '', // 出生日期
+                nation: '', // 民族
+                issuingAuthority: '', // 签发机关
+                startTime: '', // 生效日期
+                endTime: '', // 失效日期
+                address: '', // 身份证住址
+                subName: '', // 分包商名称
+                legalRepresentative: '', // 法定代表人
+                phone: '', // 联系电话
+                businessAddress: '', // 营业住址
+
+                businessLicense: [], // 营业执照
+                electronicStamp: [], // 电子公章
+                idCard: [], // 身份证正反面
+                electronicSignature: [], // 电子签名/法人印章
+            },
+            contractImageList: [
+                {
+                    title: '人员手持合同照',
+                    type: 1,
+                    fileList: [],
+                },
+                {
+                    title: '工作内容页',
+                    type: 2,
+                    fileList: [],
+                },
+                {
+                    title: '薪酬约定页',
+                    type: 3,
+                    fileList: [],
+                },
+                {
+                    title: '本人签名页',
+                    type: 4,
+                    fileList: [],
+                },
+                {
+                    title: '其他照片',
+                    type: 5,
+                    fileList: [],
+                },
+            ],
+        }
+    },
+    methods: {
+        // 确定按钮
+        onHandleConfirmAddOrEditFun() {
+            return new Promise(async (resolve, reject) => {
+                console.log(this.contractImageList, 'contractImageList')
+
+                const params = {
+                    ...this.contractInfoForm,
+                    workerId: this.workerId,
+                }
+
+                // 判断是否为重新上传(修改)
+                if (this.queryDetailsId) {
+                    params.id = this.queryDetailsId
+                }
+
+                const filesList = []
+                const formData = new FormData()
+
+                this.contractImageList.forEach((item) => {
+                    item.fileList.forEach((file) => {
+                        filesList.push({
+                            type: item.type,
+                            name: 'contract',
+                        })
+                        formData.append('files', file.raw)
+                    })
+                })
+                formData.append('params', JSON.stringify(params))
+                formData.append('fileMsg', JSON.stringify(filesList))
+
+                const res = await uploadContractAPI(formData)
+                console.log(res, 'res 合同上传')
+                if (res.code === 200) {
+                    this.$modal.msgSuccess('合同上传成功')
+                    resolve()
+                } else {
+                    this.$modal.msgError(res.msg)
+                    reject()
+                }
+            })
+        },
+
+        // 入场工程选择
+        onChangeProId(val) {
+            this.keyInfoForm.proName = this.proSelectList.find(
+                (item) => item.value === val,
+            ).label
+        },
+        // 工种选择
+        onChangePostId(val) {
+            this.keyInfoForm.postName = this.postSelectList.find(
+                (item) => item.value === val,
+            ).label
+        },
+        // 入场分包选择
+        onChangeSubId(val) {
+            this.keyInfoForm.subName = this.subSelectList.find(
+                (item) => item.value === val,
+            ).label
+        },
+        // 入场班组选择
+        onChangeTeamId(val) {
+            this.keyInfoForm.teamName = this.teamSelectList.find(
+                (item) => item.value === val,
+            ).label
+        },
+
+        // 重置表单
+        resetForm() {},
+
+        // 获取合同详情
+        async getContractDetail() {
+            console.log(this.queryDetailsId, 'queryDetailsId 合同详情')
+            const { data: res } = await getContractDetailAPI(
+                this.queryDetailsId,
+            )
+
+            if (res.length > 0) {
+                const {
+                    contractCode,
+                    contractTermType,
+                    contractStartDate,
+                    contractStopDate,
+                    wageApprovedWay,
+                    wageCriterion,
+                } = res[0]
+
+                this.contractInfoForm = {
+                    contractCode,
+                    contractTermType,
+                    contractStartDate,
+                    contractStopDate,
+                    wageApprovedWay,
+                    wageCriterion,
+                }
+            }
+        },
+    },
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/variables.scss';
+.contract-img-box {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+
+    span {
+        font-size: 14px;
+        color: $red;
+    }
+}
+</style>
diff --git a/src/views/construction-person/red-green-light-mange/contract-witness/index.vue b/src/views/construction-person/red-green-light-mange/contract-witness/index.vue
index 320cf47..e5f8b2b 100644
--- a/src/views/construction-person/red-green-light-mange/contract-witness/index.vue
+++ b/src/views/construction-person/red-green-light-mange/contract-witness/index.vue
@@ -74,7 +74,7 @@
         >
             <template slot="outerContent">
                 <template v-if="dialogConfig.outerTitle === '合同见证'">
-                    <AddOrEditForm
+                    <ContractWitnessUpload
                         :formType="formType"
                         :workerId="workerId"
                         :einStatus="einStatus"
@@ -123,7 +123,7 @@
 <script>
 import TableModel from '@/components/TableModel'
 import DialogModel from '@/components/DialogModel'
-import AddOrEditForm from './add-or-edit-form' // 合同上传
+import ContractWitnessUpload from './contract-witness-upload' // 合同上传
 import ContractDetailsList from './contract-details-list.vue' // 合同详情列表
 import { formLabel, columnsList, dialogConfig } from './config'
 import { getPersonContractListAPI } from '@/api/construction-person/red-green-light-mange/contract-witness'
@@ -132,8 +132,8 @@ export default {
     components: {
         TableModel,
         DialogModel,
-        AddOrEditForm,
         ContractDetailsList,
+        ContractWitnessUpload,
     },
 
     data() {
diff --git a/src/views/construction-person/red-green-light-mange/wage-card-witness/config.js b/src/views/construction-person/red-green-light-mange/wage-card-witness/config.js
new file mode 100644
index 0000000..20261ff
--- /dev/null
+++ b/src/views/construction-person/red-green-light-mange/wage-card-witness/config.js
@@ -0,0 +1,79 @@
+export const formLabel = [
+    {
+        f_label: '姓名',
+        f_model: 'name',
+        f_type: 'ipt',
+        f_width: '180px',
+        isShow: false, // 是否展示label
+    },
+    {
+        f_label: '身份证',
+        f_model: 'idNumber',
+        f_type: 'ipt',
+        f_width: '180px',
+        isShow: false, // 是否展示label
+    },
+    {
+        f_label: '联系方式',
+        f_model: 'phone',
+        f_type: 'ipt',
+        f_width: '180px',
+        isShow: false, // 是否展示label
+    },
+    {
+        f_label: '银行卡号',
+        f_model: 'phone',
+        f_type: 'ipt',
+        f_width: '180px',
+        isShow: false, // 是否展示label
+    },
+    {
+        f_label: '状态',
+        f_model: 'einStatus',
+        f_type: 'sel',
+        f_width: '180px',
+        isShow: false, // 是否展示label
+        f_selList: [
+            {
+                label: '已上传',
+                value: '1',
+            },
+            {
+                label: '未上传',
+                value: '2',
+            },
+        ], // 状态列表
+    },
+]
+
+export const columnsList = [
+    { t_props: 'name', t_label: '姓名' },
+    { t_props: 'idNumber', t_label: '身份证' },
+    { t_props: 'contractCode', t_label: '联系方式' },
+    { t_props: 'proName', t_label: '银行卡号' },
+    {
+        t_props: 'subName',
+        t_label: '银行名称',
+    },
+    { t_props: 'teamName', t_label: '银行支行名称' },
+    {
+        t_label: '工资卡见证',
+        t_slot: 'view',
+    },
+    {
+        t_label: '状态',
+        t_slot: 'isSign',
+    },
+    {
+        t_props: 'updateTime',
+        t_label: '更新时间',
+    },
+]
+
+export const dialogConfig = {
+    outerVisible: false,
+    outerTitle: '',
+    outerWidth: '80%',
+    minHeight: '',
+    maxHeight: '',
+}
diff --git a/src/views/construction-person/red-green-light-mange/wage-card-witness/index.vue b/src/views/construction-person/red-green-light-mange/wage-card-witness/index.vue
index f6e1cef..8616403 100644
--- a/src/views/construction-person/red-green-light-mange/wage-card-witness/index.vue
+++ b/src/views/construction-person/red-green-light-mange/wage-card-witness/index.vue
@@ -1,11 +1,265 @@
 <template>
+    <!-- 施工人员 ---- 红绿灯管理 ---- 工资卡见证 -->
     <div class="app-container">
-        <h1>工资卡见证</h1>
+        <TableModel
+            :formLabel="formLabel"
+            :showOperation="true"
+            :showRightTools="true"
+            :columnsList="columnsList"
+            ref="wageCardWitnessTableRef"
+            :request-api="getPersonContractListAPI"
+        >
+            <template slot="btn" slot-scope="{ queryParams }">
+                <el-button
+                    plain
+                    size="mini"
+                    type="success"
+                    icon="el-icon-download"
+                    @click="onHandleExportWageCard(queryParams)"
+                >
+                    导出
+                </el-button>
+            </template>
+
+            <!-- 上传状态 -->
+            <template slot="isSign" slot-scope="{ data }">
+                <el-tag size="mini" type="danger" v-if="data.isSign == 0">
+                    未上传
+                </el-tag>
+                <el-tag size="mini" type="success" v-if="data.isSign == 1">
+                    已上传
+                </el-tag>
+            </template>
+
+            <!-- 查看 -->
+
+            <template slot="view" slot-scope="{ data }">
+                <el-button
+                    size="mini"
+                    type="text"
+                    @click="onHandleViewWageCardImg(data)"
+                >
+                    查看
+                </el-button>
+            </template>
+
+            <template slot="handle" slot-scope="{ data }">
+                <!-- <el-button
+                    plain
+                    size="mini"
+                    type="primary"
+                    icon="el-icon-edit"
+                    @click="onHandleViewContractDetailsList(data)"
+                >
+                    详情
+                </el-button> -->
+                <el-button
+                    plain
+                    size="mini"
+                    type="primary"
+                    icon="el-icon-upload"
+                    v-if="data.einStatus == 1"
+                    @click="onHandleUploadWageCard(data)"
+                >
+                    修改
+                </el-button>
+            </template>
+        </TableModel>
+
+        <DialogModel
+            :dialogConfig="dialogConfig"
+            @closeDialogOuter="handleCloseDialogOuter"
+        >
+            <template slot="outerContent">
+                <template v-if="dialogConfig.outerTitle === '工资卡见证'">
+                    <WageCardUpload
+                        :formType="formType"
+                        :workerId="workerId"
+                        :einStatus="einStatus"
+                        ref="uploadContractContentRef"
+                        :queryDetailsId="queryDetailsId"
+                    />
+
+                    <el-row class="dialog-footer-btn">
+                        <el-button
+                            size="medium"
+                            @click="handleCloseDialogOuter"
+                        >
+                            取消
+                        </el-button>
+                        <el-button
+                            size="medium"
+                            type="primary"
+                            @click="onHandleConfirmAddOrEdit"
+                        >
+                            确定
+                        </el-button>
+                    </el-row>
+                </template>
+
+                <template v-if="dialogConfig.outerTitle === '工资卡图片详情'">
+                    <el-image
+                        :src="contractImgList[0]"
+                        :preview-src-list="contractImgList"
+                        style="width: 454px; height: 390px"
+                    />
+                </template>
+            </template>
+        </DialogModel>
     </div>
 </template>
 
 <script>
-export default {}
-</script>
+import TableModel from '@/components/TableModel'
+import DialogModel from '@/components/DialogModel'
+import WageCardUpload from './wage-card-upload' // 工资卡上传
+import { formLabel, columnsList, dialogConfig } from './config'
+import { getPersonContractListAPI } from '@/api/construction-person/red-green-light-mange/contract-witness'
+export default {
+    name: 'WageCardWitness',
+    components: {
+        TableModel,
+        DialogModel,
+        WageCardUpload,
+    },
 
-<style></style>
+    data() {
+        return {
+            formLabel,
+            columnsList,
+            dialogConfig,
+            getPersonContractListAPI,
+            queryDetailsId: '', // 查询详情id
+            einStatus: 1, // 在场状态
+            formType: 1, // 表单类型
+            workerId: '', // 人员id
+
+            slots: {
+                businessLicense: 'businessLicense',
+                idCard: 'idCard',
+                electronicStamp: 'electronicStamp',
+                electronicSignature: 'electronicSignature',
+            },
+
+            contractImgList: [
+                'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+                'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
+            ], // 合同图片列表
+        }
+    },
+    methods: {
+        // 导出按钮
+        onHandleExportWageCard(queryParams) {
+            console.log(queryParams, '导出参数')
+            // this.download(
+            //     '/xxx/xxx',
+            //     {
+            //         ...queryParams,
+            //     },
+            //     '合同信息.xlsx',
+            // )
+        },
+
+        // 新增或修改
+        onHandleAddOrEditPersonEntry(type, data) {
+            this.dialogConfig.outerTitle = type === 1 ? '新增人员' : '修改人员'
+            this.formType = type
+            if (type === 2) {
+                this.queryDetailsId = data.id
+                this.einStatus = data.einStatus
+                this.dialogConfig.outerVisible = true
+                this.$nextTick(() => {
+                    this.$refs.uploadContractContentRef.getEntryPersonDetail()
+                })
+            } else {
+                this.dialogConfig.outerVisible = true
+            }
+        },
+
+        // 删除
+        onHandleDeletePersonEntry(data) {
+            this.$confirm('确定删除该人员吗？', '温馨提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            })
+                .then(async () => {
+                    const res = await deleteEntryPersonAPI({
+                        id: data.id,
+                    })
+
+                    if (res.code === 200) {
+                        this.$modal.msgSuccess('删除成功')
+                        this.$refs.wageCardWitnessTableRef.getTableList() // 更新列表
+                    }
+                })
+                .catch(() => {
+                    console.log('取消')
+                })
+        },
+
+        // 上传按钮点击
+        onHandleUploadWageCard(data) {
+            console.log(data, '上传工资卡')
+            // this.queryDetailsId = data.id
+            if (data.isSign == 1) {
+                this.$confirm(
+                    '当前已上传工资卡信息，是否要重新上传，重新上传将会覆盖原数据？',
+                    '温馨提示',
+                    {
+                        confirmButtonText: '确定',
+                        cancelButtonText: '取消',
+                        type: 'warning',
+                    },
+                )
+                    .then(async () => {
+                        this.workerId = data.workerId
+                        this.queryDetailsId = data.id
+                        this.dialogConfig.outerTitle = '工资卡见证'
+                        this.dialogConfig.minHeight = ''
+                        this.dialogConfig.maxHeight = ''
+                        this.dialogConfig.outerWidth = '80%'
+                        this.dialogConfig.outerVisible = true
+                        this.$nextTick(() => {
+                            this.$refs.uploadContractContentRef.getContractDetail()
+                        })
+                    })
+                    .catch(() => {})
+            } else {
+                this.workerId = data.workerId
+                this.queryDetailsId = ''
+                this.dialogConfig.outerTitle = '工资卡见证'
+                this.dialogConfig.minHeight = ''
+                this.dialogConfig.maxHeight = ''
+                this.dialogConfig.outerWidth = '80%'
+                this.dialogConfig.outerVisible = true
+            }
+        },
+
+        // 查看合同图片详情
+        onHandleViewWageCardImg(data) {
+            this.dialogConfig.outerTitle = '工资卡图片详情'
+            this.dialogConfig.minHeight = '500px'
+            this.dialogConfig.maxHeight = '500px'
+            this.dialogConfig.outerWidth = '500px'
+            this.dialogConfig.outerVisible = true
+        },
+
+        // 确定按钮
+        async onHandleConfirmAddOrEdit() {
+            try {
+                await this.$refs.uploadContractContentRef.onHandleConfirmAddOrEditFun()
+                this.$refs.wageCardWitnessTableRef.getTableList()
+                this.handleCloseDialogOuter()
+            } catch (error) {
+                console.log('表单提交失败', error)
+            }
+        },
+
+        // 关闭弹框
+        handleCloseDialogOuter() {
+            this.dialogConfig.outerVisible = false
+        },
+    },
+}
+</script>
diff --git a/src/views/construction-person/red-green-light-mange/contract-witness/add-or-edit-form.vue b/src/views/construction-person/red-green-light-mange/wage-card-witness/wage-card-upload.vue
similarity index 100%
rename from src/views/construction-person/red-green-light-mange/contract-witness/add-or-edit-form.vue
rename to src/views/construction-person/red-green-light-mange/wage-card-witness/wage-card-upload.vue