修复样式引发的bug

src/views/hospitalization/case-front-sheet/FillCaseFrontSheet.vue

@@ -632,19 +632,21 @@
             </div>
           </div>
 
-          <el-drawer v-model="showMessageDrawer" title="首页保存/打印校验结果" size="260px" modal-class="modal-class">
-            <div class="page-inner">
-              <div v-if="forceVerifies.length === 0 && adviceVerifies.length === 0" class="no-verify-message">暂无校验内容</div>
-              <div v-show="forceVerifies.length > 0" style="padding: 8px 0 4px 0; font-weight: bold">以下条目为强制要求，请完善。</div>
-              <div v-for="(item, index) in forceVerifies" :key="index" class="message-item" :style="messageColor(index)" @click="handleClickMessage(item.code, index)">
-                {{ index + 1 }}、{{ item.name }}
-              </div>
-              <div v-show="adviceVerifies.length > 0" style="padding: 8px 0 4px 0; font-weight: bold">以下条目为建议执行，不做强制要求。</div>
-              <div v-for="(item, index) in adviceVerifies" :key="index" style="padding: 6px; margin-bottom: 6px; border-radius: 4px; background: #eea7a752; color: #ff2b2b">
-                {{ index + 1 }}、{{ item.name }}
+          <span class="m-drawer">
+            <el-drawer v-model="showMessageDrawer" title="首页保存/打印校验结果" size="260px" modal-class="modal-class">
+              <div class="page-inner">
+                <div v-if="forceVerifies.length === 0 && adviceVerifies.length === 0" class="no-verify-message">暂无校验内容</div>
+                <div v-show="forceVerifies.length > 0" style="padding: 8px 0 4px 0; font-weight: bold">以下条目为强制要求，请完善。</div>
+                <div v-for="(item, index) in forceVerifies" :key="index" class="message-item" :style="messageColor(index)" @click="handleClickMessage(item.code, index)">
+                  {{ index + 1 }}、{{ item.name }}
+                </div>
+                <div v-show="adviceVerifies.length > 0" style="padding: 8px 0 4px 0; font-weight: bold">以下条目为建议执行，不做强制要求。</div>
+                <div v-for="(item, index) in adviceVerifies" :key="index" style="padding: 6px; margin-bottom: 6px; border-radius: 4px; background: #eea7a752; color: #ff2b2b">
+                  {{ index + 1 }}、{{ item.name }}
+                </div>
               </div>
-            </div>
-          </el-drawer>
+            </el-drawer>
+          </span>
           <div class="rightside-btn" @click="showMessageDrawer = !showMessageDrawer">首页保存 / 打印校验结果</div>
         </div>
         <div id="headpage" style="opacity: 0; position: fixed">
@@ -1544,7 +1546,7 @@ table td {
   font-size: 18px;
   color: gray;
 }
-:deep(.el-overlay) {
+:deep(.m-drawer .el-overlay) {
   right: 0;
   left: calc(100vw - 260px);
   background: transparent !important;