1.病情变异弹框添加备注字段

2.下拉框加鼠标悬浮提示

src/views/outClinicalpathway.vue

@@ -2,7 +2,7 @@
  * @Author: wsq
  * @Date: 2022-04-22 15:20:58
  * @LastEditors: wsq
- * @LastEditTime: 2023-01-12 13:11:54
+ * @LastEditTime: 2023-01-28 15:40:40
  * @Description: 
 -->
 <template>
@@ -67,8 +67,26 @@
           </el-select>
         </el-form-item>
         <el-form-item label="变异原因:">
-          <el-input
+          <el-select
             v-model="form.reason"
+            class="m-2"
+            placeholder="请选择"
+            size="mini"
+            :title="getTitle(form.reason)"
+          >
+            <el-option
+              v-for="item in reasonoptions"
+              :key="item.id"
+              :label="item.describe"
+              :value="item.describe"
+              :title="item.describe"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="备注:">
+          <el-input
+            v-model="form.remarks"
             :autosize="{ minRows: 4, maxRows: 10 }"
             type="textarea"
           />
@@ -187,7 +205,7 @@ export default {
       tableData: [], //表格数据
       yztype: {
         1: "长期医嘱",
-        2: "短期医嘱",
+        2: "临时医嘱",
       },
       //被点击的index
       timeindex: null,
@@ -200,12 +218,16 @@ export default {
       //表单
       form: {
         inhosdays: "",
-        reason: "",
+        reason: "", //变异原因
+        remarks: "", //备注
       },
       //路径天数下拉数据
       options: [],
+      reasonoptions: [], //变异原因
+      crid: null,
       chickid: [], //选中的id
     });
+
     //获取患者信息
     const gettopdata = () => {
       http
@@ -215,6 +237,8 @@ export default {
         )
         .then((data) => {
           state.topdata = data;
+          state.crid = data.crid;
+          getreasonoptions();
         })
         .catch((error) => {});
     };
@@ -407,18 +431,33 @@ export default {
         })
         .catch((error) => {});
     };
+    //获取病情变异--变异原因下拉框
+    const getreasonoptions = () => {
+      http
+        .post(
+          `/ClinicalRoute/ClinicalRoute/GetStandardByType?crid=${state.crid}`,
+          {}
+        )
+        .then((data) => {
+          state.reasonoptions = data;
+        })
+        .catch((error) => {});
+    };
 
     //病情变异
     const variation = () => {
       state.editdialogFormVisible = true;
     };
+
     //确定
-    const fromOKbtn = () => {
+    const fromOKbtn = (fromRef) => {
       let prome = {
         pid: route.value.query.pid,
         reason: state.form.reason,
         inhosdays: state.form.inhosdays,
+        remarks: state.form.remarks,
       };
+
       http
         .post(`/ClinicalRoute/ClinicalRoute/SetVariation`, prome)
         .then((data) => {
@@ -431,6 +470,7 @@ export default {
             reason: "",
           }),
             (state.editdialogFormVisible = false);
+
           router.push({
             path: "Entrypath",
             query: {
@@ -448,6 +488,13 @@ export default {
       }),
         (state.editdialogFormVisible = false);
     };
+    //下拉框鼠标移上显示提示文字
+    const getTitle = (val) => {
+      if (val != "") {
+        let a = state.reasonoptions.filter((item) => item.describe == val);
+        return a[0].describe;
+      }
+    };
 
     onMounted(() => {
       gettopdata();
@@ -475,6 +522,8 @@ export default {
       fromRef,
       close,
       joinorder,
+      getreasonoptions,
+      getTitle,
     };
   },
 };