Initial commit

modeler/src/views/decision/algorithm/management.vue

@@ -2,7 +2,10 @@
   <Layout>
     <template #sidebar>
       <div class="ks-sidebar-header">
-        <span class="ks-sidebar-title">指挥决策规则库管理</span>
+        <a-flex class="ks-sidebar-title">
+          <span class="icon"></span>
+          <span class="text">指挥决策规则库管理</span>
+        </a-flex>
         <a-button class="ks-sidebar-add" size="small" @click="handleCreate">
           <PlusOutlined />
           新增
@@ -30,7 +33,7 @@
 
     <div class="w-full h-full">
 
-      <a-card class="ks-page-card ks-workspace-card ks-algorithm-card">
+      <a-card class="ks-page-card ks-algorithm-card">
 
         <template #title>
           <a-space>
@@ -39,7 +42,7 @@
           </a-space>
         </template>
 
-        <div class="ks-scrollable" style="height: 79vh;overflow-y: auto;padding-right: 10px">
+        <div class="ks-scrollable" style="height: 80.5vh;overflow-y: auto;padding-right: 10px">
 
           <a-row :gutter="15">
             <a-col :span="16">
@@ -302,20 +305,34 @@ onMounted(() => load());
 }
 
 .ks-sidebar-header {
-  height: 50px;
   line-height: 40px;
   padding: 5px 15px;
   background: #081d36;
+  min-height: 40px;
+  background: url(@/assets/icons/card-head.png) left / 180% 100%;
+  padding: 0 10px;
 
   .ks-sidebar-title {
     color: #7ae8fc;
     font-size: 16px;
+    .icon {
+      background: url(@/assets/icons/list.png) center / 100% 100%;
+      width: 25px;
+      height: 25px;
+      display: block;
+      margin-top: 7px;
+    }
+    .text{
+      margin-left: 40px;
+      font-size: 16px;
+      color: #eee;
+    }
   }
 
   .ks-sidebar-add {
     position: absolute;
-    right: 15px;
-    top: 14px;
+    right: 7px;
+    top: 8px;
     font-size: 12px;
 
     .anticon {