快速报修

src/app/views/hushijiandan/hushijiandan.component.html

@@ -945,62 +945,74 @@
                 </div>
               </div>
               <!-- 快捷报修 -->
-              <div *ngIf="checkedTableType == 'kjbx'" style="flex: 1; height: 100%">
-                <form nz-form [formGroup]="bxForm" (ngSubmit)="submitBxForm()" class="bxForm">
+              <div *ngIf="checkedTableType == 'kjbx'" style="flex: 1; height: 100%;display:flex;">
+                <form nz-form [formGroup]="bxForm" (ngSubmit)="submitBxForm()" class="bxForm bxFlex">
                   <nz-form-item>
-                    <nz-form-label [nzSpan]="10" nzRequired nzFor="name">联系人</nz-form-label>
-                    <nz-form-control [nzSpan]="8" nzErrorTip="请填写联系人">
+                    <nz-form-label [nzSpan]="8" nzRequired nzFor="name">联系人</nz-form-label>
+                    <nz-form-control [nzSpan]="12" nzErrorTip="请填写联系人">
                       <input type="text" nz-input formControlName="name" placeholder="请填写联系人" />
                     </nz-form-control>
                   </nz-form-item>
                   <nz-form-item>
-                    <nz-form-label [nzSpan]="10" nzRequired nzFor="phone">联系人电话</nz-form-label>
-                    <nz-form-control [nzSpan]="8" nzErrorTip="请填写联系人电话">
+                    <nz-form-label [nzSpan]="8" nzRequired nzFor="phone">联系人电话</nz-form-label>
+                    <nz-form-control [nzSpan]="12" nzErrorTip="请填写联系人电话">
                       <input type="text" nz-input formControlName="phone" placeholder="请填写联系人电话" />
                     </nz-form-control>
                   </nz-form-item>
                   <nz-form-item>
-                    <nz-form-label [nzSpan]="10" nzFor="hospital" nzRequired>所属院区</nz-form-label>
-                    <nz-form-control [nzSpan]="8" nzErrorTip="请选择所属院区!">
-                      <nz-select
-                        formControlName="hospital"
-                        nzPlaceHolder="请选择所属院区"
-                        (ngModelChange)="getPlace($event)"
-                      >
+                    <nz-form-label [nzSpan]="8" nzFor="hospital" nzRequired>所属院区</nz-form-label>
+                    <nz-form-control [nzSpan]="12" nzErrorTip="请选择所属院区!">
+                      <nz-select formControlName="hospital" nzPlaceHolder="请选择所属院区" (ngModelChange)="getPlace($event)">
                         <nz-option [nzValue]="area.id" [nzLabel]="area.area" *ngFor="let area of areas"></nz-option>
                       </nz-select>
                     </nz-form-control>
                   </nz-form-item>
                   <nz-form-item>
-                    <nz-form-label [nzSpan]="10" nzFor="building" nzRequired>楼栋</nz-form-label>
-                    <nz-form-control [nzSpan]="8" nzErrorTip="请选择楼栋!">
-                      <nz-select
-                        formControlName="building"
-                        nzPlaceHolder="请选择楼栋"
-                      >
-                        <nz-option [nzValue]="place.id" [nzLabel]="place.place" *ngFor="let place of places"></nz-option>
+                    <nz-form-label [nzSpan]="8" nzFor="building" nzRequired>楼栋</nz-form-label>
+                    <nz-form-control [nzSpan]="12" nzErrorTip="请选择楼栋!">
+                      <nz-select formControlName="building" nzPlaceHolder="请选择楼栋">
+                        <nz-option [nzValue]="place.id" [nzLabel]="place.place" *ngFor="let place of places">
+                        </nz-option>
                       </nz-select>
                     </nz-form-control>
                   </nz-form-item>
                   <nz-form-item>
