Initial commit

modeler/src/style.less

@@ -270,20 +270,68 @@
     border-radius: 0;
     min-height: calc(100vh - 90px);
     background: transparent;
+    background: url('@/assets/icons/bg-fk.png') center / 100% 100%;
+
+    .ant-tabs .ant-tabs-ink-bar {
+      position: absolute;
+      background: transparent;
+      pointer-events: none;
+    }
+
+
+    .ant-steps-horizontal{
+      &.ant-steps.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
+        width: 30%;
+        margin-left: 37%;
+        display: none;
+      }
+      .ant-steps-item-active{
+        .ant-steps-item-container{
+          &:after{
+            height: 1px;
+            content: '';
+            position: absolute;
+            bottom: 0;
+            background: #377ead;
+            display: block;
+            width: 100px;
+          }
+        }
+      }
+
+    }
+
 
     .ant-card-head {
       border: 0;
-      color: #11aed7;
+      color: #a2b1ba;
     }
 
     & > .ant-card-head {
-      height: 50px;
+      height: 40px;
       min-height: 40px;
-      font-size: 16px;
+      border-radius: 0;
+      padding: 5px 10px;
     }
 
     & > .ant-card-head {
       background: url('@/assets/icons/page-card-head.png') center / 100% 100%;
+      background: url('@/assets/icons/bg-fk-title.png') center / 100% 100%;
+      color: #eee;
+
+      .point {
+        background: url('@/assets/icons/bg-fk-point.png') center / 100% 100%;
+        width: 25px;
+        height: 25px;
+        display: block;
+        margin-top: 5px;
+      }
+
+      .text {
+        margin-top: 5px;
+        display: block;
+        font-size: 16px;
+      }
     }
 
     & > .ant-card-body {
@@ -1510,4 +1558,10 @@
     border: 1px solid #0f4a7c;
     color: #eee;
   }
+}
+
+.ant-btn-default{
+  &.ant-btn-dangerous{
+    background: transparent;
+  }
 }

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 {