1

src/components/Pagination/index.vue

@@ -103,7 +103,23 @@ export default {
   }
 }
 </script>
-
+<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;
@@ -112,4 +128,5 @@ export default {
 .pagination-container.hidden {
   display: none;
 }
+
 </style>

src/views/privateOrder/security/components/componentLeft.vue

@@ -247,6 +247,7 @@
           </el-col>
         </el-row>
       </template>
+
       <template
         v-if="
           dialogType === '硬探针' ||
@@ -260,12 +261,19 @@
             dialogType === '软探针'
         "
       >
-        <ExcelTable
+        <MyTable
-          v-if="dialogStatus"
+          :table-list="excelData"
-          :table-header="excelDataHeader"
+          :table-key="excelDataHeader"
-          :page-data="excelData"
+        />
-          :table-total="tableTotal"
+        <div style="text-align: right; margin-top: 10px">
-        ></ExcelTable>
+          <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.dialogType = item
-      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'
-        this.excelData = dbxt
+        listSystem(this.queryParams).then(res => {
+          this.excelData = res.rows
           this.excelDataHeader = dbxtKeyValue
-      }
+          this.total = res.total
-      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
-      }
           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>

src/views/privateOrder/security/components/jianGuan.js

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