WXL
2025-01-23 7cfedaa3cc377dac9b64042470b09a6e96d3ef3a
src/views/followvisit/record/detailpage/index.vue
@@ -18,6 +18,15 @@
                >查看患者本次服务信息</el-button
              >
            </div>
            <div style="margin-left: 20px; color: #59a0f0">
              <el-link
                href="https://9.208.2.207:6060/search-homepage"
                target="_blank"
                :underline="true"
              >
                前往CDSS查询
              </el-link>
            </div>
          </div>
          <!-- <el-button type="success">随访后短信</el-button> -->
        </div>
@@ -167,14 +176,13 @@
        </el-table>
      </div>
    </div>
    <div class="Followuserinfo">
    <div :class="form.serviceType == 2 ? 'Followuserinfo' : 'Followuserinfos'">
      <div>
        <div class="headline">
          <div>人工处理</div>
          <div style="margin-left: 30px;"><el-button type="warning"
                >一键呼叫</el-button
              ></div>
          <div style="margin-left: 30px">
            <el-button type="warning">一键呼叫</el-button>
          </div>
        </div>
        <el-form ref="form" :model="form" label-width="80px">
          <el-form-item label="随访记录">
@@ -198,12 +206,103 @@
              <el-button plain type="info" @click="Editsingletaskson('5')"
                >中心随访</el-button
              >
              <el-button type="primary" round @click="sendAgain()"
                >再次随访</el-button
              >
            </div>
          </el-form-item>
        </el-form>
        <el-collapse v-model="activeNames" @change="handleChange">
          <el-collapse-item title="查看当前患者信息" name="1">
            <div class="detailed">
              <el-form ref="userform" :model="userform" label-width="100px">
                <el-row :gutter="20">
                  <el-col :span="12">
                    <el-form-item label="患者姓名" prop="name">
                      <el-input
                        v-model="userform.name"
                        placeholder="请输入姓名"
                        maxlength="30"
                      ></el-input> </el-form-item
                  ></el-col>
                  <el-col :span="12"
                    ><el-form-item label="联系方式" prop="telcode">
                      <el-input
                        v-model="userform.telcode"
                        placeholder="请输入联系方式"
                        maxlength="30"
                      /> </el-form-item
                  ></el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="24">
                    <el-form-item label="出生地" prop="birthplace">
                      <el-input
                        v-model="userform.birthplace"
                        placeholder="国、省、地市、区县、街道等详细信息"
                        maxlength="50"
                      /> </el-form-item
                  ></el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="24"
                    ><el-form-item label="居住地" prop="placeOfResidence">
                      <el-input
                        v-model="userform.placeOfResidence"
                        placeholder="国、省、地市、区县、街道等详细信息"
                        maxlength="50"
                      /> </el-form-item
                  ></el-col>
                </el-row>
                <el-row :gutter="20">
                  <el-col :span="24">
                    <el-form-item label="标签" prop="desc">
                      <div class="xinz-inf">
                        <el-tag
                          :key="tag.tagname"
                          type="success"
                          v-for="tag in dynamicTags"
                          v-if="tag.isoperation != 3"
                          :disable-transitions="false"
                        >
                          {{ tag.tagname }}
                        </el-tag>
                        <el-select
                          v-if="inputVisible"
                          v-model="inputValue"
                          @change="handleInputConfirm"
                          filterable
                          allow-create
                          default-first-option
                          placeholder="请选择/查询"
                        >
                          <el-option
                            v-for="item in options"
                            :key="item.tagid"
                            :label="item.tagname"
                            :value="item.tagname"
                          >
                          </el-option>
                        </el-select>
                        <el-button
                          v-else
                          class="button-new-tag"
                          size="small"
                          @click="showInput"
                          >+ 新增标签</el-button
                        >
                      </div>
                    </el-form-item>
                  </el-col>
                </el-row>
              </el-form>
            </div>
          </el-collapse-item>
        </el-collapse>
      </div>
    </div>
    <div>
    <div v-if="form.serviceType == 2">
      <el-tabs v-model="activeName" type="border-card">
        <el-tab-pane name="wj">
          <span class="mulsz" slot="label"
@@ -211,7 +310,7 @@
          >
          <div class="CONTENT">
            <div class="title">{{ taskname ? taskname : "问卷" }}</div>
            <!-- 问卷任务展示 -->
            <div class="preview-left" v-if="!Voicetype">
              <!-- 单选 -->
              <div
