添加入院时间

调取患者详情信息接口

src/views/outClinicalpathway.vue

@@ -2,7 +2,7 @@
  * @Author: wsq
  * @Date: 2022-04-22 15:20:58
  * @LastEditors: wsq
- * @LastEditTime: 2023-01-06 17:20:56
+ * @LastEditTime: 2023-01-09 13:14:30
  * @Description: 
 -->
 <template>
@@ -15,13 +15,16 @@
         <div class="outClinicalpathway_top_left_one">
           <span><img src="../assets/img/peo.png" alt="" /></span>
           <div class="outClinicalpathway_top_left_one_t1">
-            患者姓名:<span>小王</span>
+            患者姓名:<span>{{topdata.patientName}}</span>
           </div>
           <div class="outClinicalpathway_top_left_one_t2">
-            住院号:<span>{{ 222 }}</span>
+            住院号:<span>{{ topdata.regCode }}</span>
           </div>
           <div class="outClinicalpathway_top_left_one_t3">
-            住院次数:<span>{{ 2222 }}</span>
+            住院次数:<span>{{ topdata.inHosNum  }}</span>
+          </div>
+           <div class="outClinicalpathway_top_left_one_t4">
+          入院时间:<span>{{topdata.inHosTime }}</span>
           </div>
         </div>
         <div class="outClinicalpathway_top_left_two">
@@ -117,13 +120,14 @@
           style="width: 100%; height: 100%; overflow-y: scroll"
           @selection-change="handleSelectionChange"
           :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+          default-expand-all
         >
           <el-table-column type="selection" width="55" />
           <el-table-column label="医嘱类型" width="180">
             <template #default="scope">{{ scope.row.date }}</template>
           </el-table-column>
-          <el-table-column property="name" label="路径名称" width="120" />
-          <el-table-column property="address" label="医院项目编码" />
+          <el-table-column show-overflow-tooltip property="name" label="路径名称" width="120" />
+          <el-table-column show-overflow-tooltip property="address" label="医院项目编码" />
         </el-table>
       </div>
     </div>
@@ -162,6 +166,14 @@ export default {
     const monthlyPlanTable = ref();
     const multipleTableRef = ref();
     let state = reactive({
+      pid:'7e3c6a2e-e5a8-11ec-9998-9016ba5908d0',
+      //患者信息
+      topdata:{
+        patientName:'', //患者姓名
+        regCode:'',// 住院号
+        inHosNum:'',// 住院次数
+        inHosTime:''// 入院时间
+      },
       multipleSelection: [], //被选择的数据
       tableData: [
         {
@@ -245,13 +257,33 @@ export default {
         },
       ],
     });
+  //获取患者信息
+  const gettopdata=()=>{
+  
+         http
+        .post(`/ClinicalRoute/ClinicalRoute/GetPatientInfo?pid=${route.value.query.pid}`, {})
+        .then((data) => {
+         state.topdata=data;
+         console.log('data',data);
+        })
+        .catch((error) => {});
+  };
     //当选择项发生变化时会触发该事件
     const handleSelectionChange = (val) => {
       state.multipleSelection = val;
-      console.log("state.multipleSelection", state.multipleSelection);
+     
     };
+    //递归选中
+   const checkFun=(data,status)=>{
+      data.forEach(element => {
+        element.isCheck=status;
+        
+      });
+   };
 
-    onMounted(() => {});
+    onMounted(() => {
+      gettopdata()
+    });
 
     return {
       ...toRefs(state),
@@ -262,6 +294,8 @@ export default {
       monthlyPlanTable,
       multipleTableRef,
       handleSelectionChange,
+      checkFun,
+      gettopdata,
     };
   },
 };
@@ -327,8 +361,9 @@ export default {
           align-items: center;
         }
         &_t1 {
-          width: 30%;
+          width: 24%;
           height: 80%;
+            margin-right: 5px;
           background-color: #ffff;
           display: flex;
           align-items: center;
@@ -346,8 +381,9 @@ export default {
           }
         }
         &_t2 {
-          width: 30%;
+          width: 24%;
           height: 80%;
+            margin-right: 5px;
           background-color: #ffff;
           display: flex;
           align-items: center;
@@ -365,8 +401,9 @@ export default {
           }
         }
         &_t3 {
-          width: 30%;
+          width: 24%;
           height: 80%;
+            margin-right: 5px;
           background-color: #ffff;
           margin-right: 10px;
           display: flex;
@@ -385,6 +422,27 @@ export default {
             align-items: center;
           }
         }
+         &_t4 {
+          width: 24%;
+          height: 80%;
+          background-color: #ffff;
+           margin-right: 5px;
+          display: flex;
+          align-items: center;
+          color: #acacac;
+          font-weight: 400;
+          padding-left: 20px;
+
+          span {
+            width: 80%;
+            height: 80%;
+            font-weight: 600;
+            color: #787878;
+            display: flex;
+            justify-content: flex-start;
+            align-items: center;
+          }
+        }
       }
       &_two {
         width: 100%;

vue.config.js

 /*
  * @Author: ninglupeng
  * @Date: 2022-06-07 00:31:25
- * @LastEditors: ninglupeng
- * @LastEditTime: 2022-06-07 09:36:58
+ * @LastEditors: wsq
+ * @LastEditTime: 2023-01-09 10:19:55
  * @Description: 
  */
 const path = require('path');
@@ -19,7 +19,8 @@ module.exports = {
         port: 8066, //测试端口
         proxy: {
             '/api': {
-                target: 'http://192.168.18.166:8099/',
+              //target: 'http://192.168.18.166:8099/',
+                 target: 'http://192.168.18.166:8100',
                 changeOrigin: true,
                 pathRewrite: {
                     '^/': '/'