|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="safety-platform-container">
|
|
|
<header class="safety-platform-container__header">
|
|
|
- <div class="breadcrumb-title"> <BreadcrumbBack /> 查看下发对象 </div>
|
|
|
+ <div class="breadcrumb-title"> <BreadcrumbBack /> {{ $route.meta.title }} </div>
|
|
|
<div class="detail-content">
|
|
|
<span>类别名称:{{ detailData?.departmentName }} </span>
|
|
|
<span>创建人:{{ detailData?.createdByName }} </span>
|
|
|
@@ -58,9 +58,10 @@
|
|
|
<el-table-column label="责任书名称" prop="responsibilityName" width="180" />
|
|
|
<el-table-column label="状态" prop="statusName" width="100" />
|
|
|
<el-table-column label="类别名称" prop="departmentName" />
|
|
|
- <el-table-column label="查看下发对象" prop="responsibilityPersonName" />
|
|
|
- <el-table-column label="是否并签" prop="signConfigName" />
|
|
|
<el-table-column label="分组名称" prop="userGroupName" />
|
|
|
+
|
|
|
+ <el-table-column label="责任人姓名" prop="responsiblePersonName" />
|
|
|
+ <el-table-column label="是否并签" prop="signConfigName" />
|
|
|
<el-table-column label="计划完成时间" prop="planEndTime" />
|
|
|
<el-table-column fixed="right" width="200" label="操作">
|
|
|
<template #default="scope">
|
|
|
@@ -97,9 +98,11 @@
|
|
|
<div class="pagination-container">
|
|
|
<el-pagination
|
|
|
background
|
|
|
+ layout="prev, pager, next, jumper,sizes, total"
|
|
|
:current-page="queryParams.pageNumber"
|
|
|
:page-size="queryParams.pageSize"
|
|
|
:total="tableData.total"
|
|
|
+ :page-sizes="[10, 20, 50, 100]"
|
|
|
@size-change="handleSizeChange"
|
|
|
@current-change="handleCurrentChange"
|
|
|
/>
|
|
|
@@ -162,8 +165,14 @@
|
|
|
});
|
|
|
};
|
|
|
|
|
|
- const handleSizeChange = () => {};
|
|
|
- const handleCurrentChange = () => {};
|
|
|
+ const handleSizeChange = (value) => {
|
|
|
+ queryParams.pageSize = value;
|
|
|
+ queryTableList();
|
|
|
+ };
|
|
|
+ const handleCurrentChange = (value) => {
|
|
|
+ queryParams.pageNumber = value;
|
|
|
+ queryTableList();
|
|
|
+ };
|
|
|
const handleDownloadLink = (scope) => {
|
|
|
const attachment = unformatAttachment(scope.row.attachment);
|
|
|
attachment?.forEach((item: any) => {
|
|
|
@@ -334,4 +343,9 @@
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
}
|
|
|
+ .pagination-container {
|
|
|
+ margin-top: 20px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ }
|
|
|
</style>
|