add

src/api/manage_accept_doc.ts

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 项目管理--收文管理列表
+export function apiManageAcceptDocLists(params: any) {
+    return request.get({ url: '/manage_communication.manage_accept_doc/lists', params })
+}
+
+// 添加项目管理--收文管理
+export function apiManageAcceptDocAdd(params: any) {
+    return request.post({ url: '/manage_communication.manage_accept_doc/add', params })
+}
+
+// 编辑项目管理--收文管理
+export function apiManageAcceptDocEdit(params: any) {
+    return request.post({ url: '/manage_communication.manage_accept_doc/edit', params })
+}
+
+// 删除项目管理--收文管理
+export function apiManageAcceptDocDelete(params: any) {
+    return request.post({ url: '/manage_communication.manage_accept_doc/delete', params })
+}
+
+// 项目管理--收文管理详情
+export function apiManageAcceptDocDetail(params: any) {
+    return request.get({ url: '/manage_communication.manage_accept_doc/detail', params })
+}

src/api/manage_company.ts

@@ -0,0 +1,34 @@
+import request from '@/utils/request'
+
+// 项目管理--参建单位列表
+export function apiManageCompanyLists(params: any) {
+    return request.get({ url: '/manage_basic.manage_company/lists', params })
+}
+
+// 添加项目管理--参建单位
+export function apiManageCompanyAdd(params: any) {
+    return request.post({ url: '/manage_basic.manage_company/add', params })
+}
+
+// 编辑项目管理--参建单位
+export function apiManageCompanyEdit(params: any) {
+    return request.post({ url: '/manage_basic.manage_company/edit', params })
+}
+
+// 删除项目管理--参建单位
+export function apiManageCompanyDelete(params: any) {
+    return request.post({ url: '/manage_basic.manage_company/delete', params })
+}
+
+// 项目管理--参建单位详情
+export function apiManageCompanyDetail(params: any) {
+    return request.get({ url: '/manage_basic.manage_company/detail', params })
+}
+
+export function apimanage_company_contacts(params: any) {
+    return request.get({ url: '/manage_basic.manage_company_contacts/lists', params })
+}
+
+export function apimanage_company_contacts_delete(params: any) {
+    return request.post({ url: '/manage_basic.manage_company_contacts/delete', params })
+}

src/api/manage_engineering_changes.ts

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 项目管理--工程变更列表
+export function apiManageEngineeringChangesLists(params: any) {
+    return request.get({ url: '/manage_invest.manage_engineering_changes/lists', params })
+}
+
+// 添加项目管理--工程变更
+export function apiManageEngineeringChangesAdd(params: any) {
+    return request.post({ url: '/manage_invest.manage_engineering_changes/add', params })
+}
+
+// 编辑项目管理--工程变更
+export function apiManageEngineeringChangesEdit(params: any) {
+    return request.post({ url: '/manage_invest.manage_engineering_changes/edit', params })
+}
+
+// 删除项目管理--工程变更
+export function apiManageEngineeringChangesDelete(params: any) {
+    return request.post({ url: '/manage_invest.manage_engineering_changes/delete', params })
+}
+
+// 项目管理--工程变更详情
+export function apiManageEngineeringChangesDetail(params: any) {
+    return request.get({ url: '/manage_invest.manage_engineering_changes/detail', params })
+}

src/api/manage_metered_payment.ts

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 项目管理--计量支付列表
+export function apiManageMeteredPaymentLists(params: any) {
+    return request.get({ url: '/manage_invest.manage_metered_payment/lists', params })
+}
+
+// 添加项目管理--计量支付
+export function apiManageMeteredPaymentAdd(params: any) {
+    return request.post({ url: '/manage_invest.manage_metered_payment/add', params })
+}
+
+// 编辑项目管理--计量支付
+export function apiManageMeteredPaymentEdit(params: any) {
+    return request.post({ url: '/manage_invest.manage_metered_payment/edit', params })
+}
+
+// 删除项目管理--计量支付
+export function apiManageMeteredPaymentDelete(params: any) {
+    return request.post({ url: '/manage_invest.manage_metered_payment/delete', params })
+}
+
+// 项目管理--计量支付详情
+export function apiManageMeteredPaymentDetail(params: any) {
+    return request.get({ url: '/manage_invest.manage_metered_payment/detail', params })
+}

src/api/manage_monthly_progress_report.ts

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 项目管理--工程进度月报列表
+export function apiManageMonthlyProgressReportLists(params: any) {
+    return request.get({ url: '/manage_progress.manage_monthly_progress_report/lists', params })
+}
+
+// 添加项目管理--工程进度月报
+export function apiManageMonthlyProgressReportAdd(params: any) {
+    return request.post({ url: '/manage_progress.manage_monthly_progress_report/add', params })
+}
+
+// 编辑项目管理--工程进度月报
+export function apiManageMonthlyProgressReportEdit(params: any) {
+    return request.post({ url: '/manage_progress.manage_monthly_progress_report/edit', params })
+}
+
+// 删除项目管理--工程进度月报
+export function apiManageMonthlyProgressReportDelete(params: any) {
+    return request.post({ url: '/manage_progress.manage_monthly_progress_report/delete', params })
+}
+
+// 项目管理--工程进度月报详情
+export function apiManageMonthlyProgressReportDetail(params: any) {
+    return request.get({ url: '/manage_progress.manage_monthly_progress_report/detail', params })
+}

src/api/manage_project.ts

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 项目管理--项目信息列表
+export function apiManageProjectLists(params: any) {
+    return request.get({ url: '/manage_basic.manage_project/lists', params })
+}
+
+// 添加项目管理--项目信息
+export function apiManageProjectAdd(params: any) {
+    return request.post({ url: '/manage_basic.manage_project/add', params })
+}
+
+// 编辑项目管理--项目信息
+export function apiManageProjectEdit(params: any) {
+    return request.post({ url: '/manage_basic.manage_project/edit', params })
+}
+
+// 删除项目管理--项目信息
+export function apiManageProjectDelete(params: any) {
+    return request.post({ url: '/manage_basic.manage_project/delete', params })
+}
+
+// 项目管理--项目信息详情
+export function apiManageProjectDetail(params: any) {
+    return request.get({ url: '/manage_basic.manage_project/detail', params })
+}

src/api/manage_send_doc.ts

@@ -0,0 +1,26 @@
+import request from '@/utils/request'
+
+// 项目管理--发文管理列表
+export function apiManageSendDocLists(params: any) {
+    return request.get({ url: '/manage_communication.manage_send_doc/lists', params })
+}
+
+// 添加项目管理--发文管理
+export function apiManageSendDocAdd(params: any) {
+    return request.post({ url: '/manage_communication.manage_send_doc/add', params })
+}
+
+// 编辑项目管理--发文管理
+export function apiManageSendDocEdit(params: any) {
+    return request.post({ url: '/manage_communication.manage_send_doc/edit', params })
+}
+
+// 删除项目管理--发文管理
+export function apiManageSendDocDelete(params: any) {
+    return request.post({ url: '/manage_communication.manage_send_doc/delete', params })
+}
+
+// 项目管理--发文管理详情
+export function apiManageSendDocDetail(params: any) {
+    return request.get({ url: '/manage_communication.manage_send_doc/detail', params })
+}

src/components/dialogTable/dialogTableConfig.ts

@@ -13,6 +13,7 @@ import { useDictData } from '@/hooks/useDictOptions'
 import { apiSupervisionProjectLists } from '@/api/supervision_project'
 import { apiSupervisionParticipatingUnitsLists, } from '@/api/supervision_participating_units'
 import { apiSupervisionCheckItemLists } from '@/api/supervision_check_item'
+import { apiManageProjectLists} from '@/api/manage_project'
 
 
 export const supervision_project:Iconfig = {
@@ -103,3 +104,31 @@ export const supervision_check_item:Iconfig = {
     ]
 }
 
+export const manage_project:Iconfig = {
+    fetchFn: apiManageProjectLists,
+    serchList: [
+        {
+            label: '项目名称',
+            value: "project_name"
+        },
+        {
+            label: '项目编号',
+            value: "project_code",
+        },
+        
+    ],
+    tableList: [
+        { project_name: "项目名称" },
+        { project_code: "项目编号" },
+        { nature_text: "性质" },
+        { industry_text: "行业" },
+        { build_area_text: "建设区域" },
+        { project_level_text: "项目级别" },
+        { total_investment: "总投资" },
+        { engineering_status_text: "工程状态" },
+        { implementation_department: "实施部门" },
+        { supervision_department: "监管部门" },
+        { project_manager: "项目经理" },
+    ]
+}
+

