电话拨打记录页面调整,部分分页问题修复

This commit is contained in:
coderxqt 2026-05-13 16:18:58 +08:00
parent 1d20f6c431
commit a7b0f3fbd3
3 changed files with 45 additions and 153 deletions

View File

@ -580,6 +580,8 @@ export default {
crowdName: null,
physicalExaminationSummary: null,
physicalExaminationLabel: null,
pageSize: 10,
pageNum: 1,
},
//
form: {},

View File

@ -1,5 +1,8 @@
<template>
<div class="app-container">
<div
class="app-container"
style="max-height: 100vh; overflow-y: auto; overflow-x: hidden"
>
<el-form
:model="queryParams"
ref="queryForm"
@ -8,26 +11,10 @@
v-show="showSearch"
label-width="68px"
>
<el-form-item label="患者id" prop="patientId">
<el-input
v-model="queryParams.patientId"
placeholder="请输入患者id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="签约患者管理任务节点表id" prop="manageRouteNodeId">
<el-input
v-model="queryParams.manageRouteNodeId"
placeholder="请输入签约患者管理任务节点表id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="患者手机号" prop="patientPhone">
<el-form-item label="手机号" prop="patientPhone">
<el-input
v-model="queryParams.patientPhone"
placeholder="请输入患者手机号"
placeholder="请输入手机号"
clearable
@keyup.enter.native="handleQuery"
/>
@ -42,15 +29,11 @@
>
</el-date-picker>
</el-form-item>
<el-form-item label="电话模板id" prop="phoneTemplateId">
<el-input
v-model="queryParams.phoneTemplateId"
placeholder="请输入电话模板id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="电话模板名称" prop="phoneTemplateName">
<el-form-item
label="电话模板名称"
prop="phoneTemplateName"
label-width="100px"
>
<el-input
v-model="queryParams.phoneTemplateName"
placeholder="请输入电话模板名称"
@ -58,67 +41,15 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item
label="AI :自动外呼 或 COMMON人工随访电话否则为空"
prop="phoneDialMethod"
>
<el-input
<el-form-item label="外呼方式" prop="phoneDialMethod">
<el-select
v-model="queryParams.phoneDialMethod"
placeholder="请输入AI :自动外呼 或 COMMON人工随访电话否则为空"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="推送结果状态码" prop="errorCode">
<el-input
v-model="queryParams.errorCode"
placeholder="请输入推送结果状态码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item
label="生成通话录音唯一标识,可通过该标识,获取录音"
prop="ctUuid"
placeholder="请选择外呼方式"
>
<el-input
v-model="queryParams.ctUuid"
placeholder="请输入生成通话录音唯一标识,可通过该标识,获取录音"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="通话记录录音存储路径" prop="phoneDialRecordVideo">
<el-input
v-model="queryParams.phoneDialRecordVideo"
placeholder="请输入通话记录录音存储路径"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="通话时长" prop="phoneDuration">
<el-input
v-model="queryParams.phoneDuration"
placeholder="请输入通话时长"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="通话费用" prop="phoneCost">
<el-input
v-model="queryParams.phoneCost"
placeholder="请输入通话费用"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="关联账单id" prop="billId">
<el-input
v-model="queryParams.billId"
placeholder="请输入关联账单id"
clearable
@keyup.enter.native="handleQuery"
/>
<el-option label="自动外呼" value="AI" />
<el-option label="人工随访电话" value="COMMON" />
</el-select>
</el-form-item>
<el-form-item>
<el-button
@ -157,61 +88,43 @@
v-loading="loading"
:data="phoneDialRecordList"
@selection-change="handleSelectionChange"
style="margin-bottom: 40px"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键id" align="center" prop="id" />
<el-table-column label="患者id" align="center" prop="patientId" />
<el-table-column
label="签约患者管理任务节点表id"
align="center"
prop="manageRouteNodeId"
/>
<el-table-column type="selection" width="45 " align="center" />
<el-table-column label="患者姓名" align="center" prop="patientName" />
<el-table-column label="患者手机号" align="center" prop="patientPhone" />
<el-table-column
label="呼叫时间"
align="center"
prop="dialTime"
width="180"
width="100"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.dialTime, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
<el-table-column
label="电话模板id"
align="center"
prop="phoneTemplateId"
/>
<el-table-column
label="电话模板名称"
align="center"
prop="phoneTemplateName"
/>
<el-table-column
label="替换标签之后的电话内容"
label="电话内容"
align="center"
prop="messageNodeContent"
/>
<el-table-column
label="AI :自动外呼 或 COMMON人工随访电话否则为空"
align="center"
prop="phoneDialMethod"
/>
<el-table-column label="推送结果状态码" align="center" prop="errorCode" />
<el-table-column
<el-table-column label="外呼方式" align="center" prop="phoneDialMethod" />
<!-- <el-table-column label="推送结果状态码" align="center" prop="errorCode" /> -->
<!-- <el-table-column
label="推送结果状态码success成功fail失败"
align="center"
prop="errorStatus"
/>
/> -->
<el-table-column
label="生成通话录音唯一标识,可通过该标识,获取录音"
align="center"
prop="ctUuid"
/>
<el-table-column
label="通话记录录音存储路径"
label="录音存储路径"
align="center"
prop="phoneDialRecordVideo"
show-overflow-tooltip
/>
<el-table-column label="通话时长" align="center" prop="phoneDuration" />
<el-table-column label="通话费用" align="center" prop="phoneCost" />
@ -252,16 +165,10 @@
<!-- 添加或修改电话拨打记录对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<el-form-item label="患者id" prop="patientId">
<el-input v-model="form.patientId" placeholder="请输入患者id" />
</el-form-item>
<el-form-item label="签约患者管理任务节点表id" prop="manageRouteNodeId">
<el-input
v-model="form.manageRouteNodeId"
placeholder="请输入签约患者管理任务节点表id"
/>
</el-form-item>
<el-form-item label="患者手机号" prop="patientPhone">
<el-input
v-model="form.patientPhone"
@ -278,29 +185,24 @@
>
</el-date-picker>
</el-form-item>
<el-form-item label="电话模板id" prop="phoneTemplateId">
<el-input
v-model="form.phoneTemplateId"
placeholder="请输入电话模板id"
/>
</el-form-item>
<el-form-item label="电话模板名称" prop="phoneTemplateName">
<el-input
v-model="form.phoneTemplateName"
placeholder="请输入电话模板名称"
/>
</el-form-item>
<el-form-item label="替换标签之后的电话内容">
<el-form-item label="电话内容">
<editor v-model="form.messageNodeContent" :min-height="192" />
</el-form-item>
<el-form-item
label="AI :自动外呼 或 COMMON人工随访电话否则为空"
prop="phoneDialMethod"
>
<el-input
<el-form-item label="外呼方式" prop="phoneDialMethod">
<el-select
v-model="form.phoneDialMethod"
placeholder="请输入AI :自动外呼 或 COMMON人工随访电话否则为空"
/>
clearable
placeholder="请选择外呼方式"
>
<el-option label="自动外呼" value="AI" />
<el-option label="人工随访电话" value="COMMON" />
</el-select>
</el-form-item>
<el-form-item label="推送结果状态码" prop="errorCode">
<el-input
@ -308,19 +210,10 @@
placeholder="请输入推送结果状态码"
/>
</el-form-item>
<el-form-item
label="生成通话录音唯一标识,可通过该标识,获取录音"
prop="ctUuid"
>
<el-input
v-model="form.ctUuid"
placeholder="请输入生成通话录音唯一标识,可通过该标识,获取录音"
/>
</el-form-item>
<el-form-item label="通话记录录音存储路径" prop="phoneDialRecordVideo">
<el-form-item label="录音存储路径" prop="phoneDialRecordVideo">
<el-input
v-model="form.phoneDialRecordVideo"
placeholder="请输入通话记录录音存储路径"
placeholder="请输入录音存储路径"
/>
</el-form-item>
<el-form-item label="通话时长" prop="phoneDuration">
@ -329,9 +222,6 @@
<el-form-item label="通话费用" prop="phoneCost">
<el-input v-model="form.phoneCost" placeholder="请输入通话费用" />
</el-form-item>
<el-form-item label="关联账单id" prop="billId">
<el-input v-model="form.billId" placeholder="请输入关联账单id" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>

View File

@ -170,10 +170,10 @@
>
</el-date-picker>
</el-form-item>
<el-form-item label="消息模板id" prop="messageTemplateId">
<el-form-item label="模板名称" prop="messageTemplateId">
<el-input
v-model="form.messageTemplateId"
placeholder="请输入消息模板id"
placeholder="请输入模板名称"
/>
</el-form-item>
<el-form-item label="消息内容">