@@ -308,9 +407,8 @@
                </div>
              </div>
            </div>
            <!-- 语音问卷形式展示 -->
            <div class="preview-left" v-else>
              <!-- 单选 -->
              <div
                class="topic-dev"
                v-for="(item, index) in tableDatatop"
@@ -338,7 +436,6 @@
                  </div>
                </div>
                <!-- 填空 -->
                <div class="scriptTopic-dev" :key="index" v-else>
                  <div class="dev-text">
                    {{ index + 1 }}、[问答]<span>{{ item.questiontext }}</span>
@@ -364,7 +461,7 @@
            >
          </div>
        </el-tab-pane>
        <!-- 语音随访详情---------------------- -->
        <el-tab-pane name="yy">
          <span class="mulsz" slot="label"
            ><i class="el-icon-headset"></i> 语音随访详情</span
@@ -400,10 +497,7 @@
                      :autosize="{ minRows: 1 }"
                      v-model="item.asrtext"
                    ></el-input>
                    <!-- <el-radio v-model="radio" label="1">很棒</el-radio>
                    <el-radio v-model="radio" label="2">还可以</el-radio>
                    <el-radio v-model="radio" label="3">不太好</el-radio>
                    <el-radio v-model="radio" label="4">比较差</el-radio> -->
                    <div>
                      <mini-audio
                        :audio-source="
@@ -427,6 +521,59 @@
        </el-tab-pane>
      </el-tabs>
    </div>
    <el-dialog title="患者再次随访" :visible.sync="dialogFormVisible">
      <el-form ref="form" :model="zcform" label-width="80px">
        <el-form-item label="患者名称">
          <el-input style="width: 400px" v-model="zcform.name"></el-input>
        </el-form-item>
        <el-form-item label="年龄">
          <el-input style="width: 400px" v-model="zcform.name"></el-input>
        </el-form-item>
        <el-form-item label="诊断">
          <el-input style="width: 400px" v-model="zcform.name"></el-input>
        </el-form-item>
        <el-form-item label="科室">
          <el-input style="width: 400px" v-model="zcform.name"></el-input>
        </el-form-item>
        <el-form-item label="病区">
          <el-input style="width: 400px" v-model="zcform.name"></el-input>
        </el-form-item>
        <el-form-item label="随访方式">
          <el-radio-group v-model="zcform.resource">
            <el-radio label="1">本病区随访</el-radio>
            <el-radio label="2">随访中心随访</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="即刻发送">
          <el-switch v-model="zcform.delivery"></el-switch>
        </el-form-item>
        <el-form-item label="随访时间" v-if="!zcform.delivery">
          <el-col :span="11">
            <el-date-picker
              type="date"
              placeholder="选择日期"
              v-model="zcform.date1"
              style="width: 100%"
            ></el-date-picker>
          </el-col>
          <el-col class="line" :span="2">-</el-col>
          <el-col :span="11">
            <el-time-picker
              placeholder="选择时间"
              v-model="zcform.date2"
              style="width: 100%"
            ></el-time-picker>
          </el-col>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogFormVisible = false"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>
