1.点击异常类目切换对应数据

2.点击异常细目切换定应表格数据

src/views/outpatientDetails.vue

@@ -276,6 +276,7 @@
               class="outpatientDetails_bottom_rght2_top_mes_span1"
               v-for="(item, ind) in typeCountDatas"
               :key="ind"
+              @click="gettype(item.name)"
               >{{ item.name }}：<span :style="{ color: item.color }">{{
                 item.count
               }}</span></span
@@ -291,6 +292,7 @@
             class="outpatientDetails_bottom_rght2_bottom_li"
             v-for="(item, ind) in options"
             :key="ind"
+             @click="getruleId(item.ruleId)"
           >
             <span
               v-show="item.projectRuleLevel == '禁止'"
@@ -356,7 +358,7 @@ export default {
       }
     };
 
-    //异常问题接口
+    //异常问题接口 显示全部异常信息
     const GetProjectRulesData = () => {
       http
         .post(`/medical/get/GetPRHisData?&code=${route.value.query.id}`, {})
@@ -372,6 +374,48 @@ export default {
         })
         .catch((error) => {});
     };
+   //点击异常分类 显示异常信息
+	   const gettype=(name)=>{
+		   console.log('name',name);
+			state.showCountDatas = true;
+			state.showbottom = true;
+
+			http
+				.post(`/medical/get/GetPRHisData?&code=${route.value.query.id}&projectType=${name}`, {})
+				.then((data) => {
+					
+					state.options = data.projectRules;
+					// state.typeCountDatas = data.typeCountDatas;
+					// if (data.typeCountDatas == null) {
+					// 	state.showCountDatas = false;
+					// }
+					if (data.projectRules == null) {
+						state.showbottom = false;
+					}
+				})
+				.catch((error) => {
+					
+				});
+		 
+
+	   };
+
+
+        //点击获取中间的表格数据
+	   const  getruleId=(ruleId)=>{
+          http
+				.post(`/medical/Post/GetiFHisByItemCode?code=${route.value.query.id}&ruleId=${ruleId}`, {})
+				.then((data) => {
+					state.tableData = data;
+				
+				})
+				.catch((error) => {
+					
+				});
+
+	   };
+
+
     //医嘱质控
     const getControl = () => {
       http
@@ -543,6 +587,8 @@ export default {
       // tableCot,
       GetProjectRulesData,
       getControl,
+      gettype,
+      getruleId
     };
   },
 };