病案详情-左侧树默认全部展开、修改点击范围

src/views/allcase/caseViews.vue

@@ -21,8 +21,8 @@
         </div> -->
         <ul class="el-menu-vertical-demo el-menu">
           <!-- 预警信息不展示病案首页 -->
-          <li v-if="$route.query.from !== 'forewarning'" class="li-left-item" :class="is_active == 0 ? 'is-active' : ''" @click="clickTree(0, '病案首页')">
-            <span>病案首页</span>
+          <li v-if="$route.query.from !== 'forewarning'" class="li-left-item" :class="is_active == 0 ? 'is-active' : ''">
+            <span class="treeTitle" @click="clickTree(0, '病案首页')">病案首页</span>
           </li>
           <li
             v-for="(item, index) in treeList"
@@ -31,10 +31,9 @@
               item.bllb == 49 || [2000002, 294, 303, 288, 87].includes(item.bllb) ? 'li-left-itemyz' : 'li-left-item',
             ]"
             :key="index"
-            @click="clickTree(item.bllb, item.name, item)"
           >
             <el-row type="flex" justify="space-between" align="middle">
-              <span>
+              <span class="treeTitle" @click="clickTree(item.bllb, item.name, item)">
                 {{ item.name }}
                 <span v-if="item.bllb == 49">（2）</span>
                 <span v-if="(Array.isArray(item.list) && !!item.list.length)">（{{item.list.length}}）</span>
@@ -42,17 +41,17 @@
               <el-button 
                 type="text"
                 v-if="item.bllb == 49 || (Array.isArray(item.list) && !!item.list.length)" 
-                :class="`el-icon-arrow-${item.collapse ? 'up' : 'down'}`"
+                :class="`el-icon-arrow-${item.collapse ? 'down' : 'up'}`"
                 @click.stop="setTreeCollapse(index)"
               />
             </el-row>
             <!-- 医嘱 -->
-            <div v-if="item.bllb == 49 && item.collapse">
+            <div v-if="item.bllb == 49 && !item.collapse">
               <div :class="['li-left-item-li', is_active == '长期医嘱' ? 'is-active' : '']" data-li="49-1" :id="item.bllb" @click.stop="clickTree(item.bllb, '长期医嘱', {}, true)" >长期医嘱</div>
               <div :class="['li-left-item-li', is_active == '临时医嘱' ? 'is-active' : '']" data-li="49-2" :id="item.bllb" @click.stop="clickTree(item.bllb, '临时医嘱', {}, true)">临时医嘱</div>
             </div>
             <!-- 报告单 -->
-            <div v-if="item.bllb == 2000002 && item.collapse">
+            <div v-if="item.bllb == 2000002 && !item.collapse">
               <div 
                 v-for="(jitem, jindex) in item.list" 
                 :key="jindex" 
@@ -64,7 +63,7 @@
               </div>
             </div>
             <!-- 病程记录、手术记录 -->
-            <div v-if="[294, 303, 288, 87].includes(item.bllb) && item.collapse">
+            <div v-if="[294, 303, 288, 87].includes(item.bllb) && !item.collapse">
               <div
                 v-for="(jitem, jindex) in item.list"
                 :class="['li-left-item-li', parentType == item.bllb && is_active == jitem.blbh ? 'is-active' : '']"
@@ -590,7 +589,7 @@ export default {
         // this.$message.success('请求多组')
         if(this.$route.query.specialName) { // 如果是医嘱
           this.clickTree(this.$route.query.bllb, this.$route.query.specialName, {}, true)
-          this.setTreeCollapse(this.$route.query.currentKey)
+          // this.setTreeCollapse(this.$route.query.currentKey)
         } else {
           this.clickTree(this.$route.query.bllb, currentTreeRow.name, currentTreeRow)
         }
@@ -599,7 +598,7 @@ export default {
         if( Array.isArray(currentTreeRow.list) ) {
           let currentChildRow = currentTreeRow.list.find(element => element.blbh == this.$route.query.blbh)
           currentChildRow && this.clickTree(this.$route.query.bllb, currentChildRow.name, currentChildRow, true);
-          currentChildRow && this.setTreeCollapse(this.$route.query.currentKey)
+          // currentChildRow && this.setTreeCollapse(this.$route.query.currentKey)
         }
       }
     },
@@ -801,6 +800,9 @@ export default {
   margin: 0;
   padding: 0 !important;
 }
+.treeTitle {
+  cursor: pointer;
+}
 .header {
   margin: 10px 20px;
   text-align: right;
@@ -839,7 +841,7 @@ export default {
   font-size: 14px;
   color: #303133;
   padding: 0 20px;
-  cursor: pointer;
+  // cursor: pointer;
   -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
   transition: border-color 0.3s, background-color 0.3s, color 0.3s;
   -webkit-box-sizing: border-box;