src/views/manage_accept_doc/edit.vue

@@ -0,0 +1,198 @@
+<template>
+    <div class="edit-popup">
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
+            @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
+                <el-form-item label="项目名称" prop="project_name">
+                    <el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly
+                        @click="showDialog = true" />
+                </el-form-item>
+                <el-form-item label="编号" prop="code">
+                    <el-input v-model="formData.code" clearable placeholder="请输入编号" />
+                </el-form-item>
+                <el-form-item label="内容摘要" prop="abstract">
+                    <el-input v-model="formData.abstract" clearable placeholder="请输入内容摘要" />
+                </el-form-item>
+                <el-form-item label="发文单位" prop="send_company">
+                    <el-input v-model="formData.send_company" clearable placeholder="请输入发文单位" />
+                </el-form-item>
+                <el-form-item label="发文日期" prop="send_date">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.send_date" clearable type="date"
+                        value-format="YYYY-MM-DD" placeholder="请选择日期">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="收文人" prop="accept_user">
+                    <el-input v-model="formData.accept_user" clearable placeholder="请输入收文人" />
+                </el-form-item>
+                <el-form-item label="收文日期" prop="accept_date">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.accept_date" clearable type="date"
+                        value-format="YYYY-MM-DD" placeholder="请选择日期">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="传阅人" prop="read_user">
+                    <el-input v-model="formData.read_user" clearable placeholder="请输入传阅人" />
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
+                </el-form-item>
+                <el-form-item label="附件" prop="annex">
+                    <annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
+                        @delFile="delFileFn" />
+                </el-form-item>
+            </el-form>
+            <el-dialog v-model="showDialog" title="选择项目" width="70%">
+                <dialogTable @customEvent="customEvent" :config="manage_project" />
+            </el-dialog>
+        </popup>
+    </div>
+</template>
+
+<script lang="ts" setup name="manageAcceptDocEdit">
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiManageAcceptDocAdd, apiManageAcceptDocEdit, apiManageAcceptDocDetail } from '@/api/manage_accept_doc'
+import { manage_project } from "@/components/dialogTable/dialogTableConfig"
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref('add')
+const showDialog = ref(false)
+
+
+// 弹窗标题
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑项目管理--收文管理' : '新增项目管理--收文管理'
+})
+
+const handleAvatarSuccess_four = (response: any) => {
+    Array.isArray(formData.annex) ? '' : formData.annex = []
+    // @ts-ignore
+    response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
+};
+
+// 删除上传的文件
+const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
+
+// 表单数据
+const formData = reactive({
+    id: '',
+    project_id: '',
+    project_name: "",
+    code: '',
+    abstract: '',
+    send_company: '',
+    send_date: '',
+    accept_user: '',
+    accept_date: '',
+    read_user: '',
+    remark: '',
+    annex: [],
+})
+
+const customEvent = (e: any) => {
+    formData.project_id = e.id
+    formData.project_name = e.project_name
+    showDialog.value = false
+}
+// 表单验证
+const formRules = reactive<any>({
+    project_id: [{
+        required: true,
+        message: '请输入项目id',
+        trigger: ['blur']
+    }],
+    abstract: [{
+        required: true,
+        message: '请输入内容摘要',
+        trigger: ['blur']
+    }],
+    send_company: [{
+        required: true,
+        message: '请输入发文单位',
+        trigger: ['blur']
+    }],
+    send_date: [{
+        required: true,
+        message: '请输入发文日期',
+        trigger: ['blur']
+    }],
+    accept_user: [{
+        required: true,
+        message: '请输入收文人',
+        trigger: ['blur']
+    }],
+    accept_date: [{
+        required: true,
+        message: '请输入收文日期',
+        trigger: ['blur']
+    }],
+    read_user: [{
+        required: true,
+        message: '请输入传阅人',
+        trigger: ['blur']
+    }],
+    remark: [{
+        required: true,
+        message: '请输入备注',
+        trigger: ['blur']
+    }]
+})
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+
+
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiManageAcceptDocDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    const data = { ...formData, }
+    mode.value == 'edit'
+        ? await apiManageAcceptDocEdit(data)
+        : await apiManageAcceptDocAdd(data)
+    popupRef.value?.close()
+    emit('success')
+}
+
+//打开弹窗
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>

src/views/manage_accept_doc/index.vue

@@ -0,0 +1,119 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <el-form-item label="发文单位" prop="send_company">
+                    <el-input class="w-[280px]" v-model="queryParams.send_company" clearable placeholder="请输入发文单位" />
+                </el-form-item>
+                <el-form-item label="收文人" prop="accept_user">
+                    <el-input class="w-[280px]" v-model="queryParams.accept_user" clearable placeholder="请输入收文人" />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-button v-perms="['manage_communication.manage_accept_doc/add']" type="primary" @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <el-button v-perms="['manage_communication.manage_accept_doc/delete']" :disabled="!selectData.length"
+                @click="handleDelete(selectData)">
+                删除
+            </el-button>
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
+                    <el-table-column label="内容摘要" prop="abstract" show-overflow-tooltip />
+                    <el-table-column label="发文单位" prop="send_company" show-overflow-tooltip />
+                    <el-table-column label="发文日期" prop="send_date" show-overflow-tooltip />
+                    <el-table-column label="收文人" prop="accept_user" show-overflow-tooltip />
+                    <el-table-column label="收文日期" prop="accept_date" show-overflow-tooltip />
+                    <el-table-column label="操作" width="120" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-perms="['manage_communication.manage_accept_doc/edit']" type="primary" link
+                                @click="handleEdit(row)">
+                                编辑
+                            </el-button>
+                            <el-button v-perms="['manage_communication.manage_accept_doc/delete']" type="danger" link
+                                @click="handleDelete(row.id)">
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="manageAcceptDocLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiManageAcceptDocLists, apiManageAcceptDocDelete, apiManageAcceptDocDetail } from '@/api/manage_accept_doc'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+
+
+// 查询条件
+const queryParams = reactive({
+    project_id: '',
+    send_company: '',
+    accept_user: ''
+})
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('')
+
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiManageAcceptDocLists,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+// 编辑
+const handleEdit = async (data: any) => {
+    let res = await apiManageAcceptDocDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await apiManageAcceptDocDelete({ id })
+    getLists()
+}
+
+getLists()
+</script>

src/views/manage_company/edit.vue

