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

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, crowdName: null,
physicalExaminationSummary: null, physicalExaminationSummary: null,
physicalExaminationLabel: null, physicalExaminationLabel: null,
pageSize: 10,
pageNum: 1,
}, },
// //
form: {}, form: {},

View File

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

View File

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