fix 页面滚动条样式

CHANGELOG-BETA.md

@@ -10,6 +10,7 @@
 1. 【server】修复 查看 docker 容器日志 web socket 线程被阻塞问题
 2. 【server】优化 日志组件显示高亮、滚动条样式优化
 3. 【server】优化 web socket 会话关闭显示分类
+4. 【server】优化 页面滚动条样式
 
 ------
 

web-vue/src/assets/reset.less

@@ -80,26 +80,20 @@ pre {
   scrollbar-color: @color-border-last @color-neutral-last;
 }
 // 滚动条样式
-.ant-table-body::-webkit-scrollbar,
-.vue-recycle-scroller__item-wrapper::-webkit-scrollbar,
-.vue-recycle-scroller::-webkit-scrollbar {
+::-webkit-scrollbar {
   width: @scrollbar-size;
   height: @scrollbar-size;
   border-radius: 2px;
   background-color: transparent;
 }
 // 滚动条-活动按钮
-.ant-table-body::-webkit-scrollbar-thumb,
-.vue-recycle-scroller__item-wrapper::-webkit-scrollbar-thumb,
-.vue-recycle-scroller::-webkit-scrollbar-thumb {
+::-webkit-scrollbar-thumb {
   background: @color-border-last;
   border-radius: 2px;
   box-shadow: inset 0 0 6px @color-border-last;
 }
 // 滚动条背景
-.ant-table-body::-webkit-scrollbar-track,
-.vue-recycle-scroller__item-wrapper::-webkit-scrollbar-track,
-.vue-recycle-scroller::-webkit-scrollbar-track {
+::-webkit-scrollbar-track {
   background-color: @color-neutral-last;
   border-radius: 2px;
   box-shadow: inset 0 0 6px @color-neutral-last;

web-vue/src/pages/ssh/ssh.vue

@@ -137,6 +137,17 @@
     <!-- 编辑区 -->
     <a-modal destroyOnClose v-model="editSshVisible" width="600px" title="编辑 SSH" @ok="handleEditSshOk" :maskClosable="false">
       <a-form-model ref="editSshForm" :rules="rules" :model="temp" :label-col="{ span: 4 }" :wrapper-col="{ span: 18 }">
+        <template v-if="this.getUserInfo && this.getUserInfo.systemUser">
+          <a-alert type="info" show-icon>
+            <template slot="message">
+              <ul>
+                <li>此编辑仅能编辑当前 SSH 在此工作空间的名称信息</li>
+                <li>如果要配置 SSH 请到【系统管理】-> 【资产管理】-> 【SSH 管理】中去配置。</li>
+                <li>当前 SSH 的授权目录（文件目录、文件后缀、禁止命令）需要请到 【系统管理】-> 【资产管理】-> 【SSH 管理】-> 操作栏中->关联按钮->对应工作空间->操作栏中->配置按钮</li>
+              </ul>
+            </template>
+          </a-alert>
+        </template>
         <a-form-model-item label="SSH 名称" prop="name">
           <a-input v-model="temp.name" :maxLength="50" placeholder="SSH 名称" />
         </a-form-model-item>