-                    <nz-form-label [nzSpan]="10" nzRequired>详细地址</nz-form-label>
-                    <nz-form-control [nzSpan]="8" nzErrorTip="请填写详细地址">
+                    <nz-form-label [nzSpan]="8" nzRequired>详细地址</nz-form-label>
+                    <nz-form-control [nzSpan]="12" nzErrorTip="请填写详细地址">
                       <textarea formControlName="address" nz-input rows="2" placeholder="请填写详细地址"></textarea>
                     </nz-form-control>
                   </nz-form-item>
                   <nz-form-item>
-                    <nz-form-label [nzSpan]="10" nzRequired>报修内容</nz-form-label>
-                    <nz-form-control [nzSpan]="8" nzErrorTip="请填写报修内容">
+                    <nz-form-label [nzSpan]="8" nzRequired>报修内容</nz-form-label>
+                    <nz-form-control [nzSpan]="12" nzErrorTip="请填写报修内容">
                       <textarea formControlName="content" nz-input rows="2" placeholder="请填写报修内容"></textarea>
                     </nz-form-control>
                   </nz-form-item>
                   <nz-form-item>
-                    <nz-form-label [nzSpan]="10" style="visibility: hidden;"></nz-form-label>
-                    <nz-form-control [nzSpan]="8">
+                    <nz-form-label [nzSpan]="8" style="visibility: hidden;"></nz-form-label>
+                    <nz-form-control [nzSpan]="12">
                       <button nz-button nzType="primary" [nzLoading]="bxLoading">提交</button>
                     </nz-form-control>
                   </nz-form-item>
                 </form>
+                <nz-table class="bxFlex bxTable" [nzData]="quickBxlbList" nzSize="small" [nzShowPagination]="false"
+                  [nzLoading]="quickBxlbLoading">
+                  <thead>
+                    <tr class="thead">
+                      <th nzWidth="7%" style="min-width: 50px;">序号</th>
+                      <th nzWidth="93%">快速报修内容</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr (click)="showBxModal(data,'您的报修为“'+data.content+'” 是否确认报修？')" *ngFor="
+                            let data of quickBxlbList;
+                            let i = index
+                          ">
+                      <td>{{ i + 1 }}</td>
+                      <td>{{ data.content||'无' }}</td>
+                    </tr>
+                  </tbody>
+                </nz-table>
               </div>
               <!-- 报修列表 -->
               <div *ngIf="checkedTableType == 'bxlb'" style="flex: 1; height: 100%">
@@ -1027,8 +1039,8 @@
                 </div>
                 <div class="table">
                   <div class="box">
-                    <nz-table class="hospitalTable" [nzData]="bxlbList" nzSize="middle"
-                      [nzShowPagination]="false" [nzLoading]="bxlbLoading">
+                    <nz-table class="hospitalTable" [nzData]="bxlbList" nzSize="middle" [nzShowPagination]="false"
+                      [nzLoading]="bxlbLoading">
                       <thead>
                         <tr class="thead">
                           <th nzWidth="7%">序号</th>
@@ -1063,8 +1075,7 @@
                     </nz-table>
                     <div class="pagination">
                       <nz-pagination [(nzPageIndex)]="bxlbPageIndex" [(nzTotal)]="bxlbListLength"
-                        [(nzPageSize)]="bxlbPageSize" (nzPageIndexChange)="getBxlb()"
-                        (nzPageSizeChange)="getBxlb()">
+                        [(nzPageSize)]="bxlbPageSize" (nzPageIndexChange)="getBxlb()" (nzPageSizeChange)="getBxlb()">
                       </nz-pagination>
                     </div>
                   </div>
@@ -1994,6 +2005,31 @@
     </div>
   </div>
 </div>
