From 49f1e3a54b472cb519f5386184e37851f23a0c98 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=AE=B8=E5=AE=8F=E6=9D=B0?= <1943105267@qq.com> Date: Fri, 18 Aug 2023 17:21:08 +0800 Subject: [PATCH] 1 --- src/components/Pagination/index.vue | 21 +- .../components/componentLeft copy.vue | 1259 +++++++++++++++++ .../security/components/componentLeft.vue | 268 +++- .../security/components/jianGuan.js | 60 +- 4 files changed, 1525 insertions(+), 83 deletions(-) create mode 100644 src/views/privateOrder/security/components/componentLeft copy.vue diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue index 6a67b30..61bf6b3 100644 --- a/src/components/Pagination/index.vue +++ b/src/components/Pagination/index.vue @@ -103,8 +103,24 @@ export default { } } - - + diff --git a/src/views/privateOrder/security/components/componentLeft copy.vue b/src/views/privateOrder/security/components/componentLeft copy.vue new file mode 100644 index 0000000..ee512ec --- /dev/null +++ b/src/views/privateOrder/security/components/componentLeft copy.vue @@ -0,0 +1,1259 @@ + + + + + + diff --git a/src/views/privateOrder/security/components/componentLeft.vue b/src/views/privateOrder/security/components/componentLeft.vue index ee512ec..ec11a60 100644 --- a/src/views/privateOrder/security/components/componentLeft.vue +++ b/src/views/privateOrder/security/components/componentLeft.vue @@ -247,6 +247,7 @@ + @@ -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; +} diff --git a/src/views/privateOrder/security/components/jianGuan.js b/src/views/privateOrder/security/components/jianGuan.js index 82261f0..47e1d46 100644 --- a/src/views/privateOrder/security/components/jianGuan.js +++ b/src/views/privateOrder/security/components/jianGuan.js @@ -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 } ]