perf: 样式微调

1.pingstate红色调整
2.dc弹框中有些下拉框显示不出来的问题修复

nezha-fronted/src/assets/stylus/main.scss

@@ -400,6 +400,9 @@ li{
   padding: 0 20px 0 20px;
   background-color: $content-right-background-color;
 }
+.asset td.content-right-options .cell {
+  width: 280px !important;
+}
 .content-right-option {
   cursor: pointer;
   display: inline-block;
@@ -659,6 +662,7 @@ li{
 .nz-pop { /*小弹框*/
   padding-top: 0;
   box-shadow: $pop-box-shadow;
+  z-index: 2951 !important;
 }
 .nz-pop2 {
   padding: 0 20px 20px 20px;
@@ -736,6 +740,9 @@ li{
 .config-dropdown, .chart-box-dropdown, .metric-dropdown {
   z-index: 2950 !important;
 }
+.dc-dropdown {
+  z-index: 2952 !important;
+}
 .chart-box-dropdown {
   width: 519px;
 }
@@ -811,6 +818,8 @@ li{
 }
 .right-box-form-content-txt {
   padding-left: 11px;
+  color: $box-title-color;
+  font-size: 14px;
 }
 .right-box-form-tip {
   color: #d0d4dC;

nezha-fronted/src/components/common/popBox/dcConfig.vue

@@ -32,7 +32,7 @@
             <div class="right-box-form-content-txt" v-if="!popBox.isEdit">{{idc.location}}</div>
           </el-form-item>
           <el-form-item :label="$t('asset.createAssetTab.principal')" prop="principal">
-            <el-select v-model="idc.principal" clearable size="mini" placeholder="" v-if="popBox.isEdit">
+            <el-select v-model="idc.principal" clearable size="mini" placeholder="" v-if="popBox.isEdit" popper-class="dc-dropdown">
               <el-option v-for="item in principals" :key="item.id" :label="item.username" :value="item.userId"></el-option>
             </el-select>
             <div class="right-box-form-content-txt" v-if="!popBox.isEdit">{{idc.principal}}</div>

nezha-fronted/src/components/page/asset/asset.vue

@@ -60,6 +60,7 @@
           :label="item.label"
           :show-overflow-tooltip="item.prop != 'Alert' || item.prop != 'Module'"
           min-width="110px"
+          :class-name="item.prop == 'option' ? 'content-right-options' : ''"
         >
           <template slot="header" slot-scope="scope">
             <template v-if="index==0">
@@ -140,7 +141,7 @@
             <div v-if="item.prop=='tel'">
               <span>{{scope.row.idc.tel}}</span>
             </div>
-            <div v-if="item.prop == 'option'" class="content-right-options">
+            <template v-if="item.prop == 'option'">
               <span @click.stop="deleteData('asset',scope.row.id)" class="content-right-option" :id="'asset-del-'+scope.row.id"><i
                 class="el-icon-delete"></i>&nbsp;&nbsp;<span>{{$t('overall.delete')}}</span>
               </span>&nbsp;&nbsp;&nbsp;
@@ -153,7 +154,7 @@
               <span @click="ssss(scope.row.id ,scope.row.host)" class="content-right-option" :id="'asset-ssh-'+scope.row.id"><i
                 class="nz-icon nz-icon-cli"></i>&nbsp;&nbsp;<span>CLI</span>
               </span>
-            </div>
+            </template>
           </template>
         </el-table-column>
       </el-table>
@@ -734,7 +735,7 @@
     border-radius:50%;
   }
    .red {
-    background-color:red;
+    background-color:#ff6347;
   }
    .green {
     background-color:lightGreen;

nezha-fronted/src/components/page/project/project.vue

@@ -4,9 +4,6 @@
        height: 26px !important;
        border-color: #d8d8d8;
      }
-  .project .nz-table .el-table__row td:first-of-type {
-    padding-left: 0;
-  }
 </style>
 <style scope>
   .chart-bottom {