From de448aa3b351c7c455d04d6fe6d85b986f6b6ce4 Mon Sep 17 00:00:00 2001
From: pengjun <158915633@qq.com>
Date: Wed, 27 Nov 2024 18:30:37 +0800
Subject: [PATCH] follow

---
 src/components/follow/PhoneFollowUp.vue | 267 ++++++++----------------
 1 file changed, 91 insertions(+), 176 deletions(-)

diff --git a/src/components/follow/PhoneFollowUp.vue b/src/components/follow/PhoneFollowUp.vue
index fb918b7..6897896 100644
--- a/src/components/follow/PhoneFollowUp.vue
+++ b/src/components/follow/PhoneFollowUp.vue
@@ -1,86 +1,33 @@
 <template>
   <div style="display: flex">
     <div :style="`width: ${window.pageWidth - 120}px;`">
-      <el-table
-        :data="phoneFollowUp"
-        border
-        :height="
-          window.pageHeight < 600
-            ? 150
-            : Math.floor((window.pageHeight+20) / 3)
-        "
-        size="small"
-        highlight-current-row
-        ref="phoneFollowUp"
-        @row-click="rowick"
-      >
+      <el-table :data="phoneFollowUp" border :height="window.pageHeight < 600
+        ? 150
+        : Math.floor((window.pageHeight + 20) / 3)
+        " size="small" highlight-current-row ref="phoneFollowUp" @row-click="rowick">
         <el-table-column type="index" label="序号" width="50" align="center" />
-        <el-table-column
-          prop="followUpContent"
-          label="随访内容"
-          min-width="250"
-        />
-        <el-table-column
-          prop="replyContent"
-          label="回复内容"
-          min-width="200"
-          align="center"
-        />
-        <el-table-column
-          prop="isComplete"
-          label="完成"
-          min-width="40"
-          align="center"
-        >
+        <el-table-column prop="followUpContent" label="随访内容" min-width="250" />
+        <el-table-column prop="replyContent" label="回复内容" min-width="200" align="center" />
+        <el-table-column prop="isComplete" label="完成" min-width="40" align="center">
           <template slot-scope="scope">
-            <el-checkbox
-              v-model="scope.row.isComplete"
-              true-label="Y"
-              false-label="N"
-              disabled
-            />
+            <el-checkbox v-model="scope.row.isComplete" true-label="Y" false-label="N" disabled />
           </template>
         </el-table-column>
-        <el-table-column
-          prop="planFollowDate"
-          label="随访日期"
-          min-width="100"
-          align="center"
-        >
+        <el-table-column prop="planFollowDate" label="随访日期" min-width="100" align="center">
           <template slot-scope="scope">
             <div>
               {{ moment(scope.row.planFollowDate).format("yyyy-MM-DD") }}
             </div>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="lastModifierName"
-          label="修改人"
-          min-width="80"
-          align="center"
-        />
-        <el-table-column
-          prop="lastModificationTime"
-          label="修改日期"
-          min-width="100"
-          align="center"
-        >
+        <el-table-column prop="lastModifierName" label="修改人" min-width="80" align="center" />
+        <el-table-column prop="lastModificationTime" label="修改日期" min-width="100" align="center">
           <template slot-scope="scope">
             <div>{{ moment(scope.row.creationTime).format("yyyy-MM-DD") }}</div>
           </template>
         </el-table-column>
-        <el-table-column
-          prop="creatorName"
-          label="登记人"
-          min-width="80"
-          align="center"
-        />
-        <el-table-column
-          prop="creationTime"
-          label="登记日期"
-          min-width="100"
-          align="center"
-        >
+        <el-table-column prop="creatorName" label="登记人" min-width="80" align="center" />
+        <el-table-column prop="creationTime" label="登记日期" min-width="100" align="center">
           <template slot-scope="scope">
             <div>{{ moment(scope.row.creationTime).format("yyyy-MM-DD") }}</div>
           </template>
@@ -89,30 +36,20 @@
     </div>
     <div style="width: 120px; margin-top: 50px">
       <div style="margin-left: 10px">
-        <el-button class="commonbutton" type="primary" @click="btnAdd"
-          >新增随访</el-button
-        >
+        <el-button class="commonbutton" type="primary" @click="btnAdd">新增随访</el-button>
       </div>
       <div style="margin: 10px">
-        <el-button class="commonbutton" type="primary" @click="btnEdit"
-          >编辑随访</el-button
-        >
+        <el-button class="commonbutton" type="primary" @click="btnEdit">编辑随访</el-button>
       </div>
       <div style="margin-left: 10px">
-        <el-button class="commonbutton" type="primary" @click="btnDel"
-          >删除随访</el-button
-        >
+        <el-button class="commonbutton" type="primary" @click="btnDel">删除随访</el-button>
       </div>
     </div>
