修改主题颜色

判断左侧高亮显示
确定进入开始页面

src/views/outClinicalpathway.vue

@@ -2,7 +2,7 @@
  * @Author: wsq
  * @Date: 2022-04-22 15:20:58
  * @LastEditors: wsq
- * @LastEditTime: 2023-01-11 23:19:56
+ * @LastEditTime: 2023-01-12 11:35:48
  * @Description: 
 -->
 <template>
@@ -13,7 +13,7 @@
       <!-- 左侧内容 -->
       <div class="outClinicalpathway_top_left">
         <div class="outClinicalpathway_top_left_one">
-          <span><img src="../assets/img/peo.png" alt="" /></span>
+          <!-- <span><img src="../assets/img/peo.png" alt="" /></span> -->
           <div class="outClinicalpathway_top_left_one_t1">
             患者姓名:<span>{{ topdata.patientName }}</span>
           </div>
@@ -30,8 +30,16 @@
       </div>
       <!-- 右侧按钮 -->
       <div class="outClinicalpathway_top_right">
-        <el-button type="primary" @click="joinorder()">加入医嘱</el-button>
-        <el-button type="primary" @click="variation()">病情变异</el-button>
+        <el-button
+          style="background-color: #0283bb; color: #ffff"
+          @click="joinorder()"
+          >加入医嘱</el-button
+        >
+        <el-button
+          style="background-color: #0283bb; color: #ffff"
+          @click="variation()"
+          >病情变异</el-button
+        >
       </div>
     </div>
     <!--病情变异弹框开始 -->
@@ -96,7 +104,7 @@
                   ? 'outClinicalpathway_table_left_timespan'
                   : 'outClinicalpathway_table_left_timespan2'
               "
-              @click="timeclick(activity, index)"
+              @click="timeclick(activity)"
               >{{ activity.inhosdays }}</span
             >
           </el-timeline-item>
@@ -162,6 +170,7 @@ export default {
   setup() {
     //表格自适应高度
     const route = useRoute();
+     const router = useRouter();
     const fromRef = ref();
     const monthlyPlanTable = ref();
     const multipleTable = ref();
@@ -304,8 +313,6 @@ export default {
       // console.log("val", val);
     };
 
-    // console.log("state.multipleSelection", state.multipleSelection);
-
     //获取左侧时间线数据
     const getlefttime = () => {
       http
@@ -315,13 +322,34 @@ export default {
         )
         .then((data) => {
           state.activities = data;
-          // console.log("state.activities", state.activities);
           state.options = data;
+          
+          state.activities.every(item=>{
+            if(item.flag==true){
+              for (let i= 0; i < state.activities.length; i++) {
+                state.timeindex = state.activities[state.activities.length-1].inhosdays
+                timeclick(state.activities[state.activities.length-1]);
+                
+              }
+            }else{
+              let obj = null;
+         
+          //find返回数组中符合条件的第一个元素 有false
+          state.activities.find((item) => {
+            if (item.flag == false) {
+              obj = item;
+              state.timeindex = obj.inhosdays;
+              timeclick(obj);
+            }
+          });
+            }
+          })
+
         })
         .catch((error) => {});
     };
     //点击左侧时间线  获取右侧表格数据
-    const timeclick = (val, index) => {
+    const timeclick = (val) => {
       state.timeindex = val.inhosdays;
       state.case_routeid = val.case_routeid;
       state.inhosdays = val.inhosdays;
@@ -334,7 +362,7 @@ export default {
           state.tableData = data;
           // console.log(" state.tableData", state.tableData);
           state.tableData.map((el) => {
-          // console.log(" el",el);
+            // console.log(" el",el);
             if (el.children) {
               for (let i = 0; i < el.children.length; i++) {
                 if (el.children[i].ischeck == 1) {
@@ -370,6 +398,7 @@ export default {
     //病情变异
     const variation = () => {
       state.editdialogFormVisible = true;
+   
     };
     //确定
     const fromOKbtn = () => {
@@ -390,6 +419,13 @@ export default {
             reason: "",
           }),
             (state.editdialogFormVisible = false);
+              router.push({
+             path: "Entrypath",
+              query: {
+                pid: route.value.query.pid,
+              },
+              
+            });
         })
         .catch((error) => {});
     };
@@ -436,19 +472,11 @@ export default {
 @import "../styles/mixin.scss";
 // @import "../styles/media/components/outClinicalpathway.scss";
 
-// 左侧表格点击高亮背景色
-::v-deep .el-table__body tr.current-row > td {
-  background-color: #ffff !important;
-}
-// 点击文本颜色
-::v-deep .current-row {
-  color: #55a6da !important;
+//多选框选中状态背景颜色
+::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
+  background-color: #0085ba !important;
+  border-color: #1097e0 !important;
 }
-// 点击icon颜色
-::v-deep .current-row .el-table__expand-icon {
-  color: #55a6da !important;
-}
-
 .outClinicalpathway {
   // height: calc(100% - 50px);
   // background-color: white;
@@ -478,7 +506,7 @@ export default {
       &_one {
         width: 100%;
         height: 30%;
-        background-color: #f2fafd;
+        background-color: #0283b9;
         margin-bottom: 10px;
         display: flex;
         align-items: center;
@@ -502,13 +530,14 @@ export default {
           color: #acacac;
           font-weight: 400;
           padding-left: 20px;
+          margin-left: 10px;
           span {
             width: 80%;
             height: 80%;
-            color: #787878;
+            color: #181617;
             display: flex;
             justify-content: flex-start;
-            font-weight: 600;
+
             align-items: center;
           }
         }
@@ -525,10 +554,10 @@ export default {
           span {
             width: 80%;
             height: 80%;
-            color: #787878;
+            color: #181617;
             display: flex;
             justify-content: flex-start;
-            font-weight: 600;
+
             align-items: center;
           }
         }
@@ -547,8 +576,8 @@ export default {
           span {
             width: 80%;
             height: 80%;
-            font-weight: 600;
-            color: #787878;
+
+            color: #181617;
             display: flex;
             justify-content: flex-start;
             align-items: center;
@@ -568,8 +597,8 @@ export default {
           span {
             width: 60%;
             height: 80%;
-            font-weight: 600;
-            color: #787878;
+
+            color: #181617;
             display: flex;
             justify-content: flex-start;
             align-items: center;
@@ -599,8 +628,8 @@ export default {
         width: 80%;
         height: 20px;
         display: flex;
-        background-color: #f2fafd;
-        color: #5dbee9;
+        background-color: #0283bb;
+        color: #ffff;
       }
       &_timespan2 {
         width: 80%;