@@ -442,6 +589,7 @@
  updatePersonVoices,
  addPersonVoices,
} from "@/api/AiCentre/index";
import { messagelistpatient } from "@/api/patient/homepage";
export default {
  dicts: ["sys_normal_disable", "sys_user_sex", "sys_yujing", "sys_suggest"],
  data() {
@@ -453,10 +601,15 @@
      activeName: "wj",
      voice: "",
      templateid: "",
      zcform: {},
      form: {},
      tableDatatop: [], //题目表
      voiceDatatop: [], //题目表
      dynamicTags: [],
      userform: {},
      Whetherall: false, //是否全部记录展示
      dialogFormVisible: false,
      Voicetype: 0, //是否为语音服务
      logsheetlist: [],
      topicobj: {},
@@ -504,6 +657,19 @@
        }
      });
    },
    // 获取基础信息
    getuserinfo() {
      const queryParams = {
        pid: Number(this.id),
        allhosp: "0",
        pageNum: 1,
      };
      // 患者基础信息
      messagelistpatient(queryParams).then((response) => {
        this.userform = response.rows[0];
        this.dynamicTags = response.rows[0].tagList.map(this.processElement);
      });
    },
    // 获取语音数据
    getPersonVoices() {
      let obj = {
@@ -518,7 +684,7 @@
        if (res.code == 200) {
          this.voiceDatatop = res.data.serviceSubtaskDetails;
          this.voice = res.data.voice;
          this.activeName = "yy";
          // // this.activeName = "yy";
          this.taskname = res.data.taskName;
          // 问卷展示数据处理
          this.tableDatatop = res.data.filteredDetails;
@@ -606,31 +772,34 @@
      this.Editsingletasksonyic(excep);
    },
    yuyingetdetail() {
      this.tableDatatop.forEach((item, index) => {
        console.log(item.scriptResult, "scriptResult");
        item.scriptResult = item.scriptResult.join("&");
        item.templatequestionnum = index + 1;
        item.subId = this.id;
        item.taskid = this.taskid;
        item.asrtext = item.matchedtext;
        item.isoperation = 1;
        item.patid = this.patid;
        item.templateid = item.templateID;
      });
      if (this.tableDatatop[0].id) {
        updatePersonVoices(this.tableDatatop).then((res) => {
          if (res.code == 200) {
            this.$modal.msgSuccess("服务修改成功");
          }
        });
      } else {
        addPersonVoices(this.tableDatatop).then((res) => {
          if (res.code == 200) {
            this.$modal.msgSuccess("服务保存成功");
          }
        });
      }
    },
   this.tableDatatop.forEach((item, index) => {
    console.log(item.scriptResult, "scriptResult");
    item.scriptResult = item.scriptResult.join("&");
    item.templatequestionnum = index + 1;
    item.subId = this.id;
    item.taskid = this.taskid;
    item.asrtext = item.matchedtext;
    if (!item.id) {
     item.isoperation = 1;
    }
    item.patid = this.patid;
    item.templateid = item.templateID;
  });
  let obj ={
    serviceSubtaskDetailList: this.tableDatatop,
    param1: this.taskid,
    param2: this.patid,
    subId: this.id,
  }
    addPersonVoices(obj).then((res) => {
    if (res.code == 200) {
     this.$modal.msgSuccess("服务保存成功");
    }
   });
  },
    // 获取患者记录
    getTaskservelist(taskid) {
      this.taskid = taskid;
@@ -639,20 +808,26 @@
      } else {
        this.Whetherall = true;
      }
      console.log("111");
      getTaskservelist({
        patid: this.patid,
        taskid: taskid,
      }).then((res) => {
        if (res.code == 200) {
          this.form = res.rows[0].serviceSubtaskList[0];
          console.log(this.form,'form3');
          console.log(this.form, "form3");
          this.logsheetlist = res.rows[0].serviceSubtaskList;
          this.templateid = this.logsheetlist[0].templateid;
          console.log(this.form.serviceType, "serviceType");
        }
        if (this.Voicetype) {
          this.getPersonVoices();
        } else {
          this.getsearchrResults();
        if (this.form.scriptType == 2) {
          if (this.Voicetype) {
            this.getPersonVoices();
          } else {
            this.getsearchrResults();
          }
        }
      });
    },
@@ -663,9 +838,7 @@
        taskid: this.taskid,
      }).then((res) => {
        if (res.code == 200) {
          objson = res.rows[0];
          objson = res.rows[0].serviceSubtaskList[0];
          objson.suggest = son;
          Editsingletaskson(objson).then((res) => {
            if (res.code) {
@@ -693,6 +866,10 @@
          });
        }
      });
    },
    // 调起再次发送
    sendAgain() {
      this.dialogFormVisible = true;
    },
    // 更改异常状态
    Seedetails(row) {
@@ -774,6 +951,27 @@
    }
  }
}
.Followuserinfos {
  margin: 20px 10px;
  align-items: center;
  height: 300px;
  padding: 30px;
  background: #ffff;
  border: 1px solid #dcdfe6;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
    0 0 6px 0 rgba(0, 0, 0, 0.04);
  .userinfo-text {
    font-size: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .userinfo-value {
    color: rgb(15, 139, 211);
    span {
      margin-right: 20px;
    }
  }
}
.borderdiv {
  min-height: 60vh;
  font-size: 20px;
@@ -835,6 +1033,21 @@
.scriptTopic-isabnormal {
  color: red;
}
.detailed {
  width: 88%;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 30px;
  background-color: #ddf0f8;
  .bg-purple {
    margin-bottom: 20px;
  }
  .spanvalue {
    display: inline-block;
    min-width: 200px;
    border-bottom: 1px solid rgb(172, 172, 172);
  }
}
.headline {
  font-size: 24px;
  height: 40px;
@@ -880,6 +1093,9 @@
::v-deep.offside-value .el-radio__label {
  color: #fff;
}
::v-deep.el-link.el-link--default {
  color: #02a7f0 !important;
}
.mulsz {
  font-size: 25px;
  margin-top: 20px;