优化

src/app/views/inspect-info-config/inspect-info-config.component.html

@@ -5,7 +5,7 @@
       <span class="label">检查时间：</span>
       <nz-date-picker [(ngModel)]="searchData.dateRange" [nzAllowClear]="false"></nz-date-picker>
     </div>
-    <div class="patient">
+    <div class="searchItem">
       <span class="label">患者：</span>
       <nz-select class="formItem" [nzDropdownMatchSelectWidth]="false" nzPlaceHolder="请选择患者" [(ngModel)]="searchData.id" nzAllowClear nzServerSearch nzShowSearch (nzOnSearch)="changeInp('patient', $event)" (nzOpenChange)="openChangePatient($event)">
         <ng-container *ngFor="let option of patientList">
@@ -16,10 +16,19 @@
         </nz-option>
       </nz-select>
     </div>
-    <div class="patient">
-        <div><label nz-checkbox [(ngModel)]="searchData.noneTripType">未标记患者</label></div>
-        <div><label nz-checkbox [(ngModel)]="searchData.noneEndDept">未标记检查科室</label></div>
-        <div><label nz-checkbox [(ngModel)]="searchData.noneYY">无预约时间检查</label></div>
+    <div class="searchItem">
+        <div class="patient">
+          <label nz-checkbox [(ngModel)]="searchData.noneTripType">未标记患者</label>
+        </div>
+        <div class="patient">
+          <label nz-checkbox [(ngModel)]="searchData.noneEndDept">未标记检查科室</label>
+          <span class="circle red" title="未标记检查科室"></span>
+          <span class="circle red" style="right: -21px;" title="未标记检查科室"></span>
+        </div>
+        <div class="patient">
+          <label nz-checkbox [(ngModel)]="searchData.noneYY">无预约时间检查</label>
+          <span class="circle red" title="无预约时间检查"></span>
+        </div>
     </div>
   </div>
   <div class="display_flex align-items_center">
@@ -73,7 +82,7 @@
         </td>
         <td class="text_align_left">
           <div class="remarkText">
-            <span class="remarkTextInner">{{data.remark}}<span style="margin-top: 2px;" class="icon_transport transport-weibiaoti2010104 remarkTextEdit" (click)="editRemark({data: data, inspect: inspect})"></span></span>
+            <span class="remarkTextInner" (click)="editRemark({data: data, inspect: inspect})"><span [ngStyle]="{ color: data.remark ? '#333' : '#999'}">{{data.remark || '请点击填写注意事项！'}}</span><span style="margin-top: 2px;" class="icon_transport transport-weibiaoti2010104 remarkTextEdit"></span></span>
           </div>
         </td>
         <td>

src/app/views/inspect-info-config/inspect-info-config.component.less

@@ -12,6 +12,7 @@
     .remarkTextInner{
       position: relative;
       display: inline-block;
+      cursor: pointer;
       .remarkTextEdit{
         position: absolute;
         top: 50%;
@@ -31,8 +32,25 @@
     .dept{
       margin-right: 48px;
     }
-    .patient{
+    .searchItem{
       margin-left: 24px;
+      .patient{
+        position: relative;
+        text-align: left;
+        .circle{
+          width: 8px;
+          height: 8px;
+          border-radius: 50%;
+          background-color: @primary-color;
+          position: absolute;
+          top: 51%;
+          right: -8px;
+          transform: translate(-50%,-50%);
+          &.red{
+            background-color: red;
+          }
+        }
+      }
     }
     .label{
       padding-right: 16px;