diff --git a/packages/screen/src/router/index.js b/packages/screen/src/router/index.js index f9d570d..d9304d7 100644 --- a/packages/screen/src/router/index.js +++ b/packages/screen/src/router/index.js @@ -138,11 +138,11 @@ const routes = [ parentRoute: 'warningManagement' // 用于在面包屑中建立父子关系 } }, - // 项目管理 + // 项目管理 - 区县 { path: '/projectManagement', name: 'projectManagement', - component: () => import('../views/ProjectManagement_Rebuild/index.vue'), + component: () => import('../views/ProjectManagement_Rebuild/district/index.vue'), meta: { title: '项目管理', breadcrumb: true @@ -151,7 +151,7 @@ const routes = [ { path: '/projectAdd/:data?', name: 'projectAdd', - component: () => import('../views/ProjectManagement_Rebuild/projectAddPage.vue'), + component: () => import('../views/ProjectManagement_Rebuild/district/projectAddPage.vue'), meta: { title: '项目填报', breadcrumb: true, @@ -161,13 +161,24 @@ const routes = [ { path: '/projectDetail/:data?', name: 'projectDetail', - component: () => import('../views/ProjectManagement_Rebuild/projectDetailPage.vue'), + component: () => import('../views/ProjectManagement_Rebuild/district/projectDetailPage.vue'), meta: { title: '项目详情', breadcrumb: true, parentRoute: 'projectManagement' // 用于在面包屑中建立父子关系 } }, + // 项目管理 - 业务部门 + { + path: '/projectManagement2', + name: 'projectManagement2', + component: () => import('../views/ProjectManagement_Rebuild/business/index.vue'), + meta: { + title: '项目管理', + breadcrumb: true + } + }, + { path: '/disasterManagement', name: 'disasterManagement', @@ -186,7 +197,7 @@ const routes = [ breadcrumb: true } }, - { + { path: '/waterDisasterDetail', name: 'WaterDisasterDetail', component: () => import('../views/DisasterManagement/DisasterDetail/WaterDisasterDetail.vue'), diff --git a/packages/screen/src/views/ProjectManagement_Rebuild/business/examineDialog.vue b/packages/screen/src/views/ProjectManagement_Rebuild/business/examineDialog.vue new file mode 100644 index 0000000..eed7fb4 --- /dev/null +++ b/packages/screen/src/views/ProjectManagement_Rebuild/business/examineDialog.vue @@ -0,0 +1,440 @@ + + + + + \ No newline at end of file diff --git a/packages/screen/src/views/ProjectManagement_Rebuild/business/index.js b/packages/screen/src/views/ProjectManagement_Rebuild/business/index.js new file mode 100644 index 0000000..f058f50 --- /dev/null +++ b/packages/screen/src/views/ProjectManagement_Rebuild/business/index.js @@ -0,0 +1,438 @@ +import { h, ref, onMounted, reactive, watch, toRaw, nextTick } from "vue"; +import { request } from "@/utils/request"; +import { useRoute, useRouter } from 'vue-router' +import ExamineDialog from "./examineDialog.vue"; +import RejectDialog from './rejectDialog.vue'; + +const tableData = ref([]); // 表格数据 +const modelVisible = ref(false); // 弹窗状态 +const drawerVisible = ref(false); // 抽屉状态 +// 弹窗内容 +const model = reactive({ + title: '', + content: null, + props: {}, + onCancel: null, + onConfirm: null, + width: '', + footerPosition: null, + onCancelType: null, + onConfirmName: null, + onCancelName: null, + tagContent: null, + tagType: null, +}); +const form = reactive({ +}); +// 抽屉内容 +const drawer = reactive({ + title: '', + content: null, + props: {}, + onCancel: null, + onConfirm: null, + direction: 'rtl', + size: '50%' +}); +const dialogRef = ref(null); // 弹窗实例 +const drawerRef = ref(null); // 抽屉实例 + +// 第二个弹窗 +const model2 = reactive({ + title: '', + content: null, + props: {}, + onCancel: null, + onConfirm: null, + width: '', + footerPosition: null, + onCancelType: null, + onConfirmName: null, + onCancelName: null, + tagContent: null, + tagType: null, +}); +const modelVisible2 = ref(false); +const dialogRef2 = ref(null); + + + +// 过滤条件 +const filterData = reactive({ +}) +// 分页 +const pagination = reactive({ + current: 1, + pageSize: 10, + total: 0, + pageSizes: [10, 20, 50], + layout: "prev, pager, next, jumper", + onChange: (page, pageSize) => { + pagination.current = page; + pagination.pageSize = pageSize; + getTableData(filterData); + }, +}); + +// 获取项目列表 +const getTableData = async (filterData = {}) => { + try { + // 过滤空字符串属性 + const filteredParams = {}; + Object.keys(filterData).forEach(key => { + if (filterData[key] !== '' && filterData[key] != null) { + filteredParams[key] = filterData[key]; + } + }); + + const res = await request({ + url: '/snow-ops-platform/recovery/list', + method: "GET", + params: { + ...filteredParams, + submitTimeStart: filteredParams?.submitTimeStart ? filteredParams.submitTimeStart + `-01-01 00:00:00` : null, + pageNum: pagination.current, + pageSize: pagination.pageSize, + } + }) + if (res.code === '00000') { + tableData.value = res.data.records + } + } catch (error) { + console.error('获取项目列表失败:', error); + } +} + + + + +// 驳回项目 +const rejectProject = async () => { + try { + const loading = ElLoading.service({ + lock: true, + text: '操作中', + background: 'rgba(0, 0, 0, 0.7)', + }) + const res = await request({ + url: '/snow-ops-platform/recovery/approve', + method: 'POST', + data: { + id: form.id, + approveLevel: 2, + isPass: false, + rejectReason: form.rejectReason, + } + }) + loading.close(); + if (res.code === '00000') { + ElMessage.success('操作成功'); + modelVisible.value = false; + modelVisible2.value = false; + getTableData(filterData); + } + } catch (error) { + ElMessage.error('操作失败'); + console.error('驳回项目失败:', error); + } +} + +// 审批通过项目 +const approveProject = async () => { + try { + const loading = ElLoading.service({ + lock: true, + text: '操作中', + background: 'rgba(0, 0, 0, 0.7)', + }) + const res = await request({ + url: '/snow-ops-platform/recovery/approve', + method: 'POST', + data: { + id: form.id, + approveLevel: 2, + isPass: true, + } + }) + loading.close(); + if (res.code === '00000') { + ElMessage.success('操作成功'); + modelVisible.value = false; + modelVisible2.value = false; + getTableData(filterData); + } + } catch (error) { + ElMessage.error('操作失败'); + console.error('审批项目失败:', error); + } +} + +// 获取项目详情 +const getDetailData = async (id) => { + try { + const res = await request({ + url: `/snow-ops-platform/recovery/getById`, + method: 'GET', + params: { + id: id, + } + }); + if (res.code === '00000') { + return res.data; + } else { + throw new Error(res.message); + } + } catch (error) { + ElMessage.error('获取项目详情失败'); + console.error('获取项目详情失败:', error); + } +} + + + + + +export default () => { + + const router = useRouter(); + + const columns = [ + { + prop: "districtName", + label: "区县", + }, + { + prop: "routeNo", + label: "路线编码", + }, + // { + // prop: "disasterType", + // label: "灾害类型", + // }, + { + prop: "startStakeNo", + label: "起点桩号", + }, + { + prop: "endStakeNo", + label: "止点桩号", + }, + { + prop: "implementMileage", + label: "实施里程（公里）", + }, + // { + // prop: "technicalGrade", + // label: "技术等级", + // }, + { + prop: "totalInvestment", + label: "总投资金额(万元)", + }, + { + prop: "estimatedCost", + label: "投资估算(万元)", + }, + { + prop: "subsidyAmount", + label: "补助金额(万元)", + }, + { + prop: "fundingSource", + label: "资金来源", + }, + { + prop: "startTime", + label: "开工或预计开工时间", + }, + { + prop: "endTime", + label: "完工或预计完工时间", + }, + { + prop: "projectProgress", + label: "项目进度情况", + }, + // { + // prop: "reportStatus", + // label: "申报状态", + // formatter: (row) => { + // const colorMap = { + // 0: '#409EFF', // 蓝色 - 未申报 + // 1: '#67C23A', // 绿色 - 已申报 + // }; + // const textMap = { + // 0: '未申报', + // 1: '已申报', + // }; + // const status = row.reportStatus; + // const color = colorMap[status] || '#909399'; + // const text = textMap[status] || '未知状态'; + // return h(ElText, { style: { color } }, text); + // } + // }, + { + prop: "approvalStatus", + width: 150, + label: "审批状态", + formatter: (row) => { + const colorMap = { + 0: '#409EFF', // 蓝色 - 待区县审批 + 1: '#67C23A', // 绿色 - 区县审批通过 + 2: '#F56C6C', // 红色 - 区县审批驳回 + 3: '#67C23A', // 绿色 - 业务部门审批通过 + 4: '#F56C6C', // 红色 - 业务部门审批驳回 + }; + const textMap = { + 0: '待区县审批', + 1: '区县审批通过(待业务部门审批)', + 2: '区县审批驳回', + 3: '业务部门审批通过', + 4: '业务部门审批驳回', + }; + const status = row.approvalStatus; + const color = colorMap[status] || '#909399'; + const text = textMap[status] || '未知状态'; + return h(ElText, { style: { color } }, text); + } + }, + { + prop: "updateTime", + label: "更新日期", + }, + { + label: "操作", + fixed: "right", + width: 150, + render: (row) => () => + h("div", { class: "action-btns" }, [ + row.approvalStatus === 1 ? h( + ElButton, + { + type: "primary", + link: true, + onClick: async () => { + openExamineDialog(row); + }, + }, + () => "审批" + ) : null, + h( + ElButton, + { + type: "primary", + link: true, + style: row.approvalStatus === 1 ? "margin-left: 10px;" : "", + onClick: async () => { + gotoDetaillPage(row); + }, + }, + () => "详情" + ), + ]), + }, + ] + + // 打开审批弹窗 + const openExamineDialog = async (row) => { + const data = await getDetailData(row.id) + model.title = '项目审批'; + Object.assign(form, data); + model.props = { + form: form, + }; + model.content = ExamineDialog; + model.onCancel = () => { + model2.title = '驳回原因'; + model2.props = { + form: form, + } + model2.content = RejectDialog; + model2.onCancel = () => { + modelVisible2.value = false; + } + model2.onConfirm = async () => { + await dialogRef2?.value?.dynamicComponentRef?.formRef.validate().then(async () => { + await rejectProject() + }) + .catch((err) => { + ElMessage.error('请处理表单中的错误项'); + }); + + } + model2.width = '30%' + model2.footerPosition = 'center' + model2.onConfirmName = '确定' + model2.onCancelName = '取消' + modelVisible2.value = true; + }; + model.onConfirm = async () => { + await dialogRef?.value?.dynamicComponentRef?.formRef.validate().then(async () => { + try { + await ElMessageBox.confirm( + '确定该项目申请通过恢复重建？', + '审批确认', + { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + } + ); + await approveProject(); + } catch { + ElMessage.info('已取消审批'); + } + }) + .catch((err) => { + ElMessage.error('请处理表单中的错误项'); + }); + }; + model.width = "50%" + model.footerPosition = 'flex-end' + model.onCancelType = 'danger' + model.onConfirmName = '审批通过' + model.onCancelName = '审批驳回' + // model.tagType = 'warning' + // model.tagContent = '测试' + modelVisible.value = true; + } + + // 跳转至详情页面 + const gotoDetaillPage = (row) => { + router.push({ + name: 'projectDetail', + params: { + data: encodeURIComponent(JSON.stringify(row.id)), + } + }) + } + + onMounted(() => { + getTableData(); + }) + + + watch(filterData, (val) => { + getTableData(filterData); + }, { deep: true }) + + + return { + tableData, + filterData, + pagination, + columns, + + modelVisible, + model, + drawerVisible, + drawer, + dialogRef, + drawerRef, + openExamineDialog, + + model2, + modelVisible2, + dialogRef2, + } +} \ No newline at end of file diff --git a/packages/screen/src/views/ProjectManagement_Rebuild/index.vue b/packages/screen/src/views/ProjectManagement_Rebuild/business/index.vue similarity index 92% rename from packages/screen/src/views/ProjectManagement_Rebuild/index.vue rename to packages/screen/src/views/ProjectManagement_Rebuild/business/index.vue index 0a4ca0d..8dbc588 100644 --- a/packages/screen/src/views/ProjectManagement_Rebuild/index.vue +++ b/packages/screen/src/views/ProjectManagement_Rebuild/business/index.vue @@ -40,10 +40,10 @@ + + \ No newline at end of file diff --git a/packages/screen/src/views/ProjectManagement_Rebuild/projectAddPage.vue b/packages/screen/src/views/ProjectManagement_Rebuild/district/projectAddPage.vue similarity index 97% rename from packages/screen/src/views/ProjectManagement_Rebuild/projectAddPage.vue rename to packages/screen/src/views/ProjectManagement_Rebuild/district/projectAddPage.vue index 1baf971..f8ed36b 100644 --- a/packages/screen/src/views/ProjectManagement_Rebuild/projectAddPage.vue +++ b/packages/screen/src/views/ProjectManagement_Rebuild/district/projectAddPage.vue @@ -344,7 +344,7 @@ import { ref, onMounted, watch, reactive, toRaw } from 'vue' import { useRouter, useRoute } from 'vue-router' import FileUpload from '@/component/FileUpload/FileUpload.vue' -import { request } from '../../../../shared/utils/request' +import { request } from '../../../../../shared/utils/request' import { ElLoading } from 'element-plus' const router = useRouter() const route = useRoute() diff --git a/packages/screen/src/views/ProjectManagement_Rebuild/projectDetailPage.vue b/packages/screen/src/views/ProjectManagement_Rebuild/district/projectDetailPage.vue similarity index 97% rename from packages/screen/src/views/ProjectManagement_Rebuild/projectDetailPage.vue rename to packages/screen/src/views/ProjectManagement_Rebuild/district/projectDetailPage.vue index fdebcb3..9d9d43a 100644 --- a/packages/screen/src/views/ProjectManagement_Rebuild/projectDetailPage.vue +++ b/packages/screen/src/views/ProjectManagement_Rebuild/district/projectDetailPage.vue @@ -358,7 +358,7 @@ import { ref, onMounted, watch, reactive, toRaw } from 'vue' import { useRouter, useRoute } from 'vue-router' import FileUpload from '@/component/FileUpload/FileUpload.vue' -import { request } from '../../../../shared/utils/request' +import { request } from '../../../../../shared/utils/request' import { ElLoading, ElMessage } from 'element-plus' const router = useRouter() const route = useRoute() diff --git a/packages/screen/src/views/ProjectManagement_Rebuild/district/rejectDialog.vue b/packages/screen/src/views/ProjectManagement_Rebuild/district/rejectDialog.vue new file mode 100644 index 0000000..bdaf278 --- /dev/null +++ b/packages/screen/src/views/ProjectManagement_Rebuild/district/rejectDialog.vue @@ -0,0 +1,48 @@ + + + + + \ No newline at end of file