123

src/app/home/basic-info/basic-info.component.html

@@ -1 +1,53 @@
-<p>basic-info works!</p>
+<div class="orbox" id="orbox">
+    <div class="topbox">
+      <div class="lefttop">
+        <span>菜单列表</span>
+        <!-- <span><img style="vertical-align: top;" src="../../../assets/images/icon/orgrey.png" alt="">
+          {{totalCount}}个</span> -->
+      </div>
+      <div class="righttop">
+        <!-- <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
+          <nz-form-item>
+            <nz-form-control>
+              <nz-input-group nzPrefixIcon="search">
+                <input type="text" nz-input placeholder="请输入单位" formControlName="search" [(ngModel)]="searchValue"/>
+              </nz-input-group>
+            </nz-form-control>
+            <button style="display: none;" type="submit"></button>
+          </nz-form-item>
+        </form> -->
+        <!-- <nz-input-group nzPrefixIcon="search">
+          <input type="text" nz-input placeholder="请输入单位" [(ngModel)]="searchValue" />
+        </nz-input-group> -->
+        <!-- <button nz-button nzType="primary" (click)="addOr()"><i nz-icon nzType="plus-circle"
+            nzTheme="outline"></i>新增</button> -->
+      </div>
+    </div>
+    <div class="treeTitle">
+      <span>菜单名称</span>
+      <span>操作</span>
+    </div>
+    <!-- <nz-tree [nzHideUnMatched]='true' [nzSearchValue]="searchValue" #nzTreeComponent [nzData]="nodes"
+      [nzExpandAll]="nzExpandAll" [nzExpandedKeys]="defaultExpandedKeys" [nzTreeTemplate]="nzTreeTemplate" nzDraggable
+      nzBlockNode [nzExpandedIcon]="multiExpandedIconTpl">
+    </nz-tree>
+    <ng-template #nzTreeTemplate let-node let-origin="origin">
+      <div class="nodebox">
+        <span class="name">{{ node.title }}</span>
+        <span class="operation">
+          <span (click)="addOr(node)" *ngIf="!node.origin.isGasStation">新增</span>
+          <span (click)="editOr(node)">编辑</span>
+          <span [ngClass]="{'grey':node.origin.children && node.origin.children.length != 0}"
+            (click)="deleteOr(node)">删除</span>
+        </span>
+      </div>
+    </ng-template>
+    <ng-template #multiExpandedIconTpl let-node let-origin="origin">
+      <ng-container *ngIf="node.children.length == 0; else elseTemplate">
+  
+      </ng-container>
+      <ng-template #elseTemplate>
+        <i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'" class="ant-tree-switcher-line-icon"></i>
+      </ng-template>
+    </ng-template> -->
+  </div>

src/app/home/basic-info/basic-info.component.scss

@@ -0,0 +1,80 @@
+.orbox {
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    background: #fff;
+    box-sizing: border-box;
+    padding: 20px;
+    font-size: 15px;
+  }
+  
+  .topbox {
+    width: 700px;
+    height: 36px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  
+    .lefttop {
+      span:nth-child(1) {
+        color: #000D21;
+        margin-right: 16px;
+      }
+  
+      span:nth-child(2) {
+        color: rgba(36, 36, 36, 0.24);
+      }
+    }
+  
+    .righttop {
+      height: 36px;
+      display: flex;
+  
+      button {
+        margin-left: 16px;
+      }
+  
+      nz-input-group {
+        height: 32px;
+      }
+    }
+  }
+  
+  .treeTitle {
+    width: 700px;
+    height: 36px;
+    line-height: 36px;
+    display: flex;
+    justify-content: space-between;
+    color: #000D21;
+    box-sizing: border-box;
+    padding-left: 30px;
+    padding-right: 180px;
+    background: rgba(145, 204, 255, 0.2);
+    margin: 12px 0;
+  }
+  
+  .nodebox {
+    font-size: 15px;
+  
+  }
+  
+  .operation {
+    position: absolute;
+    right: 0;
+  
+    span {
+      margin-left: 40px;
+    }
+  
+    span:nth-child(1),
+    span:nth-child(2),
+    span:nth-child(3) {
+      color: #2399FF;
+    }
+  
+    .grey{
+      color: rgba(0, 13, 33, 0.48)!important;
+    }
+  }
+  

src/app/pages/login/login.component.html

@@ -4,7 +4,7 @@
     <p class="a2">防消一体化综合治理平台</p>
   </div>
   <div class="card">
-    <!-- <h1 class="cardheader">登录</h1> -->
+    <h1 class="cardheader">登录</h1>
     <!-- <h1 class="cardheader">济南管理系统</h1> -->
 
     <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
@@ -28,7 +28,7 @@
       <div class="hint">
         <nz-form-item style="margin-bottom: 0;">
           <nz-form-control>
-            <label nz-checkbox formControlName="remember" [(ngModel)]="remember">七天内自动登陆</label>
+            <label nz-checkbox formControlName="remember" [(ngModel)]="remember">记住密码</label>
           </nz-form-control>
         </nz-form-item>
         <span class="forget" (click)="forget()">忘记密码?</span>

src/app/pages/login/login.component.scss

@@ -10,7 +10,9 @@
 }
 .left{
   color: #feffff;
+  padding: 50px;
   margin-right: 100px;
+  height: 504px;
   p{
     font-size: 24px;
     text-align: left;
@@ -25,11 +27,14 @@
   width: 468px;
   height: 504px;
   box-sizing: border-box;
-  padding: 79px 45px 42px 45px;
+  padding: 40px 45px 42px 45px;
   color: #3b3b3b;
 }
 
 .cardheader {
+  width: 200px;
+  margin: 0 auto;
+  text-align: center;
   font-size: 22px;
   color: #3b3b3b
 }
@@ -61,7 +66,7 @@ button {
   width: 100%;
   height: 42px;
   font-size: 16px;
-  background: #2D4CC1;
+  // background: #2D4CC1;
   border-radius: 4px;
 }
 

src/styles.scss

@@ -15,7 +15,6 @@ body {
   width: 100%;
   height: 100%;
   overflow: hidden;
-  --antd-wave-shadow-color: #2D4CC1;
 }
 
 body {
@@ -139,3 +138,6 @@ app-root {
 .maxHeightTreeSelect {
   max-height: 280px;
 }
+button{
+  background: #2D4CC1;
+}

src/theme.scss

@@ -0,0 +1,5 @@
+// -------- 引入官方提供的 less 样式入口文件 -----------
+@import "../node_modules/ng-zorro-antd/ng-zorro-antd.less";
+
+// -------- 自定义参数覆盖 -----------
+@primary-color          : #f5222d;