From 1039b9d70ce1479050f583dfb3cd98c642e812a9 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Fri, 8 Aug 2025 17:51:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=86=E5=8C=85=E5=95=86=E5=87=BA=E5=85=A5?=
 =?UTF-8?q?=E5=9C=BA=E9=A1=B5=E9=9D=A2=E5=9F=BA=E7=A1=80=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TableModel/index.vue           |   1 +
 .../sub-manage/sub-base-info/config.js        |   2 +-
 .../sub-entry-and-exit/add-or-edit-form.vue   | 176 +++++++++++++++
 .../sub-manage/sub-entry-and-exit/config.js   |  96 +++++++++
 .../sub-entry-and-exit/exit-form.vue          | 178 +++++++++++++++
 .../sub-manage/sub-entry-and-exit/index.vue   | 203 +++++++++++++++++-
 6 files changed, 653 insertions(+), 3 deletions(-)
 create mode 100644 src/views/basic-manage/sub-manage/sub-entry-and-exit/add-or-edit-form.vue
 create mode 100644 src/views/basic-manage/sub-manage/sub-entry-and-exit/config.js
 create mode 100644 src/views/basic-manage/sub-manage/sub-entry-and-exit/exit-form.vue

diff --git a/src/components/TableModel/index.vue b/src/components/TableModel/index.vue
index 7731f8c..7a64051 100644
--- a/src/components/TableModel/index.vue
+++ b/src/components/TableModel/index.vue
@@ -102,6 +102,7 @@
                     查询
                 </el-button>
                 <el-button
+                    plain
                     size="mini"
                     type="warning"
                     icon="el-icon-refresh"
diff --git a/src/views/basic-manage/sub-manage/sub-base-info/config.js b/src/views/basic-manage/sub-manage/sub-base-info/config.js
index 219a788..1649491 100644
--- a/src/views/basic-manage/sub-manage/sub-base-info/config.js
+++ b/src/views/basic-manage/sub-manage/sub-base-info/config.js
@@ -2,7 +2,7 @@ export const formLabel = [
     {
         f_label: '关键词',
         f_model: 'keyword',
-        f_type: 'input',
+        f_type: 'ipt',
         isShow: false, // 是否展示label
     },
 ]
