优化提示

src/views/hospitalization/zhu-yuan-yi-sheng/electronic-medical-record/EmrMain.vue

@@ -267,6 +267,26 @@
         <div class="emr-iframe">
           <emr-popup ref="popupRef"
                      @fill-data="popupFunc.fillData"/>
+
+          <div class="creator_prompt">
+            <div>
+              创建：{{ createName }}
+              <br>
+              当前：{{ userData.name }}
+            </div>
+
+            <div>
+              等级：{{ createLevel }}
+              <br>
+              等级：{{ doctorLevel }}
+            </div>
+
+            <div class="edit_mode">
+              模式：{{ editorMode ? '只读' : '编辑' }}
+            </div>
+
+          </div>
+
           <iframe ref="emrRef"
                   :height="maxHeight - 100 + 'px' "
                   :src="caseHistoryUrl"/>
@@ -287,20 +307,6 @@
       <iframe :src="drgData.url" :height="800" v-if="drgData.dialog"/>
     </xc-dialog-v2>
 
-    <div class="creator_prompt">
-      <el-tag effect="dark">
-        创建人：{{ createName }}
-      </el-tag>
-      <el-tag effect="dark" type="success">
-        当前人：{{ userData.name }}
-      </el-tag>
-      <el-tag effect="dark" type="warning">
-        当前等级：{{ doctorLevel }}
-      </el-tag>
-      <el-tag effect="dark" type="danger">
-        模式：{{ editorMode ? '只读' : '自由修改' }}
-      </el-tag>
-    </div>
 
   </el-container>
 </template>
@@ -647,6 +653,7 @@ const checkEmrChange = (cb) => {
 }
 
 let createName = $ref()
+let createLevel = $ref(3)
 const nodeClick = (val, jumpOrNot, templateType) => {
   createName = val.createName
   createId = val.createId
@@ -986,12 +993,15 @@ let doctorLevel = $ref(1);
 const doctorLevelFunc = () => {
   if (extractFields('管床医生编码') === userData.code) {
     doctorLevel = 1
+    createLevel = 1
   }
   if (extractFields('主治医生编码') === userData.code) {
     doctorLevel = 2
+    createLevel = 2
   }
   if (extractFields('主任医生编码') === userData.code) {
     doctorLevel = 3
+    createLevel = 3
   }
 }
 
@@ -1334,14 +1344,30 @@ defineExpose({
 }
 
 .creator_prompt {
-  position: fixed;
+  position: absolute;
+  display: flex;
   width: max-content;
-  bottom: 5px;
-  right: 5px;
-  background-color: white;
+  top: 5px;
+  color: black;
+  left: 5px;
+  padding: 2px;
   z-index: 99;
+  background-color: rgba(63, 0, 130, 0.35);
   box-shadow: 0 4px 8px rgb(0 0 0 / 20%), 0 6px 20px rgb(0 0 0 / 19%);
-  padding: 5px 5px;
+
+  div {
+    margin: 2px;
+  }
+
+
+  .edit_mode {
+    background-color: #f56c6c;
+    color: white;
+    align-items: center;
+    display: flex;
+    border-radius: 5px;
+    padding: 5px;
+  }
 
   span {
     margin: 0 2px;