BUG修复

src/views/AppIndex.vue

@@ -458,7 +458,7 @@
           <h2 class="title">
             <div class="operateTitle">
               标本详情
-              <div class="operate">
+              <div class="operate checkbox">
                 <label>
                   <input type="checkbox" value="332" v-model="speState" /><span
                     >未收取</span
@@ -609,16 +609,22 @@
           <h2 class="title">
             <div class="operateTitle">
               患者检查详情
-              <div class="operate">
+              <div class="operate radio">
                 <label>
-                  <input type="radio" value="666" v-model="inspectState" /><span
-                    >所有检查</span
-                  >
+                  <span>所有检查</span
+                  ><input
+                    type="radio"
+                    value="666"
+                    v-model="inspectState"
+                  /><i></i>
                 </label>
                 <label>
-                  <input type="radio" value="307" v-model="inspectState" /><span
-                    >待检查</span
-                  >
+                  <span>待检查</span
+                  ><input
+                    type="radio"
+                    value="307"
+                    v-model="inspectState"
+                  /><i></i>
                 </label>
               </div>
             </div>
@@ -1018,9 +1024,12 @@ export default {
       console.log(item);
       clearTimeout(this.timer5);
       clearTimeout(this.timer55);
-      this.inspectState = "666";
       this.currentInspectDept = item;
       this.detailSpeModel = true;
+      this.getDetailByInspect(this.currentInspectDept);
+      if (this.inspectState !== "666") {
+        this.inspectState = "666";
+      }
     },
     // 获取检查详情(病房患者视图)
     getDetailByInspect(item) {
@@ -1557,39 +1566,97 @@ export default {
           position: absolute;
           top: 0;
           left: 100%;
-          label {
-            cursor: pointer;
-            margin-left: 8px;
-            display: inline-flex;
-            align-items: center;
-            span {
-              margin-left: 4px;
+          &.checkbox {
+            label {
+              cursor: pointer;
+              margin-left: 8px;
+              display: inline-flex;
+              align-items: center;
+              span {
+                margin-left: 4px;
+              }
+              // 多选框
+              input[type="checkbox"] {
+                cursor: pointer;
+                position: relative;
+                width: 15px;
+                height: 15px;
+                font-size: 15px;
+              }
+
+              input[type="checkbox"]:checked::after {
+                position: absolute;
+                overflow: hidden;
+                background-color: #49b856;
+                border: 1px solid #767676;
+                color: #fff;
+                width: 15px;
+                height: 15px;
+                border-radius: 4px;
+                line-height: 0.8;
+                display: inline-block;
+                content: "\e618;";
+                font-size: 15px;
+                font-family: "icon_transport" !important;
+                font-style: normal;
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+              }
             }
-            input[type="checkbox"] {
+          }
+          &.radio {
+            label {
               cursor: pointer;
+              margin-left: 8px;
+              display: inline-flex;
+              align-items: center;
               position: relative;
-              width: 15px;
-              height: 15px;
-              font-size: 15px;
-            }
+              font-weight: 400;
+              color: #767676;
+              padding-left: 16px;
+              span {
+                margin-left: 4px;
+              }
+              input[type="radio"] {
+                position: absolute;
+                left: -9999px;
+              }
 
-            input[type="checkbox"]:checked::after {
-              position: absolute;
-              overflow: hidden;
-              background-color: #49b856;
-              border: 1px solid #767676;
-              color: #fff;
-              width: 15px;
-              height: 15px;
-              border-radius: 4px;
-              line-height: 0.8;
-              display: inline-block;
-              content: "\e618;";
-              font-size: 15px;
-              font-family: "icon_transport" !important;
-              font-style: normal;
-              -webkit-font-smoothing: antialiased;
-              -moz-osx-font-smoothing: grayscale;
+              input[type="radio"] + i {
+                display: block;
+                position: absolute;
+                left: 0;
+                width: 14px;
+                height: 14px;
+                outline: 0;
+                border: 1px solid #0c4757;
+                background: transparent;
+                border-radius: 50%;
+                transition: border-color 0.3s;
+                -webkit-transition: border-color 0.3s;
+              }
+              input[type="radio"]:checked + i {
+                border-color: #49b856;
+              }
+
+              input[type="radio"] + i:after {
+                position: absolute;
+                content: "";
+                top: 50%;
+                left: 50%;
+                width: 8px;
+                height: 8px;
+                border-radius: 50%;
+                background-color: #49b856;
+                transform: translate(-50%, -50%);
+                opacity: 0;
+                transition: opacity 0.1s;
+                -webkit-transition: opacity 0.1s;
+              }
+
+              input[type="radio"]:checked + i:after {
+                opacity: 1;
+              }
             }
           }
         }