@@ -0,0 +1,253 @@
+<template>
+    <div class="edit-popup">
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="60vw" @confirm="handleSubmit"
+            @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="项目名称" prop="project_name">
+                            <el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly
+                                @click="showDialog = true" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="单位名称" prop="name">
+                            <el-input v-model="formData.name" clearable placeholder="请输入单位名称" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="单位类别" prop="type">
+                            <el-select class="flex-1" v-model="formData.type" clearable placeholder="请选择单位类别">
+                                <el-option v-for="(item, index) in dictData.unit_type" :key="index" :label="item.name"
+                                    :value="parseInt(item.value)" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="资质等级" prop="qualification_grade">
+                            <el-input v-model="formData.qualification_grade" clearable placeholder="请输入资质等级" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="联系电话" prop="telephone">
+                            <el-input v-model="formData.telephone" clearable placeholder="请输入联系电话" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="责任范围" prop="duty">
+                            <el-input v-model="formData.duty" clearable placeholder="请输入责任范围" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <el-dialog v-model="showDialog" title="选择项目" width="70%">
+                <dialogTable @customEvent="customEvent" :config="manage_project" />
+            </el-dialog>
+            <div style="margin-bottom: 30px;">联系人</div>
+            <div style="margin-bottom: 30px;">
+                <el-table :data="formData.contacts">
+                    <el-table-column label="序号" width="150px">
+                        <template #default="{ row }">
+                            <el-button @click="handleAdd()">+</el-button>
+                            <el-button @click="handleDelete(row)">-</el-button>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="姓名" prop="name">
+                        <template #default="{ row }">
+                            <el-input v-model="row.name" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="职务" prop="duties">
+                        <template #default="{ row }">
+                            <el-input v-model="row.duties" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="办公电话" prop="telephone">
+                        <template #default="{ row }">
+                            <el-input v-model="row.telephone" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="手机号码" prop="mobile">
+                        <template #default="{ row }">
+                            <el-input v-model="row.mobile" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="电子邮箱" prop="email">
+                        <template #default="{ row }">
+                            <el-input v-model="row.email" />
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="传真" prop="fax">
+                        <template #default="{ row }">
+                            <el-input v-model="row.fax" />
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+
+
+            <!-- manage_project -->
+        </popup>
+    </div>
+</template>
+
+<script lang="ts" setup name="manageCompanyEdit">
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiManageCompanyAdd, apiManageCompanyEdit, apiManageCompanyDetail, apimanage_company_contacts, apimanage_company_contacts_delete } from '@/api/manage_company'
+import { timeFormat } from '@/utils/util'
+import { manage_project } from "@/components/dialogTable/dialogTableConfig"
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref('add')
+const showDialog = ref(false)
+
+
+// 弹窗标题
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑项目管理--参建单位' : '新增项目管理--参建单位'
+})
+
+// 表单数据
+const formData = reactive({
+    id: '',
+    project_id: '',
+    project_name: "",
+    name: '',
+    type: '',
+    qualification_grade: '',
+    telephone: '',
+    duty: '',
+    contacts: [
+        {
+            "name": "",
+            "duties": "",
+            "telephone": "",
+            "mobile": "",
+            "email": "",
+            "fax": ""
+        }
+    ]
+})
+
+
+const handleAdd = () => {
+    formData.contacts.push({
+        "name": "",
+        "duties": "",
+        "telephone": "",
+        "mobile": "",
+        "email": "",
+        "fax": ""
+    })
+}
+const handleDelete = async (row: any) => {
+    if (row.id) {
+        await apimanage_company_contacts_delete({ id: row.id })
+        const index = formData.contacts.indexOf(row);
+        formData.contacts.splice(index, 1);
+    } else {
+        const index = formData.contacts.indexOf(row);
+        formData.contacts.splice(index, 1);
+    }
+}
+
+const customEvent = (e: any) => {
+    formData.project_id = e.id
+    formData.project_name = e.project_name
+    showDialog.value = false
+}
+
+// 表单验证
+const formRules = reactive<any>({
+    project_id: [{
+        required: true,
+        message: '请输入项目id',
+        trigger: ['blur']
+    }],
+    name: [{
+        required: true,
+        message: '请输入单位名称',
+        trigger: ['blur']
+    }],
+    type: [{
+        required: true,
+        message: '请输入单位类别',
+        trigger: ['blur']
+    }],
+    qualification_grade: [{
+        required: true,
+        message: '请输入资质等级',
+        trigger: ['blur']
+    }],
+    telephone: [{
+        required: true,
+        message: '请输入联系电话',
+        trigger: ['blur']
+    }],
+    duty: [{
+        required: true,
+        message: '请输入责任范围',
+        trigger: ['blur']
+    }]
+})
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+    let res = await apimanage_company_contacts({ company_id: formData.id })
+    formData.contacts = res.lists
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiManageCompanyDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    const data = { ...formData, }
+    mode.value == 'edit'
+        ? await apiManageCompanyEdit(data)
+        : await apiManageCompanyAdd(data)
+    popupRef.value?.close()
+    emit('success')
+}
+
+//打开弹窗
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>

src/views/manage_company/index.vue

@@ -0,0 +1,132 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <el-form-item label="单位名称" prop="name">
+                    <el-input class="w-[280px]" v-model="queryParams.name" clearable placeholder="请输入单位名称" />
+                </el-form-item>
+                <el-form-item label="单位类别" prop="type">
+                    <el-select class="flex-1" v-model="queryParams.type" clearable placeholder="请选择单位类别">
+                        <el-option v-for="(item, index) in dictData.unit_type" :key="index" :label="item.name"
+                            :value="parseInt(item.value)" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="资质等级" prop="qualification_grade">
+                    <el-input class="w-[280px]" v-model="queryParams.qualification_grade" clearable
+                        placeholder="请输入资质等级" />
+                </el-form-item>
+                <el-form-item label="联系电话" prop="telephone">
+                    <el-input class="w-[280px]" v-model="queryParams.telephone" clearable placeholder="请输入联系电话" />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-button v-perms="['manage_basic.manage_company/add']" type="primary" @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <el-button v-perms="['manage_basic.manage_company/delete']" :disabled="!selectData.length"
+                @click="handleDelete(selectData)">
+                删除
+            </el-button>
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
+                    <el-table-column label="单位名称" prop="name" show-overflow-tooltip />
+                    <el-table-column label="单位类别" prop="type_text" show-overflow-tooltip />
+                    <el-table-column label="资质等级" prop="qualification_grade" show-overflow-tooltip />
+                    <el-table-column label="联系电话" prop="telephone" show-overflow-tooltip />
+                    <el-table-column label="责任范围" prop="duty" show-overflow-tooltip />
+                    <el-table-column label="操作" width="120" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-perms="['manage_basic.manage_company/edit']" type="primary" link
+                                @click="handleEdit(row)">
+                                编辑
+                            </el-button>
+                            <el-button v-perms="['manage_basic.manage_company/delete']" type="danger" link
+                                @click="handleDelete(row.id)">
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="manageCompanyLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiManageCompanyLists, apiManageCompanyDelete, apiManageCompanyDetail } from '@/api/manage_company'
+import { timeFormat } from '@/utils/util'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+
+
+// 查询条件
+const queryParams = reactive({
+    project_id: '',
+    name: '',
+    type: '',
+    qualification_grade: '',
+    telephone: ''
+})
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('unit_type')
+
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiManageCompanyLists,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+// 编辑
+const handleEdit = async (data: any) => {
+    let res = await apiManageCompanyDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await apiManageCompanyDelete({ id })
+    getLists()
+}
+
+getLists()
+</script>

src/views/manage_engineering_changes/edit.vue

@@ -0,0 +1,188 @@
+<template>
+    <div class="edit-popup">
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
+            @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="130px" :rules="formRules">
+                <el-form-item label="项目名称" prop="project_name">
+                    <el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly
+                        @click="showDialog = true" />
+                </el-form-item>
+                <el-form-item label="编号">
+                    <el-input v-model="formData.code" clearable placeholder="系统自动生成" disabled />
+                </el-form-item>
+                <el-form-item label="变更日期" prop="date">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.date" clearable type="date"
+                        value-format="YYYY-MM-DD" placeholder="请选择日期">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="变更及洽商部位" prop="position">
+                    <el-input v-model="formData.position" clearable placeholder="请输入变更及洽商部位" />
+                </el-form-item>
+                <el-form-item label="图纸号" prop="drawing_number">
+                    <el-input v-model="formData.drawing_number" clearable placeholder="请输入图纸号" />
+                </el-form-item>
+                <el-form-item label="变更及洽商概述" prop="overview">
+                    <el-input v-model="formData.overview" clearable placeholder="请输入变更及洽商概述" />
+                </el-form-item>
+                <el-form-item label="监理签认情况" prop="sign_info">
+                    <el-input v-model="formData.sign_info" clearable placeholder="请输入监理签认情况" />
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
+                </el-form-item>
+                <el-form-item label="附件" prop="annex">
+                    <annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
+                        @delFile="delFileFn" />
+                </el-form-item>
+            </el-form>
+            <el-dialog v-model="showDialog" title="选择项目" width="70%">
+                <dialogTable @customEvent="customEvent" :config="manage_project" />
+            </el-dialog>
+        </popup>
+    </div>
+</template>
+
+<script lang="ts" setup name="manageEngineeringChangesEdit">
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiManageEngineeringChangesAdd, apiManageEngineeringChangesEdit, apiManageEngineeringChangesDetail } from '@/api/manage_engineering_changes'
+import { manage_project } from "@/components/dialogTable/dialogTableConfig"
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref('add')
+const showDialog = ref(false)
+
+
+const handleAvatarSuccess_four = (response: any) => {
+    Array.isArray(formData.annex) ? '' : formData.annex = []
+    // @ts-ignore
+    response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
+};
+
+// 删除上传的文件
+const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
+
+// 弹窗标题
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑项目管理--工程变更' : '新增项目管理--工程变更'
+})
+
+// 表单数据
+const formData = reactive({
+    id: '',
+    project_id: '',
+    project_name: "",
+    code: '',
+    date: '',
+    position: '',
+    drawing_number: '',
+    overview: '',
+    sign_info: '',
+    remark: '',
+    annex: [],
+})
+
+const customEvent = (e: any) => {
+    formData.project_id = e.id
+    formData.project_name = e.project_name
+    showDialog.value = false
+}
+
+// 表单验证
+const formRules = reactive<any>({
+    project_id: [{
+        required: true,
+        message: '请输入项目id',
+        trigger: ['blur']
+    }],
+    date: [{
+        required: true,
+        message: '请输入变更日期',
+        trigger: ['blur']
+    }],
+    position: [{
+        required: true,
+        message: '请输入变更及洽商部位',
+        trigger: ['blur']
+    }],
+    drawing_number: [{
+        required: true,
+        message: '请输入图纸号',
+        trigger: ['blur']
+    }],
+    overview: [{
+        required: true,
+        message: '请输入变更及洽商概述',
+        trigger: ['blur']
+    }],
+    sign_info: [{
+        required: true,
+        message: '请输入监理签认情况',
+        trigger: ['blur']
+    }],
+    remark: [{
+        required: true,
+        message: '请输入备注',
+        trigger: ['blur']
+    }]
+})
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+
+
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiManageEngineeringChangesDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    const data = { ...formData, }
+    mode.value == 'edit'
+        ? await apiManageEngineeringChangesEdit(data)
+        : await apiManageEngineeringChangesAdd(data)
+    popupRef.value?.close()
+    emit('success')
+}
+
+//打开弹窗
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>

