v1.0.184:palm_tree:

v1.0.184:palm_tree:

Vue/MenuConfig.js

@@ -48,7 +48,7 @@ const MenuConfig = () => {
  key: "Monitor",
  iconType: "icon-jiankong",
  msg: "监控页面",
- show: false,
+ show: true,
  children: [
  {
  key: "GitHubMonitor",
@@ -177,4 +177,4 @@ const MenuConfig = () => {
  },
  ]
 }
-module.exports = MenuConfig()
+module.exports = MenuConfig()

Vue/faceConfig.js

@@ -10,4 +10,4 @@ const faceConfig = () => {
  }
 }
 
-module.exports = faceConfig()
+module.exports = faceConfig()

Vue/src/components/Card/Card.vue

@@ -1,6 +1,8 @@
 <template>
- <a-card :bordered="false" v-bind="$props" v-on="$listeners" class="interval">
- <div slot="title" class="titleSolt" v-if="name">{{name}}</div>
+ <a-card :bordered="false" v-bind="$props" v-on="$listeners" class="interval"
+ :class="{'detailCard': detailCard}"
+ >
+ <div slot="title" class="titleSolt" v-if="name&&showTitle">{{name}}</div>
  <slot name="extraCard" slot="extra">
  <!-- <a-icon @click="handlecloseAndOpen" :type="icon" /> -->
  </slot>
@@ -27,6 +29,15 @@ export default {
  return {}
  }
  },
+ showTitle: {
+ type: Boolean,
+ default: true
+ },
+ // 详情页面card
+ detailCard: {
+ type: Boolean,
+ default: false
+ },
  bodyStyle: {
  type: Object,
  default: () => {
@@ -44,6 +55,24 @@ export default {
 
 }
 </script>
+<style lang="scss">
+.detailCard {
+ .ant-card-head {
+ padding: 0 10px;
+ .ant-card-head-wrapper{
+ .ant-card-head-title {
+ padding: 10px 0;
+ }
+ }
+ }
+ .ant-card,.ant-card-body{
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ padding: 10px;
+
+ }
+}
+</style>
 
 <style lang="less" scoped>
 .interval {
@@ -63,4 +92,12 @@ export default {
 .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
 }
-</style>
+.detailCard {
+ .titleSolt{
+ border:0;
+ line-height: 18px;
+ padding-left: 0;
+ }
+
+}
+</style>

Vue/src/views/Monitor/VulnerabilitiesMonitor/VulnerabilitiesMonitor.vue

@@ -10,7 +10,7 @@
  </div>
  </a-col>
  <a-col :span='24'>
- <a-col :xs="24" :lg="18" style="background: #fff;">
+ <a-col :xs="24" :lg="18" style="background: #fff;" class="cve-header">
  <a-form class="search-form" :form="form">
  <a-col :xs="24" :lg="8">
  <a-form-item>
@@ -39,7 +39,7 @@
  <a-form-item>
  <div style="text-align:left;">
  <a-button @click="handleReset" style="margin-right:4px">重置</a-button>
- <a-button type="primary" @click="handleNistQuery">查询</a-button>
+ <a-button type="primary" class="cve-header-btn" @click="handleNistQuery">查询</a-button>
  </div>
  </a-form-item>
  </a-col>
@@ -60,8 +60,8 @@
  </a-col>
 
  <a-col :span="24" >
- <Card name="">
- <Tables
+ <Card name="" class="cve-card">
+ <Tables class="vulnerability_table"
  :loading='loading'
  :columns="columns"
  :tableData="data"
@@ -153,7 +153,7 @@ export default {
  // dataIndex: "v2_base_score",
  // key: "v2_base_score",
  // },
- 
+
  ],
  data: [],
  total: 0,
@@ -305,10 +305,10 @@ export default {
  return text ? <a-tag color={color}>{type === 'v2'?record.v2_base_score:record.v3_base_score}{text} </a-tag > : <a-tag color={color}>N/A</a-tag>
  },
  handleRenderVendorsAndProducts (text, record, index) {
- let arr = text ? eval('(' + text + ')') : []
- let dom = ''
- if (arr.length > 0) {
- arr = Array.from(new Set(arr))
+  let arr = text[0] ? text[0].split(',') : []
+  let dom = ''
+  if (arr.length > 0) {
+ //  arr = Array.from(new Set(arr))
  dom = arr.map((item) => {
  return <a-tag color="green" v-on:click={() => {
  this.handleClickVendorsAndProducts(item)//暂时没用
@@ -321,9 +321,9 @@ export default {
  console.log(item)
  },
  handleRenderVulnerabilityNumber (text, record, index) {
- return <a-tag color="cyan" v-on:click={() => {
- this.handleClickVulnerabilityNumber(text)
- }}>{text}<br /></a-tag>
+ return <span style=" font-weight: 700;color: #3c8dbc;cursor: pointer;"  color="cyan" v-on:click={() => {
+ this.handleClickVulnerabilityNumber(text||'')
+ }}>{text||''}<br /></span>
  },
  handleClickVulnerabilityNumber (item) {
  const _this = this
@@ -337,6 +337,50 @@ export default {
 }
 </script>
 
+<style lang="scss">
+.cve-card{
+ border-top: 3px solid #2b4049;
+ margin-bottom: 20px;
+ color: #2b4049;
+ box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
+ .ant-card-body{
+ padding:0;
+ }
+
+}
+.vulnerability_table{
+ table>thead>tr>th {
+ //border-bottom: 2px solid #f4f4f4;
+ background-color: #fff;
+ }
+ tr.ant-table-expanded-row{
+ background-color: #fff;
+ td{
+ border-top: 0;
+ }
+ }
+ .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
+ padding: 8px 8px;
+ color: #2b4049;
+ font-size: 14px;
+ font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
+ //border-top: 1px solid #e8e8e8;
+ }
+ .ant-table-row{
+ td{
+ border-bottom: 0;
+ }
+ }
+
+ .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
+ background: #fff;
+ }
+
+ .ant-table-fixed{
+ width: calc(100% - 60px)!important;
+ }
+}
+</style>
 <style lang="scss" scoped>
 .myicon {
  text-align: left;
@@ -350,4 +394,17 @@ export default {
 .search-form .ant-form-item {
  margin-bottom: 0;
 }
-</style>
+.cve-header{
+ position: relative;
+ border-radius: 3px;
+ background: #ffffff;
+ border-top: 3px solid #d2d6de;
+ margin-bottom: 20px;
+ box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
+ .cve-header-btn{
+ background-color: #394d55;
+ border: 1px solid #394d55;
+ }
+}
+
+</style>