-    <el-dialog
-      :title="title == 1 ? '新增' : '修改'"
-      :visible.sync="dialogVisible"
-      width="75%"
-      :close-on-click-modal="false"
-    >
+    <el-dialog :title="title == 1 ? '新增' : '修改'" :visible.sync="dialogVisible" width="800px"
+      :close-on-click-modal="false">
       <el-form ref="form" :model="form" label-width="80px">
         <el-row>
-          <el-col :span="title==1?'4':'6'">
+          <el-col :span="title == 1 ? '4' : '6'">
             <el-form-item label="编号">
               <el-input v-model="form.id" disabled size="small"></el-input>
             </el-form-item>
@@ -120,70 +57,43 @@
           <el-col :span="6" v-if="title == 1">
             <el-form-item label="生成模式">
               <el-select v-model="mode" placeholder="生成模式" size="small">
-                <el-option
-                  v-for="item in modes"
-                  :key="item.id"
-                  :label="item.displayName"
-                  :value="item.id"
-                ></el-option>
+                <el-option v-for="item in modes" :key="item.id" :label="item.displayName" :value="item.id"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="4" v-if="title == 1&&mode == 1">
+          <el-col :span="4" v-if="title == 1 && mode == 1">
             <el-form-item label="间隔天数">
               <el-input v-model="form.intervalDays" size="small"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="4" v-if="title == 1&&mode == 1">
+          <el-col :span="4" v-if="title == 1 && mode == 1">
             <el-form-item label="生成次数">
               <el-input v-model="form.generateCount" size="small"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="4" v-if="title == 1&&mode == 1">
+          <el-col :span="4" v-if="title == 1 && mode == 1">
             <el-form-item label="开始时间">
-              <el-date-picker
-                placeholder="选择日期时间"
-                size="small"
-                v-model="form.startDate"
-                value-format="yyyy-MM-dd"
-                editable
-                style="width: 177px"
-              >
+              <el-date-picker placeholder="选择日期时间" size="small" v-model="form.startDate" value-format="yyyy-MM-dd"
+                editable style="width: 177px">
               </el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :span="4" v-if="title == 1&&mode == 0">
+          <el-col :span="4" v-if="title == 1 && mode == 0">
             <el-form-item label="随访日期">
-              <el-date-picker
-                placeholder="选择日期时间"
-                size="small"
-                v-model="form.planFollowDate"
-                value-format="yyyy-MM-dd"
-                editable
-                style="width: 177px"
-              >
+              <el-date-picker placeholder="选择日期时间" size="small" v-model="form.planFollowDate" value-format="yyyy-MM-dd"
+                editable style="width: 177px">
               </el-date-picker>
             </el-form-item>
           </el-col>
-                    <el-col :span="4" v-if="title != 1">
+          <el-col :span="4" v-if="title != 1">
             <el-form-item label="是否完成">
-              <el-checkbox
-                v-model="form.isComplete"
-                true-label="Y"
-                false-label="N"
-              />
+              <el-checkbox v-model="form.isComplete" true-label="Y" false-label="N" />
             </el-form-item>
           </el-col>
-          <el-col :span="4" v-if="title !=1">
+          <el-col :span="4" v-if="title != 1">
             <el-form-item label="随访日期">
-              <el-date-picker
-                placeholder="选择日期时间"
-                size="small"
-                v-model="form.planFollowDate"
-                value-format="yyyy-MM-dd"
-                editable
-                style="width: 177px"
-              >
+              <el-date-picker placeholder="选择日期时间" size="small" v-model="form.planFollowDate" value-format="yyyy-MM-dd"
+                editable style="width: 177px">
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -195,7 +105,8 @@
                     v-model="form.parmValue"
                     size="small"
                   ></el-input> -->
-              <el-input v-model="form.followUpContent"></el-input>
+              <el-input type="textarea" v-model="form.followUpContent"
+                :autosize="{ minRows: 3, maxRows: 6 }"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -206,7 +117,9 @@
                     v-model="form.parmValue"
                     size="small"
                   ></el-input> -->
-              <el-input v-model="form.replyContent"></el-input>
+              <el-autocomplete class="inline-input" v-model="form.replyContent" :fetch-suggestions="querySearch"
+                placeholder="请输入内容" size="small" style="width: 700px;"></el-autocomplete>
+
             </el-form-item>
           </el-col>
         </el-row>
@@ -214,50 +127,30 @@
           <el-divider></el-divider>
           <el-col :span="4" style="margin-left: 15px">
             <el-form-item label="创建者">