src/views/manage_engineering_changes/index.vue

@@ -0,0 +1,120 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <el-form-item label="编号" prop="code">
+                    <el-input class="w-[280px]" v-model="queryParams.code" clearable placeholder="请输入编号" />
+                </el-form-item>
+                <el-form-item label="图纸号" prop="drawing_number">
+                    <el-input class="w-[280px]" v-model="queryParams.drawing_number" clearable placeholder="请输入图纸号" />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-button v-perms="['manage_invest.manage_engineering_changes/add']" type="primary" @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <el-button v-perms="['manage_invest.manage_engineering_changes/delete']" :disabled="!selectData.length"
+                @click="handleDelete(selectData)">
+                删除
+            </el-button>
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
+                    <el-table-column label="编号" prop="code" show-overflow-tooltip />
+                    <el-table-column label="变更日期" prop="date" show-overflow-tooltip />
+                    <el-table-column label="变更及洽商部位" prop="position" show-overflow-tooltip />
+                    <el-table-column label="图纸号" prop="drawing_number" show-overflow-tooltip />
+                    <el-table-column label="变更及洽商概述" prop="overview" show-overflow-tooltip />
+                    <el-table-column label="监理签认情况" prop="sign_info" show-overflow-tooltip />
+                    <el-table-column label="操作" width="120" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-perms="['manage_invest.manage_engineering_changes/edit']" type="primary" link
+                                @click="handleEdit(row)">
+                                编辑
+                            </el-button>
+                            <el-button v-perms="['manage_invest.manage_engineering_changes/delete']" type="danger" link
+                                @click="handleDelete(row.id)">
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="manageEngineeringChangesLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiManageEngineeringChangesLists, apiManageEngineeringChangesDelete, apiManageEngineeringChangesDetail } from '@/api/manage_engineering_changes'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+
+
+// 查询条件
+const queryParams = reactive({
+    project_id: '',
+    code: '',
+    drawing_number: ''
+})
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('')
+
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiManageEngineeringChangesLists,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+// 编辑
+const handleEdit = async (data: any) => {
+    let res = await apiManageEngineeringChangesDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await apiManageEngineeringChangesDelete({ id })
+    getLists()
+}
+
+getLists()
+</script>

src/views/manage_metered_payment/edit.vue

@@ -0,0 +1,172 @@
+<template>
+    <div class="edit-popup">
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
+            @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
+                <el-form-item label="项目名称" prop="project_name">
+                    <el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly
+                        @click="showDialog = true" />
+                </el-form-item>
+                <el-form-item label="年月" prop="date">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.date" clearable type="date"
+                        value-format="YYYY-MM" placeholder="请选择日期">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="本月完成(万元)" prop="month_amount">
+                    <el-input v-model="formData.month_amount" clearable placeholder="请输入本月完成(万元)" type="number" />
+                </el-form-item>
+                <el-form-item label="本月支付(万元)" prop="month_pay">
+                    <el-input v-model="formData.month_pay" clearable placeholder="请输入本月支付(万元)" type="number" />
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
+                </el-form-item>
+                <el-form-item label="填报人" prop="create_user">
+                    <el-input v-model="formData.create_user" clearable placeholder="请输入填报人" />
+                </el-form-item>
+                <el-form-item label="填报时间" prop="create_time">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.create_time" clearable type="datetime"
+                        value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择日期">
+                    </el-date-picker>
+                </el-form-item>
+            </el-form>
+            <el-dialog v-model="showDialog" title="选择项目" width="70%">
+                <dialogTable @customEvent="customEvent" :config="manage_project" />
+            </el-dialog>
+        </popup>
+    </div>
+</template>
+
+<script lang="ts" setup name="manageMeteredPaymentEdit">
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiManageMeteredPaymentAdd, apiManageMeteredPaymentEdit, apiManageMeteredPaymentDetail } from '@/api/manage_metered_payment'
+import { manage_project } from "@/components/dialogTable/dialogTableConfig"
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref('add')
+const showDialog = ref(false)
+
+
+// 弹窗标题
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑项目管理--计量支付' : '新增项目管理--计量支付'
+})
+
+// 表单数据
+const formData = reactive({
+    id: '',
+    project_id: '',
+    project_name: "",
+    date: '',
+    month_amount: '',
+    month_pay: '',
+    remark: '',
+    create_user: '',
+    create_time: "",
+})
+
+const customEvent = (e: any) => {
+    formData.project_id = e.id
+    formData.project_name = e.project_name
+    showDialog.value = false
+}
+
+// 表单验证
+const formRules = reactive<any>({
+    project_id: [{
+        required: true,
+        message: '请输入项目id',
+        trigger: ['blur']
+    }],
+    date: [{
+        required: true,
+        message: '请输入年月',
+        trigger: ['blur']
+    }],
+    month_amount: [{
+        required: true,
+        message: '请输入本月完成(万元)',
+        trigger: ['blur']
+    }],
+    month_pay: [{
+        required: true,
+        message: '请输入本月支付(万元)',
+        trigger: ['blur']
+    }],
+    remark: [{
+        required: true,
+        message: '请输入备注',
+        trigger: ['blur']
+    }],
+    create_user: [{
+        required: true,
+        message: '请输入填报人',
+        trigger: ['blur']
+    }],
+    create_time: [{
+        required: true,
+        message: '请输入填报时间',
+        trigger: ['blur']
+    }]
+})
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+
+
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiManageMeteredPaymentDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    const data = { ...formData, }
+    mode.value == 'edit'
+        ? await apiManageMeteredPaymentEdit(data)
+        : await apiManageMeteredPaymentAdd(data)
+    popupRef.value?.close()
+    emit('success')
+}
+
+//打开弹窗
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>

src/views/manage_metered_payment/index.vue

@@ -0,0 +1,118 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <!-- <el-form-item label="项目id" prop="project_id">
+                    <el-input class="w-[280px]" v-model="queryParams.project_id" clearable placeholder="请输入项目id" />
+                </el-form-item> -->
+                <el-form-item label="填报人" prop="create_user">
+                    <el-input class="w-[280px]" v-model="queryParams.create_user" clearable placeholder="请输入填报人" />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-button v-perms="['manage_invest.manage_metered_payment/add']" type="primary" @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <el-button v-perms="['manage_invest.manage_metered_payment/delete']" :disabled="!selectData.length"
+                @click="handleDelete(selectData)">
+                删除
+            </el-button>
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
+                    <el-table-column label="年月" prop="date" show-overflow-tooltip />
+                    <el-table-column label="本月完成(万元)" prop="month_amount" show-overflow-tooltip />
+                    <el-table-column label="本月支付(万元)" prop="month_pay" show-overflow-tooltip />
+                    <el-table-column label="填报人" prop="create_user" show-overflow-tooltip />
+                    <el-table-column label="操作" width="120" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-perms="['manage_invest.manage_metered_payment/edit']" type="primary" link
+                                @click="handleEdit(row)">
+                                编辑
+                            </el-button>
+                            <el-button v-perms="['manage_invest.manage_metered_payment/delete']" type="danger" link
+                                @click="handleDelete(row.id)">
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="manageMeteredPaymentLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiManageMeteredPaymentLists, apiManageMeteredPaymentDelete, apiManageMeteredPaymentDetail } from '@/api/manage_metered_payment'
+import { timeFormat } from '@/utils/util'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+
+
+// 查询条件
+const queryParams = reactive({
+    project_id: '',
+    create_user: ''
+})
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('')
+
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiManageMeteredPaymentLists,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+// 编辑
+const handleEdit = async (data: any) => {
+    let res = await apiManageMeteredPaymentDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await apiManageMeteredPaymentDelete({ id })
+    getLists()
+}
+
+getLists()
+</script>

src/views/manage_monthly_progress_report/edit.vue

