人员入场优化

src/api/basic-manage/team-manage/team-entry-and-exit.js

@@ -9,31 +9,6 @@ export const teamEntryAndExitAPI = (data) => {
         data,
     })
 }
-// 班组出场
-export const teamExitAPI = (data) => {
-    return request({
-        url: '/project/***',
-        method: 'POST',
-        data,
-    })
-}
-
-// 修改班组入场信息
-export const editTeamEntryAPI = (data) => {
-    return request({
-        url: '/project/***',
-        method: 'POST',
-        data,
-    })
-}
-
-// 删除班组入场信息
-export const deleteTeamEntryAPI = (id) => {
-    return request({
-        url: `/project/****/${id}`,
-        method: 'DELETE',
-    })
-}
 
 // 获取班组入场信息列表
 export const getTeamEntryListAPI = (data) => {

src/views/basic-manage/team-manage/team-entry-and-exit/config.js

@@ -26,17 +26,17 @@ export const formLabel = [
 ]
 
 export const columnsList = [
-    { t_props: 'projectName', t_label: '分包商名称' },
+    { t_props: 'subName', t_label: '分包商名称' },
-    { t_props: 'xmb', t_label: '班组名称' },
+    { t_props: 'teamName', t_label: '班组名称' },
-    { t_props: 'name', t_label: '班组入场工程名称' },
+    { t_props: 'proName', t_label: '班组入场工程名称' },
-    { t_props: 'type', t_label: '出入场状态' },
+    { t_props: 'teamEinStatus', t_label: '出入场状态' },
     {
-        t_props: 'businessLicense',
+        t_props: 'teamEinTime',
         t_label: '入场时间',
     },
-    { t_props: 'idCard', t_label: '出场时间', t_slot: 'idCard' },
+    { t_props: 'teamExitTime', t_label: '出场时间' },
     {
-        t_props: 'electronicStamp',
+        t_props: 'contractFile',
         t_label: '施工组承诺书',
     },
 ]

src/views/basic-manage/team-manage/team-entry-and-exit/entry-and-exit-form.vue

@@ -1,8 +1,14 @@
 <template>
-    <!-- 新增或修改标段工程表单 -->
+    <!-- 班组出入场表单 -->
     <div>
+        <div class="tip-text" style="margin-bottom: 20px" v-if="formType === 2">
+            说明：分包商出场，需此分包合同下的班组全部出场后操作
+            <br />
+            <br />
+            检测到分包下存在2个班组，12名施工人员未出场
+        </div>
         <el-form
-            label-width="180px"
+            label-width="220px"
             ref="addOrEditFormRef"
             :model="addOrEditForm"
             :rules="addOrEditFormRules"
@@ -14,6 +20,7 @@
                             style="width: 100%"
                             @change="onChangeSubIdFun"
                             v-model="addOrEditForm.subId"
+                            :disabled="formType === 2"
                         >
                             <el-option
                                 :key="item.value"
@@ -32,6 +39,7 @@
                             style="width: 100%"
                             @change="onChangeTeamIdFun"
                             v-model="addOrEditForm.teamId"
+                            :disabled="formType === 2"
                         >
                             <el-option
                                 :key="item.value"
@@ -50,6 +58,7 @@
                             style="width: 100%"
                             @change="onChangeProIdFun"
                             v-model="addOrEditForm.proId"
+                            :disabled="formType === 2"
                         >
                             <el-option
                                 :key="item.value"
@@ -61,13 +70,38 @@
                     </el-form-item>
                 </el-col>
             </el-row>
+            <el-row v-if="formType === 2">
+                <el-col :span="24">
+                    <el-form-item
+                        prop="businessLicense"
+                        label="农民工工资已支付完成承诺书"
+                    >
+                        <UploadFileFormData
+                            :limit="3"
+                            :file-size="20"
+                            :multiple="true"
+                            uploadTip="身份证、银行卡扫描件，承诺书、劳动合同或用工协议扫描件"
+                            :file-list.sync="addOrEditForm.businessLicense"
+                            :file-type="[
+                                'jpg',
+                                'png',
+                                'jpeg',
+                                'pdf',
+                                'doc',
+                                'docx',
+                            ]"
+                        />
+                    </el-form-item>
+                </el-col>
+            </el-row>
         </el-form>
     </div>
 </template>
 
 <script>
 import UploadImg from '@/components/UploadImg'