-              <el-input
-                v-model="form.creatorName"
-                disabled
-                size="small"
-              ></el-input>
+              <el-input v-model="form.creatorName" disabled size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="创建时间">
-              <el-input
-                :value="form.creationTime | dateFormat"
-                disabled
-                size="small"
-              ></el-input>
+              <el-input :value="form.creationTime | dateFormat" disabled size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item label="修改者">
-              <el-input
-                v-model="form.lastModifierName"
-                disabled
-                size="small"
-              ></el-input>
+              <el-input v-model="form.lastModifierName" disabled size="small"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item label="修改时间">
-              <el-input
-                style="width: 85%"
-                :value="form.lastModificationTime | dateFormat"
-                disabled
-                size="small"
-              ></el-input>
+              <el-input style="width: 85%" :value="form.lastModificationTime | dateFormat" disabled
+                size="small"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false" class="difference"
-          >取 消</el-button
-        >
-        <el-button type="primary" @click="addoredit" class="commonbutton"
-          >确 定</el-button
-        >
+        <el-button @click="dialogVisible = false" class="difference">取 消</el-button>
+        <el-button type="primary" @click="addoredit" class="commonbutton">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -284,7 +177,7 @@ export default {
         generateCount: "",
         intervalDays: "",
         generateCount: "",
-        replyContent:""
+        replyContent: ""
       },
       mode: "0",
       modes: [
@@ -305,7 +198,7 @@ export default {
     };
   },
 
-  created() {},
+  created() { },
 
   updated() {
     this.$nextTick(() => {
@@ -333,20 +226,20 @@ export default {
       });
     },
     getLists() {
-      if(this.dataTransOpts.tableS.patient_register.followUpId){
-              postapi("/api/app/PhoneFollowUp/GetList", {
-        followUpId: this.dataTransOpts.tableS.patient_register.followUpId,
-      }).then((res) => {
-        if (res.code > -1) this.phoneFollowUp = res.data;
-      });
-      }else{
-        this.phoneFollowUp=[]
+      if (this.dataTransOpts.tableS.patient_register.followUpId) {
+        postapi("/api/app/PhoneFollowUp/GetList", {
+          followUpId: this.dataTransOpts.tableS.patient_register.followUpId,
+        }).then((res) => {
+          if (res.code > -1) this.phoneFollowUp = res.data;
+        });
+      } else {
+        this.phoneFollowUp = []
       }
     },
     addoredit() {
       if (this.title == 1) {
         if (this.mode == 1) {
-           if (this.form.intervalDays == "") {
+          if (this.form.intervalDays == "") {
             this.$message.warning("请输入间隔天数");
           } else if (this.form.startDate == "") {
             this.$message.warning("请选择开始时间");
@@ -367,7 +260,7 @@ export default {
               }
             });
           }
-        } else if(this.mode == 0) {
+        } else if (this.mode == 0) {
           if (this.form.planFollowDate == "") {
             this.$message.warning("请选择随访日期");
           } else {
@@ -384,18 +277,18 @@ export default {
               }
             });
           }
-        }else{
+        } else {
           postapi("/api/app/PhoneFollowUp/CreateThreeMonthPlan", {
-              followUpId: this.dataTransOpts.tableS.patient_register.followUpId,
-              followUpContent: this.form.followUpContent,
-              replyContent: this.form.replyContent,
-            }).then((res) => {
-              if (res.code > -1) {
-                this.getLists();
-                this.dialogVisible = false;
-                this.mode = "0";
-              }
-            });
+            followUpId: this.dataTransOpts.tableS.patient_register.followUpId,
+            followUpContent: this.form.followUpContent,
+            replyContent: this.form.replyContent,
+          }).then((res) => {
+            if (res.code > -1) {
+              this.getLists();
+              this.dialogVisible = false;
+              this.mode = "0";
+            }
+          });
         }
       } else {
         postapi("/api/app/PhoneFollowUp/Update", {
@@ -437,6 +330,11 @@ export default {
       this.dialogVisible = true;
       this.title = 1;
       this.form = this.$options.data().form;
+      let followUpContent = this.dataTransOpts.tableS.patient_register.criticalValueContents
+      do {
+        followUpContent = followUpContent.replace('<br>', '\r\n')
+      } while (followUpContent.includes('<br>'));
+      this.form.followUpContent = followUpContent
     },
 
     // 编辑
@@ -479,9 +377,26 @@ export default {
               }
             });
           })
-          .catch(() => {});
+          .catch(() => { });
       }
     },
+
+    querySearch(queryString, cb) {
+      var restaurants = [
+        { value: "本人已接电话，已通知到医院复查。" },
+        { value: "本人已接电话，已通知到医院复查，就诊，必要时手术。" },
+        { value: "本人已接电话，xxxxx，治疗中。" },
+        { value: "本人已接电话，已通知避免过度劳累，必要时医院复查。" },
+        { value: "本人已接电话，xxxxx，已做手术，正在恢复期。" },
+      ];
+      if(queryString){
+        restaurants.filter(e => {
+          if(e.value.toUpperCase().includes(queryString.toUpperCase())) return e
+        })
+      }      
+      // 调用 callback 返回建议列表的数据
+      cb(restaurants);
+    },
   },
 
   //监听事件