|
|
|
|
@ -2,29 +2,66 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<el-table
|
|
|
|
|
:data="table_data"
|
|
|
|
|
height="280"
|
|
|
|
|
:data="abnormal_table_data.rows"
|
|
|
|
|
height="285"
|
|
|
|
|
:header-cell-style="table_header"
|
|
|
|
|
:cell-style="{ background: 'revert', 'text-align': 'center' }"
|
|
|
|
|
@expand-change="to_expand"
|
|
|
|
|
>
|
|
|
|
|
<!-- 点击展开详情 -->
|
|
|
|
|
<el-table-column type="expand">
|
|
|
|
|
<template slot-scope="person_information">
|
|
|
|
|
<el-form label-position="left" inline class="demo-table-expand">
|
|
|
|
|
<el-form-item label="案件编号">
|
|
|
|
|
<span>{{ person_information.row.caseNo }}</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="案件名称">
|
|
|
|
|
<span>{{ person_information.row.caseName }}</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="案件分类">
|
|
|
|
|
<span>{{ person_information.row.caseType }}</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="案件类别">
|
|
|
|
|
<span>{{ person_information.row.caseCategory }}</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="发案区划">
|
|
|
|
|
<span>{{ person_information.row.policeDistrictCode }}</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="派出所">
|
|
|
|
|
<span>{{ person_information.row.policeDistrict }}</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="破案情况">
|
|
|
|
|
<span>{{ person_information.row.caseState }}</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="发案地点">
|
|
|
|
|
<span>{{ person_information.row.caseAddress }}</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item></el-form-item>
|
|
|
|
|
<el-form-item label="案件详情" class="text">
|
|
|
|
|
<span>{{ person_information.row.caseDetail }}</span>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column type="index" label="序号" width="80"> </el-table-column>
|
|
|
|
|
<el-table-column prop="processName" label="照片" width="110">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
size="small"
|
|
|
|
|
class="operation"
|
|
|
|
|
@click="check_details(scope.row)"
|
|
|
|
|
>详情
|
|
|
|
|
</el-button>
|
|
|
|
|
<img
|
|
|
|
|
:src="scope.row.picUrl ? '' : scope.row.picUrl"
|
|
|
|
|
alt=""
|
|
|
|
|
width="40"
|
|
|
|
|
height="40"
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="createTime" label="姓名" width="140">
|
|
|
|
|
<el-table-column prop="staffName" label="姓名" width="140">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="processType" label="身份证号" width="260">
|
|
|
|
|
<el-table-column prop="identityId" label="身份证号" width="230">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="taskName" label="审查时间" width="260">
|
|
|
|
|
<el-table-column prop="examinationTime" label="审查时间" width="240">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="examinationResultStatusCn" label="审查结果">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="operation" label="审查结果"> </el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<!-- 分页公共样式 -->
|
|
|
|
|
<div class="pagination_body">
|
|
|
|
|
@ -36,24 +73,58 @@
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
:current-page="pageNum"
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
:total="total"
|
|
|
|
|
:total="abnormal_table_data.total"
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import { get_personback_item_data } from "@/api/applySupermarket/personBack";
|
|
|
|
|
import { get_personback_item_data_person } from "@/api/applySupermarket/personBack";
|
|
|
|
|
export default {
|
|
|
|
|
name: "NormalTable",
|
|
|
|
|
name: "AbnormalTable",
|
|
|
|
|
props: {
|
|
|
|
|
form_data: {},
|
|
|
|
|
abnormal_table_data: {},
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
table_data: [],
|
|
|
|
|
pageSize: 4,
|
|
|
|
|
pageNum: 1,
|
|
|
|
|
total: 0,
|
|
|
|
|
// person_information: {}, // 接收展开的数据
|
|
|
|
|
expand_keys: [], // 可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// 点击分页查询
|
|
|
|
|
search() {
|
|
|
|
|
let param = {
|
|
|
|
|
applyCode: this.form_data.applyCode,
|
|
|
|
|
companyId: this.form_data.companyId,
|
|
|
|
|
companyName: this.form_data.companyName,
|
|
|
|
|
examinationResultStatus: "2",
|
|
|
|
|
pageSize: this.pageSize,
|
|
|
|
|
pageNum: this.pageNum,
|
|
|
|
|
};
|
|
|
|
|
get_personback_item_data(param).then((res) => {
|
|
|
|
|
this.abnormal_table_data.rows = res.rows;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
to_expand(row, expandedRows) {
|
|
|
|
|
// 先判断该行是否已经展开了
|
|
|
|
|
if (!row.expand) {
|
|
|
|
|
console.log("row1", row);
|
|
|
|
|
console.log("expandedRows1", expandedRows);
|
|
|
|
|
let param = {
|
|
|
|
|
applyCode: row.applyCode,
|
|
|
|
|
};
|
|
|
|
|
get_personback_item_data_person(param).then((res) => {
|
|
|
|
|
Object.assign(row, res.rows[0]);
|
|
|
|
|
row.expand = true; // 设置展开行是打开的
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// 表头样式
|
|
|
|
|
table_header({ row, rowIndex }) {
|
|
|
|
|
console.log(row);
|
|
|
|
|
@ -68,10 +139,12 @@ export default {
|
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
|
this.pageNum = 1;
|
|
|
|
|
this.pageSize = val;
|
|
|
|
|
this.search();
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
|
this.pageNum = val;
|
|
|
|
|
this.search();
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
@ -105,13 +178,11 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-table__body-wrapper::-webkit-scrollbar {
|
|
|
|
|
display: none;
|
|
|
|
|
width: 6px;
|
|
|
|
|
background-color: #5e666a;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-table__body-wrapper::-webkit-scrollbar-thumb {
|
|
|
|
|
display: none;
|
|
|
|
|
width: 5px;
|
|
|
|
|
background-color: #3c4b4a;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
@ -120,6 +191,48 @@ export default {
|
|
|
|
|
.el-table th.el-table__cell.is-leaf {
|
|
|
|
|
border: 0.1px solid #3f5564;
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-table__cell.el-table__expanded-cell {
|
|
|
|
|
background: #2f6363;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.demo-table-expand {
|
|
|
|
|
font-size: 0;
|
|
|
|
|
// background: rgba(0, 0, 0, 0);
|
|
|
|
|
}
|
|
|
|
|
.demo-table-expand label {
|
|
|
|
|
width: 90px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.demo-table-expand .el-form-item {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
width: 30%;
|
|
|
|
|
}
|
|
|
|
|
.demo-table-expand .el-form-item .text {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-form-item__label {
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
/deep/.el-form-item__content {
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
// /deep/.el-button.operation {
|
|
|
|
|
// background-color: rgba(0, 0, 0, 0);
|
|
|
|
|
// border: 0px;
|
|
|
|
|
// color: #2fabdc;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// /deep/.el-button.operation:hover,
|
|
|
|
|
// .el-button.operation:focus {
|
|
|
|
|
// background-color: #182527;
|
|
|
|
|
// border: 0px;
|
|
|
|
|
// color: #2fabdc;
|
|
|
|
|
// text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
|
|
|
|
|
// }
|
|
|
|
|
.pagination_body {
|
|
|
|
|
width: 44vw;
|
|
|
|
|
height: 4vh;
|
|
|
|
|
|
lukeyan
1 year ago