From 9ef910c12c25a570c043b531f774fa820a901acf Mon Sep 17 00:00:00 2001
From: SHAOJIAHAO <55341701@qq.com>
Date: Tue, 17 Nov 2020 15:14:40 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E6=96=B0=E5=A2=9E=E8=AE=A1?=
 =?UTF-8?q?=E5=88=86=E8=A7=84=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/tabbar/tabbar.component.html |  79 ++++++++++++++++++++++++++-
 src/app/tabbar/tabbar.component.scss |  78 ++++++++++++++++++++++++++
 src/app/tabbar/tabbar.component.ts   |  12 +++-
 src/assets/images/ruletopimg.png     | Bin 0 -> 3326 bytes
 4 files changed, 165 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/images/ruletopimg.png

diff --git a/src/app/tabbar/tabbar.component.html b/src/app/tabbar/tabbar.component.html
index a97b388..f29a272 100644
--- a/src/app/tabbar/tabbar.component.html
+++ b/src/app/tabbar/tabbar.component.html
@@ -6,9 +6,9 @@
     <div class="grade" *ngIf="grade" onmouseover="xiangqing.style.display='block';" onmouseout="xiangqing.style.display='none';">
         <a class="active"><span ><a></a>{{grade}} 分</span></a>
     </div>
-    <div class="uploadFile">
+    <!-- <div class="uploadFile">
         <a href="http://139.9.106.124:8088/ExaminationLauncher.zip"><span>指挥员指挥能力考评系统（练习版）</span></a>
-    </div>
+    </div> -->
     <!--详情框 -->
     <div class="integrityDetails" id="xiangqing">
       <div class="integrityDetailsTop">
@@ -35,7 +35,80 @@
       </div>
     </div>
     <p style="font-size: 16px;position: absolute; right: 170px;">欢迎您, {{realName}}</p>
-                
+
+
+
+    <div class="scoringRule"  *ngIf="grade">
+      <span class="name"  (click)="scoringRule()">
+          计分规则
+      </span> 
+      <div class="scoringRuleImg" *ngIf="scoringRuleImg">
+          <div class="topbox">
+              <span style="font-size: 18px;margin-left: 20px;font-weight: 600;">计分规则 &nbsp;</span>
+              <span style="font-size: 12px;">单位基本信息部分共计100分</span>
+              <span class="imgbox">
+                  <img src="../../assets/images/ruletopimg.png" alt="">
+              </span>
+              <span class="close" (click)="closebtn()">
+                  <mat-icon>clear</mat-icon>
+              </span>
+          </div>
+          <div class="tablebox">
+              <table>
+                  <tr>
+                      <td>名称</td>
+                      <td>分值</td>
+                      <td>规则说明</td>
+                  </tr>
+                  <tr>
+                      <td>单位名称</td>
+                      <td class="bulecolor">5</td>
+                      <td>按填录入内容评判</td>
+                  </tr>
+                  <tr>
+                      <td>建筑信息</td>
+                      <td class="bulecolor">10</td>
+                      <td>根据创建的建筑个数平分该分值，每个建筑根据实际填写的完整度再进行评判</td>
+                  </tr>
+                  <tr>
+                      <td>四周毗邻</td>
+                      <td class="bulecolor">10</td>
+                      <td>按<span class="bulecolor">4</span>个方向均分，每个方向的属性信息要填写完整才能得分</td>
+                  </tr>
+                  <tr>
+                      <td>消防设施</td>
+                      <td class="bulecolor">25</td>
+                      <td>消防水源占<span class="bulecolor">30%</span>  &nbsp;&nbsp;&nbsp;   安全疏散占<span class="bulecolor">30%</span> <br> 消防水系统占<span class="bulecolor">30%</span>   &nbsp;&nbsp;&nbsp;   内部消防力量占<span class="bulecolor">10%</span></td>
+                  </tr>
+                  <tr>
+                      <td>重点部位</td>
+                      <td class="bulecolor">10</td>
+                      <td><span>根据耐火等级做区分</span>:一级:添加<span class="bulecolor">3</span>个重点部位（1个50%，2个80%，3个满分）<span class="bulecolor">二级</span>:添加<span class="bulecolor">2</span>个重点部位（一个占50%）<span class="bulecolor">三级</span>   添加<span class="bulecolor">1</span>个重点部位 其它:填写重点提示自动满分</td>
+                  </tr>
+                  <tr>
+                      <td>功能分区</td>
+                      <td class="bulecolor">10</td>
+                      <td>创建<span class="bulecolor">2</span>条并填写完整得满分</td>
+                  </tr>
+                  <tr>
+                      <td>实景图</td>
+                      <td class="bulecolor">10</td>
+                      <td>外观，保证有<span class="bulecolor">2</span>张照片（占<span class="bulecolor">30%</span>）; 室内，保证有<span class="bulecolor">2</span>张照片（占<span class="bulecolor">30%</span>）;安全出口，保证有<span class="bulecolor">2</span>张照片（占<span class="bulecolor">40%</span>）</td>
+                  </tr>
+                  <tr>
+                      <td>CAD上传</td>
+                      <td class="bulecolor">10</td>
+                      <td>上传<span class="bulecolor">2</span>个cad文件</td>
+                  </tr>
+                  <tr>
+                      <td>平面图</td>
+                      <td class="bulecolor">10</td>
+                      <td>总平面图<span class="bulecolor">1</span>张，建筑平面图<span class="bulecolor">1</span>张</td>
+                  </tr>
+              </table>
+          </div>
+      </div>
+    </div>
     <!-- 全屏  -->
     <button mat-button (click)="!isfullscreen?fullscreenToggle():closefullscreen()" class="fullscreen">
     <ng-container *ngIf="!isfullscreen; else elseTemplate">