+<!-- 是否确认报修模态框 -->
+<div class="
+    commonModal
+    display_flex
+    justify-content_flex-center
+    align-items_center
+  " *ngIf="bxModal">
+  <div class="modalBody">
+    <div class="title">
+      提示<i class="icon_transport transport-guanbi" (click)="hideBxModal()"></i>
+    </div>
+    <div class="content">
+      <div class="icon"><i class="icon_transport transport-wenhao"></i></div>
+      <div class="defeat">{{ tipsMsg2 }}</div>
+    </div>
+    <div class="display_flex justify-content_flex-center">
+      <button nz-button nzType="primary" (click)="confirmBx()" [nzLoading]="loading6">
+        确认
+      </button>
+      <button class="btn cancel" nz-button nzType="default" (click)="hideBxModal()">
+        取消
+      </button>
+    </div>
+  </div>
+</div>
 
 <!-- 消息弹框模板 -->
 <ng-template #msgTemplate let-msg="data">
@@ -2024,7 +2060,7 @@
   (closeModelHs)="closeModelHistory($event)"></app-history-prompt-modal>
 <!-- 报修详情查看 -->
 <app-bx-prompt-modal *ngIf="bxPromptModalShow" [show]="bxPromptModalShow" [bData]="bData"
-(closeModelHs)="closeModelBx($event)"></app-bx-prompt-modal>
+  (closeModelHs)="closeModelBx($event)"></app-bx-prompt-modal>
 
 <!-- 科室二维码模态框 -->
 <!-- 在模态框所在的 div 添加属性 [appDrag] -->

src/app/views/hushijiandan/hushijiandan.component.less

@@ -1,24 +1,68 @@
 @import "../../../../src/theme.less";