-import { teamEntryAndExitAPI } from '@/api/basic-manage/sub-manage/sub-base-info'
+import UploadFileFormData from '@/components/UploadFileFormData'
+import { teamEntryAndExitAPI } from '@/api/basic-manage/team-manage/team-entry-and-exit'
 import {
     getLotProjectSelectListCommonFun,
     getSubSelectListCommonFun,
@@ -77,17 +111,30 @@ export default {
     name: 'AddOrEditForm',
     components: {
         UploadImg,
+        UploadFileFormData,
+    },
+    props: {
+        formType: {
+            type: Number,
+            default: 1,
+        },
+        editFormData: {
+            type: Object,
+            default: () => {},
+        },
     },
     data() {
         return {
             addOrEditForm: {
+                id: '',
                 subId: '',
                 proId: '',
                 teamId: '',
                 subName: '',
                 proName: '',
                 teamName: '',
-                teamEinStatus: 1,
+                teamEinStatus: '',
+                businessLicense: [],
             },
             addOrEditFormRules: {
                 subId: [
@@ -111,6 +158,13 @@ export default {
                         trigger: 'blur',
                     },
                 ],
+                businessLicense: [
+                    {
+                        required: true,
+                        trigger: 'blur',
+                        message: '请上传农民工工资已支付完成承诺书',
+                    },
+                ],
             },
 
             subSelectList: [],
@@ -124,17 +178,54 @@ export default {
             return new Promise((resolve, reject) => {
                 this.$refs.addOrEditFormRef.validate(async (valid) => {
                     if (valid) {
+                        const {
+                            id,
+                            subId,
+                            proId,
+                            teamId,
+                            subName,
+                            proName,
+                            teamName,
+                            teamEinStatus,
+                            businessLicense,
+                        } = this.addOrEditForm
+
+                        const params = {
+                            subId,
+                            proId,
+                            teamId,
+                            subName,
+                            proName,
+                            teamName,
+                            teamEinStatus: this.formType,
+                        }
+
+                        if (id) {
+                            params.id = id
+                        }
+
                         const formData = new FormData()
-                        formData.append(
+                        const fileMsg = []
-                            'params',
+
-                            JSON.stringify(this.addOrEditForm),
+                        businessLicense.forEach((e) => {
-                        )
+                            fileMsg.push({
+                                type: 1,
+                                name: '施工班组承诺书',
+                            })
+                            formData.append('files', e.raw)
+                        })
+
+                        formData.append('params', JSON.stringify(params))
+                        formData.append('fileMsg', JSON.stringify(fileMsg))
                         const res = await teamEntryAndExitAPI(formData)
-                        console.log(res, '新增或修改结果')
                         if (res.code === 200) {
+                            this.$modal.msgSuccess(
+                                this.formType === 1 ? '入场成功' : '出场成功',
+                            )
                             resolve()
                         } else {
-                            reject(new Error(res.message))
+                            this.$modal.msgError(res.msg)
+                            reject(new Error(res.msg))
                         }
                     } else {
                         reject(new Error('表单验证失败'))
@@ -191,5 +282,17 @@ export default {
             }
         })
     },
+
+    watch: {
+        editFormData: {
+            handler(newVal) {
+                if (Object.keys(newVal).length > 0) {
+                    Object.assign(this.addOrEditForm, newVal)
+                }
+            },
+            deep: true,
+            immediate: true,
+        },
+    },
 }
 </script>

src/views/basic-manage/team-manage/team-entry-and-exit/exit-form.vue

@@ -1,178 +0,0 @@
-<template>
-    <!-- 新增或修改标段工程表单 -->
-    <div>
-        <el-form
-            label-width="220px"
-            ref="addOrEditFormRef"
-            :model="addOrEditForm"
-            :rules="addOrEditFormRules"
-        >
-            <el-row>
-                <el-col :span="24">
-                    <el-form-item label="分包商合同名称" prop="htName">
-                        <el-input
-                            clearable
-                            disabled
-                            placeholder="请输入分包商合同名称"
-                            v-model="addOrEditForm.htName"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row>
-                <el-col :span="24">
-                    <el-form-item label="分包名称" prop="subName">
-                        <el-input
-                            clearable
-                            disabled
-                            placeholder="请输入分包名称"
-                            v-model="addOrEditForm.subName"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row>
-                <el-col :span="24">
-                    <el-form-item label="工程名称" prop="projectName">
-                        <el-input
-                            clearable
-                            disabled
-                            placeholder="请输入工程名称"
-                            v-model="addOrEditForm.projectName"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-            <el-row>
-                <el-col :span="24">
-                    <el-form-item label="出场日期" prop="exitDate">
-                        <el-date-picker
-                            type="date"
-                            style="width: 100%"
-                            value-format="yyyy-MM-dd"
-                            placeholder="请选择出场日期"
-                            v-model="addOrEditForm.exitDate"
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-
-            <el-row>
-                <el-col :span="24">
-                    <el-form-item
-                        prop="businessLicense"
-                        label="农民工工资已支付完成承诺书"
-                    >
-                        <UploadImg
-                            :limit="30"
-                            :file-size="10"
-                            :multiple="true"
-                            :file-type="['jpg', 'png', 'jpeg']"
-                            :upload-file-url="uploadFileUrl"
-                            :file-list.sync="addOrEditForm.businessLicense"
-                            :is-uploaded="
-                                addOrEditForm.businessLicense.length >= 2
-                            "
-                        />
-                    </el-form-item>
-                </el-col>
-            </el-row>
-        </el-form>
-    </div>
-</template>
-
-<script>
-import UploadImg from '@/components/UploadImg'
-import {
-    addSubBaseInfoAPI,
-    editSubBaseInfoAPI,
-} from '@/api/basic-manage/sub-manage/sub-base-info'
-export default {
-    name: 'AddOrEditForm',
-    components: {
-        UploadImg,
-    },
-    data() {
-        return {
-            formType: 1,
-            uploadFileUrl:
-                process.env.VUE_APP_BASE_API + '/system/file/uploadFiles',
-            addOrEditForm: {
-                htName: '',
-                subName: '',
-                projectName: '',
-                entryDate: '',
-                businessLicense: [],
-            },
-            addOrEditFormRules: {
-                htName: [
-                    {
-                        required: true,
-                        message: '请输入分包商合同名称',
-                        trigger: 'blur',
-                    },
-                ],
-                subName: [
-                    {
-                        required: true,
-                        message: '请输入分包商名称',
-                        trigger: 'blur',
-                    },
-                ],
-                projectName: [
-                    {
-                        required: true,
-                        message: '请输入工程名称',
-                        trigger: 'blur',
-                    },
-                ],
-                entryDate: [
-                    {
-                        required: true,
-                        message: '请选择入场日期',
-                        trigger: 'blur',
-                    },
-                ],
-                businessLicense: [
-                    {
-                        required: true,
-                        message: '请上传法定代表人授权委托书',
-                        trigger: 'blur',
-                    },
-                ],
-            },
-        }
-    },
-    methods: {
-        // 确定按钮
-        onHandleConfirmAddOrEditFun() {
-            return new Promise((resolve, reject) => {
-                this.$refs.addOrEditFormRef.validate(async (valid) => {
-                    if (valid) {
-                        console.log(this.addOrEditForm)
-
-                        // const API =
-                        //     this.formType === 1
-                        //         ? addSubBaseInfoAPI
-                        //         : editSubBaseInfoAPI
-                        // const res = await API(this.addOrEditForm)
-                        // console.log(res, '新增或修改结果')
-                        // if (res.code === 200) {
-                        //     resolve()
-                        // } else {
-                        //     reject(new Error(res.message))
-                        // }
-                    } else {
-                        reject(new Error('表单验证失败'))
-                    }
-                })
-            })
-        },
-
-        // 重置表单
-        resetForm() {
-            this.$refs.addOrEditFormRef.resetFields()
-        },
-    },
-}
-</script>

src/views/basic-manage/team-manage/team-entry-and-exit/index.vue

@@ -5,7 +5,7 @@
             :formLabel="formLabel"
             :showOperation="true"
             :showRightTools="true"
-            ref="allProjectTableRef"
+            ref="teamEntryTableRef"
             :columnsList="columnsList"
             :request-api="getTeamEntryListAPI"
         >
@@ -25,7 +25,7 @@
                     size="mini"
                     type="primary"
                     icon="el-icon-plus"
-                    @click="onHandleAddOrEditAllProject(1, null)"
+                    @click="onHandleEntryAndExit(1, null)"
                 >
                     新增
                 </el-button>
@@ -51,30 +51,10 @@
                     size="mini"
                     type="success"
                     icon="el-icon-check"
-                    @click="onHandleExit(data)"
+                    @click="onHandleEntryAndExit(2, data)"
                 >
                     出场
                 </el-button>
-                <el-button
-                    plain
-                    size="mini"
-                    type="primary"
-                    icon="el-icon-edit"
-                    @click="onHandleAddOrEditAllProject(2, data)"
-                >
-                    修改
-                </el-button>
-                <el-button
-                    size="mini"
-                    type="danger"
-                    icon="el-icon-delete"
-                    @click="onHandleDeleteAllProject(data)"
-                >
-                    删除
-                </el-button>
-                <el-button size="mini" type="primary" icon="el-icon-view">
-                    详情
-                </el-button>
             </template>
         </TableModel>
 
@@ -83,11 +63,11 @@
             @closeDialogOuter="handleCloseDialogOuter"
         >
             <template slot="outerContent">
-                <AddOrEditForm
+                <EntryAndExitForm
-                    ref="addOrEditFormContentRef"
+                    :formType="formType"
-                    v-if="dialogConfig.outerTitle !== '出场'"
+                    :editFormData="editFormData"
+                    ref="teamEntryAndExitFormRef"
                 />
-                <ExitForm ref="exitFormContentRef" v-else />
 
                 <el-row class="dialog-footer-btn">
                     <el-button size="medium" @click="handleCloseDialogOuter">
@@ -109,20 +89,20 @@
 <script>
 import TableModel from '@/components/TableModel'
 import DialogModel from '@/components/DialogModel'
-import AddOrEditForm from './add-or-edit-form'
+import EntryAndExitForm from './entry-and-exit-form'
-import ExitForm from './exit-form'
+
 import { formLabel, columnsList, dialogConfig } from './config'
 import {
     deleteTeamEntryAPI,
     getTeamEntryListAPI,
 } from '@/api/basic-manage/team-manage/team-entry-and-exit'
+
 export default {
     name: 'TeamEntryAndExit',
     components: {
         TableModel,
         DialogModel,
-        AddOrEditForm,
+        EntryAndExitForm,
-        ExitForm,
     },
 
     data() {
@@ -130,9 +110,9 @@ export default {
             formLabel,
             columnsList,
             dialogConfig,
-
+            formType: 1,
+            editFormData: {},
             getTeamEntryListAPI,
-
             slots: {
                 idCard: 'idCard',
             },
@@ -144,50 +124,34 @@ export default {
             console.log(queryParams, '导出')
         },
 
-        // 新增或修改
+        // 入场或出场
-        onHandleAddOrEditAllProject(type, data) {
+        onHandleEntryAndExit(type, data) {
-            this.dialogConfig.outerTitle =
+            this.formType = type
-                type === 1 ? '新增标段工程' : '修改标段工程'
+            this.dialogConfig.outerTitle = type === 1 ? '班组入场' : '班组出场'
-            this.dialogConfig.outerVisible = true
-        },
 
-        // 删除
+            if (type === 2) {
-        onHandleDeleteAllProject(data) {
+                const { subId, proId, teamId, id, subName, proName, teamName } =
-            this.$confirm('确定删除该工程吗？', '温馨提示', {
+                    data
-                confirmButtonText: '确定',
+                this.editFormData = {
-                cancelButtonText: '取消',
+                    id,
-                type: 'warning',
+                    subId,
-            })
+                    proId,
-                .then(async () => {
+                    teamId,
-                    const res = await deleteSubBaseInfoAPI(data.id)
+                    subName,
-                    console.log(res, '删除结果')
+                    proName,
-                    if (res.code === 200) {
+                    teamName,
-                        this.$msgSuccess('删除成功')
+                }
-                        this.$refs.allProjectTableRef.getTableList() // 更新列表
+            } else {
+                this.editFormData = {}
             }
-                })
-                .catch(() => {
-                    console.log('取消')
-                })
-        },
-
-        // 出场
-        onHandleExit(data) {
-            this.dialogConfig.outerTitle = '出场'
             this.dialogConfig.outerVisible = true
         },
-
         // 确定按钮
         async onHandleConfirmAddOrEdit() {
             try {
-                if (this.dialogConfig.outerTitle === '新增标段工程') {
+                await this.$refs.teamEntryAndExitFormRef.onHandleConfirmAddOrEditFun()
-                    this.$refs.addOrEditFormContentRef.formType =
+                this.handleCloseDialogOuter()
-                        this.dialogConfig.outerTitle === '新增标段工程' ? 1 : 2
+                this.$refs.teamEntryTableRef.getTableList()
-                    await this.$refs.addOrEditFormContentRef.onHandleConfirmAddOrEditFun()
-                }
-                if (this.dialogConfig.outerTitle === '出场') {
-                    await this.$refs.exitFormContentRef.onHandleConfirmAddOrEditFun()
-                }
             } catch (error) {
                 console.log('表单提交失败', error)
             }
@@ -195,12 +159,6 @@ export default {
 
         // 关闭弹框
         handleCloseDialogOuter() {
-            // 清除表单校验以及字段清除
-            if (this.dialogConfig.outerTitle === '新增标段工程') {
-                this.$refs.addOrEditFormContentRef.resetForm()
-            } else if (this.dialogConfig.outerTitle === '出场') {
-                this.$refs.exitFormContentRef.resetForm()
-            }
             this.dialogConfig.outerVisible = false
         },
     },

src/views/construction-person/entry-and-exit-manage/person-entry/add-or-edit-form.vue

@@ -1021,6 +1021,7 @@ export default {
                                                 fileIdList.join(',')
                                         }
                                     }
+                                }
 
                                 this.bankImageList.forEach((item) => {
                                     item.fileList.forEach((j) => {
@@ -1034,7 +1035,6 @@ export default {
                                     })
                                 })
                             }
-                            }
 
                             if (status_2 === 'partial') {
                                 this.$modal.msgError(