@@ -0,0 +1,189 @@
+<template>
+    <div class="edit-popup">
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
+            @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
+                <el-form-item label="项目名称" prop="project_name">
+                    <el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly
+                        @click="showDialog = true" />
+                </el-form-item>
+                <el-form-item label="年月" prop="date">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.date" clearable type="date"
+                        value-format="YYYY-MM" placeholder="请选择日期">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="累计工程进度" prop="progress">
+                    <el-input v-model="formData.progress" clearable placeholder="请输入累计工程进度" type="number" />
+                </el-form-item>
+                <el-form-item label="工程状态" prop="status">
+                    <el-select class="flex-1" v-model="formData.status" clearable placeholder="请选择工程状态">
+                        <el-option v-for="(item, index) in dictData.engineering_status" :key="index" :label="item.name"
+                            :value="parseInt(item.value)" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="存在问题" prop="problem">
+                    <el-input v-model="formData.problem" clearable placeholder="请输入存在问题" />
+                </el-form-item>
+                <el-form-item label="进度描述" prop="desc">
+                    <el-input v-model="formData.desc" clearable placeholder="请输入进度描述" />
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
+                </el-form-item>
+                <el-form-item label="附件" prop="annex">
+                    <annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
+                        @delFile="delFileFn" />
+                </el-form-item>
+            </el-form>
+            <el-dialog v-model="showDialog" title="选择项目" width="70%">
+                <dialogTable @customEvent="customEvent" :config="manage_project" />
+            </el-dialog>
+        </popup>
+    </div>
+</template>
+
+<script lang="ts" setup name="manageMonthlyProgressReportEdit">
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiManageMonthlyProgressReportAdd, apiManageMonthlyProgressReportEdit, apiManageMonthlyProgressReportDetail } from '@/api/manage_monthly_progress_report'
+import { manage_project } from "@/components/dialogTable/dialogTableConfig"
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref('add')
+const showDialog = ref(false)
+
+
+// 弹窗标题
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑项目管理--工程进度月报' : '新增项目管理--工程进度月报'
+})
+
+
+const handleAvatarSuccess_four = (response: any) => {
+    Array.isArray(formData.annex) ? '' : formData.annex = []
+    // @ts-ignore
+    response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
+};
+
+// 删除上传的文件
+const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
+
+// 表单数据
+const formData = reactive({
+    id: '',
+    project_id: '',
+    date: '',
+    project_name: "",
+    progress: '',
+    status: '',
+    problem: '',
+    desc: '',
+    remark: '',
+    annex: [],
+})
+
+const customEvent = (e: any) => {
+    formData.project_id = e.id
+    formData.project_name = e.project_name
+    showDialog.value = false
+}
+
+
+// 表单验证
+const formRules = reactive<any>({
+    project_id: [{
+        required: true,
+        message: '请输入项目id',
+        trigger: ['blur']
+    }],
+    date: [{
+        required: true,
+        message: '请输入年月',
+        trigger: ['blur']
+    }],
+    progress: [{
+        required: true,
+        message: '请输入累计工程进度',
+        trigger: ['blur']
+    }],
+    status: [{
+        required: true,
+        message: '请输入工程状态',
+        trigger: ['blur']
+    }],
+    problem: [{
+        required: true,
+        message: '请输入存在问题',
+        trigger: ['blur']
+    }],
+    desc: [{
+        required: true,
+        message: '请输入进度描述',
+        trigger: ['blur']
+    }],
+    remark: [{
+        required: true,
+        message: '请输入备注',
+        trigger: ['blur']
+    }]
+})
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+
+
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiManageMonthlyProgressReportDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    const data = { ...formData, }
+    mode.value == 'edit'
+        ? await apiManageMonthlyProgressReportEdit(data)
+        : await apiManageMonthlyProgressReportAdd(data)
+    popupRef.value?.close()
+    emit('success')
+}
+
+//打开弹窗
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>

src/views/manage_monthly_progress_report/index.vue

@@ -0,0 +1,117 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <!-- <el-form-item label="项目id" prop="project_id">
+                    <el-input class="w-[280px]" v-model="queryParams.project_id" clearable placeholder="请输入项目id" />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item> -->
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-button v-perms="['manage_progress.manage_monthly_progress_report/add']" type="primary"
+                @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <el-button v-perms="['manage_progress.manage_monthly_progress_report/delete']"
+                :disabled="!selectData.length" @click="handleDelete(selectData)">
+                删除
+            </el-button>
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
+                    <el-table-column label="年月" prop="date" show-overflow-tooltip />
+                    <el-table-column label="累计工程进度" prop="progress" show-overflow-tooltip />
+                    <el-table-column label="工程状态" prop="status_text" show-overflow-tooltip />
+                    <el-table-column label="存在问题" prop="problem" show-overflow-tooltip />
+                    <el-table-column label="进度描述" prop="desc" show-overflow-tooltip />
+                    <el-table-column label="备注" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="操作" width="120" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-perms="['manage_progress.manage_monthly_progress_report/edit']" type="primary"
+                                link @click="handleEdit(row)">
+                                编辑
+                            </el-button>
+                            <el-button v-perms="['manage_progress.manage_monthly_progress_report/delete']" type="danger"
+                                link @click="handleDelete(row.id)">
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="manageMonthlyProgressReportLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiManageMonthlyProgressReportLists, apiManageMonthlyProgressReportDelete, apiManageMonthlyProgressReportDetail } from '@/api/manage_monthly_progress_report'
+import { timeFormat } from '@/utils/util'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+
+
+// 查询条件
+const queryParams = reactive({
+    project_id: ''
+})
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('engineering_status')
+
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiManageMonthlyProgressReportLists,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+// 编辑
+const handleEdit = async (data: any) => {
+    let res = await apiManageMonthlyProgressReportDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await apiManageMonthlyProgressReportDelete({ id })
+    getLists()
+}
+
+getLists()
+</script>

src/views/manage_project/edit.vue

