fix: 根据ui设计稿调整页面

nezha-fronted/src/assets/css/components/page/config/agent.scss

@@ -54,6 +54,7 @@
     color: $--license-left-title-color;
     letter-spacing: 0;
     font-weight: 700;
+    font-style: italic;
     margin-left: 0;
     margin-bottom: 0px;
     padding-left: 20px;

nezha-fronted/src/assets/css/components/page/config/backups.scss

@@ -12,6 +12,7 @@
       color: $--license-left-title-color;
       letter-spacing: 0;
       font-weight: 700;
+      font-style: italic;
       margin-left: 0;
       margin-bottom: 0px;
       padding-left: 20px;

nezha-fronted/src/assets/css/components/page/config/system/license.scss

@@ -223,7 +223,7 @@
       }
     }
     .el-dialog__body{
-      padding-top: 0 !important;
+      padding: 0 20px !important;
     }
     .el-dialog__footer{
       padding: 20px;
@@ -234,9 +234,11 @@
       }
     }
     .check-tip{
-      word-break: break-word;
       font-size: 14px;
-      color: $--color-text-regular;
+      color: $--color-text-primary;
+      font-family: Roboto-Black;
+      font-weight: 400;
+      word-break: break-word;
       line-height: 20px;
       margin-top: 6px;
       &:first-of-type{
@@ -248,6 +250,22 @@
           padding-left: 6px;
         }
       }
+      i{
+        color: $--color-primary;
+      }
+    }
+    .check-content{
+      opacity: 0.9;
+      background: $--background-color-base;
+      border: 1px solid $--border-color-light;
+      border-radius: 2px;
+      padding: 10px;
+      box-sizing: border-box;
+      margin-top: 10px;
+      margin-bottom: 20px;
+      .check-tip{
+        color: $--color-text-regular;
+      }
     }
   }
 }

nezha-fronted/src/components/common/login.vue

@@ -204,24 +204,30 @@
         </div>
       </div>
     </el-dialog>
+
     <el-dialog
       class="nz-dialog c2vDialog"
       :title="$t('license.downloadID')"
       :show-close="true"
       :visible.sync="checkVisible"
-      width="480px"
+      width="580px"
       @close="closeCheckDialog"
       >
-      <p class="check-tip">{{$t('license.check')}}</p>
+      <p class="check-tip">
-      <p class="check-tip">{{$t('license.check1')}}</p>
+        <i class="nz-icon nz-icon-jinggao"></i>
-      <p class="check-tip">{{$t('license.check2')}}</p>
+        {{$t('license.check')}}
-      <p class="check-tip">{{$t('license.check3')}}</p>
+      </p>
-      <p class="check-tip">{{$t('license.check4')}}</p>
+      <div class="check-content">
+        <p class="check-tip">{{$t('license.check1')}}</p>
+        <p class="check-tip">{{$t('license.check2')}}</p>
+        <p class="check-tip">{{$t('license.check3')}}</p>
+        <p class="check-tip">{{$t('license.check4')}}</p>
+      </div>
       <p class="check-tip isCheck">
         <el-checkbox v-model="checkCompleted">{{$t('license.checkCompleted')}}</el-checkbox>
       </p>
       <div slot="footer">
-        <button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.close")}}</button>
+        <button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.cancel")}}</button>
         <button @click="downloadLicense" class="nz-btn nz-btn-size-normal nz-btn-style-normal" :class="{'nz-btn-disabled': (downLoading || !checkCompleted)}" :disabled="(downLoading || !checkCompleted)">{{$t('overall.download')}}</button>
       </div>
     </el-dialog>

nezha-fronted/src/components/page/config/collectors.vue

@@ -29,7 +29,7 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column :resizable="false" fixed="right" width="165px">
+          <el-table-column :resizable="false" fixed="right" width="120px">
             <div slot-scope="scope">
               <div class="table-operation-items">
                 <button

nezha-fronted/src/components/page/config/system/license.vue

@@ -169,19 +169,24 @@
       :title="$t('license.downloadID')"
       :show-close="true"
       :visible.sync="checkVisible"
-      width="480px"
+      width="580px"
       @close="closeCheckDialog"
       >
-      <p class="check-tip">{{$t('license.check')}}</p>
+      <p class="check-tip">
-      <p class="check-tip">{{$t('license.check1')}}</p>
+        <i class="nz-icon nz-icon-jinggao"></i>
-      <p class="check-tip">{{$t('license.check2')}}</p>
+        {{$t('license.check')}}
-      <p class="check-tip">{{$t('license.check3')}}</p>
+      </p>
-      <p class="check-tip">{{$t('license.check4')}}</p>
+      <div class="check-content">
+        <p class="check-tip">{{$t('license.check1')}}</p>
+        <p class="check-tip">{{$t('license.check2')}}</p>
+        <p class="check-tip">{{$t('license.check3')}}</p>
+        <p class="check-tip">{{$t('license.check4')}}</p>
+      </div>
       <p class="check-tip isCheck">
         <el-checkbox v-model="checkCompleted">{{$t('license.checkCompleted')}}</el-checkbox>
       </p>
       <div slot="footer">
-        <button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.close")}}</button>
+        <button @click="checkVisible = false" class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10">{{$t("overall.cancel")}}</button>
         <button @click="downloadLicense" class="nz-btn nz-btn-size-normal nz-btn-style-normal" :class="{'nz-btn-disabled': (downLoading || !checkCompleted)}" :disabled="(downLoading || !checkCompleted)">{{$t('overall.download')}}</button>
       </div>
     </el-dialog>