style; asset详细视图 样式调整

nezha-fronted/src/assets/css/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "nz-icon"; /* Project id 2030432 */
-  src: url('iconfont.woff2?t=1634120008778') format('woff2'),
+  src: url('iconfont.woff2?t=1634200870921') format('woff2'),
-       url('iconfont.woff?t=1634120008778') format('woff'),
+       url('iconfont.woff?t=1634200870921') format('woff'),
-       url('iconfont.ttf?t=1634120008778') format('truetype');
+       url('iconfont.ttf?t=1634200870921') format('truetype');
 }
 
 .nz-icon {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.nz-icon-yuyan:before {
+  content: "\e746";
+}
+
 .nz-icon-guide1:before {
   content: "\e744";
 }

nezha-fronted/src/assets/css/nzIcon.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "nz-icon"; /* Project id 2030432 */
-  src: url('./font/iconfont.woff2?t=1634120008778') format('woff2'),
+  src: url('./font/iconfont.woff2?t=1634200870921') format('woff2'),
-  url('./font/iconfont.woff?t=1634120008778') format('woff'),
+  url('./font/iconfont.woff?t=1634200870921') format('woff'),
-  url('./font/iconfont.ttf?t=1634120008778') format('truetype');
+  url('./font/iconfont.ttf?t=1634200870921') format('truetype');
 }
 
 .nz-icon {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.nz-icon-yuyan:before {
+  content: "\e746";
+}
+
 .nz-icon-guide1:before {
   content: "\e744";
 }

nezha-fronted/src/components/common/detailView/list/asset/assetDetail.vue

@@ -1,18 +1,19 @@
 <template>
   <div class="detail-left-box">
     <div class="order-box">
-      <el-select v-model="orderBy" size="small" placeholder="排序方式">
+      <el-select v-model="orderBy" size="small" :placeholder="$t('asset.detail.orderBy')" class="detail-select">
         <el-option
           v-for="item in tableTitle"
           v-if="item.sortable==='custom'"
           :key="item.prop"
-          :label="item.label"
+          :label="$t('asset.detail.orderByLabel',{label:item.label})"
           :value="item.prop">
+          {{item.label}}
         </el-option>
       </el-select>
-      <el-button @click="orderTypeChange" size="small" style="height: 32px;padding: 0 5px 0 5px">
+      <el-button @click="orderTypeChange" size="small" style="height: 32px;padding: 0 5px 0 5px;margin-left: 10px" class="detail-button">
-        <i class="nz-icon nz-icon-jiantou-top" v-if="orderType=='ascending'" />
+        <i class="nz-icon nz-icon-arrow-up1" v-if="orderType=='ascending'" />
-        <i class="nz-icon nz-icon-jiantou-down" v-if="orderType=='descending'" />
+        <i class="nz-icon nz-icon-arrow-down2" v-if="orderType=='descending'" />
       </el-button>
     </div>
     <ul class="detail-row-box" ref="dataTable">
@@ -156,6 +157,44 @@ export default {
     padding: 0 15px;
     line-height: 40px;
     align-items: center;
+    .detail-select{
+      height: 30px;
+      line-height: 30px;
+      flex: 1;
+      /deep/ .el-input--small{
+        height: 30px;
+        line-height: 30px;
+        background-color: rgba(9,30,66,0.08);
+        border: none;
+        color: #344563;
+        input{
+          height: 30px;
+          line-height: 30px;
+          background-color: rgba(9,30,66,0.08);
+          border: none;
+          color: #344563;
+        }
+      }
+    }
+    .detail-select:hover{
+      /deep/ .el-input--small{
+        input{
+          background-color: rgba(9,30,66,0.13);
+        }
+      }
+    }
+    .detail-button{
+      height: 28px;
+      line-height: 28px;
+      background-color: rgba(9,30,66,0.08);
+      border: none;
+      .nz-icon{
+        color: #344563;
+      }
+    }
+    .detail-button:hover{
+      background-color: rgba(9,30,66,0.13);
+    }
   }
   .detail-row-box{
     height: calc(100% - 40px);

nezha-fronted/src/components/common/language/cn.js

@@ -711,7 +711,9 @@ const cn = {
     pingInfo: 'Ping',
     detail: {
       list: '列表',
-      detail: '详细'
+      detail: '详细',
+      orderBy: '排序方式',
+      orderByLabel: '按 {label}  排序'
     }
   },
   config: {

nezha-fronted/src/components/common/language/en.js

@@ -716,7 +716,13 @@ const en = {
     name: 'Name',
     dc: 'DataCenter',
     type: 'Types',
-    pingInfo: 'Ping'
+    pingInfo: 'Ping',
+    detail: {
+      list: 'List',
+      detail: 'Detail',
+      orderBy: 'OrderBy',
+      orderByLabel: 'Order by  {label}'
+    }
   },
   config: {
     config: 'Setting', // "设置"