From 6a50694b1ff7d566aa0b4acbe20f34a95bbab6af Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 12 十二月 2022 22:28:49 +0800
Subject: [PATCH] 2022-12-12

---
 src/views/systemproc/proc/index.scss |   64 +++++++++++++++++++++++++++++++
 1 files changed, 63 insertions(+), 1 deletions(-)

diff --git a/src/views/systemproc/proc/index.scss b/src/views/systemproc/proc/index.scss
index fc2fdff..653bc5c 100644
--- a/src/views/systemproc/proc/index.scss
+++ b/src/views/systemproc/proc/index.scss
@@ -1,12 +1,63 @@
 .mk-proc-wrap {
   position: relative;
   padding: 65px 20px 0px;
+  display: flex;
   
+  .searh-list {
+    width: 0px;
+    margin-right: 15px;
+    overflow: hidden;
+    transition: width 0.2s;
+
+    .ant-input-search {
+      width: 300px;
+    }
+    .proc-list {
+      width: 300px;
+      height: calc(100vh - 128px);
+      overflow-y: auto;
+      overflow-x: hidden;
+      margin-top: 10px;
+      border: 1px solid #e8e8e8;
+
+      .proc-item {
+        padding: 5px;
+        margin: 5px;
+        word-break: break-all;
+        cursor: pointer;
+      }
+      .ant-empty {
+        margin-top: 50px;
+      }
+    }
+    .proc-list::-webkit-scrollbar {
+      width: 7px;
+      height: 7px;
+    }
+    .proc-list::-webkit-scrollbar-thumb {
+      border-radius: 5px;
+      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+      background: rgba(0, 0, 0, 0.13);
+    }
+    .proc-list::-webkit-scrollbar-track {
+      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+      border-radius: 3px;
+      border: 1px solid rgba(0, 0, 0, 0.07);
+      background: rgba(0, 0, 0, 0);
+    }
+  }
+  .searh-list.open {
+    width: 300px;
+  }
+  .proc-wrap {
+    flex: 1;
+  }
   .control-wrap {
     display: flex;
 
     .search-wrap {
-      width: 300px;
+      width: 360px;
+      display: flex;
 
       .ant-btn[disabled] {
         background-color: #1890ff!important;
@@ -14,6 +65,17 @@
         color: #ffffff!important;
         opacity: 0.5;
       }
+      .ant-input {
+        border-radius: 0;
+      }
+      >.anticon {
+        line-height: 30px;
+        width: 35px;
+        border: 1px solid #e8e8e8;
+        cursor: pointer;
+        border-top-left-radius: 4px;
+        border-bottom-left-radius: 4px;
+      }
     }
     .action-wrap {
       text-align: right;

--
Gitblit v1.8.0