+
 :host {
   width: 100%;
   height: 100%;
   display: flex;
-  .bxForm{
+
+  .bxForm {
     margin-top: 16px;
   }
+
+  .bxFlex {
+    flex: 1;
+  }
+
+  .bxTable {
+    ::ng-deep .ant-table-body {
+      margin: 0 !important;
+    }
+
+    tr {
+      cursor: pointer;
+    }
+
+    th,
+    td {
+      text-align: center;
+    }
+
+    .thead {
+      background-image: linear-gradient(to right,
+          @bg-start,
+          @bg-end );
+      padding: 10px 0;
+
+      th {
+        background: transparent;
+        color: #fff;
+        text-align: center;
+        font-size: 14px;
+
+        &.txtL {
+          text-align: left;
+        }
+      }
+    }
+  }
+
   .yyTime {
     display: flex;
     align-items: center;
     flex-direction: column;
   }
+
   .yyTimeError {
+
     ::ng-deep .ant-time-picker-input,
     ::ng-deep .ant-calendar-picker-input {
       border: 1px solid red !important;
     }
   }
+
   .pos {
     position: relative;
+
     .pos-item {
       position: absolute;
       left: 100px;
@@ -26,15 +70,18 @@
       z-index: 9;
     }
   }
+
   .addRemarks {
     color: @primary-color;
     cursor: pointer;
   }
+
   .orderThis {
     color: @primary-color;
     border: 1px solid @primary-color;
     margin-left: 8px;
   }
+
   .nzContent {
     position: absolute;
     top: 88px;
@@ -43,6 +90,7 @@
     right: 0;
     height: 100%;
   }
+
   .modal {
     // 相对于 background 定位， 位置暂时设置为 0，0，0，0 在指令中将其位置水平垂直居中在页面中间
     position: absolute;
@@ -59,10 +107,12 @@
     border: 1px solid #e5e9ed;
     overflow: hidden;
     cursor: move;
+
     .drag-title {
       height: 50px;
       line-height: 50px;
       position: relative;
+
       h2 {
         height: 100%;
         font-size: 18px;
@@ -70,6 +120,7 @@
         text-align: center;
         margin: 0;
       }
+
       .icon-close {
         position: absolute;
         top: 0;
@@ -79,6 +130,7 @@
         color: #dde1e5;
       }
     }
+
     .dialog-center {
       width: 235px;
       height: 208px;
@@ -87,6 +139,7 @@
       margin: 0 auto;
       border-radius: 30px;
       position: relative;
+
       .dialog-code {
         width: 180px;
         height: 200px;
@@ -97,30 +150,36 @@
         right: 0;
         bottom: 0;
         left: 0;
+
         img {
           width: 100%;
         }
       }
     }
+
     .dialog-operate {
       display: flex;
       height: 40px;
       justify-content: space-between;
       align-items: center;
       font-size: 14px;
+
       .dialog-refresh {
         color: @primary-color;
         margin-left: 40px;
         cursor: pointer;
       }
+
       span {
         color: #999;
         margin-right: 40px;
       }
     }
   }
+
   // }
 }
+
 // 查看标本详情 start
 .noData33 {
   height: 100%;
@@ -129,6 +188,7 @@
   align-items: center;
   font-weight: bold;
 }
+
 .loading33 {
   height: 100%;
   display: flex;
@@ -136,6 +196,7 @@
   align-items: center;
   flex-direction: column;
 }
+
 .detailModel {
   position: fixed;
   left: 0;
@@ -147,6 +208,7 @@
   justify-content: center;
   align-items: center;
   z-index: 999999;
+
   .box {
     width: 1000px;
     height: 580px;
@@ -156,6 +218,7 @@
     flex-direction: column;
     align-items: center;
     position: relative;
+
     .transport-guanbi {
       position: absolute;
       right: 16px;
@@ -164,6 +227,7 @@
       color: #8e9d9e;
       cursor: pointer;
     }
+
     .title {
       height: 50px;
       line-height: 50px;
@@ -172,6 +236,7 @@
       color: #333;
       font-weight: bold;
     }
+
     .table {
       width: 960px;
       height: 474px;
@@ -181,52 +246,60 @@
       display: flex;
       justify-content: center;
       align-items: center;
+
       .table-content {
         width: 896px;
         height: 420px;
         background-color: #fff;
         border-radius: 8px;
         border: 1px solid #e5e9ed;
+
         table {
           width: 100%;
           font-size: 14px;
           color: #333;
+
           th,
           td {
             text-align: center !important;
             width: 167px;
             height: 100%;
+
             &:first-of-type {
               width: 59px;
             }
           }
+
           thead {
             display: block;
             width: 100%;
             height: 40px;
             line-height: 40px;
-            background-image: linear-gradient(
-              90deg,
-              @bg-end 0%,
-              @bg-start 100%
-            );
+            background-image: linear-gradient(90deg,
+                @bg-end 0%,
+                @bg-start 100%);
+
             tr {
               height: 40px;
               color: #fff;
             }
           }
+
           tbody {
             display: block;
             width: 894px;
             height: 380px;
             overflow-x: hidden;
             overflow-y: auto;
+
             tr {
               height: 34px;
               line-height: 34px;
+
               td:last-child {
                 position: relative;
               }
+
               td {
                 .ji {
                   position: absolute;
@@ -234,8 +307,7 @@
                   top: -3px;
                   width: 41px;
                   height: 42px;
-                  background: url(./../../../assets/images/icon_ji.png)
-                    no-repeat 3px 0;
+                  background: url(./../../../assets/images/icon_ji.png) no-repeat 3px 0;
                 }
               }
             }
@@ -243,11 +315,13 @@
         }
       }
     }
+
     .btns {
       flex: 1;
       display: flex;
       justify-content: center;
       align-items: center;
+
       .btn {
         width: 120px;
         height: 34px;
@@ -263,25 +337,30 @@
     }
   }
 }
+
 // 查看标本详情 end
 
 .nurse {
   width: 100%;
   height: 100%;
+
   .otherBox {
     position: absolute;
     width: 100%;
     height: 100%;
     padding: 16px;
+
     .otherBoxInner {
       height: 100%;
       border: 1px solid #dde1e5;
       display: flex;
+
       .otherBox-nav {
         width: 20%;
         border-right: 1px solid #dde1e5;
         display: flex;
         flex-direction: column;
+
         .otherBox-nav__head {
           height: 50px;
           display: flex;
@@ -290,21 +369,26 @@
           align-items: center;
           padding-left: 8px;
           padding-right: 8px;
+
           input {
             height: 36px;
           }
         }
+
         .otherBox-nav__main {
           flex: 1;
           position: relative;
+
           ::ng-deep .os-content {
             height: 100% !important;
           }
+
           .otherBox-nav__mainInner {
             display: flex;
             flex-direction: column;
             align-items: center;
             margin-top: 16px;
+
             &.noData,
             &.oLoading {
               position: absolute;
@@ -313,6 +397,7 @@
               height: 100%;
               margin-top: 0;
             }
+
             .otherBox-nav__mainItem {
               line-height: 26px;
               color: #333;
@@ -323,6 +408,7 @@
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
+
               &.active {
                 color: @primary-color;
                 background-color: #f0f6ed;
@@ -331,37 +417,45 @@
           }
         }
       }
+
       .otherBox-main {
         flex: 1;
         display: flex;
         flex-direction: column;
+
         .otherBox-main__main {
           position: relative;
           flex: 1;
+
           .modalBody {
             position: absolute;
             width: 100%;
             height: 100%;
             display: flex;
           }
+
           .modalBody_left {
             width: 50%;
             height: 100%;
             display: flex;
             flex-direction: column;
             justify-content: space-between;
+
             &.nLoading,
             &.noData {
               justify-content: center;
               align-items: center;
+
               img {
                 width: 24px;
               }
+
               div {
                 display: inline-block;
               }
             }
           }
+
           .modalBody_left_box {
             min-height: calc(100vh - 279px);
             height: 100%;
@@ -371,6 +465,7 @@
             flex-direction: column;
             justify-content: space-between;
           }
+
           .modalBody_right_head {
             font-size: 16px;
             font-weight: bold;
@@ -378,12 +473,14 @@
             padding-bottom: 8px;
             display: flex;
             justify-content: space-between;
+
             span {
               font-weight: normal;
               font-size: 14px;
               color: @primary-color;
             }
           }
+
           .modalBody_right_box {
             box-sizing: border-box;
             padding: 0 8px;
@@ -391,6 +488,7 @@
             flex-direction: column;
             justify-content: center;
           }
+
           .modalBody_right {
             width: 50%;
             height: 100%;
@@ -399,15 +497,18 @@
             justify-content: center;
             border-left: 1px solid #dde1e5;
             padding: 8px;
+
             .modalBody_right_list {
               text-align: justify;
               border-bottom: 1px solid #dde1e5;
               padding: 8px 0;
+
               b {
                 color: @primary-color;
               }
             }
           }
+
           .modalBody_box {
             position: absolute;
             width: 100%;
@@ -422,16 +523,20 @@
               flex-direction: column;
               justify-content: center;
               align-items: center;
-              & > div {
+
+              &>div {
                 width: 100%;
               }
+
               .shortcutForm {
                 width: 100%;
+
                 .ant-form-item-label {
                   text-align: left;
                 }
               }
             }
+
             .btns {
               padding-bottom: 16px;
               padding-top: 16px;
@@ -441,6 +546,7 @@
       }
     }
   }
+
   .layout {
     background: #fff;
   }
@@ -528,6 +634,7 @@
           overflow: hidden;
           padding-right: 10%;
           background: #0f2e3b;
+
           &.inspect {
             .item {
               min-height: 132px;
@@ -565,14 +672,17 @@
               justify-content: center;
               font-size: 14px;
               border-bottom: 1px solid #284450;
+
               i {
                 color: @primary-color;
                 font-size: 20px;
                 font-weight: normal;
                 margin-right: 4px;
+
                 &.colorRed {
                   color: red;
                 }
+
                 &.transport-te1 {
                   font-size: 22px;
                 }
@@ -581,6 +691,7 @@
 
             .checkInfo {
               padding: 8px 0;
+
               .transport-zhongdianguanzhu {
                 cursor: pointer;
               }
@@ -595,11 +706,9 @@
             }
 
             .btn {
-              background-image: linear-gradient(
-                90deg,
-                @bg-start 0%,
-                @bg-end 100%
-              );
+              background-image: linear-gradient(90deg,
+                  @bg-start 0%,
+                  @bg-end 100%);
               line-height: 28px;
               text-align: center;
               border-radius: 4px;
@@ -660,12 +769,14 @@
           font-size: 22px;
           color: #333;
           flex: 1;
+
           .updateTipsForNurses {
             margin: 0;
             width: 50%;
             line-height: normal;
             font-size: 14px;
           }
+
           .nurseCode {
             width: 80px;
             font-size: 14px;
@@ -675,6 +786,7 @@
             align-items: center;
             margin-right: 40px;
             cursor: pointer;
+
             .nurseCodeIcon {
               margin-right: 8px;
               font-size: 24px;
@@ -709,9 +821,11 @@
               margin-right: 8px;
             }
           }
+
           .userInfo-wrap {
             display: flex;
             justify-content: flex-end;
+
             .logOut {
               display: inline-block;
               text-align: right;
@@ -767,8 +881,7 @@
               width: 56px;
               height: 56px;
               margin-top: 6px;
-              background: url(../../../assets/images/icon_hushebei2.png) center
-                no-repeat;
+              background: url(../../../assets/images/icon_hushebei2.png) center no-repeat;
             }
 
             &:nth-child(2n) {
@@ -802,7 +915,7 @@
         width: 100%;
         height: 100%;
 
-        & > div {
+        &>div {
           height: 100%;
 
           &:nth-child(1) {
@@ -849,11 +962,9 @@
 
                   .btn {
                     height: 48%;
-                    background-image: linear-gradient(
-                      90deg,
-                      @bg-start 0%,
-                      @bg-end 100%
-                    );
+                    background-image: linear-gradient(90deg,
+                        @bg-start 0%,
+                        @bg-end 100%);
                     border-radius: 4px;
                     color: #fff;
                     padding: 0;
@@ -928,6 +1039,7 @@
               line-height: 60px;
               cursor: default;
               overflow: hidden;
+
               .cur {
                 height: 100%;
                 border-radius: 4px;
@@ -935,6 +1047,7 @@
                 background-size: 400% 100%;
                 color: #333;
                 border: 1px solid #e5e9ed;
+
                 .text {
                   width: 100%;
                   text-align: center;
@@ -943,6 +1056,7 @@
                   top: 50%;
                   transform: translate(-50%, -50%);
                 }
+
                 .arrow {
                   width: 20px;
                   text-align: center;
@@ -950,7 +1064,8 @@
                   font-size: 30px;
                   top: 45%;
                   transform: translateY(-50%);
-                  left: 140px; /* 移动130~150px */
+                  left: 140px;
+                  /* 移动130~150px */
                   /* 调用动画 */
                   animation-name: arrow_move;
                   /* 持续时间 */
@@ -960,7 +1075,7 @@
                 }
               }
 
-              & > div {
+              &>div {
                 padding: 0 8px;
               }
 
@@ -973,11 +1088,9 @@
                 width: 104px;
                 height: 34px;
                 line-height: 34px;
-                background-image: linear-gradient(
-                  90deg,
-                  @bg-start 0%,
-                  @bg-end 100%
-                );
+                background-image: linear-gradient(90deg,
+                    @bg-start 0%,
+                    @bg-end 100%);
                 border-radius: 4px;
                 color: #fff;
                 border: none;
@@ -1003,11 +1116,9 @@
                 }
 
                 &:nth-child(2) {
-                  background-image: linear-gradient(
-                    135deg,
-                    @bg-start 0%,
-                    @bg-end 100%
-                  );
+                  background-image: linear-gradient(135deg,
+                      @bg-start 0%,
+                      @bg-end 100%);
                   border: solid 1px @primary-color;
                   margin-left: 8px;
                 }
@@ -1046,11 +1157,9 @@
                 }
 
                 .thead {
-                  background-image: linear-gradient(
-                    to right,
-                    @bg-start,
-                    @bg-end
-                  );
+                  background-image: linear-gradient(to right,
+                      @bg-start,
+                      @bg-end );
                   padding: 10px 0;
 
                   th {
@@ -1138,7 +1247,7 @@
             z-index: 9;
             background: #fff;
 
-            & > span {
+            &>span {
               font-size: 16px;
               color: #666;
               font-weight: 500;
@@ -1184,6 +1293,7 @@
                     width: 100%;
                     overflow: hidden;
                     position: relative;
+
                     .icon_ji {
                       position: absolute;
                       right: -3px;
@@ -1426,6 +1536,7 @@
       overflow: hidden;
       margin-top: 12px;
       padding: 16px 10px;
+
       &.bb {
         display: flex;
         justify-content: center;
@@ -1457,6 +1568,7 @@
             .linkCheckCheck {
               text-indent: 7px;
               margin-top: 0;
+
               .priority {
                 color: #d81e06;
               }
@@ -1479,6 +1591,7 @@
           }
         }
       }
+
       .shortcutForm {
         padding-top: 20px;
 
@@ -1500,6 +1613,7 @@
         text-align: center;
         color: #666;
         padding: 8px 0;
+
         &.jiTitB {
           color: @primary-color;
           font-size: 12px;
@@ -1507,7 +1621,7 @@
         }
       }
 
-      & > div {
+      &>div {
         margin: 0;
 
         &.title {
@@ -1592,6 +1706,7 @@
     }
   }
 }
+
 .commonModal {
   position: fixed;
   left: 0;
@@ -1635,7 +1750,7 @@
       overflow: hidden;
       margin-top: 12px;
 
-      & > div {
+      &>div {
         text-align: center;
         margin: 0;
 
@@ -1666,6 +1781,7 @@
           color: #666;
         }
       }
+
       .roundRobinTips {
         font-size: 12px;
       }
@@ -1726,7 +1842,7 @@
     z-index: 88;
   }
 
-  & > .left {
+  &>.left {
     width: 480px;
     float: left;
     background: #fff;
@@ -1755,7 +1871,7 @@
               padding: 15px 6px;
               text-align: center;
 
-              & > .tdiv {
+              &>.tdiv {
                 overflow: hidden;
 
                 .name {
@@ -1792,7 +1908,7 @@
       }
 
       .conditions {
-        & > .ant-row {
+        &>.ant-row {
           margin: 8px 0;
 
           .ant-row {

src/app/views/hushijiandan/hushijiandan.component.ts

@@ -237,9 +237,9 @@ export class HushijiandanComponent implements OnInit {
     this.mainService.fetchListBx('area', { idx: 0, sum: 1000 }).subscribe((result: any) => {
       if (result.status == 200) {
         this.areas = result.list;
-        if(this.areas.length){
+        if (this.areas.length) {
           this.bxForm.controls.hospital.setValue(this.areas[0].id);
-        }else{
+        } else {
           this.bxForm.controls.hospital.setValue(null);
         }
       }
@@ -252,9 +252,9 @@ export class HushijiandanComponent implements OnInit {
     this.mainService.fetchListBx('place', { idx: 0, sum: 1000, place: { area: { id: buildingId } } }).subscribe((result: any) => {
       if (result.status == 200) {
         this.places = result.list;
-        if(this.places.length){
+        if (this.places.length) {
           this.bxForm.controls.building.setValue(this.places[0].id);
-        }else{
+        } else {
           this.bxForm.controls.building.setValue(null);
         }
       }
@@ -744,6 +744,61 @@ export class HushijiandanComponent implements OnInit {
       }
     );
   }
+  // 是否确定报修模态框
+  bxModal: boolean = false; //模态框
+  loading6 = false;
+  tipsMsg2: string; //提示框信息
+  coopBx: any; //当前操作列
+  showBxModal(data: any, tipsMsg2: string) {
+    this.bxModal = true;
+    this.coopBx = data;
+    this.tipsMsg2 = tipsMsg2;
+  }
+  // 隐藏模态框
+  hideBxModal() {
+    this.bxModal = false;
+  }
+  // 确认
+  confirmBx() {
+    this.loading6 = true;
+    this.mainService.wxbx({}).subscribe(result => {
+      if ((result as any).status == 200) {
+        let bxcode = (result as any).data;//生成微信报修号
+        let postData: any = {
+          verification: "true",
+          incident: {
+            contacts: this.loginUser.name,
+            contactsInformation: this.loginUser.phone,
+            description: this.coopBx.content,
+            requester: { account: this.loginUser.account },
+            sourceType: "wechatUserIncident",
+            fileUrl: "url",
+            bxcode
+          },
+          loginUser: {
+            account: this.loginUser.account,
+            id: this.loginUser.id
+          }
+        };
+        if (this.coopBx.category) {
+          postData.incident.categoryId = this.coopBx.category.id
+        }
+        this.mainService.addWxIncident(postData).subscribe(res => {
+          this.loading6 = false;
+          this.bxModal = false;
+          if ((res as any).state == 200) {
+            this.showPromptModal("提交", true, "");
+            this.checkTable('bxlb');
+          } else {
+            this.showPromptModal("提交", false, (res as any).msg);
+          }
+        })
+      } else {
+        this.loading6 = false;
+        this.showPromptModal("提交", false, "");
+      }
+    })
+  }
 
   // 获取当前登录人科室任务类型信息
   othersList: any = []; // 其他一键建单列表
@@ -2287,6 +2342,7 @@ export class HushijiandanComponent implements OnInit {
     } else if (type === "bxlb") {
       this.getBxlb();
     } else if (type === "kjbx") {
+      this.getQuickBxlb();
       // 获取报修的区域(所属院区)
       this.getArea();
       this.bxForm.controls.name.setValue(this.loginUser.name);
@@ -2302,6 +2358,7 @@ export class HushijiandanComponent implements OnInit {
       this.bxForm.controls[i].markAsDirty();
       this.bxForm.controls[i].updateValueAndValidity();
     }
+    if (this.bxForm.invalid) return;
     this.bxLoading = true;
     this.mainService.wxbx({}).subscribe(result => {
       if ((result as any).status == 200) {
@@ -2330,11 +2387,11 @@ export class HushijiandanComponent implements OnInit {
           if ((res as any).state == 200) {
             this.showPromptModal("提交", true, "");
             this.checkTable('bxlb');
-          }else{
+          } else {
             this.showPromptModal("提交", false, (res as any).msg);
           }
         })
-      }else{
+      } else {
         this.bxLoading = false;
         this.showPromptModal("提交", false, "");
       }
@@ -2440,6 +2497,21 @@ export class HushijiandanComponent implements OnInit {
       });
   }
 
+  //快速报修列表
+  quickBxlbLoading = false;
+  quickBxlbList = [];
+  getQuickBxlb() {
+    this.quickBxlbLoading = true;
+    this.mainService
+      .fetchListBx("incidentCategoryContent", { idx: 0, sum: 10 })
+      .subscribe((data: any) => {
+        this.quickBxlbLoading = false;
+        if (data.status == 200) {
+          this.quickBxlbList = data.list || [];
+        }
+      });
+  }
+
   // 意见箱-查看模态框
   adviceModal: boolean = false;
   adviceDetailInfo: any = {}; //意见详情