@@ -0,0 +1,447 @@
+<template>
+    <div class="edit-popup">
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit"
+            @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
+                <el-row>
+                    <el-col :span="8">
+                        <el-form-item label="项目名称" prop="project_name">
+                            <el-input v-model="formData.project_name" clearable placeholder="请输入项目名称" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="性质" prop="nature">
+                            <el-select class="flex-1" v-model="formData.nature" clearable placeholder="请选择性质">
+                                <el-option v-for="(item, index) in dictData.cost_consultation_industry_nature"
+                                    :key="index" :label="item.name" :value="parseInt(item.value)" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="行业" prop="industry">
+                            <el-select class="flex-1" v-model="formData.industry" clearable placeholder="请选择行业">
+                                <el-option v-for="(item, index) in dictData.industry" :key="index" :label="item.name"
+                                    :value="parseInt(item.value)" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="建设单位" prop="build_unit">
+                            <el-input v-model="formData.build_unit" clearable placeholder="请输入建设单位" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="建设区域" prop="build_area">
+                            <el-select class="flex-1" v-model="formData.build_area" clearable placeholder="请选择建设区域">
+                                <el-option v-for="(item, index) in dictData.const_area" :key="index" :label="item.name"
+                                    :value="parseInt(item.value)" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="项目地址" prop="address">
+                            <el-input v-model="formData.address" clearable placeholder="请输入项目地址" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="项目级别" prop="project_level">
+                            <el-select class="flex-1" v-model="formData.project_level" clearable placeholder="请选择项目级别">
+                                <el-option v-for="(item, index) in dictData.supervision_project_level" :key="index"
+                                    :label="item.name" :value="parseInt(item.value)" />
+                            </el-select>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="总投资(万元)" prop="total_investment">
+                            <el-input v-model="formData.total_investment" clearable placeholder="请输入总投资(万元)"
+                                type="number" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="工程状态" prop="engineering_status">
+                            <el-select class="flex-1" v-model="formData.engineering_status" clearable
+                                placeholder="请选择工程状态">
+                                <el-option v-for="(item, index) in dictData.engineering_status" :key="index"
+                                    :label="item.name" :value="parseInt(item.value)" />
+                            </el-select>
+
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="合同服务内容" prop="contract_content">
+                            <el-input v-model="formData.contract_content" clearable placeholder="请输入合同服务内容"
+                                type="textarea" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="项目概况" prop="project_overview">
+                            <el-input v-model="formData.project_overview" clearable placeholder="请输入项目概况" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="项目要求" prop="project_requirements">
+                            <el-input v-model="formData.project_requirements" clearable placeholder="请输入项目要求" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="计划开工日期" prop="planned_start_date">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.planned_start_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="计划竣工日期" prop="planned_end_date">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.planned_end_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="实际开工日期" prop="actual_start_date">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.actual_start_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="实际竣工日期" prop="actual_end_date">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.actual_end_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="实施部门" prop="implementation_department">
+                            <el-input v-model="formData.implementation_department" clearable placeholder="请输入实施部门" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="监管部门" prop="supervision_department">
+                            <el-input v-model="formData.supervision_department" clearable placeholder="请输入监管部门" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="项目经理" prop="project_manager">
+                            <el-input v-model="formData.project_manager" clearable placeholder="请输入项目经理" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="立项日期" prop="initiation_date">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.initiation_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="项目负责人" prop="project_leader">
+                            <el-input v-model="formData.project_leader" clearable placeholder="请输入项目负责人" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="项目部" prop="project_department">
+                            <el-input v-model="formData.project_department" clearable placeholder="请输入项目部" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="8">
+                        <el-form-item label="关联合同" prop="contract">
+                            <el-input v-model="formData.contract" clearable placeholder="请输入关联合同" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="甲方单位" prop="part_a_unit">
+                            <el-input v-model="formData.part_a_unit" clearable placeholder="请输入甲方单位" />
+                        </el-form-item>
+                    </el-col>
+
+                    <el-col :span="8">
+                        <el-form-item label="创建人" prop="create_user">
+                            <el-input v-model="formData.create_user" clearable placeholder="请输入创建人" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="创建时间" prop="create_time">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.create_time" clearable
+                                type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择日期">
+                            </el-date-picker>
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="备注" prop="remark">
+                            <el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
+                        </el-form-item>
+                    </el-col>
+                    <el-col :span="8">
+                        <el-form-item label="附件" prop="annex">
+                            <annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
+                                @delFile="delFileFn" />
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+        </popup>
+    </div>
+</template>
+
+<script lang="ts" setup name="manageProjectEdit">
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiManageProjectAdd, apiManageProjectEdit, apiManageProjectDetail } from '@/api/manage_project'
+import { timeFormat } from '@/utils/util'
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref('add')
+
+const handleAvatarSuccess_four = (response: any) => {
+    Array.isArray(formData.annex) ? '' : formData.annex = []
+    // @ts-ignore
+    response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
+};
+
+// 删除上传的文件
+const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
+
+
+// 弹窗标题
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑项目管理--项目信息' : '新增项目管理--项目信息'
+})
+
+// 表单数据
+const formData = reactive({
+    id: '',
+    project_name: '',
+    nature: '',
+    industry: '',
+    build_unit: '',
+    build_area: '',
+    address: '',
+    project_level: '',
+    total_investment: '',
+    engineering_status: '',
+    contract_content: '',
+    project_overview: '',
+    project_requirements: '',
+    planned_start_date: '',
+    planned_end_date: '',
+    actual_start_date: '',
+    actual_end_date: '',
+    implementation_department: '',
+    supervision_department: '',
+    project_manager: '',
+    initiation_date: '',
+    project_leader: '',
+    project_department: '',
+    remark: '',
+    contract: '',
+    part_a_unit: '',
+    annex: [],
+    create_user: '',
+    create_time: "",
+})
+
+
+// 表单验证
+const formRules = reactive<any>({
+    project_name: [{
+        required: true,
+        message: '请输入项目名称',
+        trigger: ['blur']
+    }],
+    project_code: [{
+        required: true,
+        message: '请输入项目编号',
+        trigger: ['blur']
+    }],
+    nature: [{
+        required: true,
+        message: '请输入性质',
+        trigger: ['blur']
+    }],
+    industry: [{
+        required: true,
+        message: '请输入行业',
+        trigger: ['blur']
+    }],
+    build_unit: [{
+        required: true,
+        message: '请输入建设单位',
+        trigger: ['blur']
+    }],
+    build_area: [{
+        required: true,
+        message: '请输入建设区域',
+        trigger: ['blur']
+    }],
+    address: [{
+        required: true,
+        message: '请输入项目地址',
+        trigger: ['blur']
+    }],
+    project_level: [{
+        required: true,
+        message: '请输入项目级别',
+        trigger: ['blur']
+    }],
+    total_investment: [{
+        required: true,
+        message: '请输入总投资(万元)',
+        trigger: ['blur']
+    }],
+    engineering_status: [{
+        required: true,
+        message: '请输入工程状态',
+        trigger: ['blur']
+    }],
+    contract_content: [{
+        required: true,
+        message: '请输入合同服务内容',
+        trigger: ['blur']
+    }],
+    project_overview: [{
+        required: true,
+        message: '请输入项目概况',
+        trigger: ['blur']
+    }],
+    project_requirements: [{
+        required: true,
+        message: '请输入项目要求',
+        trigger: ['blur']
+    }],
+    planned_start_date: [{
+        required: true,
+        message: '请输入计划开工日期',
+        trigger: ['blur']
+    }],
+    planned_end_date: [{
+        required: true,
+        message: '请输入计划竣工日期',
+        trigger: ['blur']
+    }],
+    actual_start_date: [{
+        required: true,
+        message: '请输入实际开工日期',
+        trigger: ['blur']
+    }],
+    actual_end_date: [{
+        required: true,
+        message: '请输入实际竣工日期',
+        trigger: ['blur']
+    }],
+    implementation_department: [{
+        required: true,
+        message: '请输入实施部门',
+        trigger: ['blur']
+    }],
+    supervision_department: [{
+        required: true,
+        message: '请输入监管部门',
+        trigger: ['blur']
+    }],
+    project_manager: [{
+        required: true,
+        message: '请输入项目经理',
+        trigger: ['blur']
+    }],
+    initiation_date: [{
+        required: true,
+        message: '请输入立项日期',
+        trigger: ['blur']
+    }],
+    project_leader: [{
+        required: true,
+        message: '请输入项目负责人',
+        trigger: ['blur']
+    }],
+    project_department: [{
+        required: true,
+        message: '请输入项目部',
+        trigger: ['blur']
+    }],
+    remark: [{
+        required: true,
+        message: '请输入备注',
+        trigger: ['blur']
+    }],
+    contract: [{
+        required: true,
+        message: '请输入关联合同',
+        trigger: ['blur']
+    }],
+    part_a_unit: [{
+        required: true,
+        message: '请输入甲方单位',
+        trigger: ['blur']
+    }],
+    create_user: [{
+        required: true,
+        message: '请输入创建人',
+        trigger: ['blur']
+    }],
+    create_time: [{
+        required: true,
+        message: '请输入创建时间',
+        trigger: ['blur']
+    }]
+})
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+
+
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiManageProjectDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    const data = { ...formData, }
+    mode.value == 'edit'
+        ? await apiManageProjectEdit(data)
+        : await apiManageProjectAdd(data)
+    popupRef.value?.close()
+    emit('success')
+}
+
+//打开弹窗
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>

src/views/manage_project/index.vue

