Просмотр исходного кода

评审评价指标详情下钻页:修改指标结果弹窗布局展示在最后侧,点击指标结果按钮可以关闭打开弹窗,取消弹窗内所有折叠按钮

liyanyan 1 неделя назад
Родитель
Сommit
82851981de
1 измененных файлов с 54 добавлено и 52 удалено
  1. 54 52
      src/views/allcase/caseViews.vue

+ 54 - 52
src/views/allcase/caseViews.vue

@@ -153,64 +153,65 @@
         <!-- 病案首页质控 -->
         <CaseQualityBox ref="CaseQualityBoxRef" :mainHomeData="mainHomeData" :MED_REC_ID="valData" type="type_v" :width="340" :height="820" @hightRight="hightRight" />
       </template>
-    </div>
-
-
-
-    <div class="VueDragResize-box" v-if="is_VueDragResize">
-      <!-- 弹窗 -->
-      <VueDragResize :style="`z-index:${zInfex_0};`"
-        dragHandle=".VueDragResize-title-box"
-        :isActive="true" :isDraggable="true"
-        :parentW="parentW" :parentH="parentH" :parentLimitation="true" :preventActiveBehavior="true"
-        :w="width" :h="height"
-        :minw="minw" :minh="minh"
-        :x='left' :y='top' @dragstop="onDragstop"
-        @resizing="resize" @dragging="resize" @deactivated="onDeactivated"
-        >
-        <div class="VueDragResize-centent-box">
-          <div class="VueDragResize-title-box">
-            <div class="title"><span>指标结果</span></div>
-            <div class="icon-box">
-              <span @click="clickcloseBtn">X</span>
+      <div class="VueDragResize-box" v-if="is_VueDragResize" >
+        <!-- 弹窗 -->
+        <!-- <VueDragResize :style="`z-index:${zInfex_0};`"
+          dragHandle=".VueDragResize-title-box"
+          :isActive="true" :isDraggable="true"
+          :parentW="parentW" :parentH="parentH" :parentLimitation="true" :preventActiveBehavior="true"
+          :w="width" :h="height"
+          :minw="minw" :minh="minh"
+          :x='left' :y='top' @dragstop="onDragstop"
+          @resizing="resize" @dragging="resize" @deactivated="onDeactivated"
+          > -->
+          <div class="VueDragResize-centent-box">
+            <div class="VueDragResize-title-box">
+              <div class="title"><span>指标结果</span></div>
+              <!-- <div class="icon-box">
+                <span @click="clickcloseBtn">X</span>
+              </div> -->
             </div>
-          </div>
-          <div class="navbaerMag-content-box">
-            <div class="list-box">
-              <div class="list-item-box">
-                <div class="listItem-title-box">
-                  <span>指标名称:</span>
-                  <span style="color: #ff0000;">{{ show_name }}</span>
-                  <span class="span-btn" @click="clickJsTitleBtn">指标计算</span>
-                  <img src="../../assets/images/arrow-down.png" alt="" @click.stop="clickListItem"  class="arrow-down" :class="show_box?'show':''"/>
-                </div>
+            <div class="navbaerMag-content-box">
+              <div class="list-box">
+                <div class="list-item-box">
+                  <div class="listItem-title-box">
+                    <span>指标名称:</span>
+                    <span style="color: #ff0000;">{{ show_name }}</span>
+                    <span class="span-btn" @click="clickJsTitleBtn">指标计算</span>
+                    <!-- <img src="../../assets/images/arrow-down.png" alt="" @click.stop="clickListItem"  class="arrow-down" :class="show_box?'show':''"/> -->
+                  </div>
 
-                <div class="items-show-box" :class=" show_box ? 'show': '' ">
-                  <div class="xqItemError-box" v-for="(item,index) in xqItemError" :key="index">
+                  <div class="items-show-box" :class=" show_box ? 'show': '' ">
+                    <div class="xqItemError-box" v-for="(item,index) in xqItemError" :key="index">
 
-                    <div class="items-titleBox">
-                      <span class="idx-span">{{ index+1 }}</span>
-                      <el-tag :type="item.status == 1?'success':'danger'">{{ item.status == 1?'正确':'错误' }}</el-tag>
-                      <img src="../../assets/images/arrow-down.png" alt="" @click.stop="clickxqItemErrorItems(index)"  class="arrow-down" :class="item.show ?'show':''"/>
-                    </div>
+                      <div class="items-titleBox">
+                        <span class="idx-span">{{ index+1 }}</span>
+                        <el-tag :type="item.status == 1?'success':'danger'">{{ item.status == 1?'正确':'错误' }}</el-tag>
+                        <!-- <img src="../../assets/images/arrow-down.png" alt="" @click.stop="clickxqItemErrorItems(index)"  class="arrow-down" :class="item.show ?'show':''"/> -->
+                      </div>
 
-                    <div class="itemsDiv-box" :class=" item.show ? 'show': '' ">
-                      <div class="items-box" v-for="(items,idx) in item.content" :key="idx">
-                        <div class="items-content" v-html="items.content" :style="`color: ${items.status == 1?'#000':'#ff0000'};`"></div>
+                      <div class="itemsDiv-box" :class=" item.show ? 'show': '' ">
+                        <div class="items-box" v-for="(items,idx) in item.content" :key="idx">
+                          <div class="items-content" v-html="items.content" :style="`color: ${items.status == 1?'#000':'#ff0000'};`"></div>
+                        </div>
                       </div>
+
                     </div>
 
-                  </div>
 
+                  </div>
 
                 </div>
-
               </div>
             </div>
           </div>
-        </div>
-      </VueDragResize>
+        <!-- </VueDragResize> -->
+      </div>
     </div>
+
+
+
+    
   </div>
 </template>
 <script>
@@ -437,7 +438,8 @@ export default {
       this.getTree();
     },
     clickzbjg(){
-      this.is_VueDragResize = true;
+      // this.is_VueDragResize = true;
+      this.is_VueDragResize = !this.is_VueDragResize;
     },
     clickListItem(){
       this.show_box = !this.show_box;
@@ -866,13 +868,13 @@ export default {
 }
 // 拖拽弹窗样式
 .VueDragResize-box{
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  z-index: 9999;
-  top: 0;
-  left: 0;
-  pointer-events: none; /* 鼠标事件穿透 */
+  // position: fixed;
+  width: 400px;
+  // height: 100%;
+  // z-index: 9999;
+  // top: 0;
+  // left: 0;
+  // pointer-events: none; /* 鼠标事件穿透 */
   & ::v-deep .vdr-stick{
     display: none;
   }