mirror of
				https://gitee.com/hhyykk/ipms-sjy.git
				synced 2025-10-31 02:08:43 +08:00 
			
		
		
		
	添加PMS中预算管理、应收款管理的前端页面及sql语句部分;添加CMS中,外包合同部分,后端代码,前端代码及sql语句
This commit is contained in:
		| @@ -0,0 +1,49 @@ | ||||
| import request from '@/config/axios' | ||||
|  | ||||
| // 外包合同 VO | ||||
| export interface OutsContractVO { | ||||
|   id: number // 主键 | ||||
|   projectId: number // 项目id | ||||
|   name: string // 合同名称 | ||||
|   contractId: number // 主合同id | ||||
|   countType: string // 类型 | ||||
|   amount: number // 合同金额 | ||||
|   code: string // 编号 | ||||
|   major: string // 专业 | ||||
|   signingTime: Date // 签订时间 | ||||
|   settlementAmount: number // 结算数 | ||||
|   contractFileUrl: string // 合同文件url | ||||
| } | ||||
|  | ||||
| // 外包合同 API | ||||
| export const OutsContractApi = { | ||||
|   // 查询外包合同分页 | ||||
|   getOutsContractPage: async (params: any) => { | ||||
|     return await request.get({ url: `/cms/outs-contract/page`, params }) | ||||
|   }, | ||||
|  | ||||
|   // 查询外包合同详情 | ||||
|   getOutsContract: async (id: number) => { | ||||
|     return await request.get({ url: `/cms/outs-contract/get?id=` + id }) | ||||
|   }, | ||||
|  | ||||
|   // 新增外包合同 | ||||
|   createOutsContract: async (data: OutsContractVO) => { | ||||
|     return await request.post({ url: `/cms/outs-contract/create`, data }) | ||||
|   }, | ||||
|  | ||||
|   // 修改外包合同 | ||||
|   updateOutsContract: async (data: OutsContractVO) => { | ||||
|     return await request.put({ url: `/cms/outs-contract/update`, data }) | ||||
|   }, | ||||
|  | ||||
|   // 删除外包合同 | ||||
|   deleteOutsContract: async (id: number) => { | ||||
|     return await request.delete({ url: `/cms/outs-contract/delete?id=` + id }) | ||||
|   }, | ||||
|  | ||||
|   // 导出外包合同 Excel | ||||
|   exportOutsContract: async (params) => { | ||||
|     return await request.download({ url: `/cms/outs-contract/export-excel`, params }) | ||||
|   }, | ||||
| } | ||||
| @@ -0,0 +1,157 @@ | ||||
| <template> | ||||
|   <Dialog :title="dialogTitle" v-model="dialogVisible"> | ||||
|     <el-form | ||||
|       ref="formRef" | ||||
|       :model="formData" | ||||
|       :rules="formRules" | ||||
|       label-width="100px" | ||||
|       v-loading="formLoading" | ||||
|     > | ||||
|       <el-form-item label="项目id" prop="projectId"> | ||||
|         <el-input v-model="formData.projectId" placeholder="请输入项目id" /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="合同名称" prop="name"> | ||||
|         <el-input v-model="formData.name" placeholder="请输入合同名称" /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="主合同id" prop="contractId"> | ||||
|         <el-input v-model="formData.contractId" placeholder="请输入主合同id" /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="类型" prop="countType"> | ||||
|         <el-select v-model="formData.countType" placeholder="请选择类型"> | ||||
|           <el-option | ||||
|             v-for="dict in getStrDictOptions(DICT_TYPE.CONTRACT_BILLING_TYPE)" | ||||
|             :key="dict.value" | ||||
|             :label="dict.label" | ||||
|             :value="dict.value" | ||||
|           /> | ||||
|         </el-select> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="合同金额" prop="amount"> | ||||
|         <el-input v-model="formData.amount" placeholder="请输入合同金额" /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="编号" prop="code"> | ||||
|         <el-input v-model="formData.code" placeholder="请输入编号" /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="专业" prop="major"> | ||||
|         <el-select v-model="formData.major" placeholder="请选择专业"> | ||||
|           <el-option | ||||
|             v-for="dict in getStrDictOptions(DICT_TYPE.MAJOR)" | ||||
|             :key="dict.value" | ||||
|             :label="dict.label" | ||||
|             :value="dict.value" | ||||
|           /> | ||||
|         </el-select> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="签订时间" prop="signingTime"> | ||||
|         <el-date-picker | ||||
|           v-model="formData.signingTime" | ||||
|           type="date" | ||||
|           value-format="x" | ||||
|           placeholder="选择签订时间" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="结算数" prop="settlementAmount"> | ||||
|         <el-input v-model="formData.settlementAmount" placeholder="请输入结算数" /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="合同文件url" prop="contractFileUrl"> | ||||
|         <UploadFile v-model="formData.contractFileUrl" /> | ||||
|       </el-form-item> | ||||
|     </el-form> | ||||
|     <template #footer> | ||||
|       <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button> | ||||
|       <el-button @click="dialogVisible = false">取 消</el-button> | ||||
|     </template> | ||||
|   </Dialog> | ||||
| </template> | ||||
| <script setup lang="ts"> | ||||
| import { getStrDictOptions, DICT_TYPE } from '@/utils/dict' | ||||
| import { OutsContractApi, OutsContractVO } from '@/api/cms/outscontract' | ||||
|  | ||||
| /** 外包合同 表单 */ | ||||
| defineOptions({ name: 'OutsContractForm' }) | ||||
|  | ||||
| const { t } = useI18n() // 国际化 | ||||
| const message = useMessage() // 消息弹窗 | ||||
|  | ||||
| const dialogVisible = ref(false) // 弹窗的是否展示 | ||||
| const dialogTitle = ref('') // 弹窗的标题 | ||||
| const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用 | ||||
| const formType = ref('') // 表单的类型:create - 新增;update - 修改 | ||||
| const formData = ref({ | ||||
|   id: undefined, | ||||
|   projectId: undefined, | ||||
|   name: undefined, | ||||
|   contractId: undefined, | ||||
|   countType: undefined, | ||||
|   amount: undefined, | ||||
|   code: undefined, | ||||
|   major: undefined, | ||||
|   signingTime: undefined, | ||||
|   settlementAmount: undefined, | ||||
|   contractFileUrl: undefined, | ||||
| }) | ||||
| const formRules = reactive({ | ||||
|   projectId: [{ required: true, message: '项目id不能为空', trigger: 'blur' }], | ||||
| }) | ||||
| const formRef = ref() // 表单 Ref | ||||
|  | ||||
| /** 打开弹窗 */ | ||||
| const open = async (type: string, id?: number) => { | ||||
|   dialogVisible.value = true | ||||
|   dialogTitle.value = t('action.' + type) | ||||
|   formType.value = type | ||||
|   resetForm() | ||||
|   // 修改时,设置数据 | ||||
|   if (id) { | ||||
|     formLoading.value = true | ||||
|     try { | ||||
|       formData.value = await OutsContractApi.getOutsContract(id) | ||||
|     } finally { | ||||
|       formLoading.value = false | ||||
|     } | ||||
|   } | ||||
| } | ||||
| defineExpose({ open }) // 提供 open 方法,用于打开弹窗 | ||||
|  | ||||
| /** 提交表单 */ | ||||
| const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调 | ||||
| const submitForm = async () => { | ||||
|   // 校验表单 | ||||
|   await formRef.value.validate() | ||||
|   // 提交请求 | ||||
|   formLoading.value = true | ||||
|   try { | ||||
|     const data = formData.value as unknown as OutsContractVO | ||||
|     if (formType.value === 'create') { | ||||
|       await OutsContractApi.createOutsContract(data) | ||||
|       message.success(t('common.createSuccess')) | ||||
|     } else { | ||||
|       await OutsContractApi.updateOutsContract(data) | ||||
|       message.success(t('common.updateSuccess')) | ||||
|     } | ||||
|     dialogVisible.value = false | ||||
|     // 发送操作成功的事件 | ||||
|     emit('success') | ||||
|   } finally { | ||||
|     formLoading.value = false | ||||
|   } | ||||
| } | ||||
|  | ||||
| /** 重置表单 */ | ||||
| const resetForm = () => { | ||||
|   formData.value = { | ||||
|     id: undefined, | ||||
|     projectId: undefined, | ||||
|     name: undefined, | ||||
|     contractId: undefined, | ||||
|     countType: undefined, | ||||
|     amount: undefined, | ||||
|     code: undefined, | ||||
|     major: undefined, | ||||
|     signingTime: undefined, | ||||
|     settlementAmount: undefined, | ||||
|     contractFileUrl: undefined, | ||||
|   } | ||||
|   formRef.value?.resetFields() | ||||
| } | ||||
| </script> | ||||
| @@ -0,0 +1,306 @@ | ||||
| <template> | ||||
|   <ContentWrap> | ||||
|     <!-- 搜索工作栏 --> | ||||
|     <el-form | ||||
|       class="-mb-15px" | ||||
|       :model="queryParams" | ||||
|       ref="queryFormRef" | ||||
|       :inline="true" | ||||
|       label-width="68px" | ||||
|     > | ||||
|       <el-form-item label="项目id" prop="projectId"> | ||||
|         <el-input | ||||
|           v-model="queryParams.projectId" | ||||
|           placeholder="请输入项目id" | ||||
|           clearable | ||||
|           @keyup.enter="handleQuery" | ||||
|           class="!w-240px" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="合同名称" prop="name"> | ||||
|         <el-input | ||||
|           v-model="queryParams.name" | ||||
|           placeholder="请输入合同名称" | ||||
|           clearable | ||||
|           @keyup.enter="handleQuery" | ||||
|           class="!w-240px" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="主合同id" prop="contractId"> | ||||
|         <el-input | ||||
|           v-model="queryParams.contractId" | ||||
|           placeholder="请输入主合同id" | ||||
|           clearable | ||||
|           @keyup.enter="handleQuery" | ||||
|           class="!w-240px" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="类型" prop="countType"> | ||||
|         <el-select | ||||
|           v-model="queryParams.countType" | ||||
|           placeholder="请选择类型" | ||||
|           clearable | ||||
|           class="!w-240px" | ||||
|         > | ||||
|           <el-option | ||||
|             v-for="dict in getStrDictOptions(DICT_TYPE.CONTRACT_BILLING_TYPE)" | ||||
|             :key="dict.value" | ||||
|             :label="dict.label" | ||||
|             :value="dict.value" | ||||
|           /> | ||||
|         </el-select> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="合同金额" prop="amount"> | ||||
|         <el-input | ||||
|           v-model="queryParams.amount" | ||||
|           placeholder="请输入合同金额" | ||||
|           clearable | ||||
|           @keyup.enter="handleQuery" | ||||
|           class="!w-240px" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="编号" prop="code"> | ||||
|         <el-input | ||||
|           v-model="queryParams.code" | ||||
|           placeholder="请输入编号" | ||||
|           clearable | ||||
|           @keyup.enter="handleQuery" | ||||
|           class="!w-240px" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="专业" prop="major"> | ||||
|         <el-select | ||||
|           v-model="queryParams.major" | ||||
|           placeholder="请选择专业" | ||||
|           clearable | ||||
|           class="!w-240px" | ||||
|         > | ||||
|           <el-option | ||||
|             v-for="dict in getStrDictOptions(DICT_TYPE.MAJOR)" | ||||
|             :key="dict.value" | ||||
|             :label="dict.label" | ||||
|             :value="dict.value" | ||||
|           /> | ||||
|         </el-select> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="签订时间" prop="signingTime"> | ||||
|         <el-date-picker | ||||
|           v-model="queryParams.signingTime" | ||||
|           value-format="YYYY-MM-DD HH:mm:ss" | ||||
|           type="daterange" | ||||
|           start-placeholder="开始日期" | ||||
|           end-placeholder="结束日期" | ||||
|           :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" | ||||
|           class="!w-240px" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="结算数" prop="settlementAmount"> | ||||
|         <el-input | ||||
|           v-model="queryParams.settlementAmount" | ||||
|           placeholder="请输入结算数" | ||||
|           clearable | ||||
|           @keyup.enter="handleQuery" | ||||
|           class="!w-240px" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item label="创建时间" prop="createTime"> | ||||
|         <el-date-picker | ||||
|           v-model="queryParams.createTime" | ||||
|           value-format="YYYY-MM-DD HH:mm:ss" | ||||
|           type="daterange" | ||||
|           start-placeholder="开始日期" | ||||
|           end-placeholder="结束日期" | ||||
|           :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" | ||||
|           class="!w-240px" | ||||
|         /> | ||||
|       </el-form-item> | ||||
|       <el-form-item> | ||||
|         <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button> | ||||
|         <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button> | ||||
|         <el-button | ||||
|           type="primary" | ||||
|           plain | ||||
|           @click="openForm('create')" | ||||
|           v-hasPermi="['cms:outs-contract:create']" | ||||
|         > | ||||
|           <Icon icon="ep:plus" class="mr-5px" /> 新增 | ||||
|         </el-button> | ||||
|         <el-button | ||||
|           type="success" | ||||
|           plain | ||||
|           @click="handleExport" | ||||
|           :loading="exportLoading" | ||||
|           v-hasPermi="['cms:outs-contract:export']" | ||||
|         > | ||||
|           <Icon icon="ep:download" class="mr-5px" /> 导出 | ||||
|         </el-button> | ||||
|       </el-form-item> | ||||
|     </el-form> | ||||
|   </ContentWrap> | ||||
|  | ||||
|   <!-- 列表 --> | ||||
|   <ContentWrap> | ||||
|     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> | ||||
|       <el-table-column label="主键" align="center" prop="id" /> | ||||
|       <el-table-column label="项目id" align="center" prop="projectId" /> | ||||
|       <el-table-column label="合同名称" align="center" prop="name" /> | ||||
|       <el-table-column label="主合同id" align="center" prop="contractId" /> | ||||
|       <el-table-column label="类型" align="center" prop="countType"> | ||||
|         <template #default="scope"> | ||||
|           <dict-tag :type="DICT_TYPE.CONTRACT_BILLING_TYPE" :value="scope.row.countType" /> | ||||
|         </template> | ||||
|       </el-table-column> | ||||
|       <el-table-column label="合同金额" align="center" prop="amount" /> | ||||
|       <el-table-column label="编号" align="center" prop="code" /> | ||||
|       <el-table-column label="专业" align="center" prop="major"> | ||||
|         <template #default="scope"> | ||||
|           <dict-tag :type="DICT_TYPE.MAJOR" :value="scope.row.major" /> | ||||
|         </template> | ||||
|       </el-table-column> | ||||
|       <el-table-column | ||||
|         label="签订时间" | ||||
|         align="center" | ||||
|         prop="signingTime" | ||||
|         :formatter="dateFormatter" | ||||
|         width="180px" | ||||
|       /> | ||||
|       <el-table-column label="结算数" align="center" prop="settlementAmount" /> | ||||
|       <el-table-column label="合同文件url" align="center" prop="contractFileUrl" /> | ||||
|       <el-table-column | ||||
|         label="创建时间" | ||||
|         align="center" | ||||
|         prop="createTime" | ||||
|         :formatter="dateFormatter" | ||||
|         width="180px" | ||||
|       /> | ||||
|       <el-table-column label="操作" align="center"> | ||||
|         <template #default="scope"> | ||||
|           <el-button | ||||
|             link | ||||
|             type="primary" | ||||
|             @click="openForm('update', scope.row.id)" | ||||
|             v-hasPermi="['cms:outs-contract:update']" | ||||
|           > | ||||
|             编辑 | ||||
|           </el-button> | ||||
|           <el-button | ||||
|             link | ||||
|             type="danger" | ||||
|             @click="handleDelete(scope.row.id)" | ||||
|             v-hasPermi="['cms:outs-contract:delete']" | ||||
|           > | ||||
|             删除 | ||||
|           </el-button> | ||||
|         </template> | ||||
|       </el-table-column> | ||||
|     </el-table> | ||||
|     <!-- 分页 --> | ||||
|     <Pagination | ||||
|       :total="total" | ||||
|       v-model:page="queryParams.pageNo" | ||||
|       v-model:limit="queryParams.pageSize" | ||||
|       @pagination="getList" | ||||
|     /> | ||||
|   </ContentWrap> | ||||
|  | ||||
|   <!-- 表单弹窗:添加/修改 --> | ||||
|   <OutsContractForm ref="formRef" @success="getList" /> | ||||
| </template> | ||||
|  | ||||
| <script setup lang="ts"> | ||||
| import { getStrDictOptions, DICT_TYPE } from '@/utils/dict' | ||||
| import { dateFormatter } from '@/utils/formatTime' | ||||
| import download from '@/utils/download' | ||||
| import { OutsContractApi, OutsContractVO } from '@/api/cms/outscontract' | ||||
| import OutsContractForm from './OutsContractForm.vue' | ||||
|  | ||||
| /** 外包合同 列表 */ | ||||
| defineOptions({ name: 'OutsContract' }) | ||||
|  | ||||
| const message = useMessage() // 消息弹窗 | ||||
| const { t } = useI18n() // 国际化 | ||||
|  | ||||
| const loading = ref(true) // 列表的加载中 | ||||
| const list = ref<OutsContractVO[]>([]) // 列表的数据 | ||||
| const total = ref(0) // 列表的总页数 | ||||
| const queryParams = reactive({ | ||||
|   pageNo: 1, | ||||
|   pageSize: 10, | ||||
|   projectId: undefined, | ||||
|   name: undefined, | ||||
|   contractId: undefined, | ||||
|   countType: undefined, | ||||
|   amount: undefined, | ||||
|   code: undefined, | ||||
|   major: undefined, | ||||
|   signingTime: [], | ||||
|   settlementAmount: undefined, | ||||
|   contractFileUrl: undefined, | ||||
|   createTime: [], | ||||
| }) | ||||
| const queryFormRef = ref() // 搜索的表单 | ||||
| const exportLoading = ref(false) // 导出的加载中 | ||||
|  | ||||
| /** 查询列表 */ | ||||
| const getList = async () => { | ||||
|   loading.value = true | ||||
|   try { | ||||
|     const data = await OutsContractApi.getOutsContractPage(queryParams) | ||||
|     list.value = data.list | ||||
|     total.value = data.total | ||||
|   } finally { | ||||
|     loading.value = false | ||||
|   } | ||||
| } | ||||
|  | ||||
| /** 搜索按钮操作 */ | ||||
| const handleQuery = () => { | ||||
|   queryParams.pageNo = 1 | ||||
|   getList() | ||||
| } | ||||
|  | ||||
| /** 重置按钮操作 */ | ||||
| const resetQuery = () => { | ||||
|   queryFormRef.value.resetFields() | ||||
|   handleQuery() | ||||
| } | ||||
|  | ||||
| /** 添加/修改操作 */ | ||||
| const formRef = ref() | ||||
| const openForm = (type: string, id?: number) => { | ||||
|   formRef.value.open(type, id) | ||||
| } | ||||
|  | ||||
| /** 删除按钮操作 */ | ||||
| const handleDelete = async (id: number) => { | ||||
|   try { | ||||
|     // 删除的二次确认 | ||||
|     await message.delConfirm() | ||||
|     // 发起删除 | ||||
|     await OutsContractApi.deleteOutsContract(id) | ||||
|     message.success(t('common.delSuccess')) | ||||
|     // 刷新列表 | ||||
|     await getList() | ||||
|   } catch {} | ||||
| } | ||||
|  | ||||
| /** 导出按钮操作 */ | ||||
| const handleExport = async () => { | ||||
|   try { | ||||
|     // 导出的二次确认 | ||||
|     await message.exportConfirm() | ||||
|     // 发起导出 | ||||
|     exportLoading.value = true | ||||
|     const data = await OutsContractApi.exportOutsContract(queryParams) | ||||
|     download.excel(data, '外包合同.xls') | ||||
|   } catch { | ||||
|   } finally { | ||||
|     exportLoading.value = false | ||||
|   } | ||||
| } | ||||
|  | ||||
| /** 初始化 **/ | ||||
| onMounted(() => { | ||||
|   getList() | ||||
| }) | ||||
| </script> | ||||
		Reference in New Issue
	
	Block a user
	 Qiancheng Zhao
					Qiancheng Zhao