commit
88863fce96
@ -0,0 +1,18 @@
|
||||
// 应用超市 ---> 人员背景审查
|
||||
import request from '@/utils/request'
|
||||
// 人员背景审查主页查询
|
||||
export function get_personback_data(params) {
|
||||
return request({
|
||||
url: '/safety/store/personnelReview/tbCompanyUserExamination/list',
|
||||
method: 'post',
|
||||
params
|
||||
})
|
||||
}
|
||||
// 人员背景审查子页查询
|
||||
export function get_personback_item_data(params) {
|
||||
return request({
|
||||
url: '/safety/store/personnelReview/tbCompanyUserList/list',
|
||||
method: 'post',
|
||||
params
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,49 @@
|
||||
import Vue from 'vue'
|
||||
import VueRouter from 'vue-router'
|
||||
// import Home from '../views/Home.vue'
|
||||
Vue.use(VueRouter)
|
||||
// 系统管理
|
||||
export default [
|
||||
{
|
||||
path: 'systemManagement',
|
||||
name: 'systemManagement',
|
||||
component: () => import('@/views/systemManagement'),
|
||||
children: [
|
||||
// 平安指数
|
||||
{
|
||||
path: 'safeIndex',
|
||||
name: 'safeIndex',
|
||||
component: () => import('@/views/systemManagement/safeIndex'),
|
||||
},
|
||||
// 企业赋分
|
||||
{
|
||||
path: 'companyScore',
|
||||
name: 'companyScore',
|
||||
component: () => import('@/views/systemManagement/companyScore'),
|
||||
},
|
||||
// 企业赋分详情
|
||||
{
|
||||
path: 'companyDetails',
|
||||
name: 'companyDetails',
|
||||
component: () => import('@/views/systemManagement/companyScore/components/companyDetails'),
|
||||
},
|
||||
// 关联设备
|
||||
{
|
||||
path: 'correlationEquipment',
|
||||
name: 'correlationEquipment',
|
||||
component: () => import('@/views/systemManagement/correlationEquipment'),
|
||||
},
|
||||
{
|
||||
path: 'correlationEquipment2',
|
||||
name: 'correlationEquipment2',
|
||||
component: () => import('@/views/systemManagement/correlationEquipment2'),
|
||||
},
|
||||
// 企业名单
|
||||
{
|
||||
path: 'companyList',
|
||||
name: 'companyList',
|
||||
component: () => import('@/views/systemManagement/companyList'),
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
@ -0,0 +1,178 @@
|
||||
<!-- 异常表格数据 -->
|
||||
<template>
|
||||
<div>
|
||||
<el-table
|
||||
:data="table_data"
|
||||
height="280"
|
||||
:header-cell-style="table_header"
|
||||
:cell-style="{ background: 'revert', 'text-align': 'center' }"
|
||||
>
|
||||
<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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="createTime" label="姓名" width="140">
|
||||
</el-table-column>
|
||||
<el-table-column prop="processType" label="身份证号" width="260">
|
||||
</el-table-column>
|
||||
<el-table-column prop="taskName" label="审查时间" width="260">
|
||||
</el-table-column>
|
||||
<el-table-column prop="operation" label="审查结果"> </el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页公共样式 -->
|
||||
<div class="pagination_body">
|
||||
<el-pagination
|
||||
background
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:page-sizes="[4]"
|
||||
:page-size="pageSize"
|
||||
:current-page="pageNum"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "NormalTable",
|
||||
data() {
|
||||
return {
|
||||
table_data: [],
|
||||
pageSize: 4,
|
||||
pageNum: 1,
|
||||
total: 0,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 表头样式
|
||||
table_header({ row, rowIndex }) {
|
||||
console.log(row);
|
||||
console.log(rowIndex);
|
||||
return {
|
||||
"text-align": "center", // 表头文字居中
|
||||
color: "#fff",
|
||||
border: "0.1px solid #3b4f5c",
|
||||
};
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
console.log(`每页 ${val} 条`);
|
||||
this.pageNum = 1;
|
||||
this.pageSize = val;
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
console.log(`当前页: ${val}`);
|
||||
this.pageNum = val;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/.el-table {
|
||||
// width: 96vw;
|
||||
height: 57vh;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border: 0.1px solid #3f5564;
|
||||
thead {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
border: 0.1px solid #3f5564;
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
#284f49,
|
||||
#2f6363 5%,
|
||||
#233b38 80%
|
||||
) !important;
|
||||
& th {
|
||||
background-color: transparent;
|
||||
}
|
||||
& tr {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
tr {
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
/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;
|
||||
}
|
||||
/deep/ .el-table td.el-table__cell,
|
||||
.el-table th.el-table__cell.is-leaf {
|
||||
border: 0.1px solid #3f5564;
|
||||
}
|
||||
.pagination_body {
|
||||
width: 44vw;
|
||||
height: 4vh;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
// border: 0.1px solid #2f6363;
|
||||
// background: #3c4b4a;
|
||||
/deep/.el-pagination {
|
||||
margin-top: 1vh;
|
||||
.el-pagination__total {
|
||||
color: #fff;
|
||||
}
|
||||
/* 显示多少条/页和在哪页的input样式 */
|
||||
.el-input__inner {
|
||||
border-radius: 4px;
|
||||
border: 2px solid #28847e;
|
||||
background: #3c4b4a;
|
||||
color: #fff;
|
||||
}
|
||||
.btn-prev {
|
||||
border-radius: 0px;
|
||||
border: 0.1px solid #28847e;
|
||||
background: #3c4b4a;
|
||||
color: #fff;
|
||||
}
|
||||
ul {
|
||||
li {
|
||||
border: 0.1px solid #28847e;
|
||||
background: #3c4b4a;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.btn-next {
|
||||
border: 0.1px solid #28847e;
|
||||
border-radius: 0px;
|
||||
background: #3c4b4a;
|
||||
color: #fff;
|
||||
}
|
||||
.el-pager {
|
||||
li {
|
||||
border: 0.1px solid #28847e;
|
||||
background: #3c4b4a !important;
|
||||
}
|
||||
}
|
||||
.el-pagination__jump {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
|
||||
border: 0.1px solid #76eae4;
|
||||
}
|
||||
/deep/.el-pagination.is-background .el-pager li:not(.disabled):hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,179 @@
|
||||
<!-- 正常表格数据 -->
|
||||
<template>
|
||||
<div>
|
||||
<el-table
|
||||
:data="table_data"
|
||||
height="280"
|
||||
:header-cell-style="table_header"
|
||||
:cell-style="{ background: 'revert', 'text-align': 'center' }"
|
||||
>
|
||||
<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>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="createTime" label="姓名" width="140">
|
||||
</el-table-column>
|
||||
<el-table-column prop="processType" label="身份证号" width="260">
|
||||
</el-table-column>
|
||||
<el-table-column prop="taskName" label="审查时间" width="260">
|
||||
</el-table-column>
|
||||
<el-table-column prop="operation" label="审查结果">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页公共样式 -->
|
||||
<div class="pagination_body">
|
||||
<el-pagination
|
||||
background
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:page-sizes="[4]"
|
||||
:page-size="pageSize"
|
||||
:current-page="pageNum"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "NormalTable",
|
||||
data() {
|
||||
return {
|
||||
table_data: [],
|
||||
pageSize: 4,
|
||||
pageNum: 1,
|
||||
total: 0,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 表头样式
|
||||
table_header({ row, rowIndex }) {
|
||||
console.log(row);
|
||||
console.log(rowIndex);
|
||||
return {
|
||||
"text-align": "center", // 表头文字居中
|
||||
color: "#fff",
|
||||
border: "0.1px solid #3b4f5c",
|
||||
};
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
console.log(`每页 ${val} 条`);
|
||||
this.pageNum = 1;
|
||||
this.pageSize = val;
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
console.log(`当前页: ${val}`);
|
||||
this.pageNum = val;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/.el-table {
|
||||
// width: 96vw;
|
||||
height: 57vh;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border: 0.1px solid #3f5564;
|
||||
thead {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
border: 0.1px solid #3f5564;
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
#284f49,
|
||||
#2f6363 5%,
|
||||
#233b38 80%
|
||||
) !important;
|
||||
& th {
|
||||
background-color: transparent;
|
||||
}
|
||||
& tr {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
tr {
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
/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;
|
||||
}
|
||||
/deep/ .el-table td.el-table__cell,
|
||||
.el-table th.el-table__cell.is-leaf {
|
||||
border: 0.1px solid #3f5564;
|
||||
}
|
||||
.pagination_body {
|
||||
width: 44vw;
|
||||
height: 4vh;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
// border: 0.1px solid #2f6363;
|
||||
// background: #3c4b4a;
|
||||
/deep/.el-pagination {
|
||||
margin-top: 1vh;
|
||||
.el-pagination__total {
|
||||
color: #fff;
|
||||
}
|
||||
/* 显示多少条/页和在哪页的input样式 */
|
||||
.el-input__inner {
|
||||
border-radius: 4px;
|
||||
border: 2px solid #28847e;
|
||||
background: #3c4b4a;
|
||||
color: #fff;
|
||||
}
|
||||
.btn-prev {
|
||||
border-radius: 0px;
|
||||
border: 0.1px solid #28847e;
|
||||
background: #3c4b4a;
|
||||
color: #fff;
|
||||
}
|
||||
ul {
|
||||
li {
|
||||
border: 0.1px solid #28847e;
|
||||
background: #3c4b4a;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.btn-next {
|
||||
border: 0.1px solid #28847e;
|
||||
border-radius: 0px;
|
||||
background: #3c4b4a;
|
||||
color: #fff;
|
||||
}
|
||||
.el-pager {
|
||||
li {
|
||||
border: 0.1px solid #28847e;
|
||||
background: #3c4b4a !important;
|
||||
}
|
||||
}
|
||||
.el-pagination__jump {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
/deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
|
||||
border: 0.1px solid #76eae4;
|
||||
}
|
||||
/deep/.el-pagination.is-background .el-pager li:not(.disabled):hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue