wkc/ccdi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

补充专项核查拓展查询详情弹窗

Browse Source
This commit is contained in:
wkc
2026-03-24 23:15:35 +08:00
parent 0fc61aa3cb
commit d745481eeb
6 changed files with 403 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedPurchaseDetailDialog.vue Normal file
View File

@@ -0,0 +1,98 @@
<template>
<el-dialog title="采购记录详情" :visible.sync="visibleProxy" width="1000px" append-to-body>
<div class="detail-container">
<el-divider content-position="left">基本信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="采购事项ID">{{ detail.purchaseId || "-" }}</el-descriptions-item>
<el-descriptions-item label="采购类别">{{ detail.purchaseCategory || "-" }}</el-descriptions-item>
<el-descriptions-item label="项目名称" :span="2">{{ detail.projectName || "-" }}</el-descriptions-item>
<el-descriptions-item label="标的物名称">{{ detail.subjectName || "-" }}</el-descriptions-item>
<el-descriptions-item label="采购方式">{{ detail.purchaseMethod || "-" }}</el-descriptions-item>
<el-descriptions-item label="标的物描述" :span="2">{{ detail.subjectDesc || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">数量与金额</el-divider>
<el-descriptions :column="3" border>
<el-descriptions-item label="采购数量">{{ detail.purchaseQty || "-" }}</el-descriptions-item>
<el-descriptions-item label="预算金额(元)">{{ detail.budgetAmount || "-" }}</el-descriptions-item>
<el-descriptions-item label="中标金额(元)">{{ detail.bidAmount || "-" }}</el-descriptions-item>
<el-descriptions-item label="实际采购金额(元)">{{ detail.actualAmount || "-" }}</el-descriptions-item>
<el-descriptions-item label="合同金额(元)">{{ detail.contractAmount || "-" }}</el-descriptions-item>
<el-descriptions-item label="结算金额(元)">{{ detail.settlementAmount || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">供应商信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="中标供应商名称">{{ detail.supplierName || "-" }}</el-descriptions-item>
<el-descriptions-item label="统一信用代码">{{ detail.supplierUscc || "-" }}</el-descriptions-item>
<el-descriptions-item label="供应商联系人">{{ detail.contactPerson || "-" }}</el-descriptions-item>
<el-descriptions-item label="供应商联系电话">{{ detail.contactPhone || "-" }}</el-descriptions-item>
<el-descriptions-item label="供应商银行账户" :span="2">{{ detail.supplierBankAccount || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">日期信息</el-divider>
<el-descriptions :column="3" border>
<el-descriptions-item label="采购申请日期">{{ detail.applyDate || "-" }}</el-descriptions-item>
<el-descriptions-item label="计划批准日期">{{ detail.planApproveDate || "-" }}</el-descriptions-item>
<el-descriptions-item label="公告发布日期">{{ detail.announceDate || "-" }}</el-descriptions-item>
<el-descriptions-item label="开标日期">{{ detail.bidOpenDate || "-" }}</el-descriptions-item>
<el-descriptions-item label="合同签订日期">{{ detail.contractSignDate || "-" }}</el-descriptions-item>
<el-descriptions-item label="预计交货日期">{{ detail.expectedDeliveryDate || "-" }}</el-descriptions-item>
<el-descriptions-item label="实际交货日期">{{ detail.actualDeliveryDate || "-" }}</el-descriptions-item>
<el-descriptions-item label="验收日期">{{ detail.acceptanceDate || "-" }}</el-descriptions-item>
<el-descriptions-item label="结算日期">{{ detail.settlementDate || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">申请人信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="申请人姓名">{{ detail.applicantName || "-" }}</el-descriptions-item>
<el-descriptions-item label="申请人工号">{{ detail.applicantId || "-" }}</el-descriptions-item>
<el-descriptions-item label="申请部门" :span="2">{{ detail.applyDepartment || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">采购负责人信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="采购负责人姓名">{{ detail.purchaseLeaderName || "-" }}</el-descriptions-item>
<el-descriptions-item label="采购负责人工号">{{ detail.purchaseLeaderId || "-" }}</el-descriptions-item>
<el-descriptions-item label="采购部门" :span="2">{{ detail.purchaseDepartment || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">审计信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="创建人">{{ detail.createdBy || "-" }}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{ detail.createTime || "-" }}</el-descriptions-item>
<el-descriptions-item label="更新人">{{ detail.updatedBy || "-" }}</el-descriptions-item>
<el-descriptions-item label="更新时间">{{ detail.updateTime || "-" }}</el-descriptions-item>
</el-descriptions>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="visibleProxy = false">关闭</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
name: "ExtendedPurchaseDetailDialog",
props: {
visible: {
type: Boolean,
default: false,
},
detail: {
type: Object,
default: () => ({}),
},
},
computed: {
visibleProxy: {
get() {
return this.visible;
},
set(value) {
this.$emit("update:visible", value);
},
},
},
};
</script>

69
ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedQuerySection.vue
View File

@@ -79,6 +79,7 @@
</el-form-item>
</el-form>
</el-tab-pane>
<div class="extended-query-table">
<el-table v-loading="currentState.loading" :data="currentState.rows" border>
<template v-if="activeTab === 'purchase'">
@@ -104,6 +105,12 @@
<el-table-column label="调动后部门" prop="deptNameAfter" min-width="160" />
<el-table-column label="调动日期" prop="transferDate" width="140" />
</template>
<el-table-column label="操作" width="120">
<template slot-scope="scope">
<el-button type="text" size="mini" @click="handleDetail(scope.row)">查看详情</el-button>
</template>
</el-table-column>
</el-table>
<pagination
@@ -115,15 +122,34 @@
/>
</div>
</el-tabs>
<extended-purchase-detail-dialog
:visible.sync="tabState.purchase.detailVisible"
:detail="tabState.purchase.detailData || {}"
/>
<extended-recruitment-detail-dialog
:visible.sync="tabState.recruitment.detailVisible"
:detail="tabState.recruitment.detailData || {}"
/>
<extended-transfer-detail-dialog
:visible.sync="tabState.transfer.detailVisible"
:detail="tabState.transfer.detailData || {}"
/>
</section>
</template>
<script>
import {
getExtendedPurchaseDetail,
getExtendedPurchaseList,
getExtendedRecruitmentDetail,
getExtendedRecruitmentList,
getExtendedTransferDetail,
getExtendedTransferList,
} from "@/api/ccdi/projectSpecialCheck";
import ExtendedPurchaseDetailDialog from "./ExtendedPurchaseDetailDialog";
import ExtendedRecruitmentDetailDialog from "./ExtendedRecruitmentDetailDialog";
import ExtendedTransferDetailDialog from "./ExtendedTransferDetailDialog";
const LIST_API_MAP = {
purchase: getExtendedPurchaseList,
@@ -131,8 +157,19 @@ const LIST_API_MAP = {
transfer: getExtendedTransferList,
};
const DETAIL_API_MAP = {
purchase: getExtendedPurchaseDetail,
recruitment: getExtendedRecruitmentDetail,
transfer: getExtendedTransferDetail,
};
export default {
name: "ExtendedQuerySection",
components: {
ExtendedPurchaseDetailDialog,
ExtendedRecruitmentDetailDialog,
ExtendedTransferDetailDialog,
},
props: {
projectId: {
type: [String, Number],
@@ -261,6 +298,24 @@ export default {
pageSize: query.pageSize,
};
},
buildDetailParams(tabName, row) {
if (tabName === "purchase") {
return {
projectId: this.projectId,
purchaseId: row.purchaseId,
};
}
if (tabName === "recruitment") {
return {
projectId: this.projectId,
recruitId: row.recruitId,
};
}
return {
projectId: this.projectId,
id: row.id,
};
},
async loadList(tabName) {
if (!this.projectId) {
return;
@@ -283,6 +338,20 @@ export default {
state.loading = false;
}
},
async handleDetail(row) {
const state = this.currentState;
state.detailLoading = true;
try {
const request = DETAIL_API_MAP[this.activeTab];
const response = await request(this.buildDetailParams(this.activeTab, row));
state.detailData = (response && response.data) || {};
state.detailVisible = true;
} catch (error) {
this.$message.error("详情加载失败");
} finally {
state.detailLoading = false;
}
},
},
};
</script>

81
ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedRecruitmentDetailDialog.vue Normal file
View File

@@ -0,0 +1,81 @@
<template>
<el-dialog title="招聘记录详情" :visible.sync="visibleProxy" width="900px" append-to-body>
<div class="detail-container">
<el-divider content-position="left">招聘项目信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="招聘项目编号">{{ detail.recruitId || "-" }}</el-descriptions-item>
<el-descriptions-item label="招聘项目名称">{{ detail.recruitName || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">职位信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="职位名称">{{ detail.posName || "-" }}</el-descriptions-item>
<el-descriptions-item label="职位类别">{{ detail.posCategory || "-" }}</el-descriptions-item>
<el-descriptions-item label="职位描述" :span="2">{{ detail.posDesc || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">候选人信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="候选人姓名">{{ detail.candName || "-" }}</el-descriptions-item>
<el-descriptions-item label="学历">{{ detail.candEdu || "-" }}</el-descriptions-item>
<el-descriptions-item label="证件号码">{{ detail.candId || "-" }}</el-descriptions-item>
<el-descriptions-item label="毕业年月">{{ detail.candGrad || "-" }}</el-descriptions-item>
<el-descriptions-item label="毕业院校">{{ detail.candSchool || "-" }}</el-descriptions-item>
<el-descriptions-item label="专业">{{ detail.candMajor || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">录用信息</el-divider>
<el-descriptions :column="1" border>
<el-descriptions-item label="录用情况">{{ detail.admitStatus || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">面试官信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="面试官1">{{ detail.interviewerName1 || "-" }} ({{ detail.interviewerId1 || "-" }})</el-descriptions-item>
<el-descriptions-item label="面试官2">{{ detail.interviewerName2 || "-" }} ({{ detail.interviewerId2 || "-" }})</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">审计信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="创建人">{{ detail.createdBy || "-" }}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{ formatDate(detail.createTime) }}</el-descriptions-item>
<el-descriptions-item label="更新人">{{ detail.updatedBy || "-" }}</el-descriptions-item>
<el-descriptions-item label="更新时间">{{ formatDate(detail.updateTime) }}</el-descriptions-item>
</el-descriptions>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="visibleProxy = false">关闭</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
name: "ExtendedRecruitmentDetailDialog",
props: {
visible: {
type: Boolean,
default: false,
},
detail: {
type: Object,
default: () => ({}),
},
},
computed: {
visibleProxy: {
get() {
return this.visible;
},
set(value) {
this.$emit("update:visible", value);
},
},
},
methods: {
formatDate(value) {
return value ? this.parseTime(value) : "-";
},
},
};
</script>

71
ruoyi-ui/src/views/ccdiProject/components/detail/ExtendedTransferDetailDialog.vue Normal file
View File

@@ -0,0 +1,71 @@
<template>
<el-dialog title="调动记录详情" :visible.sync="visibleProxy" width="900px" append-to-body>
<div class="detail-container">
<el-divider content-position="left">基本信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="员工姓名">{{ detail.staffName || "-" }}</el-descriptions-item>
<el-descriptions-item label="调动类型">{{ detail.transferType || "-" }}</el-descriptions-item>
<el-descriptions-item label="调动子类型">{{ detail.transferSubType || "-" }}</el-descriptions-item>
<el-descriptions-item label="调动日期">{{ formatDate(detail.transferDate) }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">调动前信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="调动前部门">{{ detail.deptNameBefore || "-" }}</el-descriptions-item>
<el-descriptions-item label="调动前职级">{{ detail.gradeBefore || "-" }}</el-descriptions-item>
<el-descriptions-item label="调动前岗位">{{ detail.positionBefore || "-" }}</el-descriptions-item>
<el-descriptions-item label="调动前薪酬等级">{{ detail.salaryLevelBefore || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">调动后信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="调动后部门">{{ detail.deptNameAfter || "-" }}</el-descriptions-item>
<el-descriptions-item label="调动后职级">{{ detail.gradeAfter || "-" }}</el-descriptions-item>
<el-descriptions-item label="调动后岗位">{{ detail.positionAfter || "-" }}</el-descriptions-item>
<el-descriptions-item label="调动后薪酬等级">{{ detail.salaryLevelAfter || "-" }}</el-descriptions-item>
</el-descriptions>
<el-divider content-position="left">审计信息</el-divider>
<el-descriptions :column="2" border>
<el-descriptions-item label="创建人">{{ detail.createdBy || "-" }}</el-descriptions-item>
<el-descriptions-item label="创建时间">{{ formatDate(detail.createTime) }}</el-descriptions-item>
<el-descriptions-item label="更新人">{{ detail.updatedBy || "-" }}</el-descriptions-item>
<el-descriptions-item label="更新时间">{{ formatDate(detail.updateTime) }}</el-descriptions-item>
</el-descriptions>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="visibleProxy = false">关闭</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
name: "ExtendedTransferDetailDialog",
props: {
visible: {
type: Boolean,
default: false,
},
detail: {
type: Object,
default: () => ({}),
},
},
computed: {
visibleProxy: {
get() {
return this.visible;
},
set(value) {
this.$emit("update:visible", value);
},
},
},
methods: {
formatDate(value) {
return value ? this.parseTime(value) : "-";
},
},
};
</script>

30
ruoyi-ui/tests/unit/special-check-extended-query-columns.test.js Normal file
View File

@@ -0,0 +1,30 @@
const assert = require("assert");
const fs = require("fs");
const path = require("path");
const source = fs.readFileSync(
path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedQuerySection.vue"),
"utf8"
);
[
"采购事项ID",
"项目名称",
"标的物名称",
"申请人姓名",
"申请日期",
"招聘项目编号",
"招聘项目名称",
"职位名称",
"面试官姓名摘要",
"录用情况",
"员工姓名",
"调动类型",
"调动前部门",
"调动后部门",
"调动日期",
"查看详情",
].forEach((token) => assert(source.includes(token), token));
assert(source.includes("handleDetail"), "缺少详情查看方法");
assert(source.includes("操作"), "缺少操作列");

54
ruoyi-ui/tests/unit/special-check-extended-query-detail-dialogs.test.js Normal file
View File

@@ -0,0 +1,54 @@
const assert = require("assert");
const fs = require("fs");
const path = require("path");
const sectionSource = fs.readFileSync(
path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedQuerySection.vue"),
"utf8"
);
const purchaseDialogSource = fs.readFileSync(
path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedPurchaseDetailDialog.vue"),
"utf8"
);
const recruitmentDialogSource = fs.readFileSync(
path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedRecruitmentDetailDialog.vue"),
"utf8"
);
const transferDialogSource = fs.readFileSync(
path.resolve(__dirname, "../../src/views/ccdiProject/components/detail/ExtendedTransferDetailDialog.vue"),
"utf8"
);
assert(sectionSource.includes("getExtendedPurchaseDetail"), "缺少采购详情接口调用");
assert(sectionSource.includes("getExtendedRecruitmentDetail"), "缺少招聘详情接口调用");
assert(sectionSource.includes("getExtendedTransferDetail"), "缺少调动详情接口调用");
assert(sectionSource.includes("extended-purchase-detail-dialog"), "缺少采购详情弹窗挂载");
assert(sectionSource.includes("extended-recruitment-detail-dialog"), "缺少招聘详情弹窗挂载");
assert(sectionSource.includes("extended-transfer-detail-dialog"), "缺少调动详情弹窗挂载");
assert(sectionSource.includes("详情加载失败"), "详情查询失败时应提示错误");
[
"基本信息",
"数量与金额",
"供应商信息",
"日期信息",
"申请人信息",
"采购负责人信息",
"审计信息",
].forEach((token) => assert(purchaseDialogSource.includes(token), token));
[
"招聘项目信息",
"职位信息",
"候选人信息",
"录用信息",
"面试官信息",
"审计信息",
].forEach((token) => assert(recruitmentDialogSource.includes(token), token));
[
"基本信息",
"调动前信息",
"调动后信息",
"审计信息",
].forEach((token) => assert(transferDialogSource.includes(token), token));