diff --git a/src/views/basic-manage/sub-manage/sub-entry-and-exit/add-or-edit-form.vue b/src/views/basic-manage/sub-manage/sub-entry-and-exit/add-or-edit-form.vue
new file mode 100644
index 0000000..76897a8
--- /dev/null
+++ b/src/views/basic-manage/sub-manage/sub-entry-and-exit/add-or-edit-form.vue
@@ -0,0 +1,176 @@
+<template>
+    <!-- 新增或修改标段工程表单 -->
+    <div>
+        <el-form
+            label-width="180px"
+            ref="addOrEditFormRef"
+            :model="addOrEditForm"
+            :rules="addOrEditFormRules"
+        >
+            <el-row>
+                <el-col :span="24">
+                    <el-form-item label="分包商合同名称" prop="htName">
+                        <el-input
+                            clearable
+                            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
+                            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
+                            placeholder="请输入工程名称"
+                            v-model="addOrEditForm.projectName"
+                        />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+            <el-row>
+                <el-col :span="24">
+                    <el-form-item label="入场日期" prop="entryDate">
+                        <el-date-picker
+                            type="date"
+                            style="width: 100%"
+                            value-format="yyyy-MM-dd"
+                            placeholder="请选择入场日期"
+                            v-model="addOrEditForm.entryDate"
+                        />
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <el-row>
+                <el-col :span="24">
+                    <el-form-item
+                        label="法定代表人授权委托书"
+                        prop="businessLicense"
+                    >
+                        <UploadImg
+                            :limit="30"
+                            :file-size="10"
+                            :multiple="true"
+                            :is-detail="formType === 2"
+                            :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>
diff --git a/src/views/basic-manage/sub-manage/sub-entry-and-exit/config.js b/src/views/basic-manage/sub-manage/sub-entry-and-exit/config.js
new file mode 100644
index 0000000..5c5ca89
--- /dev/null
+++ b/src/views/basic-manage/sub-manage/sub-entry-and-exit/config.js
@@ -0,0 +1,96 @@
+export const formLabel = [
+    {
+        f_label: '分包合同',
+        f_model: 'htName',
+        f_type: 'ipt',
+        isShow: false, // 是否展示label
+    },
+    {
+        f_label: '分包商',
+        f_model: 'subName',
+        f_type: 'ipt',
+        isShow: false, // 是否展示label
+    },
+    {
+        f_label: '工程名称',
+        f_model: 'projectName',
+        f_type: 'ipt',
+        isShow: false, // 是否展示label
+    },
+    {
+        f_label: '状态',
+        f_model: 'status',
+        f_type: 'sel',
+        isShow: false, // 是否展示label
+    },
+]
+
+export const columnsList = [
+    { t_props: 'projectName', t_label: '分包商合同名称' },
+    { t_props: 'xmb', t_label: '分包商名称' },
+    { t_props: 'name', t_label: '工程名称' },
+    { t_props: 'type', t_label: '出入场状态' },
+    {
+        t_props: 'businessLicense',
+        t_label: '分包入场时间',
+    },
+    { t_props: 'idCard', t_label: '授权委托书', t_slot: 'idCard' },
+    {
+        t_props: 'electronicStamp',
+        t_label: '分包出场时间',
+    },
+    {
+        t_props: 'electronicSignature',
+        t_label: '工资已支付完成承诺书',
+    },
+]
+
+export const testTableList = [
+    {
+        projectName: '总工程名称',
+        level: '等级3',
+        xmb: 'xxx项目部',
+        name: '110kv工程',
+        type: '基建变电',
+        address: '安徽省合肥市110k工程',
+        status: '在建',
+        businessLicense: '已上传',
+        idCard: '已上传',
+        electronicStamp: '已上传',
+        electronicSignature: '未上传',
+    },
+    {
+        projectName: '总工程名称21',
+        level: '等级3',
+        xmb: 'xxx项目部',
+        name: '110kv工程',
+        type: '基建变电',
+        address: '安徽省合肥市110k工程',
+        status: '在建',
+        businessLicense: '已上传',
+        idCard: '已上传',
+        electronicStamp: '已上传',
+        electronicSignature: '未上传',
+    },
+    {
+        projectName: '总工程名称3',
+        level: '等级3',
+        xmb: 'xxx项目部',
+        name: '110kv工程',
+        type: '基建变电',
+        address: '安徽省合肥市110k工程',
+        status: '在建',
+        businessLicense: '已上传',
+        idCard: '已上传',
+        electronicStamp: '已上传',
+        electronicSignature: '未上传',
+    },
+]
+
+export const dialogConfig = {
+    outerVisible: false,
+    outerTitle: '',
+    outerWidth: '60%',
+    minHeight: '',
+    maxHeight: '',
+}
diff --git a/src/views/basic-manage/sub-manage/sub-entry-and-exit/exit-form.vue b/src/views/basic-manage/sub-manage/sub-entry-and-exit/exit-form.vue
new file mode 100644
index 0000000..ede1cc7
--- /dev/null
+++ b/src/views/basic-manage/sub-manage/sub-entry-and-exit/exit-form.vue
@@ -0,0 +1,178 @@
+<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>
diff --git a/src/views/basic-manage/sub-manage/sub-entry-and-exit/index.vue b/src/views/basic-manage/sub-manage/sub-entry-and-exit/index.vue
index 7bf32e9..00cdfea 100644
--- a/src/views/basic-manage/sub-manage/sub-entry-and-exit/index.vue
+++ b/src/views/basic-manage/sub-manage/sub-entry-and-exit/index.vue
@@ -1,10 +1,209 @@
 <template>
