suzhou-jichuang-lanhai
/
taicangZongzhi
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
lijinlong
许宏杰 1 year ago
parent cb69e6df51
commit 49f1e3a54b
4 changed files with 1525 additions and 83 deletions
Show Stats Download Patch File Download Diff File

21
src/components/Pagination/index.vue
Unescape View File

@ -103,8 +103,24 @@ export default {
}
}
</script>
<style scoped>
<style lang="scss">
.select_bottom {
border: none !important;
.el-scrollbar {
background-color: rgb(0, 23, 53);
}
.el-select-dropdown__item {
//background: red;
color: #fff;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
background: rgb(12, 46, 97);
color: #fff;
}
}
</style>
<style scoped >
.pagination-container {
background: transparent;
padding: 32px 16px;
@ -112,4 +128,5 @@ export default {
.pagination-container.hidden {
display: none;
}
</style>

1259
src/views/privateOrder/security/components/componentLeft copy.vue
View File

File diff suppressed because it is too large Load Diff

268
src/views/privateOrder/security/components/componentLeft.vue
Unescape View File

@ -247,6 +247,7 @@
</el-col>
</el-row>
</template>
<template
v-if="
dialogType === '硬探针' ||
@ -260,12 +261,19 @@
dialogType === '软探针'
"
>
<ExcelTable
v-if="dialogStatus"
:table-header="excelDataHeader"
:page-data="excelData"
:table-total="tableTotal"
></ExcelTable>
<MyTable
:table-list="excelData"
:table-key="excelDataHeader"
/>
<div style="text-align: right; margin-top: 10px">
<paginations
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getAllList"
/>
</div>
</template>
<span slot="footer" class="dialog-footer">
<span>
@ -323,6 +331,16 @@ export default {
},
data() {
return {
/**
* 自己的变量
*/
queryParams: {
pageNum: 1,
pageSize: 1
}, // 分页查询条件
total: 0, // 总数
//
dialogWidth: 0,
dialogStatus: false,
dialogType: '',
@ -552,54 +570,66 @@ export default {
this.dialogType = '安全监测'
},
showAttack(item = '安全监测', total) {
this.tableTotal = total // 写这个的原因是因为总数并不能和数据完全匹配 按页面显示数字为主
this.dialogStatus = false
// setTimeout(() => {
if (item === '硬探针') {
this.dialogWidth = '1800px'
this.excelData = yingTanZhen
this.excelDataHeader = yingTanZhenKeyValue
}
if (item === '系统监测' || item === '监管单位') {
this.dialogWidth = '2100px'
this.excelData = xitongjiance
this.excelDataHeader = xitongjianceKeyValue
}
if (item === '网站监测') {
this.dialogWidth = '2100px'
this.excelData = xitongjiance
this.excelDataHeader = xitongjianceKeyValue
}
if (item === 'IDC单位') {
this.dialogWidth = '1800px'
this.excelData = IDC
this.excelDataHeader = IDCKeyValue
}
if (item === '等保单位') {
this.dialogWidth = '3300px'
this.excelData = dbdw
this.excelDataHeader = dbdwKeyValue
}
this.dialogType = item
if (item === '等保系统') {
this.dialogWidth = '4000px'
this.excelData = dbxt
this.excelDataHeader = dbxtKeyValue
}
if (item === '政府网站') {
this.dialogWidth = '1800px'
this.excelData = zfdw
this.excelDataHeader = zfdwKeyValue
}
if (item === '软探针') {
this.dialogWidth = '1800px'
this.excelData = rtz
this.excelDataHeader = rtzKeyValue
}
this.dialogType = item
if (item.target?.dataset.obj) {
this.dialogType = item.target.dataset.obj
listSystem(this.queryParams).then(res => {
this.excelData = res.rows
this.excelDataHeader = dbxtKeyValue
this.total = res.total
this.dialogStatus = true
})
}
this.dialogStatus = true
// this.tableTotal = total // 写这个的原因是因为总数并不能和数据完全匹配 按页面显示数字为主
// this.dialogStatus = false
// setTimeout(() => {
// if (item === '硬探针') {
// this.dialogWidth = '1800px'
// this.excelData = yingTanZhen
// this.excelDataHeader = yingTanZhenKeyValue
// }
// if (item === '系统监测' || item === '监管单位') {
// this.dialogWidth = '2100px'
// this.excelData = xitongjiance
// this.excelDataHeader = xitongjianceKeyValue
// }
// if (item === '网站监测') {
// this.dialogWidth = '2100px'
// this.excelData = xitongjiance
// this.excelDataHeader = xitongjianceKeyValue
// }
// if (item === 'IDC单位') {
// this.dialogWidth = '1800px'
// this.excelData = IDC
// this.excelDataHeader = IDCKeyValue
// }
// if (item === '等保单位') {
// this.dialogWidth = '3300px'
// this.excelData = dbdw
// this.excelDataHeader = dbdwKeyValue
// }
// if (item === '等保系统') {
// this.dialogWidth = '4000px'
// listSystem().then(res => {
// this.excelData = res.rows
// this.excelDataHeader = dbxtKeyValue
// this.dialogStatus = true
// })
// }
// if (item === '政府网站') {
// this.dialogWidth = '1800px'
// this.excelData = zfdw
// this.excelDataHeader = zfdwKeyValue
// }
// if (item === '软探针') {
// this.dialogWidth = '1800px'
// this.excelData = rtz
// this.excelDataHeader = rtzKeyValue
// }
// this.dialogType = item
// if (item.target?.dataset.obj) {
// this.dialogType = item.target.dataset.obj
// }
// }, 0)
},
// 数据来源数据获取
@ -685,6 +715,104 @@ export default {
background-size: 100% 100%;
}
}
.dialog-btn {
background: url("~@/assets/dialog/btn-bg.png") no-repeat;
background-size: 100% 100%;
width: 160px;
height: 50px;
font-family: SourceHanSansCN-Regular;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 10px;
letter-spacing: 2px;
color: #ffffff;
}
::v-deep .el-button {
border: none;
}
.dialog-footer :hover {
.dialog-btn {
background: url("~@/assets/dialog/btn-bg-act.png") no-repeat;
background-size: 100% 100%;
}
}
::v-deep .el-dialog__header {
background: rgba(255, 255, 255, 0);
text-align: left;
padding-left: 40px;
.el-dialog__title {
font-family: SourceHanSansCN-Bold, san-serif;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 38px;
letter-spacing: 0px;
color: #ffffff;
}
}
::v-deep .el-dialog {
background: url("../../../../assets/dialog/弹窗背景-一般.png") no-repeat;
width: 1820px;
height: 1066px;
background-size: 100% 100%;
}
::v-deep .el-dialog__headerbtn {
top: 0;
font-size: 30px;
font-weight: bolder;
}
::v-deep .el-dialog__footer {
background: rgba(255, 255, 255, 0);
}
::v-deep .el-table th.el-table__cell {
background-color: rgba(0, 0, 0, 0);
}
::v-deep .el-table {
background-color: rgba(0, 0, 0, 0);
color: #fff;
border: none;
}
::v-deep.el-table::before {
display: none;
}
::v-deep .el-table tr {
background-color: rgba(0, 0, 0, 0);
}
::v-deep .el-table .cell {
font-size: 26px;
height: 40px;
line-height: 40px;
}
::v-deep .el-table__header {
background-color: rgba(76, 162, 248, 0.2);
color: #fff;
}
::v-deep .el-table__row {
font-family: SourceHanSansCN-Regular, sans-serif;
font-size: 26px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #b7dfff;
background-color: rgba(106, 184, 255, 0.2);
border: solid 1px #6ab8ff;
}
::v-deep .el-table {
tbody tr {
&:hover {
td {
background-color: rgba(228, 223, 223, 0.3) !important;
}
}
}
}
::v-deep .el-table td.el-table__cell {
border: none;
}
::v-deep .el-table th.el-table__cell {
border: none;
}
}
.dialog_title {
font-family: SourceHanSansCN-Regular;
@ -1256,4 +1384,42 @@ export default {
}
@keyframes scale {
}
::v-deep .el-pagination__total {
color: #fff;
}
::v-deep .el-input .el-input--mini .el-input--suffix {
background: transparent;
}
::v-deep .el-pagination .el-select .el-input .el-input__inner {
background: transparent;
border: none;
color: #fff;
}
::v-deep .el-select-dropdown__list {
background: #000;
}
::v-deep .el-pagination button:disabled {
background-color: transparent;
}
::v-deep .el-pagination .btn-next {
background-color: transparent;
color: #fff;
}
::v-deep .el-pager {
color: #fff !important;
}
::v-deep .el-pager li {
background-color: transparent;
}
::v-deep .el-pagination__editor.el-input .el-input__inner {
background-color: transparent;
border: none;
color: #fff;
}
::v-deep .el-pagination__jump {
color: #fff;
}
::v-deep .el-select-dropdown .el-popper {
background-color: #132d56 !important;
}
</style>

60
src/views/privateOrder/security/components/jianGuan.js
Unescape View File

@ -5147,80 +5147,80 @@ const rtz = [
]
const dbxtKeyValue = [
{
value: 'sysName',
key: '系统名称',
value: 'steamName',
name: '系统名称',
width: 450
},
{
value: 'recordCode',
key: '备案编号',
name: '备案编号',
width: 300
},
{
value: 'safeLevel',
key: '信息系统安全保护等级'
value: 'safetyLevel',
name: '信息系统安全保护等级'
},
{
value: 'unitName',
key: '单位名称',
name: '单位名称',
width: 450
},
{
value: 'business',
key: '业务类型'
value: 'yewuType',
name: '业务类型'
},
{
value: 'severScope',
key: '服务范围',
value: 'servicesArea',
name: '服务范围',
width: 230
},
{
value: 'serveObj',
key: '服务对象',
value: 'servicesObj',
name: '服务对象',
width: 230
},
{
value: 'coverageArea',
key: '覆盖范围'
name: '覆盖范围'
},
{
value: 'networkNature',
key: '网络性质'
name: '网络性质'
},
{
value: 'sysInterconnection',
key: '系统互联情况',
value: 'systemSitutation',
name: '系统互联情况',
width: 300
},
{
value: 'sueStartTime',
key: '投入运行使用日期',
value: 'useTime',
name: '投入运行使用日期',
width: 250
},
{
value: 'isLevel',
key: '系统是否分级'
value: 'isRate',
name: '系统是否分级'
},
{
value: 'sysConfirmTime',
key: '系统定级时间',
value: 'rankTime',
name: '系统定级时间',
width: 200
},
{
value: 'specialist',
key: '专家评审情况'
value: 'reviewCase',
name: '专家评审情况'
},
{
value: 'isZgdept',
key: '是否有主管部门'
value: 'isParent',
name: '是否有主管部门'
},
{
value: 'sysScore',
key: '系统定级报告'
value: 'rankReport',
name: '系统定级报告'
},
{
value: 'sysStatus',
key: '系统状态',
value: 'systemState',
name: '系统状态',
with: 300
}
]

Write Preview
Loading…
Cancel
Save