@@ -0,0 +1,159 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <el-form-item label="项目名称" prop="project_name">
+                    <el-input class="w-[280px]" v-model="queryParams.project_name" clearable placeholder="请输入项目名称" />
+                </el-form-item>
+                <el-form-item label="项目编号" prop="project_code">
+                    <el-input class="w-[280px]" v-model="queryParams.project_code" clearable placeholder="请输入项目编号" />
+                </el-form-item>
+                <el-form-item label="性质" prop="nature">
+                    <el-select class="flex-1" v-model="queryParams.nature" clearable placeholder="请选择性质">
+                        <el-option v-for="(item, index) in dictData.cost_consultation_industry_nature" :key="index"
+                            :label="item.name" :value="parseInt(item.value)" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="行业" prop="industry">
+                    <el-select class="flex-1" v-model="queryParams.industry" clearable placeholder="请选择行业">
+                        <el-option v-for="(item, index) in dictData.industry" :key="index" :label="item.name"
+                            :value="parseInt(item.value)" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="建设区域" prop="build_area">
+                    <el-select class="flex-1" v-model="queryParams.build_area" clearable placeholder="请选择建设区域">
+                        <el-option v-for="(item, index) in dictData.const_area" :key="index" :label="item.name"
+                            :value="parseInt(item.value)" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="项目级别" prop="project_level">
+                    <el-select class="flex-1" v-model="queryParams.project_level" clearable placeholder="请选择项目级别">
+                        <el-option v-for="(item, index) in dictData.supervision_project_level" :key="index"
+                            :label="item.name" :value="parseInt(item.value)" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="工程状态" prop="engineering_status">
+                    <el-select class="flex-1" v-model="queryParams.engineering_status" clearable placeholder="请选择项目级别">
+                        <el-option v-for="(item, index) in dictData.engineering_status" :key="index" :label="item.name"
+                            :value="parseInt(item.value)" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-button v-perms="['manage_basic.manage_project/add']" type="primary" @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <el-button v-perms="['manage_basic.manage_project/delete']" :disabled="!selectData.length"
+                @click="handleDelete(selectData)">
+                删除
+            </el-button>
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
+                    <el-table-column label="项目编号" prop="project_code" show-overflow-tooltip />
+                    <el-table-column label="性质" prop="nature_text" show-overflow-tooltip />
+                    <el-table-column label="行业" prop="industry_text" show-overflow-tooltip />
+                    <el-table-column label="建设区域" prop="build_area_text" show-overflow-tooltip />
+                    <el-table-column label="项目级别" prop="project_level_text" show-overflow-tooltip />
+                    <el-table-column label="总投资(万元)" prop="total_investment" show-overflow-tooltip />
+                    <el-table-column label="工程状态" prop="engineering_status_text" show-overflow-tooltip />
+                    <el-table-column label="实施部门" prop="implementation_department" show-overflow-tooltip />
+                    <el-table-column label="监管部门" prop="supervision_department" show-overflow-tooltip />
+                    <el-table-column label="项目经理" prop="project_manager" show-overflow-tooltip />
+                    <el-table-column label="操作" width="120" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-perms="['manage_basic.manage_project/edit']" type="primary" link
+                                @click="handleEdit(row)">
+                                编辑
+                            </el-button>
+                            <el-button v-perms="['manage_basic.manage_project/delete']" type="danger" link
+                                @click="handleDelete(row.id)">
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="manageProjectLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiManageProjectLists, apiManageProjectDelete, apiManageProjectDetail } from '@/api/manage_project'
+import { timeFormat } from '@/utils/util'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+
+
+// 查询条件
+const queryParams = reactive({
+    project_name: '',
+    project_code: '',
+    nature: '',
+    industry: '',
+    build_area: '',
+    project_level: '',
+    engineering_status: ''
+})
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('cost_consultation_industry_nature,industry,const_area,supervision_project_level,engineering_status')
+
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiManageProjectLists,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+// 编辑
+const handleEdit = async (data: any) => {
+    let res = await apiManageProjectDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await apiManageProjectDelete({ id })
+    getLists()
+}
+
+getLists()
+</script>

src/views/manage_send_doc/edit.vue

@@ -0,0 +1,192 @@
+<template>
+    <div class="edit-popup">
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit"
+            @close="handleClose">
+            <el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
+                <el-form-item label="项目名称" prop="project_name">
+                    <el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly
+                        @click="showDialog = true" />
+                </el-form-item>
+                <el-form-item label="编号" prop="code">
+                    <el-input v-model="formData.code" clearable placeholder="请输入编号" />
+                </el-form-item>
+                <el-form-item label="内容摘要" prop="abstract">
+                    <el-input v-model="formData.abstract" clearable placeholder="请输入内容摘要" />
+                </el-form-item>
+                <el-form-item label="发文日期" prop="send_date">
+                    <el-date-picker class="flex-1 !flex" v-model="formData.send_date" clearable type="date"
+                        value-format="YYYY-MM-DD" placeholder="请选择日期">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="发文单位" prop="send_company">
+                    <el-input v-model="formData.send_company" clearable placeholder="请输入发文单位" />
+                </el-form-item>
+                <el-form-item label="发文人" prop="send_user">
+                    <el-input v-model="formData.send_user" clearable placeholder="请输入发文人" />
+                </el-form-item>
+                <el-form-item label="签收人" prop="accept_user">
+                    <el-input v-model="formData.accept_user" clearable placeholder="请输入签收人" />
+                </el-form-item>
+                <el-form-item label="备注" prop="remark">
+                    <el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
+                </el-form-item>
+                <el-form-item label="附件" prop="annex">
+                    <annexUpload :annex="formData.annex" @handleAvatarSuccess="handleAvatarSuccess_four"
+                        @delFile="delFileFn" />
+                </el-form-item>
+            </el-form>
+            <el-dialog v-model="showDialog" title="选择项目" width="70%">
+                <dialogTable @customEvent="customEvent" :config="manage_project" />
+            </el-dialog>
+        </popup>
+    </div>
+</template>
+
+<script lang="ts" setup name="manageSendDocEdit">
+import type { FormInstance } from 'element-plus'
+import Popup from '@/components/popup/index.vue'
+import { apiManageSendDocAdd, apiManageSendDocEdit, apiManageSendDocDetail } from '@/api/manage_send_doc'
+import { manage_project } from "@/components/dialogTable/dialogTableConfig"
+import type { PropType } from 'vue'
+defineProps({
+    dictData: {
+        type: Object as PropType<Record<string, any[]>>,
+        default: () => ({})
+    }
+})
+const emit = defineEmits(['success', 'close'])
+const formRef = shallowRef<FormInstance>()
+const popupRef = shallowRef<InstanceType<typeof Popup>>()
+const mode = ref('add')
+const showDialog = ref(false)
+
+
+// 弹窗标题
+const popupTitle = computed(() => {
+    return mode.value == 'edit' ? '编辑项目管理--发文管理' : '新增项目管理--发文管理'
+})
+
+// 表单数据
+const formData = reactive({
+    id: '',
+    project_id: '',
+    project_name: "",
+    code: '',
+    abstract: '',
+    send_date: '',
+    send_company: '',
+    send_user: '',
+    accept_user: '',
+    remark: '',
+    annex: [],
+})
+const customEvent = (e: any) => {
+    formData.project_id = e.id
+    formData.project_name = e.project_name
+    showDialog.value = false
+}
+
+const handleAvatarSuccess_four = (response: any) => {
+    Array.isArray(formData.annex) ? '' : formData.annex = []
+    // @ts-ignore
+    response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
+};
+
+// 删除上传的文件
+const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
+
+// 表单验证
+const formRules = reactive<any>({
+    project_id: [{
+        required: true,
+        message: '请输入项目id',
+        trigger: ['blur']
+    }],
+    code: [{
+        required: true,
+        message: '请输入编号',
+        trigger: ['blur']
+    }],
+    abstract: [{
+        required: true,
+        message: '请输入内容摘要',
+        trigger: ['blur']
+    }],
+    send_date: [{
+        required: true,
+        message: '请输入发文日期',
+        trigger: ['blur']
+    }],
+    send_company: [{
+        required: true,
+        message: '请输入发文单位',
+        trigger: ['blur']
+    }],
+    send_user: [{
+        required: true,
+        message: '请输入发文人',
+        trigger: ['blur']
+    }],
+    accept_user: [{
+        required: true,
+        message: '请输入签收人',
+        trigger: ['blur']
+    }],
+    remark: [{
+        required: true,
+        message: '请输入备注',
+        trigger: ['blur']
+    }]
+})
+
+
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+    for (const key in formData) {
+        if (data[key] != null && data[key] != undefined) {
+            //@ts-ignore
+            formData[key] = data[key]
+        }
+    }
+
+
+}
+
+const getDetail = async (row: Record<string, any>) => {
+    const data = await apiManageSendDocDetail({
+        id: row.id
+    })
+    setFormData(data)
+}
+
+
+// 提交按钮
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    const data = { ...formData, }
+    mode.value == 'edit'
+        ? await apiManageSendDocEdit(data)
+        : await apiManageSendDocAdd(data)
+    popupRef.value?.close()
+    emit('success')
+}
+
+//打开弹窗
+const open = (type = 'add') => {
+    mode.value = type
+    popupRef.value?.open()
+}
+
+// 关闭回调
+const handleClose = () => {
+    emit('close')
+}
+
+
+
+defineExpose({
+    open,
+    setFormData,
+    getDetail
+})
+</script>

src/views/manage_send_doc/index.vue

@@ -0,0 +1,125 @@
+<template>
+    <div>
+        <el-card class="!border-none mb-4" shadow="never">
+            <el-form class="mb-[-16px]" :model="queryParams" inline>
+                <el-form-item label="编号" prop="code">
+                    <el-input class="w-[280px]" v-model="queryParams.code" clearable placeholder="请输入编号" />
+                </el-form-item>
+                <el-form-item label="发文人" prop="send_user">
+                    <el-input class="w-[280px]" v-model="queryParams.send_user" clearable placeholder="请输入发文人" />
+                </el-form-item>
+                <el-form-item label="签收人" prop="accept_user">
+                    <el-input class="w-[280px]" v-model="queryParams.accept_user" clearable placeholder="请输入签收人" />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="resetPage">查询</el-button>
+                    <el-button @click="resetParams">重置</el-button>
+                </el-form-item>
+            </el-form>
+        </el-card>
+        <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-button v-perms="['manage_communication.manage_send_doc/add']" type="primary" @click="handleAdd">
+                <template #icon>
+                    <icon name="el-icon-Plus" />
+                </template>
+                新增
+            </el-button>
+            <el-button v-perms="['manage_communication.manage_send_doc/delete']" :disabled="!selectData.length"
+                @click="handleDelete(selectData)">
+                删除
+            </el-button>
+            <div class="mt-4">
+                <el-table :data="pager.lists" @selection-change="handleSelectionChange">
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column label="项目名称" prop="project_name" show-overflow-tooltip />
+                    <el-table-column label="编号" prop="code" show-overflow-tooltip />
+                    <el-table-column label="内容摘要" prop="abstract" show-overflow-tooltip />
+                    <el-table-column label="发文日期" prop="send_date" show-overflow-tooltip />
+                    <el-table-column label="发文单位" prop="send_company" show-overflow-tooltip />
+                    <el-table-column label="发文人" prop="send_user" show-overflow-tooltip />
+                    <el-table-column label="签收人" prop="accept_user" show-overflow-tooltip />
+                    <el-table-column label="备注" prop="remark" show-overflow-tooltip />
+                    <el-table-column label="操作" width="120" fixed="right">
+                        <template #default="{ row }">
+                            <el-button v-perms="['manage_communication.manage_send_doc/edit']" type="primary" link
+                                @click="handleEdit(row)">
+                                编辑
+                            </el-button>
+                            <el-button v-perms="['manage_communication.manage_send_doc/delete']" type="danger" link
+                                @click="handleDelete(row.id)">
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+            <div class="flex mt-4 justify-end">
+                <pagination v-model="pager" @change="getLists" />
+            </div>
+        </el-card>
+        <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" />
+    </div>
+</template>
+
+<script lang="ts" setup name="manageSendDocLists">
+import { usePaging } from '@/hooks/usePaging'
+import { useDictData } from '@/hooks/useDictOptions'
+import { apiManageSendDocLists, apiManageSendDocDelete, apiManageSendDocDetail } from '@/api/manage_send_doc'
+import feedback from '@/utils/feedback'
+import EditPopup from './edit.vue'
+
+const editRef = shallowRef<InstanceType<typeof EditPopup>>()
+// 是否显示编辑框
+const showEdit = ref(false)
+
+
+// 查询条件
+const queryParams = reactive({
+    project_id: '',
+    code: '',
+    send_user: '',
+    accept_user: ''
+})
+
+// 选中数据
+const selectData = ref<any[]>([])
+
+// 表格选择后回调事件
+const handleSelectionChange = (val: any[]) => {
+    selectData.value = val.map(({ id }) => id)
+}
+
+// 获取字典数据
+const { dictData } = useDictData('')
+
+// 分页相关
+const { pager, getLists, resetParams, resetPage } = usePaging({
+    fetchFun: apiManageSendDocLists,
+    params: queryParams
+})
+
+// 添加
+const handleAdd = async () => {
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('add')
+}
+
+// 编辑
+const handleEdit = async (data: any) => {
+    let res = await apiManageSendDocDetail({ id: data.id })
+    showEdit.value = true
+    await nextTick()
+    editRef.value?.open('edit')
+    editRef.value?.setFormData(res)
+}
+
+// 删除
+const handleDelete = async (id: number | any[]) => {
+    await feedback.confirm('确定要删除？')
+    await apiManageSendDocDelete({ id })
+    getLists()
+}
+
+getLists()
+</script>

src/views/supervision_device_entry/edit.vue

@@ -46,7 +46,6 @@
 
                 <el-dialog v-model="showDialog" title="选择项目" width="70%">
                     <dialogTable @customEvent="customEvent" :config="supervision_project" />
-
                 </el-dialog>
                 <div v-if="showDialog2">
                     <el-dialog v-model="showDialog2" width=" 70%" title="选择施工单位">

src/views/supervision_project/edit.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="edit-popup">
-        <popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit" @close="handleClose">
+        <popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit"
+            @close="handleClose">
             <el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
                 <el-row>
                     <el-col :span="8">
@@ -10,7 +11,7 @@
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="行业" prop="industry">
-                            <el-select class="flex-1" v-model="formData.industry" clearable placeholder="请选择盖章名称">
+                            <el-select class="flex-1" v-model="formData.industry" clearable placeholder="请选择行业">
                                 <el-option v-for="(item, index) in dictData.supervision_project_industry" :key="index"
                                     :label="item.name" :value="parseInt(item.value)" />
                             </el-select>
@@ -18,7 +19,7 @@
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="性质" prop="nature">
-                            <el-select class="flex-1" v-model="formData.nature" clearable placeholder="请选择盖章名称">
+                            <el-select class="flex-1" v-model="formData.nature" clearable placeholder="请选择性质">
                                 <el-option v-for="(item, index) in dictData.supervision_project_nature" :key="index"
                                     :label="item.name" :value="parseInt(item.value)" />
                             </el-select>
@@ -33,7 +34,7 @@
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="建设区域" prop="build_area">
-                            <el-select class="flex-1" v-model="formData.build_area" clearable placeholder="请选择盖章名称">
+                            <el-select class="flex-1" v-model="formData.build_area" clearable placeholder="请选择建设区域">
                                 <el-option v-for="(item, index) in dictData.supervision_project_build_area" :key="index"
                                     :label="item.name" :value="parseInt(item.value)" />
                             </el-select>
@@ -64,8 +65,8 @@
                     <el-col :span="8">
                         <el-form-item label="立项日期" prop="initiation_date">
                             <!-- <el-input v-model="formData.initiation_date" clearable placeholder="请输入立项日期" /> -->
-                            <el-date-picker class="flex-1 !flex" v-model="formData.initiation_date" clearable type="date"
-                                value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.initiation_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
                             </el-date-picker>
                         </el-form-item>
                     </el-col>
@@ -78,13 +79,14 @@
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="合同金额" prop="contract_amount">
-                            <el-input v-model="formData.contract_amount" clearable placeholder="请输入合同金额" type="number" />
+                            <el-input v-model="formData.contract_amount" clearable placeholder="请输入合同金额"
+                                type="number" />
                         </el-form-item>
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="实际开工日期" prop="actual_start_date" label-width="120px">
-                            <el-date-picker class="flex-1 !flex" v-model="formData.actual_start_date" clearable type="date"
-                                value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.actual_start_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
                             </el-date-picker>
                         </el-form-item>
                     </el-col>
@@ -93,24 +95,24 @@
                     <el-col :span="8">
                         <el-form-item label="实际竣工日期" prop="actual_end_date" label-width="120px">
                             <!-- <el-input v-model="formData.actual_end_date" clearable placeholder="请输入实际竣工日期" /> -->
-                            <el-date-picker class="flex-1 !flex" v-model="formData.actual_end_date" clearable type="date"
-                                value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.actual_end_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
                             </el-date-picker>
                         </el-form-item>
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="计划开工日期" prop="planned_start_date" label-width="120px">
                             <!-- <el-input v-model="formData.planned_start_date" clearable placeholder="请输入计划开工日期" /> -->
-                            <el-date-picker class="flex-1 !flex" v-model="formData.planned_start_date" clearable type="date"
-                                value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.planned_start_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
                             </el-date-picker>
                         </el-form-item>
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="计划竣工日期" prop="planned_end_date" label-width="120px">
                             <!-- <el-input v-model="formData.planned_end_date" clearable placeholder="请输入计划竣工日期" /> -->
-                            <el-date-picker class="flex-1 !flex" v-model="formData.planned_end_date" clearable type="date"
-                                value-format="YYYY-MM-DD" placeholder="请选择日期">
+                            <el-date-picker class="flex-1 !flex" v-model="formData.planned_end_date" clearable
+                                type="date" value-format="YYYY-MM-DD" placeholder="请选择日期">
                             </el-date-picker>
                         </el-form-item>
                     </el-col>
@@ -157,7 +159,8 @@
                     </el-col>
                     <el-col :span="8">
                         <el-form-item label="工程状态" prop="engineering_status">
-                            <el-select class="flex-1" v-model="formData.engineering_status" clearable placeholder="请选择盖章名称">
+                            <el-select class="flex-1" v-model="formData.engineering_status" clearable
+                                placeholder="请选择盖章名称">
                                 <el-option v-for="(item, index) in dictData.supervision_project_status" :key="index"
                                     :label="item.name" :value="parseInt(item.value)" />
                             </el-select>