-    <!-- 基础管理 ---- 分包商管理 ---- 分包出入场-->
-    <div class="app-container"> </div>
+    <!-- 基础管理 ---- 分包商管理 ---- 分包商出入场 -->
+    <div class="app-container">
+        <TableModel
+            :formLabel="formLabel"
+            :showOperation="true"
+            :showRightTools="true"
+            ref="allProjectTableRef"
+            :columnsList="columnsList"
+            :testTableList="testTableList"
+            :request-api="getSubBaseInfoListAPI"
+        >
+            <template slot="btn" slot-scope="{ queryParams }">
+                <el-button
+                    plain
+                    size="mini"
+                    type="success"
+                    icon="el-icon-download"
+                    @click="onHandleExportAllProject(queryParams)"
+                >
+                    导出
+                </el-button>
+
+                <el-button
+                    plain
+                    size="mini"
+                    type="primary"
+                    icon="el-icon-plus"
+                    @click="onHandleAddOrEditAllProject(1, null)"
+                >
+                    新增
+                </el-button>
+            </template>
+
+            <!-- 标段工程数量 -->
+            <template :slot="item" slot-scope="{ data }" v-for="item in slots">
+                <span
+                    :style="{
+                        color: data[item] === '已上传' ? '#67C23A' : '#F56C6C',
+                    }"
+                    :key="item"
+                    style="font-size: 12px"
+                    @click="onHandleViewLotProject(data)"
+                >
+                    {{ data[item] }}
+                </span>
+            </template>
+
+            <template slot="handle" slot-scope="{ data }">
+                <el-button
+                    plain
+                    size="mini"
+                    type="success"
+                    icon="el-icon-check"
+                    @click="onHandleExit(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>
+
+        <DialogModel
+            :dialogConfig="dialogConfig"
+            @closeDialogOuter="handleCloseDialogOuter"
+        >
+            <template slot="outerContent">
+                <AddOrEditForm
+                    ref="addOrEditFormContentRef"
+                    v-if="dialogConfig.outerTitle !== '出场'"
+                />
+                <ExitForm ref="exitFormContentRef" v-else />
+
+                <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>
+        </DialogModel>
+    </div>
 </template>
 
 <script>
+import TableModel from '@/components/TableModel'
+import DialogModel from '@/components/DialogModel'
+import AddOrEditForm from './add-or-edit-form'
+import ExitForm from './exit-form'
+import { formLabel, columnsList, dialogConfig, testTableList } from './config'
+import {
+    deleteSubBaseInfoAPI,
+    getSubBaseInfoListAPI,
+} from '@/api/basic-manage/sub-manage/sub-base-info'
 export default {
     name: 'SubEntryAndExit',
+    components: {
+        TableModel,
+        DialogModel,
+        AddOrEditForm,
+        ExitForm,
+    },
+
+    data() {
+        return {
+            formLabel,
+            columnsList,
+            dialogConfig,
+            testTableList,
+            getSubBaseInfoListAPI,
+
+            slots: {
+                idCard: 'idCard',
+            },
+        }
+    },
+    methods: {
+        // 导出按钮
+        onHandleExportAllProject(queryParams) {
+            console.log(queryParams, '导出')
+        },
+
+        // 新增或修改
+        onHandleAddOrEditAllProject(type, data) {
+            this.dialogConfig.outerTitle =
+                type === 1 ? '新增标段工程' : '修改标段工程'
+            this.dialogConfig.outerVisible = true
+        },
+
+        // 删除
+        onHandleDeleteAllProject(data) {
+            this.$confirm('确定删除该工程吗？', '温馨提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            })
+                .then(async () => {
+                    const res = await deleteSubBaseInfoAPI(data.id)
+                    console.log(res, '删除结果')
+                    if (res.code === 200) {
+                        this.$msgSuccess('删除成功')
+                        this.$refs.allProjectTableRef.getTableList() // 更新列表
+                    }
+                })
+                .catch(() => {
+                    console.log('取消')
+                })
+        },
+
+        // 出场
+        onHandleExit(data) {
+            this.dialogConfig.outerTitle = '出场'
+            this.dialogConfig.outerVisible = true
+        },
+
+        // 确定按钮
+        async onHandleConfirmAddOrEdit() {
+            try {
+                if (this.dialogConfig.outerTitle === '新增标段工程') {
+                    this.$refs.addOrEditFormContentRef.formType =
+                        this.dialogConfig.outerTitle === '新增标段工程' ? 1 : 2
+                    await this.$refs.addOrEditFormContentRef.onHandleConfirmAddOrEditFun()
+                }
+                if (this.dialogConfig.outerTitle === '出场') {
+                    await this.$refs.exitFormContentRef.onHandleConfirmAddOrEditFun()
+                }
+            } catch (error) {
+                console.log('表单提交失败', error)
+            }
+        },
+
+        // 关闭弹框
+        handleCloseDialogOuter() {
+            // 清除表单校验以及字段清除
+            if (this.dialogConfig.outerTitle === '新增标段工程') {
+                this.$refs.addOrEditFormContentRef.resetForm()
+            } else if (this.dialogConfig.outerTitle === '出场') {
+                this.$refs.exitFormContentRef.resetForm()
+            }
+            this.dialogConfig.outerVisible = false
+        },
+    },
 }
 </script>