diff --git a/src/app/tabbar/tabbar.component.scss b/src/app/tabbar/tabbar.component.scss
index f2e4a54..2d2f5b8 100644
--- a/src/app/tabbar/tabbar.component.scss
+++ b/src/app/tabbar/tabbar.component.scss
@@ -165,6 +165,84 @@ mat-icon{
         
     }
 }
+
+
+//计分规则按钮
+.scoringRule{
+    user-select: none;
+    position: absolute;
+    left: 480px;
+    cursor: pointer;
+    .name{
+        background-color: #fff;
+        border-radius: 6px;
+        color: #2196F3;
+        display: inline-block;
+        width: 100px;
+        height:36px;
+        text-align: center;
+        line-height: 36px;
+        font-size: 14px;
+        margin: 0;
+        padding: 0;
+    }
+    .scoringRuleImg{
+        z-index: 999;
+        position: absolute;
+        left: 0;
+        top: 38px;
+        border: 1px solid #2196F3;
+        background-color: #fff;
+        .topbox{
+
+            position: relative;
+            background-color: #2196F3;
+            height: 40px;
+            line-height: 40px;
+            font-size: 16px;
+            .imgbox{
+                position: absolute;
+                right: 48px;
+                // top: 10px;
+            }
+            .close{
+                position: absolute;
+                right: 8px;
+                top: 10px;
+            }
+        }
+        .tablebox{
+            width: 610px;
+            color: #333333;
+            table{
+                display: block;
+                width: 100%;
+                font-size: 14px;
+                tr{ 
+                    display: block;
+                    width: 600px;
+                    td{
+                        white-space:normal;
+                        display: inline-block;
+                        width: 15%;
+                        text-align: center;
+                    }
+                    td:last-child{
+                        width: 70%;
+                        line-height: 28px;
+                    }
+                }
+                tr:nth-child(even){
+                    background: #f6faff; 
+                }
+            }
+            .bulecolor{
+                color: #2196f3;
+            }
+        }
+        
+    }
+}
 .uploadFile{
     height: 64px;
     line-height: 64px;
diff --git a/src/app/tabbar/tabbar.component.ts b/src/app/tabbar/tabbar.component.ts
index e5a6d3d..f5affdb 100644
--- a/src/app/tabbar/tabbar.component.ts
+++ b/src/app/tabbar/tabbar.component.ts
@@ -38,6 +38,7 @@ export class TabbarComponent implements OnInit {
 
 
     integrityData:any
+
     ngOnInit() {  
       this.routerEventsListener = this.router.events.pipe(
         filter(event => event instanceof NavigationEnd)
@@ -56,6 +57,7 @@ export class TabbarComponent implements OnInit {
         let obj = JSON.parse(sessionStorage.getItem(this.route.snapshot.queryParams.id)) 
         this.grade = obj.zong
         this.integrityData = obj.details
+        
       }
     }
 
@@ -69,7 +71,15 @@ export class TabbarComponent implements OnInit {
       style.width = (width/zong)*100 +'%';
       return style
     }
-
+    //计分规则
+        
+    scoringRuleImg:boolean = false
+    scoringRule(){
+      this.scoringRuleImg = !this.scoringRuleImg
+    }
+    closebtn(){
+      this.scoringRuleImg = false
+    }
     boxed(css){
       const Element = document.body;
       Element.style.width = '1200px'
diff --git a/src/assets/images/ruletopimg.png b/src/assets/images/ruletopimg.png
new file mode 100644
index 0000000000000000000000000000000000000000..7b18dd55d3a669f844da5045255570fcf013b905
GIT binary patch
literal 3326
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
IM6N<$f+MR)$^ZZW

literal 0
HcmV?d00001