Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 43a43fdf6d | |||
| f56f614d6d | |||
| 0dc8539b57 | |||
| 3bb5a52bce | |||
| 6b3e7dcd2c |
@ -6,10 +6,10 @@ ENV = 'development'
|
|||||||
|
|
||||||
# 新医路院后患者管理平台/开发环境
|
# 新医路院后患者管理平台/开发环境
|
||||||
# VUE_APP_BASE_API = 'http://192.168.20.37:19090'
|
# VUE_APP_BASE_API = 'http://192.168.20.37:19090'
|
||||||
# VUE_APP_BASE_API = 'http://8.131.93.145:54011'
|
VUE_APP_BASE_API = 'http://8.131.93.145:54098'
|
||||||
# VUE_APP_BASE_API = 'http://192.168.0.95:9090'
|
# VUE_APP_BASE_API = 'http://192.168.0.95:9090'
|
||||||
# VUE_APP_BASE_API = 'https://1608.xinelu.cn'
|
# VUE_APP_BASE_API = 'https://1608.xinelu.cn'
|
||||||
VUE_APP_BASE_API = 'http://192.168.124.7:19090'
|
# VUE_APP_BASE_API = 'http://192.168.124.10:19090'
|
||||||
|
|
||||||
|
|
||||||
# 路由懒加载
|
# 路由懒加载
|
||||||
|
|||||||
@ -6,8 +6,8 @@ ENV = 'production'
|
|||||||
|
|
||||||
# 新医路院后患者管理平台/生产环境
|
# 新医路院后患者管理平台/生产环境
|
||||||
# VUE_APP_BASE_API = 'http://192.168.20.37:19090'
|
# VUE_APP_BASE_API = 'http://192.168.20.37:19090'
|
||||||
# VUE_APP_BASE_API = 'http://8.131.93.145:54011'
|
VUE_APP_BASE_API = 'http://8.131.93.145:54098'
|
||||||
# VUE_APP_BASE_API = 'http://192.168.0.95:9090'
|
# VUE_APP_BASE_API = 'http://192.168.0.95:9090'
|
||||||
# VUE_APP_BASE_API = 'https://1608.xinelu.cn'
|
# VUE_APP_BASE_API = 'https://1608.xinelu.cn'
|
||||||
VUE_APP_BASE_API = 'http://192.168.124.7:19090'
|
# VUE_APP_BASE_API = 'http://192.168.124.10:19090'
|
||||||
|
|
||||||
|
|||||||
@ -8,7 +8,7 @@ ENV = 'staging'
|
|||||||
|
|
||||||
# 新医路院后患者管理平台/测试环境
|
# 新医路院后患者管理平台/测试环境
|
||||||
# VUE_APP_BASE_API = 'http://192.168.20.37:19090'
|
# VUE_APP_BASE_API = 'http://192.168.20.37:19090'
|
||||||
# VUE_APP_BASE_API = 'http://8.131.93.145:54011'
|
VUE_APP_BASE_API = 'http://8.131.93.145:54098'
|
||||||
# VUE_APP_BASE_API = 'http://192.168.0.95:9090'
|
# VUE_APP_BASE_API = 'http://192.168.0.95:9090'
|
||||||
# VUE_APP_BASE_API = 'https://1608.xinelu.cn'
|
# VUE_APP_BASE_API = 'https://1608.xinelu.cn'
|
||||||
VUE_APP_BASE_API = 'http://192.168.124.7:19090'
|
# VUE_APP_BASE_API = 'http://192.168.124.10:19090'
|
||||||
|
|||||||
@ -74,6 +74,7 @@
|
|||||||
"vuex": "3.6.0"
|
"vuex": "3.6.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@types/js-cookie": "^3.0.6",
|
||||||
"@vue/cli-plugin-babel": "4.4.6",
|
"@vue/cli-plugin-babel": "4.4.6",
|
||||||
"@vue/cli-plugin-eslint": "4.4.6",
|
"@vue/cli-plugin-eslint": "4.4.6",
|
||||||
"@vue/cli-service": "4.4.6",
|
"@vue/cli-service": "4.4.6",
|
||||||
|
|||||||
@ -59,3 +59,29 @@ export function addDialTime(data) {
|
|||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 手动导入请求列表
|
||||||
|
export function patientInfoImportList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/externalImport/externalImports',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 科室筛选框集合
|
||||||
|
export function deptSelectList() {
|
||||||
|
return request({
|
||||||
|
url: '/system/department/getDepartmentList',
|
||||||
|
method: 'get',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 生成导入信息
|
||||||
|
export function CreategenerateImport(data) {
|
||||||
|
return request({
|
||||||
|
url: '/manage/patientInfoimportmain/manuallyCreate',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|||||||
53
src/api/system/billInfo.js
Normal file
53
src/api/system/billInfo.js
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询账单信息列表
|
||||||
|
export function listBillInfo(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/billInfo/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询账单信息详细
|
||||||
|
export function getBillInfo(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/billInfo/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增账单信息
|
||||||
|
export function addBillInfo(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/billInfo',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改账单信息
|
||||||
|
export function updateBillInfo(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/billInfo',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除账单信息
|
||||||
|
export function delBillInfo(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/billInfo/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查看单条信息
|
||||||
|
export function lookBillInfo(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/billInfo/view',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
44
src/api/system/externalImport.js
Normal file
44
src/api/system/externalImport.js
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询外部数据导入列表
|
||||||
|
export function listExternalImport(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/externalImport/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询外部数据导入详细
|
||||||
|
export function getExternalImport(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/externalImport/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增外部数据导入
|
||||||
|
export function addExternalImport(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/externalImport',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改外部数据导入
|
||||||
|
export function updateExternalImport(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/externalImport',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除外部数据导入
|
||||||
|
export function delExternalImport(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/externalImport/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
44
src/api/system/phoneDialRecord.js
Normal file
44
src/api/system/phoneDialRecord.js
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询电话拨打记录列表
|
||||||
|
export function listPhoneDialRecord(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/phoneDialRecord/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询电话拨打记录详细
|
||||||
|
export function getPhoneDialRecord(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/phoneDialRecord/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增电话拨打记录
|
||||||
|
export function addPhoneDialRecord(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/phoneDialRecord',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改电话拨打记录
|
||||||
|
export function updatePhoneDialRecord(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/phoneDialRecord',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除电话拨打记录
|
||||||
|
export function delPhoneDialRecord(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/phoneDialRecord/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
44
src/api/system/shortMessageSendRecord.js
Normal file
44
src/api/system/shortMessageSendRecord.js
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询短信发送结果记录列表
|
||||||
|
export function listShortMessageSendRecord(query) {
|
||||||
|
return request({
|
||||||
|
url: '/system/shortMessageSendRecord/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询短信发送结果记录详细
|
||||||
|
export function getShortMessageSendRecord(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/shortMessageSendRecord/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增短信发送结果记录
|
||||||
|
export function addShortMessageSendRecord(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/shortMessageSendRecord',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改短信发送结果记录
|
||||||
|
export function updateShortMessageSendRecord(data) {
|
||||||
|
return request({
|
||||||
|
url: '/system/shortMessageSendRecord',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除短信发送结果记录
|
||||||
|
export function delShortMessageSendRecord(id) {
|
||||||
|
return request({
|
||||||
|
url: '/system/shortMessageSendRecord/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -395,7 +395,10 @@
|
|||||||
:label="aitem.id"
|
:label="aitem.id"
|
||||||
@change="radioChange($event, aitem, index)"
|
@change="radioChange($event, aitem, index)"
|
||||||
>
|
>
|
||||||
{{ aitem.optionName }}
|
{{ aitem.optionName
|
||||||
|
}}<span v-if="aitem.contentedFlag == 'DISCONTENTED'"
|
||||||
|
>(原因:{{ aitem.optionSubmitAnswer }})</span
|
||||||
|
>
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<el-checkbox-group
|
<el-checkbox-group
|
||||||
|
|||||||
554
src/views/manage/dataImport/index.vue
Normal file
554
src/views/manage/dataImport/index.vue
Normal file
@ -0,0 +1,554 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form
|
||||||
|
:model="queryParams"
|
||||||
|
ref="queryForm"
|
||||||
|
size="small"
|
||||||
|
:inline="true"
|
||||||
|
v-show="showSearch"
|
||||||
|
label-width="100px"
|
||||||
|
>
|
||||||
|
<el-form-item label="患者姓名" prop="patientName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.patientName"
|
||||||
|
placeholder="请输入患者姓名"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="患者电话" prop="phone">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.phone"
|
||||||
|
placeholder="请输入患者电话"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="年龄" prop="age">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.age"
|
||||||
|
placeholder="请输入年龄"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="身份证号" prop="cardNo">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.cardNo"
|
||||||
|
placeholder="请输入身份证号"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="所属科室名称" prop="departmentName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.departmentName"
|
||||||
|
placeholder="请输入所属科室名称"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="就诊编号" prop="visitCode">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.visitCode"
|
||||||
|
placeholder="请输入就诊编号"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="就诊方式" prop="visitMethod">
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.visitMethod"
|
||||||
|
placeholder="请选择就诊方式"
|
||||||
|
>
|
||||||
|
<el-option label="门诊" value="1"> </el-option>
|
||||||
|
<el-option label="住院" value="2"> </el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="就诊时间" prop="visitDate">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="queryParams.visitDate"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择就诊时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="入院时间" prop="admissionTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="queryParams.admissionTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择入院时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="出院时间" prop="dischargeTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="queryParams.dischargeTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择出院时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="数据获取时间" prop="dataGetTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="queryParams.dataGetTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择数据获取时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-search"
|
||||||
|
size="mini"
|
||||||
|
@click="handleQuery"
|
||||||
|
>搜索</el-button
|
||||||
|
>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="warning"
|
||||||
|
plain
|
||||||
|
icon="el-icon-download"
|
||||||
|
size="mini"
|
||||||
|
@click="handleExport"
|
||||||
|
v-hasPermi="['system:externalImport:export']"
|
||||||
|
>导出</el-button
|
||||||
|
>
|
||||||
|
</el-col>
|
||||||
|
<right-toolbar
|
||||||
|
:showSearch.sync="showSearch"
|
||||||
|
@queryTable="getList"
|
||||||
|
></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
<el-table
|
||||||
|
:height="tableHeight"
|
||||||
|
v-loading="loading"
|
||||||
|
:data="externalImportList"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
|
<el-table-column label="导入编号" align="center" prop="sn" />
|
||||||
|
<el-table-column label="患者姓名" align="center" prop="patientName" />
|
||||||
|
<el-table-column label="患者电话" align="center" prop="phone" />
|
||||||
|
<el-table-column label="年龄" align="center" prop="age" width="50" />
|
||||||
|
<el-table-column label="身份证号" align="center" prop="cardNo" />
|
||||||
|
<el-table-column label="性别" align="center" prop="sex" width="50" />
|
||||||
|
<el-table-column
|
||||||
|
label="所属科室名称"
|
||||||
|
align="center"
|
||||||
|
prop="departmentName"
|
||||||
|
/>
|
||||||
|
<el-table-column label="就诊编号" align="center" prop="visitCode" />
|
||||||
|
<el-table-column label="就诊方式" align="center" prop="visitMethod">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ scope.row.visitMethod === "1" ? "门诊" : "住院" }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="就诊时间" align="center" prop="visitDate">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ parseTime(scope.row.visitDate, "{y}-{m}-{d}") }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="入院时间" align="center" prop="admissionTime">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ parseTime(scope.row.admissionTime, "{y}-{m}-{d}") }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="出院时间" align="center" prop="dischargeTime">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ parseTime(scope.row.dischargeTime, "{y}-{m}-{d}") }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="主要诊断" align="center" prop="mainDiagnosis" />
|
||||||
|
<el-table-column label="出院方式" align="center" prop="dischargeMethod" />
|
||||||
|
<el-table-column label="患者健康状况" align="center" prop="healthState" />
|
||||||
|
<el-table-column label="数据获取时间" align="center" prop="dataGetTime">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ parseTime(scope.row.dataGetTime, "{y}-{m}-{d}") }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="total > 0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 添加或修改外部数据导入对话框 -->
|
||||||
|
<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-item label="患者姓名" prop="patientName">
|
||||||
|
<el-input v-model="form.patientName" placeholder="请输入患者姓名" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="患者电话" prop="phone">
|
||||||
|
<el-input v-model="form.phone" placeholder="请输入患者电话" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="年龄" prop="age">
|
||||||
|
<el-input v-model="form.age" placeholder="请输入年龄" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="身份证号" prop="cardNo">
|
||||||
|
<el-input v-model="form.cardNo" placeholder="请输入身份证号" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="所属科室名称" prop="departmentName">
|
||||||
|
<el-input
|
||||||
|
v-model="form.departmentName"
|
||||||
|
placeholder="请输入所属科室名称"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="就诊编号" prop="visitCode">
|
||||||
|
<el-input v-model="form.visitCode" placeholder="请输入就诊编号" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="就诊方式,门诊:OUTPATIENT_SERVICE,住院:BE_IN_HOSPITAL"
|
||||||
|
prop="visitMethod"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="form.visitMethod"
|
||||||
|
placeholder="请输入就诊方式,门诊:OUTPATIENT_SERVICE,住院:BE_IN_HOSPITAL"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="就诊时间" prop="visitDate">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="form.visitDate"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择就诊时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="入院时间,时间格式:yyyy-MM-dd"
|
||||||
|
prop="admissionTime"
|
||||||
|
>
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="form.admissionTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择入院时间,时间格式:yyyy-MM-dd"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="出院时间" prop="dischargeTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="form.dischargeTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择出院时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="推送时间,时间格式:yyyy-MM-dd" prop="pushTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="form.pushTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择推送时间,时间格式:yyyy-MM-dd"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="计划随访时间,时间格式:yyyy-MM-dd"
|
||||||
|
prop="planFollowUp"
|
||||||
|
>
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="form.planFollowUp"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择计划随访时间,时间格式:yyyy-MM-dd"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="随访模板编号" prop="followUpTemplate">
|
||||||
|
<el-input
|
||||||
|
v-model="form.followUpTemplate"
|
||||||
|
placeholder="请输入随访模板编号"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="主要诊断" prop="mainDiagnosis">
|
||||||
|
<el-input v-model="form.mainDiagnosis" placeholder="请输入主要诊断" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="数据来源,医共体平台" prop="dataSource">
|
||||||
|
<el-input
|
||||||
|
v-model="form.dataSource"
|
||||||
|
placeholder="请输入数据来源,医共体平台"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="出院方式" prop="dischargeMethod">
|
||||||
|
<el-input
|
||||||
|
v-model="form.dischargeMethod"
|
||||||
|
placeholder="请输入出院方式"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="患者健康状况" prop="healthState">
|
||||||
|
<el-input
|
||||||
|
v-model="form.healthState"
|
||||||
|
placeholder="请输入患者健康状况"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="数据获取时间" prop="dataGetTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="form.dataGetTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择数据获取时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="批次编号" prop="sn">
|
||||||
|
<el-input v-model="form.sn" placeholder="请输入批次编号" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="加入批次时间" prop="snTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="form.snTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择加入批次时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="导入批次名称" prop="importName">
|
||||||
|
<el-input
|
||||||
|
v-model="form.importName"
|
||||||
|
placeholder="请输入导入批次名称"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
listExternalImport,
|
||||||
|
getExternalImport,
|
||||||
|
delExternalImport,
|
||||||
|
addExternalImport,
|
||||||
|
updateExternalImport,
|
||||||
|
} from "@/api/system/externalImport";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "ExternalImport",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
tableHeight: 480,
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 选中数组
|
||||||
|
ids: [],
|
||||||
|
// 非单个禁用
|
||||||
|
single: true,
|
||||||
|
// 非多个禁用
|
||||||
|
multiple: true,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 外部数据导入表格数据
|
||||||
|
externalImportList: [],
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
patientName: null,
|
||||||
|
phone: null,
|
||||||
|
age: null,
|
||||||
|
cardNo: null,
|
||||||
|
sex: null,
|
||||||
|
departmentName: null,
|
||||||
|
visitCode: null,
|
||||||
|
visitMethod: null,
|
||||||
|
visitDate: null,
|
||||||
|
admissionTime: null,
|
||||||
|
dischargeTime: null,
|
||||||
|
pushTime: null,
|
||||||
|
planFollowUp: null,
|
||||||
|
followUpTemplate: null,
|
||||||
|
mainDiagnosis: null,
|
||||||
|
dataSource: null,
|
||||||
|
dischargeMethod: null,
|
||||||
|
healthState: null,
|
||||||
|
dataGetTime: null,
|
||||||
|
sn: null,
|
||||||
|
snTime: null,
|
||||||
|
importName: null,
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
// 表单校验
|
||||||
|
rules: {
|
||||||
|
patientName: [
|
||||||
|
{ required: true, message: "患者姓名不能为空", trigger: "blur" },
|
||||||
|
],
|
||||||
|
phone: [
|
||||||
|
{ required: true, message: "患者电话不能为空", trigger: "blur" },
|
||||||
|
],
|
||||||
|
cardNo: [
|
||||||
|
{ required: true, message: "身份证号不能为空", trigger: "blur" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询外部数据导入列表 */
|
||||||
|
getList() {
|
||||||
|
this.loading = true;
|
||||||
|
listExternalImport(this.queryParams).then((response) => {
|
||||||
|
this.externalImportList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
id: null,
|
||||||
|
patientName: null,
|
||||||
|
phone: null,
|
||||||
|
age: null,
|
||||||
|
cardNo: null,
|
||||||
|
sex: null,
|
||||||
|
departmentName: null,
|
||||||
|
visitCode: null,
|
||||||
|
visitMethod: null,
|
||||||
|
visitDate: null,
|
||||||
|
admissionTime: null,
|
||||||
|
dischargeTime: null,
|
||||||
|
pushTime: null,
|
||||||
|
planFollowUp: null,
|
||||||
|
followUpTemplate: null,
|
||||||
|
mainDiagnosis: null,
|
||||||
|
dataSource: null,
|
||||||
|
dischargeMethod: null,
|
||||||
|
healthState: null,
|
||||||
|
dataGetTime: null,
|
||||||
|
sn: null,
|
||||||
|
snTime: null,
|
||||||
|
importName: null,
|
||||||
|
};
|
||||||
|
this.resetForm("form");
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map((item) => item.id);
|
||||||
|
this.single = selection.length !== 1;
|
||||||
|
this.multiple = !selection.length;
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset();
|
||||||
|
const id = row.id || this.ids;
|
||||||
|
getExternalImport(id).then((response) => {
|
||||||
|
this.form = response.data;
|
||||||
|
this.open = true;
|
||||||
|
this.title = "修改外部数据导入";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm() {
|
||||||
|
this.$refs["form"].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.id != null) {
|
||||||
|
updateExternalImport(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess("修改成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
addExternalImport(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess("新增成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const ids = row.id || this.ids;
|
||||||
|
this.$modal
|
||||||
|
.confirm('是否确认删除外部数据导入编号为"' + ids + '"的数据项?')
|
||||||
|
.then(function () {
|
||||||
|
return delExternalImport(ids);
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.getList();
|
||||||
|
this.$modal.msgSuccess("删除成功");
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
this.download(
|
||||||
|
"system/externalImport/export",
|
||||||
|
{
|
||||||
|
...this.queryParams,
|
||||||
|
},
|
||||||
|
`externalImport_${new Date().getTime()}.xlsx`
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
showSearch(val) {
|
||||||
|
this.tableHeight = val ? 480 : 600;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.top-right-btn {
|
||||||
|
margin-right: 40px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,25 +1,63 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container" ref="layout">
|
<div class="app-container" ref="layout">
|
||||||
<div ref="topform" class="form">
|
<div ref="topform" class="form">
|
||||||
<SearchFilter :labelWidths="310" :widths="70" size="small" @search="handleQuery" @handleRules="getList"
|
<SearchFilter
|
||||||
patientUploadButtonVisible="true" @reset="resetQuery" @minShowCtrol="getMaxTableHeight" v-show="showSearch">
|
:labelWidths="310"
|
||||||
|
:widths="70"
|
||||||
|
size="small"
|
||||||
|
@search="handleQuery"
|
||||||
|
@handleRules="getList"
|
||||||
|
patientUploadButtonVisible="true"
|
||||||
|
@reset="resetQuery"
|
||||||
|
@minShowCtrol="getMaxTableHeight"
|
||||||
|
v-show="showSearch"
|
||||||
|
>
|
||||||
<el-form-item label="导入日期" prop="" label-width="90px">
|
<el-form-item label="导入日期" prop="" label-width="90px">
|
||||||
<el-date-picker v-model="createTime" type="daterange" range-separator="至" start-placeholder="开始日期"
|
<el-date-picker
|
||||||
style="width: 220px" value-format="yyyy-MM-dd" end-placeholder="结束日期">
|
v-model="createTime"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
style="width: 220px"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
>
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="流水号" prop="sn" label-width="90px">
|
<el-form-item label="流水号" prop="sn" label-width="90px">
|
||||||
<el-input v-model="queryParams.sn" placeholder="请输入流水号" style="width: 220px" clearable>
|
<el-input
|
||||||
|
v-model="queryParams.sn"
|
||||||
|
placeholder="请输入流水号"
|
||||||
|
style="width: 220px"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="批次名称" prop="importName" label-width="90px">
|
<el-form-item label="批次名称" prop="importName" label-width="90px">
|
||||||
<el-input v-model="queryParams.importName" placeholder="请输入批次名称" style="width: 220px" clearable>
|
<el-input
|
||||||
|
v-model="queryParams.importName"
|
||||||
|
placeholder="请输入批次名称"
|
||||||
|
style="width: 220px"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="医院" prop="" label-width="90px">
|
<el-form-item label="医院" prop="" label-width="90px">
|
||||||
<el-select v-model="queryParams.hospitalAgencyId" filterable placeholder="请选择医院" style="width: 220px"
|
<el-select
|
||||||
clearable @clear="clearhospitalAgency" @change="changehospitalAgency">
|
v-model="queryParams.hospitalAgencyId"
|
||||||
<el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
|
filterable
|
||||||
|
placeholder="请选择医院"
|
||||||
|
style="width: 220px"
|
||||||
|
clearable
|
||||||
|
@clear="clearhospitalAgency"
|
||||||
|
@change="changehospitalAgency"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in hospitalAgencylist"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.agencyName"
|
||||||
|
:value="item.id"
|
||||||
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -32,9 +70,17 @@
|
|||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
</SearchFilter>
|
</SearchFilter>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div ref="mb8" class="mb8">
|
<div ref="mb8" class="mb8" style="margin-left: 5px">
|
||||||
<el-row :gutter="10" class="">
|
<el-row :gutter="10" class="">
|
||||||
<el-col :span="1.5">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
icon="el-icon-upload2"
|
||||||
|
size="mini"
|
||||||
|
@click="handleManualImport"
|
||||||
|
>手动导入</el-button
|
||||||
|
>
|
||||||
|
<!-- <el-col :span="1.5">
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
|
||||||
v-hasPermi="['manage:blacklist:add']">新增</el-button>
|
v-hasPermi="['manage:blacklist:add']">新增</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
@ -50,12 +96,16 @@
|
|||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
|
||||||
v-hasPermi="['manage:blacklist:export']">导出</el-button>
|
v-hasPermi="['manage:blacklist:export']">导出</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> -->
|
||||||
</el-row>
|
</el-row>
|
||||||
</div> -->
|
</div>
|
||||||
<div ref="table">
|
<div ref="table">
|
||||||
<el-table :max-height="maxTableHeight" v-loading="loading" :data="PatientInfoImportBatchlist"
|
<el-table
|
||||||
@selection-change="handleSelectionChange">
|
:max-height="maxTableHeight"
|
||||||
|
v-loading="loading"
|
||||||
|
:data="PatientInfoImportBatchlist"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
<el-table-column type="selection" width="55" />
|
<el-table-column type="selection" width="55" />
|
||||||
<el-table-column label="序号" type="index" width="50" align="center" />
|
<el-table-column label="序号" type="index" width="50" align="center" />
|
||||||
<el-table-column label="流水号" prop="sn" align="center">
|
<el-table-column label="流水号" prop="sn" align="center">
|
||||||
@ -73,28 +123,56 @@
|
|||||||
<span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
|
<span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column
|
||||||
|
label="操作"
|
||||||
|
align="center"
|
||||||
|
class-name="small-padding fixed-width"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- <el-button size="mini" type="text" @click="handleUpdate(scope.row)"
|
<!-- <el-button size="mini" type="text" @click="handleUpdate(scope.row)"
|
||||||
v-hasPermi="['manage:blacklist:edit']">修改</el-button>
|
v-hasPermi="['manage:blacklist:edit']">修改</el-button>
|
||||||
<el-button size="mini" type="text" @click="handleDelete(scope.row)"
|
<el-button size="mini" type="text" @click="handleDelete(scope.row)"
|
||||||
v-hasPermi="['manage:blacklist:remove']">删除</el-button> -->
|
v-hasPermi="['manage:blacklist:remove']">删除</el-button> -->
|
||||||
<el-button size="mini" type="text" @click="handOutbound(scope.row)">外呼</el-button>
|
<el-button size="mini" type="text" @click="handOutbound(scope.row)"
|
||||||
<el-button size="mini" type="text" @click="ljhandOutbound(scope.row)">立即外呼</el-button>
|
>外呼</el-button
|
||||||
<el-button size="mini" type="text" @click="handsn(scope.row)">明细</el-button>
|
>
|
||||||
<el-button size="mini" type="text" @click="handleDelete(scope.row)">删除</el-button>
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="ljhandOutbound(scope.row)"
|
||||||
|
>立即外呼</el-button
|
||||||
|
>
|
||||||
|
<el-button size="mini" type="text" @click="handsn(scope.row)"
|
||||||
|
>明细</el-button
|
||||||
|
>
|
||||||
|
<el-button size="mini" type="text" @click="handleDelete(scope.row)"
|
||||||
|
>删除</el-button
|
||||||
|
>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
|
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
|
||||||
:limit.sync="queryParams.pageSize" @pagination="getList" /> -->
|
:limit.sync="queryParams.pageSize" @pagination="getList" /> -->
|
||||||
<myPagination v-show="total > 0" :total="total" :pageSize="queryParams.pageSize"
|
<myPagination
|
||||||
:indexFromWrap="queryParams.pageNum" @updateCPage="updateCPage"></myPagination>
|
v-show="total > 0"
|
||||||
<el-dialog title="立即外呼" :visible.sync="open" width="500px" append-to-body>
|
:total="total"
|
||||||
|
:pageSize="queryParams.pageSize"
|
||||||
|
:indexFromWrap="queryParams.pageNum"
|
||||||
|
@updateCPage="updateCPage"
|
||||||
|
></myPagination>
|
||||||
|
<el-dialog
|
||||||
|
title="立即外呼"
|
||||||
|
:visible.sync="open"
|
||||||
|
width="500px"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||||
<el-form-item label="任务名称" prop="manageRouteName">
|
<el-form-item label="任务名称" prop="manageRouteName">
|
||||||
<el-input v-model="form.manageRouteName" placeholder="请输入任务名称" />
|
<el-input
|
||||||
|
v-model="form.manageRouteName"
|
||||||
|
placeholder="请输入任务名称"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-descriptions title="上次外呼数据简介" />
|
<el-descriptions title="上次外呼数据简介" />
|
||||||
<el-form-item label="流水号" prop="sn">
|
<el-form-item label="流水号" prop="sn">
|
||||||
@ -104,10 +182,10 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="任务节点类型" prop="taskNodeType">
|
<el-form-item label="任务节点类型" prop="taskNodeType">
|
||||||
<div class="formdiv">
|
<div class="formdiv">
|
||||||
{{ form.taskNodeType == 'PHONE_OUTBOUND' ? '电话外呼' : '' }}
|
{{ form.taskNodeType == "PHONE_OUTBOUND" ? "电话外呼" : "" }}
|
||||||
{{ form.taskNodeType == 'QUESTIONNAIRE_SCALE' ? '问卷量表' : '' }}
|
{{ form.taskNodeType == "QUESTIONNAIRE_SCALE" ? "问卷量表" : "" }}
|
||||||
{{ form.taskNodeType == 'PROPAGANDA_ARTICLE' ? '宣教文案' : '' }}
|
{{ form.taskNodeType == "PROPAGANDA_ARTICLE" ? "宣教文案" : "" }}
|
||||||
{{ form.taskNodeType == 'TEXT_REMIND' ? '文字提醒' : '' }}
|
{{ form.taskNodeType == "TEXT_REMIND" ? "文字提醒" : "" }}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<span v-if="form.taskNodeType == 'PHONE_OUTBOUND'">
|
<span v-if="form.taskNodeType == 'PHONE_OUTBOUND'">
|
||||||
@ -118,8 +196,8 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="推送方式" prop="phoneDialMethod">
|
<el-form-item label="推送方式" prop="phoneDialMethod">
|
||||||
<div class="formdiv">
|
<div class="formdiv">
|
||||||
{{ form.phoneDialMethod == 'COMMON' ? '人工电话' : '' }}
|
{{ form.phoneDialMethod == "COMMON" ? "人工电话" : "" }}
|
||||||
{{ form.phoneDialMethod == 'AI' ? '自动外呼' : '' }}
|
{{ form.phoneDialMethod == "AI" ? "自动外呼" : "" }}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="重播次数" prop="phoneRedialTimes">
|
<el-form-item label="重播次数" prop="phoneRedialTimes">
|
||||||
@ -141,13 +219,17 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="推送方式" prop="phoneDialMethod">
|
<el-form-item label="推送方式" prop="phoneDialMethod">
|
||||||
<div class="formdiv">
|
<div class="formdiv">
|
||||||
{{ form.phoneDialMethod == '' ? '小程序问卷' : '' }}
|
{{ form.phoneDialMethod == "" ? "小程序问卷" : "" }}
|
||||||
{{ form.phoneDialMethod == 'AI' ? 'AI自动外呼' : '' }}
|
{{ form.phoneDialMethod == "AI" ? "AI自动外呼" : "" }}
|
||||||
{{ form.phoneDialMethod == 'COMMON' ? '人工随访' : '' }}
|
{{ form.phoneDialMethod == "COMMON" ? "人工随访" : "" }}
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</span>
|
</span>
|
||||||
<el-form-item v-if="form.taskNodeType == 'PROPAGANDA_ARTICLE'" label="宣教模板" prop="taskNodeType">
|
<el-form-item
|
||||||
|
v-if="form.taskNodeType == 'PROPAGANDA_ARTICLE'"
|
||||||
|
label="宣教模板"
|
||||||
|
prop="taskNodeType"
|
||||||
|
>
|
||||||
<div class="formdiv">
|
<div class="formdiv">
|
||||||
{{ form.propagandaTitle }}
|
{{ form.propagandaTitle }}
|
||||||
</div>
|
</div>
|
||||||
@ -158,19 +240,228 @@
|
|||||||
<el-button @click="cancel">取 消</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
<el-dialog
|
||||||
|
title="手动导入"
|
||||||
|
:visible.sync="manualImportDialog"
|
||||||
|
width="80%"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
|
<div style="display: flex; flex-direction: column; height: 600px">
|
||||||
|
<div style="flex: 0 0 auto">
|
||||||
|
<el-form :inline="true" :model="manualImportQuery" size="small">
|
||||||
|
<el-form-item label="所属科室名称">
|
||||||
|
<el-select
|
||||||
|
v-model="manualImportQuery.departmentNameList"
|
||||||
|
multiple
|
||||||
|
filterable
|
||||||
|
clearable
|
||||||
|
placeholder="请选择科室名称"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="(item, index) in deptSelectData"
|
||||||
|
:key="index"
|
||||||
|
:label="item.departmentName"
|
||||||
|
:value="item.departmentName"
|
||||||
|
>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="就诊方式">
|
||||||
|
<el-select
|
||||||
|
v-model="manualImportQuery.visitMethod"
|
||||||
|
placeholder="请选择就诊方式"
|
||||||
|
style="width: 200px"
|
||||||
|
clearable
|
||||||
|
@change="handleVisitMethodChange"
|
||||||
|
>
|
||||||
|
<el-option label="门诊" value="1" />
|
||||||
|
<el-option label="住院" value="2" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="就诊时间">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="visitTimeRange"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
style="width: 300px"
|
||||||
|
:disabled="manualImportQuery.visitMethod == '2'"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="出院日期">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="dischargeTimeRange"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
style="width: 300px"
|
||||||
|
:disabled="manualImportQuery.visitMethod == '1'"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handleManualSearch"
|
||||||
|
>搜索</el-button
|
||||||
|
>
|
||||||
|
<el-button @click="handleManualReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<div style="flex: 1; overflow: auto">
|
||||||
|
<el-table
|
||||||
|
:data="manualImportList"
|
||||||
|
style="width: 100%"
|
||||||
|
height="100%"
|
||||||
|
v-loading="manualImportLoading"
|
||||||
|
@selection-change="DiahandleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" width="50" align="center" />
|
||||||
|
<el-table-column
|
||||||
|
label="患者姓名"
|
||||||
|
align="center"
|
||||||
|
prop="patientName"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="患者电话"
|
||||||
|
align="center"
|
||||||
|
prop="phone"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="年龄"
|
||||||
|
align="center"
|
||||||
|
prop="age"
|
||||||
|
width="50"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="身份证号"
|
||||||
|
align="center"
|
||||||
|
prop="cardNo"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="性别"
|
||||||
|
align="center"
|
||||||
|
prop="sex"
|
||||||
|
width="50"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="所属科室名称"
|
||||||
|
align="center"
|
||||||
|
prop="departmentName"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="就诊编号"
|
||||||
|
align="center"
|
||||||
|
prop="visitCode"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column label="就诊方式" align="center" prop="visitMethod">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
scope.row.visitMethod === "1" ? "门诊" : "住院"
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="就诊时间"
|
||||||
|
align="center"
|
||||||
|
prop="visitDate"
|
||||||
|
width="100"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ parseTime(scope.row.visitDate, "{y}-{m}-{d}") }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="入院时间"
|
||||||
|
align="center"
|
||||||
|
prop="admissionTime"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
parseTime(scope.row.admissionTime, "{y}-{m}-{d}")
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="出院时间"
|
||||||
|
align="center"
|
||||||
|
prop="dischargeTime"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
parseTime(scope.row.dischargeTime, "{y}-{m}-{d}")
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="主要诊断"
|
||||||
|
align="center"
|
||||||
|
prop="mainDiagnosis"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="出院方式"
|
||||||
|
align="center"
|
||||||
|
prop="dischargeMethod"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="患者健康状况"
|
||||||
|
align="center"
|
||||||
|
prop="healthState"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="数据获取时间"
|
||||||
|
align="center"
|
||||||
|
prop="dataGetTime"
|
||||||
|
width="100"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{
|
||||||
|
parseTime(scope.row.dataGetTime, "{y}-{m}-{d}")
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="generateImportInfo()"
|
||||||
|
>生成导入信息</el-button
|
||||||
|
>
|
||||||
|
<el-button @click="manualImportDialog = false">关 闭</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { patientInfoImportBatchlist, updateSn, outboundConfirmation, directOutbound } from "@/api/manage/patientInfoImport";
|
import {
|
||||||
import { selectAgencyList, getDepartmentList, getAgencyList } from "@/api/manage/selectAgencyList";
|
patientInfoImportBatchlist,
|
||||||
import SearchFilter from '../../components/SearchForm.vue'
|
updateSn,
|
||||||
|
outboundConfirmation,
|
||||||
|
directOutbound,
|
||||||
|
patientInfoImportList,
|
||||||
|
deptSelectList,
|
||||||
|
CreategenerateImport,
|
||||||
|
} from "@/api/manage/patientInfoImport";
|
||||||
|
import {
|
||||||
|
selectAgencyList,
|
||||||
|
getDepartmentList,
|
||||||
|
getAgencyList,
|
||||||
|
} from "@/api/manage/selectAgencyList";
|
||||||
|
import SearchFilter from "../../components/SearchForm.vue";
|
||||||
import { getAgencytype } from "@/api/system/agency";
|
import { getAgencytype } from "@/api/system/agency";
|
||||||
export default {
|
export default {
|
||||||
name: "Importlist",
|
name: "Importlist",
|
||||||
components: { SearchFilter },
|
components: { SearchFilter },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
deptSelectData: [],
|
||||||
|
manualImportLoading: false,
|
||||||
maxTableHeight: undefined,
|
maxTableHeight: undefined,
|
||||||
//医院list
|
//医院list
|
||||||
hospitalAgencylist: [],
|
hospitalAgencylist: [],
|
||||||
@ -180,6 +471,8 @@ export default {
|
|||||||
loading: true,
|
loading: true,
|
||||||
// 选中数组
|
// 选中数组
|
||||||
ids: [],
|
ids: [],
|
||||||
|
// 选中数据列表
|
||||||
|
selectionList: [],
|
||||||
// 非单个禁用
|
// 非单个禁用
|
||||||
single: true,
|
single: true,
|
||||||
// 非多个禁用
|
// 非多个禁用
|
||||||
@ -194,6 +487,8 @@ export default {
|
|||||||
title: "",
|
title: "",
|
||||||
// 是否显示弹出层
|
// 是否显示弹出层
|
||||||
open: false,
|
open: false,
|
||||||
|
// 手动导入弹出层
|
||||||
|
manualImportDialog: false,
|
||||||
createTime: "",
|
createTime: "",
|
||||||
// 查询参数
|
// 查询参数
|
||||||
queryParams: {
|
queryParams: {
|
||||||
@ -206,6 +501,17 @@ export default {
|
|||||||
sn: "",
|
sn: "",
|
||||||
importName: "",
|
importName: "",
|
||||||
},
|
},
|
||||||
|
// 手动导入查询参数
|
||||||
|
manualImportQuery: {
|
||||||
|
departmentNameList: [],
|
||||||
|
visitMethod: "1",
|
||||||
|
visitDateStart: "",
|
||||||
|
visitDateEnd: "",
|
||||||
|
dischargeDateStart: "",
|
||||||
|
dischargeDateEnd: "",
|
||||||
|
},
|
||||||
|
// 手动导入列表
|
||||||
|
manualImportList: [],
|
||||||
// 表单参数
|
// 表单参数
|
||||||
form: {},
|
form: {},
|
||||||
//重播次数
|
//重播次数
|
||||||
@ -213,9 +519,9 @@ export default {
|
|||||||
// 表单校验
|
// 表单校验
|
||||||
rules: {
|
rules: {
|
||||||
manageRouteName: [
|
manageRouteName: [
|
||||||
{ required: true, message: '请输入任务名称', trigger: 'change' }
|
{ required: true, message: "请输入任务名称", trigger: "change" },
|
||||||
],
|
],
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@ -223,8 +529,37 @@ export default {
|
|||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getMaxTableHeight()
|
this.getMaxTableHeight();
|
||||||
this.screenChange()
|
this.screenChange();
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
visitTimeRange: {
|
||||||
|
get() {
|
||||||
|
const { visitDateStart, visitDateEnd } = this.manualImportQuery;
|
||||||
|
return visitDateStart || visitDateEnd
|
||||||
|
? [visitDateStart, visitDateEnd]
|
||||||
|
: [];
|
||||||
|
},
|
||||||
|
set(value) {
|
||||||
|
this.manualImportQuery.visitDateStart =
|
||||||
|
value && value[0] ? value[0] : "";
|
||||||
|
this.manualImportQuery.visitDateEnd = value && value[1] ? value[1] : "";
|
||||||
|
},
|
||||||
|
},
|
||||||
|
dischargeTimeRange: {
|
||||||
|
get() {
|
||||||
|
const { dischargeDateStart, dischargeDateEnd } = this.manualImportQuery;
|
||||||
|
return dischargeDateStart || dischargeDateEnd
|
||||||
|
? [dischargeDateStart, dischargeDateEnd]
|
||||||
|
: [];
|
||||||
|
},
|
||||||
|
set(value) {
|
||||||
|
this.manualImportQuery.dischargeDateStart =
|
||||||
|
value && value[0] ? value[0] : "";
|
||||||
|
this.manualImportQuery.dischargeDateEnd =
|
||||||
|
value && value[1] ? value[1] : "";
|
||||||
|
},
|
||||||
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 流水号/明细
|
// 流水号/明细
|
||||||
@ -238,6 +573,49 @@ export default {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
// 手动导入
|
||||||
|
handleManualImport() {
|
||||||
|
this.manualImportDialog = true;
|
||||||
|
this.handleManualSearch();
|
||||||
|
deptSelectList().then((res) => {
|
||||||
|
this.deptSelectData = res.data;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 手动导入搜索
|
||||||
|
handleManualSearch() {
|
||||||
|
this.manualImportLoading = true;
|
||||||
|
patientInfoImportList(this.manualImportQuery).then((response) => {
|
||||||
|
this.manualImportLoading = false;
|
||||||
|
this.manualImportList = response;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 手动导入重置
|
||||||
|
handleManualReset() {
|
||||||
|
this.manualImportQuery = {
|
||||||
|
departmentNameList: [],
|
||||||
|
visitMethod: "",
|
||||||
|
visitDateStart: "",
|
||||||
|
visitDateEnd: "",
|
||||||
|
dischargeDateStart: "",
|
||||||
|
dischargeDateEnd: "",
|
||||||
|
};
|
||||||
|
this.handleManualSearch();
|
||||||
|
},
|
||||||
|
// 就诊方式切换时清空对应日期范围
|
||||||
|
handleVisitMethodChange(value) {
|
||||||
|
if (value === "1") {
|
||||||
|
this.manualImportQuery.dischargeDateStart = "";
|
||||||
|
this.manualImportQuery.dischargeDateEnd = "";
|
||||||
|
} else if (value === "2") {
|
||||||
|
this.manualImportQuery.visitDateStart = "";
|
||||||
|
this.manualImportQuery.visitDateEnd = "";
|
||||||
|
} else {
|
||||||
|
this.manualImportQuery.visitDateStart = "";
|
||||||
|
this.manualImportQuery.visitDateEnd = "";
|
||||||
|
this.manualImportQuery.dischargeDateStart = "";
|
||||||
|
this.manualImportQuery.dischargeDateEnd = "";
|
||||||
|
}
|
||||||
|
},
|
||||||
// 外呼
|
// 外呼
|
||||||
handOutbound(row) {
|
handOutbound(row) {
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
@ -245,10 +623,10 @@ export default {
|
|||||||
query: {
|
query: {
|
||||||
path: "/patient/patientinfoimport",
|
path: "/patient/patientinfoimport",
|
||||||
// signPatientRecordId: row.id,
|
// signPatientRecordId: row.id,
|
||||||
sn: row.sn ? row.sn : '',
|
sn: row.sn ? row.sn : "",
|
||||||
patientName: row.patientName ? row.patientName : '',
|
patientName: row.patientName ? row.patientName : "",
|
||||||
departmentId: row.departmentId ? row.departmentId : '',
|
departmentId: row.departmentId ? row.departmentId : "",
|
||||||
departmentName: row.departmentName ? row.departmentName : '',
|
departmentName: row.departmentName ? row.departmentName : "",
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@ -265,47 +643,51 @@ export default {
|
|||||||
var dictType = "redial_times";
|
var dictType = "redial_times";
|
||||||
getAgencytype(dictType).then((res) => {
|
getAgencytype(dictType).then((res) => {
|
||||||
this.optionslisttime = res.data;
|
this.optionslisttime = res.data;
|
||||||
outboundConfirmation().then(res => {
|
outboundConfirmation().then((res) => {
|
||||||
if (res.data) {
|
if (res.data) {
|
||||||
this.form = res.data;
|
this.form = res.data;
|
||||||
this.$set(this.form, 'sn', row.sn + '')
|
this.$set(this.form, "sn", row.sn + "");
|
||||||
this.open = true;
|
this.open = true;
|
||||||
} else {
|
} else {
|
||||||
this.$modal.msgError("暂无最新外呼数据,请先进行手动外呼");
|
this.$modal.msgError("暂无最新外呼数据,请先进行手动外呼");
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
Calloutimmediately() {
|
Calloutimmediately() {
|
||||||
this.$refs["form"].validate(valid => {
|
this.$refs["form"].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
directOutbound(this.form).then(res => {
|
directOutbound(this.form).then((res) => {
|
||||||
this.$modal.msgSuccess("操作成功");
|
this.$modal.msgSuccess("操作成功");
|
||||||
this.open = false;
|
this.open = false;
|
||||||
this.getList();
|
this.getList();
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
// const ids = row.id || this.ids;
|
// const ids = row.id || this.ids;
|
||||||
this.$modal.confirm('是否确认删除?').then(() => {
|
this.$modal
|
||||||
return updateSn(row.sn);
|
.confirm("是否确认删除?")
|
||||||
}).then(() => {
|
.then(() => {
|
||||||
this.getList();
|
return updateSn(row.sn);
|
||||||
this.$modal.msgSuccess("删除成功");
|
})
|
||||||
}).catch(() => { });
|
.then(() => {
|
||||||
|
this.getList();
|
||||||
|
this.$modal.msgSuccess("删除成功");
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
},
|
},
|
||||||
updateCPage(index, size) {
|
updateCPage(index, size) {
|
||||||
this.queryParams.pageNum = index
|
this.queryParams.pageNum = index;
|
||||||
this.queryParams.pageSize = size
|
this.queryParams.pageSize = size;
|
||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
/** 查询 */
|
/** 查询 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
patientInfoImportBatchlist(this.queryParams).then(response => {
|
patientInfoImportBatchlist(this.queryParams).then((response) => {
|
||||||
this.PatientInfoImportBatchlist = response.rows;
|
this.PatientInfoImportBatchlist = response.rows;
|
||||||
this.total = response.total;
|
this.total = response.total;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
@ -344,54 +726,61 @@ export default {
|
|||||||
campusAgencyId: null,
|
campusAgencyId: null,
|
||||||
sn: "",
|
sn: "",
|
||||||
importName: "",
|
importName: "",
|
||||||
}
|
};
|
||||||
this.createTime = '';
|
this.createTime = "";
|
||||||
// this.resetForm("queryForm");
|
// this.resetForm("queryForm");
|
||||||
this.handleQuery();
|
this.handleQuery();
|
||||||
},
|
},
|
||||||
// 多选框选中数据
|
// 多选框选中数据
|
||||||
handleSelectionChange(selection) {
|
handleSelectionChange(selection) {
|
||||||
this.ids = selection.map(item => item.id)
|
this.ids = selection.map((item) => item.id);
|
||||||
this.single = selection.length !== 1
|
this.single = selection.length !== 1;
|
||||||
this.multiple = !selection.length
|
this.multiple = !selection.length;
|
||||||
|
},
|
||||||
|
DiahandleSelectionChange(selection) {
|
||||||
|
this.selectionList = selection;
|
||||||
},
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
handleExport() {
|
handleExport() {
|
||||||
this.download('manage/blacklist/export', {
|
this.download(
|
||||||
...this.queryParams
|
"manage/blacklist/export",
|
||||||
}, `blacklist_${new Date().getTime()}.xlsx`)
|
{
|
||||||
|
...this.queryParams,
|
||||||
|
},
|
||||||
|
`blacklist_${new Date().getTime()}.xlsx`
|
||||||
|
);
|
||||||
},
|
},
|
||||||
//获取医院list
|
//获取医院list
|
||||||
selectAgencyinfo() {
|
selectAgencyinfo() {
|
||||||
let query = {
|
let query = {
|
||||||
agencyStatus: 'ON',
|
agencyStatus: "ON",
|
||||||
nodeType: 'HOSPITAL',
|
nodeType: "HOSPITAL",
|
||||||
}
|
};
|
||||||
selectAgencyList(query).then(res => {
|
selectAgencyList(query).then((res) => {
|
||||||
this.hospitalAgencylist = res.data
|
this.hospitalAgencylist = res.data;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//获取下级单位
|
//获取下级单位
|
||||||
getAgencyListinfo(nodeType, id, type) {
|
getAgencyListinfo(nodeType, id, type) {
|
||||||
let query = {
|
let query = {
|
||||||
nodeType: nodeType,
|
nodeType: nodeType,
|
||||||
|
};
|
||||||
|
if (nodeType == "HOSPITAL") {
|
||||||
|
query.hospitalId = id;
|
||||||
|
} else if (nodeType == "CAMPUS") {
|
||||||
|
query.campusId = id;
|
||||||
}
|
}
|
||||||
if (nodeType == 'HOSPITAL') {
|
getAgencyList(query).then((res) => {
|
||||||
query.hospitalId = id
|
|
||||||
} else if (nodeType == 'CAMPUS') {
|
|
||||||
query.campusId = id
|
|
||||||
}
|
|
||||||
getAgencyList(query).then(res => {
|
|
||||||
// if (type) {
|
// if (type) {
|
||||||
if (nodeType == 'HOSPITAL') {
|
if (nodeType == "HOSPITAL") {
|
||||||
this.campusAgencylist = res.data.campusList;
|
this.campusAgencylist = res.data.campusList;
|
||||||
}
|
}
|
||||||
// }
|
// }
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//选中医院获取院区
|
//选中医院获取院区
|
||||||
changehospitalAgency(id, type, typetwo) {
|
changehospitalAgency(id, type, typetwo) {
|
||||||
this.getAgencyListinfo('HOSPITAL', id, type)
|
this.getAgencyListinfo("HOSPITAL", id, type);
|
||||||
// let query = {
|
// let query = {
|
||||||
// agencyStatus: 'ON',
|
// agencyStatus: 'ON',
|
||||||
// nodeType: 'CAMPUS',
|
// nodeType: 'CAMPUS',
|
||||||
@ -400,71 +789,106 @@ export default {
|
|||||||
// selectAgencyList(query).then(res => {
|
// selectAgencyList(query).then(res => {
|
||||||
if (type) {
|
if (type) {
|
||||||
if (!typetwo) {
|
if (!typetwo) {
|
||||||
this.form.campusAgencyId = null
|
this.form.campusAgencyId = null;
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.queryParams.campusAgencyId = null
|
this.queryParams.campusAgencyId = null;
|
||||||
}
|
}
|
||||||
// })
|
// })
|
||||||
},
|
},
|
||||||
//选中院区获取科室
|
//选中院区获取科室
|
||||||
changecampusAgency(id, type, typetwo) {
|
changecampusAgency(id, type, typetwo) {
|
||||||
this.getAgencyListinfo('CAMPUS', id, type)
|
this.getAgencyListinfo("CAMPUS", id, type);
|
||||||
},
|
},
|
||||||
//清空医院
|
//清空医院
|
||||||
clearhospitalAgency(type) {
|
clearhospitalAgency(type) {
|
||||||
if (type) {
|
if (type) {
|
||||||
this.form.campusAgencyId = null
|
this.form.campusAgencyId = null;
|
||||||
this.form.departmentId = null
|
this.form.departmentId = null;
|
||||||
this.form.wardId = null
|
this.form.wardId = null;
|
||||||
} else {
|
} else {
|
||||||
this.queryParams.campusAgencyId = null
|
this.queryParams.campusAgencyId = null;
|
||||||
this.queryParams.departmentId = null
|
this.queryParams.departmentId = null;
|
||||||
this.queryParams.wardId = null
|
this.queryParams.wardId = null;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//清空院区
|
//清空院区
|
||||||
clearcampusAgency(type) {
|
clearcampusAgency(type) {
|
||||||
if (type) {
|
if (type) {
|
||||||
this.form.departmentId = null
|
this.form.departmentId = null;
|
||||||
this.form.wardId = null
|
this.form.wardId = null;
|
||||||
this.getAgencyListinfo('HOSPITAL', this.form.hospitalAgencyId, type)
|
this.getAgencyListinfo("HOSPITAL", this.form.hospitalAgencyId, type);
|
||||||
} else {
|
} else {
|
||||||
this.queryParams.departmentId = null
|
this.queryParams.departmentId = null;
|
||||||
this.queryParams.wardId = null
|
this.queryParams.wardId = null;
|
||||||
this.getAgencyListinfo('HOSPITAL', this.queryParams.hospitalAgencyId)
|
this.getAgencyListinfo("HOSPITAL", this.queryParams.hospitalAgencyId);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// 获取表格最高高度
|
// 获取表格最高高度
|
||||||
getMaxTableHeight() {
|
getMaxTableHeight() {
|
||||||
const windowInnerHeight = window.innerHeight // 屏幕可视高度
|
const windowInnerHeight = window.innerHeight; // 屏幕可视高度
|
||||||
const layoutDiv = this.$refs.layout
|
const layoutDiv = this.$refs.layout;
|
||||||
const formDiv = this.$refs.topform
|
const formDiv = this.$refs.topform;
|
||||||
const mb8Div = this.$refs.mb8
|
const mb8Div = this.$refs.mb8;
|
||||||
this.maxTableHeight =
|
this.maxTableHeight =
|
||||||
windowInnerHeight - 134 -
|
windowInnerHeight -
|
||||||
|
134 -
|
||||||
this.getBoxPadding(layoutDiv) -
|
this.getBoxPadding(layoutDiv) -
|
||||||
this.getBoxHeight(mb8Div) -
|
this.getBoxHeight(mb8Div) -
|
||||||
this.getBoxHeight(formDiv)
|
this.getBoxHeight(formDiv);
|
||||||
},
|
},
|
||||||
// 屏幕resize监听
|
// 屏幕resize监听
|
||||||
screenChange() {
|
screenChange() {
|
||||||
// 屏幕resize监听事件:一旦屏幕宽高发生变化,就会执行resize
|
// 屏幕resize监听事件:一旦屏幕宽高发生变化,就会执行resize
|
||||||
window.addEventListener('resize', this.getMaxTableHeight, true)
|
window.addEventListener("resize", this.getMaxTableHeight, true);
|
||||||
// 将屏幕监听事件移除
|
// 将屏幕监听事件移除
|
||||||
// 这步是必须的。离开页面时不移除,再返回,或者进入到别的有相同元素的页面会报错
|
// 这步是必须的。离开页面时不移除,再返回,或者进入到别的有相同元素的页面会报错
|
||||||
// 或者将这里的方法直接写在beforeDestroy函数中也可以
|
// 或者将这里的方法直接写在beforeDestroy函数中也可以
|
||||||
this.$once('hook:beforeDestroy', () => {
|
this.$once("hook:beforeDestroy", () => {
|
||||||
window.removeEventListener('resize', this.getMaxTableHeight, true)
|
window.removeEventListener("resize", this.getMaxTableHeight, true);
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
}
|
// 手动生成导入信息确认
|
||||||
|
generateImportInfo() {
|
||||||
|
if (this.selectionList.length === 0) {
|
||||||
|
this.$modal.msgWarning("请至少选择一条数据进行导入");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.$prompt("请输入导入批次名称", "提示", {
|
||||||
|
confirmButtonText: "确认导入",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
inputValidator: (value) => {
|
||||||
|
if (!value || value.trim() === "") {
|
||||||
|
return "导入批次名称不能为空";
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
})
|
||||||
|
.then(({ value }) => {
|
||||||
|
CreategenerateImport({
|
||||||
|
externalImports: this.selectionList,
|
||||||
|
importName: value,
|
||||||
|
}).then((res) => {
|
||||||
|
console.log(res);
|
||||||
|
this.$modal.msgSuccess("导入成功");
|
||||||
|
this.manualImportDialog = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.$message({
|
||||||
|
type: "info",
|
||||||
|
message: "输入取消",
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
.formdiv {
|
.formdiv {
|
||||||
width: 340px;
|
width: 340px;
|
||||||
border: 1px solid #DCDFE6;
|
border: 1px solid #dcdfe6;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 36px;
|
line-height: 36px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
389
src/views/system/billInfo/index.vue
Normal file
389
src/views/system/billInfo/index.vue
Normal file
@ -0,0 +1,389 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form
|
||||||
|
:model="queryParams"
|
||||||
|
ref="queryForm"
|
||||||
|
size="small"
|
||||||
|
:inline="true"
|
||||||
|
v-show="showSearch"
|
||||||
|
label-width="68px"
|
||||||
|
>
|
||||||
|
<el-form-item label="账单编号" prop="billCode">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.billCode"
|
||||||
|
placeholder="请输入账单编号"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="账单名称" prop="billName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.billName"
|
||||||
|
placeholder="请输入账单名称"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="账单月份" prop="billMonth">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.billMonth"
|
||||||
|
placeholder="请输入账单月份"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="账单金额" prop="billAmount">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.billAmount"
|
||||||
|
placeholder="请输入账单金额"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="账单来源" prop="billSource">
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.billSource"
|
||||||
|
placeholder="请选择账单来源"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option label="短信" value="message"> </el-option>
|
||||||
|
<el-option label="电话" value="telephone"> </el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-search"
|
||||||
|
size="mini"
|
||||||
|
@click="handleQuery"
|
||||||
|
>搜索</el-button
|
||||||
|
>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="billInfoList"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
|
<el-table-column label="账单主键" align="center" prop="id" />
|
||||||
|
<el-table-column label="账单编号" align="center" prop="billCode" />
|
||||||
|
<el-table-column label="账单名称" align="center" prop="billName" />
|
||||||
|
<el-table-column label="账单月份" align="center" prop="billMonth" />
|
||||||
|
<el-table-column label="账单金额" align="center" prop="billAmount" />
|
||||||
|
<el-table-column label="缴费状态" align="center" prop="paymentStatus">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.paymentStatus === 'PAID'">已缴费</span>
|
||||||
|
<span v-else-if="scope.row.paymentStatus === 'UNPAID_FEES'">未缴费</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="账单来源" align="center" prop="billSource">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.billSource === 'message'">短信</span>
|
||||||
|
<span v-else-if="scope.row.billSource === 'telephone'">电话</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="操作"
|
||||||
|
align="center"
|
||||||
|
class-name="small-padding fixed-width"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-view"
|
||||||
|
@click="look(scope.row)"
|
||||||
|
>查看</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-download"
|
||||||
|
@click="handleExport(scope.row)"
|
||||||
|
>导出</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="total > 0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 添加或修改账单信息对话框 -->
|
||||||
|
<el-dialog
|
||||||
|
:title="title"
|
||||||
|
:visible.sync="open"
|
||||||
|
width="800px"
|
||||||
|
append-to-body
|
||||||
|
@closed="closedDialog"
|
||||||
|
>
|
||||||
|
<el-form
|
||||||
|
ref="form"
|
||||||
|
:model="form"
|
||||||
|
:rules="rules"
|
||||||
|
label-width="80px"
|
||||||
|
v-if="!showItemTable"
|
||||||
|
>
|
||||||
|
<el-form-item label="账单编号" prop="billCode">
|
||||||
|
<el-input v-model="form.billCode" placeholder="请输入账单编号" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="账单名称" prop="billName">
|
||||||
|
<el-input v-model="form.billName" placeholder="请输入账单名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="账单月份" prop="billMonth">
|
||||||
|
<el-input v-model="form.billMonth" placeholder="请输入账单月份" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="账单金额" prop="billAmount">
|
||||||
|
<el-input v-model="form.billAmount" placeholder="请输入账单金额" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="账单来源" prop="billSource">
|
||||||
|
<el-input v-model="form.billSource" placeholder="请输入账单来源" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
v-if="showItemTable"
|
||||||
|
:data="ItemData"
|
||||||
|
border
|
||||||
|
style="width: 100%; margin-bottom: 20px"
|
||||||
|
v-loading="tableLoading"
|
||||||
|
>
|
||||||
|
<el-table-column prop="patientName" label="姓名" align="center" />
|
||||||
|
<el-table-column prop="patientPhone" label="电话" align="center" />
|
||||||
|
<el-table-column prop="template" label="模板名称" align="center" />
|
||||||
|
<el-table-column prop="pushTime" label="推送时间" align="center" />
|
||||||
|
<el-table-column prop="pushLength" label="条数/时长" align="center" />
|
||||||
|
<el-table-column prop="unitPrice" label="单价" align="center" />
|
||||||
|
<el-table-column prop="expense" label="费用" align="center" />
|
||||||
|
</el-table>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button v-if="showItemTable" @click="closeItemTable"
|
||||||
|
>关 闭</el-button
|
||||||
|
>
|
||||||
|
<el-button v-else type="primary" @click="submitForm">确 定</el-button>
|
||||||
|
<el-button v-if="!showItemTable" @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
listBillInfo,
|
||||||
|
getBillInfo,
|
||||||
|
delBillInfo,
|
||||||
|
addBillInfo,
|
||||||
|
updateBillInfo,
|
||||||
|
lookBillInfo,
|
||||||
|
} from "@/api/system/billInfo";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "BillInfo",
|
||||||
|
download: require("@/utils/request").download,
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
showItemTable: false,
|
||||||
|
tableLoading: false,
|
||||||
|
ItemData: [],
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 选中数组
|
||||||
|
ids: [],
|
||||||
|
// 非单个禁用
|
||||||
|
single: true,
|
||||||
|
// 非多个禁用
|
||||||
|
multiple: true,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 账单信息表格数据
|
||||||
|
billInfoList: [],
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
billCode: null,
|
||||||
|
billName: null,
|
||||||
|
billMonth: null,
|
||||||
|
billAmount: null,
|
||||||
|
paymentStatus: null,
|
||||||
|
billSource: null,
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
// 表单校验
|
||||||
|
rules: {
|
||||||
|
billCode: [
|
||||||
|
{ required: true, message: "账单编号不能为空", trigger: "blur" },
|
||||||
|
],
|
||||||
|
billName: [
|
||||||
|
{ required: true, message: "账单名称不能为空", trigger: "blur" },
|
||||||
|
],
|
||||||
|
billMonth: [
|
||||||
|
{ required: true, message: "账单月份不能为空", trigger: "blur" },
|
||||||
|
],
|
||||||
|
billAmount: [
|
||||||
|
{ required: true, message: "账单金额不能为空", trigger: "blur" },
|
||||||
|
],
|
||||||
|
paymentStatus: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "缴费状态,已缴费:PAID,未交费:UNPAID_FEES不能为空",
|
||||||
|
trigger: "blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
billSource: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "账单来源,短信:message;电话:telephone不能为空",
|
||||||
|
trigger: "blur",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
createTime: [
|
||||||
|
{ required: true, message: "创建时间不能为空", trigger: "blur" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询账单信息列表 */
|
||||||
|
getList() {
|
||||||
|
this.loading = true;
|
||||||
|
listBillInfo(this.queryParams).then((response) => {
|
||||||
|
this.billInfoList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
id: null,
|
||||||
|
billCode: null,
|
||||||
|
billName: null,
|
||||||
|
billMonth: null,
|
||||||
|
billAmount: null,
|
||||||
|
paymentStatus: "0",
|
||||||
|
billSource: null,
|
||||||
|
createTime: null,
|
||||||
|
};
|
||||||
|
this.resetForm("form");
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map((item) => item.id);
|
||||||
|
this.single = selection.length !== 1;
|
||||||
|
this.multiple = !selection.length;
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
handleAdd() {
|
||||||
|
this.reset();
|
||||||
|
this.open = true;
|
||||||
|
this.title = "添加账单信息";
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset();
|
||||||
|
const id = row.id || this.ids;
|
||||||
|
getBillInfo(id).then((response) => {
|
||||||
|
this.form = response.data;
|
||||||
|
this.open = true;
|
||||||
|
this.title = "修改账单信息";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm() {
|
||||||
|
this.$refs["form"].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.id != null) {
|
||||||
|
updateBillInfo(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess("修改成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
addBillInfo(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess("新增成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const ids = row.id || this.ids;
|
||||||
|
this.$modal
|
||||||
|
.confirm('是否确认删除账单信息编号为"' + ids + '"的数据项?')
|
||||||
|
.then(function () {
|
||||||
|
return delBillInfo(ids);
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.getList();
|
||||||
|
this.$modal.msgSuccess("删除成功");
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport(row) {
|
||||||
|
this.download(
|
||||||
|
"system/billInfo/exportDetails",
|
||||||
|
{
|
||||||
|
billCode: row.billCode,
|
||||||
|
},
|
||||||
|
`billInfo_${new Date().getTime()}.xlsx`
|
||||||
|
);
|
||||||
|
},
|
||||||
|
look(row) {
|
||||||
|
this.tableLoading = true;
|
||||||
|
lookBillInfo({ billCode: row.billCode }).then((res) => {
|
||||||
|
this.ItemData = res.data;
|
||||||
|
this.showItemTable = true;
|
||||||
|
this.open = true;
|
||||||
|
this.title = "账单明细";
|
||||||
|
this.tableLoading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
closeItemTable() {
|
||||||
|
this.showItemTable = false;
|
||||||
|
this.open = false;
|
||||||
|
},
|
||||||
|
closedDialog() {
|
||||||
|
this.ItemData = [];
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@ -229,8 +229,7 @@
|
|||||||
: ""
|
: ""
|
||||||
}}
|
}}
|
||||||
</template> -->
|
</template> -->
|
||||||
</el-table-column
|
</el-table-column>
|
||||||
>
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
label="科室电话"
|
label="科室电话"
|
||||||
align="center"
|
align="center"
|
||||||
@ -742,7 +741,7 @@ export default {
|
|||||||
],
|
],
|
||||||
departmentPhone: [
|
departmentPhone: [
|
||||||
{
|
{
|
||||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
pattern: /^(1[3-9]\d{9}|\d{7})$/,
|
||||||
message: "请输入正确的科室电话",
|
message: "请输入正确的科室电话",
|
||||||
trigger: "blur",
|
trigger: "blur",
|
||||||
},
|
},
|
||||||
@ -771,8 +770,8 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getMaxTableHeight()
|
this.getMaxTableHeight();
|
||||||
this.screenChange()
|
this.screenChange();
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getList();
|
this.getList();
|
||||||
@ -786,8 +785,8 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
updateCPage(index, size) {
|
updateCPage(index, size) {
|
||||||
this.queryParams.pageNum = index
|
this.queryParams.pageNum = index;
|
||||||
this.queryParams.pageSize = size
|
this.queryParams.pageSize = size;
|
||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
optionsubdivision(e) {
|
optionsubdivision(e) {
|
||||||
@ -849,11 +848,11 @@ export default {
|
|||||||
if (this.form.hospitalAgencyId) {
|
if (this.form.hospitalAgencyId) {
|
||||||
const arr = this.$refs["cascader"].getCheckedNodes()[0].pathLabels;
|
const arr = this.$refs["cascader"].getCheckedNodes()[0].pathLabels;
|
||||||
this.form.hospitalAgencyName = arr.slice(-1).join(",");
|
this.form.hospitalAgencyName = arr.slice(-1).join(",");
|
||||||
this.gethaveinfo(e[e.length - 1])
|
this.gethaveinfo(e[e.length - 1]);
|
||||||
this.form.parentDepartmentId = ''
|
this.form.parentDepartmentId = "";
|
||||||
this.form.parentDepartmentName = ''
|
this.form.parentDepartmentName = "";
|
||||||
} else {
|
} else {
|
||||||
this.form.parentDepartmentId = ''
|
this.form.parentDepartmentId = "";
|
||||||
this.form.hospitalAgencyName = "";
|
this.form.hospitalAgencyName = "";
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
@ -910,8 +909,8 @@ export default {
|
|||||||
this.$refs.upload.clearFiles();
|
this.$refs.upload.clearFiles();
|
||||||
this.$alert(
|
this.$alert(
|
||||||
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
"<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" +
|
||||||
response.msg +
|
response.msg +
|
||||||
"</div>",
|
"</div>",
|
||||||
"导入结果",
|
"导入结果",
|
||||||
{ dangerouslyUseHTMLString: true }
|
{ dangerouslyUseHTMLString: true }
|
||||||
);
|
);
|
||||||
@ -976,7 +975,7 @@ export default {
|
|||||||
createTime: null,
|
createTime: null,
|
||||||
updateBy: null,
|
updateBy: null,
|
||||||
updateTime: null,
|
updateTime: null,
|
||||||
parentDepartmentName:null,
|
parentDepartmentName: null,
|
||||||
};
|
};
|
||||||
this.resetForm("form");
|
this.resetForm("form");
|
||||||
},
|
},
|
||||||
@ -997,17 +996,16 @@ export default {
|
|||||||
this.multiple = !selection.length;
|
this.multiple = !selection.length;
|
||||||
},
|
},
|
||||||
getLeafIds(nodes) {
|
getLeafIds(nodes) {
|
||||||
console.log(nodes, ';node')
|
console.log(nodes, ";node");
|
||||||
|
|
||||||
this.form.hospitalAgencyIdtwo = JSON.parse(localStorage.getItem('user')).hospitalAgencyId;
|
this.form.hospitalAgencyIdtwo = JSON.parse(
|
||||||
|
localStorage.getItem("user")
|
||||||
|
).hospitalAgencyId;
|
||||||
|
|
||||||
let leafIds = [];
|
let leafIds = [];
|
||||||
nodes.forEach(node => {
|
nodes.forEach((node) => {
|
||||||
|
|
||||||
if (node.id == this.form.hospitalAgencyIdtwo) {
|
if (node.id == this.form.hospitalAgencyIdtwo) {
|
||||||
this.form.hospitalAgencyName = node.label;
|
this.form.hospitalAgencyName = node.label;
|
||||||
|
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
if (node.children) {
|
if (node.children) {
|
||||||
// 如果有子节点,递归调用getLeafIds
|
// 如果有子节点,递归调用getLeafIds
|
||||||
@ -1016,25 +1014,20 @@ export default {
|
|||||||
// 如果没有子节点,取当前节点的id
|
// 如果没有子节点,取当前节点的id
|
||||||
leafIds.push(node.id);
|
leafIds.push(node.id);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
});
|
});
|
||||||
return leafIds;
|
return leafIds;
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
|
this.getinfo();
|
||||||
this.getinfo()
|
|
||||||
|
|
||||||
this.reset();
|
this.reset();
|
||||||
this.open = true;
|
this.open = true;
|
||||||
this.title = "添加科室信息";
|
this.title = "添加科室信息";
|
||||||
if (localStorage.getItem('roleKey') != 'admin') {
|
if (localStorage.getItem("roleKey") != "admin") {
|
||||||
this.getLeafIds(this.treeOptions)
|
this.getLeafIds(this.treeOptions);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/** 修改按钮操作 */
|
/** 修改按钮操作 */
|
||||||
@ -1043,21 +1036,24 @@ export default {
|
|||||||
const id = row.id || this.ids;
|
const id = row.id || this.ids;
|
||||||
getDepartment(id).then((response) => {
|
getDepartment(id).then((response) => {
|
||||||
this.form = response.data;
|
this.form = response.data;
|
||||||
this.form.hospitalAgencyIdtwo = this.form.hospitalAgencyId
|
this.form.hospitalAgencyIdtwo = this.form.hospitalAgencyId;
|
||||||
this.form.parentDepartmentName = response.data.parentDepartmentName;
|
this.form.parentDepartmentName = response.data.parentDepartmentName;
|
||||||
this.open = true;
|
this.open = true;
|
||||||
this.gethaveinfo(this.form.hospitalAgencyId)
|
this.gethaveinfo(this.form.hospitalAgencyId);
|
||||||
this.title = "修改科室信息";
|
this.title = "修改科室信息";
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
submitForm() {
|
submitForm() {
|
||||||
let reg = new RegExp("-", "g");
|
let reg = new RegExp("-", "g");
|
||||||
if (this.form.establishDate && this.form.revokeDate && new Date(this.form.establishDate.replace(reg, "/")) >
|
if (
|
||||||
new Date(this.form.revokeDate.replace(reg, "/"))) {
|
this.form.establishDate &&
|
||||||
|
this.form.revokeDate &&
|
||||||
|
new Date(this.form.establishDate.replace(reg, "/")) >
|
||||||
|
new Date(this.form.revokeDate.replace(reg, "/"))
|
||||||
|
) {
|
||||||
this.$message.error("撤销日期要大于成立日期");
|
this.$message.error("撤销日期要大于成立日期");
|
||||||
}
|
} else {
|
||||||
else {
|
|
||||||
this.$refs["form"].validate((valid) => {
|
this.$refs["form"].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (this.form.id != null) {
|
if (this.form.id != null) {
|
||||||
@ -1068,7 +1064,7 @@ export default {
|
|||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
if (!this.form.hospitalAgencyId) {
|
if (!this.form.hospitalAgencyId) {
|
||||||
this.form.hospitalAgencyId = this.form.hospitalAgencyIdtwo
|
this.form.hospitalAgencyId = this.form.hospitalAgencyIdtwo;
|
||||||
}
|
}
|
||||||
|
|
||||||
addDepartment(this.form).then((response) => {
|
addDepartment(this.form).then((response) => {
|
||||||
@ -1093,7 +1089,7 @@ export default {
|
|||||||
this.getList();
|
this.getList();
|
||||||
this.$modal.msgSuccess("删除成功");
|
this.$modal.msgSuccess("删除成功");
|
||||||
})
|
})
|
||||||
.catch(() => { });
|
.catch(() => {});
|
||||||
},
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
handleExport() {
|
handleExport() {
|
||||||
@ -1107,26 +1103,27 @@ export default {
|
|||||||
},
|
},
|
||||||
// 获取表格最高高度
|
// 获取表格最高高度
|
||||||
getMaxTableHeight() {
|
getMaxTableHeight() {
|
||||||
const windowInnerHeight = window.innerHeight // 屏幕可视高度
|
const windowInnerHeight = window.innerHeight; // 屏幕可视高度
|
||||||
const layoutDiv = this.$refs.layout
|
const layoutDiv = this.$refs.layout;
|
||||||
const formDiv = this.$refs.topform
|
const formDiv = this.$refs.topform;
|
||||||
const mb8Div = this.$refs.mb8
|
const mb8Div = this.$refs.mb8;
|
||||||
this.maxTableHeight =
|
this.maxTableHeight =
|
||||||
windowInnerHeight - 134 -
|
windowInnerHeight -
|
||||||
|
134 -
|
||||||
this.getBoxPadding(layoutDiv) -
|
this.getBoxPadding(layoutDiv) -
|
||||||
this.getBoxHeight(mb8Div) -
|
this.getBoxHeight(mb8Div) -
|
||||||
this.getBoxHeight(formDiv)
|
this.getBoxHeight(formDiv);
|
||||||
},
|
},
|
||||||
// 屏幕resize监听
|
// 屏幕resize监听
|
||||||
screenChange() {
|
screenChange() {
|
||||||
// 屏幕resize监听事件:一旦屏幕宽高发生变化,就会执行resize
|
// 屏幕resize监听事件:一旦屏幕宽高发生变化,就会执行resize
|
||||||
window.addEventListener('resize', this.getMaxTableHeight, true)
|
window.addEventListener("resize", this.getMaxTableHeight, true);
|
||||||
// 将屏幕监听事件移除
|
// 将屏幕监听事件移除
|
||||||
// 这步是必须的。离开页面时不移除,再返回,或者进入到别的有相同元素的页面会报错
|
// 这步是必须的。离开页面时不移除,再返回,或者进入到别的有相同元素的页面会报错
|
||||||
// 或者将这里的方法直接写在beforeDestroy函数中也可以
|
// 或者将这里的方法直接写在beforeDestroy函数中也可以
|
||||||
this.$once('hook:beforeDestroy', () => {
|
this.$once("hook:beforeDestroy", () => {
|
||||||
window.removeEventListener('resize', this.getMaxTableHeight, true)
|
window.removeEventListener("resize", this.getMaxTableHeight, true);
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|||||||
523
src/views/system/phoneDialRecord/index.vue
Normal file
523
src/views/system/phoneDialRecord/index.vue
Normal file
@ -0,0 +1,523 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form
|
||||||
|
:model="queryParams"
|
||||||
|
ref="queryForm"
|
||||||
|
size="small"
|
||||||
|
:inline="true"
|
||||||
|
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-input
|
||||||
|
v-model="queryParams.patientPhone"
|
||||||
|
placeholder="请输入患者手机号"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="呼叫时间" prop="dialTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="queryParams.dialTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择呼叫时间"
|
||||||
|
>
|
||||||
|
</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-input
|
||||||
|
v-model="queryParams.phoneTemplateName"
|
||||||
|
placeholder="请输入电话模板名称"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="AI :自动外呼 或 COMMON:人工随访电话,否则为空"
|
||||||
|
prop="phoneDialMethod"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
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"
|
||||||
|
>
|
||||||
|
<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-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-search"
|
||||||
|
size="mini"
|
||||||
|
@click="handleQuery"
|
||||||
|
>搜索</el-button
|
||||||
|
>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="warning"
|
||||||
|
plain
|
||||||
|
icon="el-icon-download"
|
||||||
|
size="mini"
|
||||||
|
@click="handleExport"
|
||||||
|
v-hasPermi="['system:phoneDialRecord:export']"
|
||||||
|
>导出</el-button
|
||||||
|
>
|
||||||
|
</el-col>
|
||||||
|
<right-toolbar
|
||||||
|
style="margin-right: 20px"
|
||||||
|
:showSearch.sync="showSearch"
|
||||||
|
@queryTable="getList"
|
||||||
|
></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="phoneDialRecordList"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<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 label="患者手机号" align="center" prop="patientPhone" />
|
||||||
|
<el-table-column
|
||||||
|
label="呼叫时间"
|
||||||
|
align="center"
|
||||||
|
prop="dialTime"
|
||||||
|
width="180"
|
||||||
|
>
|
||||||
|
<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="替换标签之后的电话内容"
|
||||||
|
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
|
||||||
|
label="推送结果状态码,success:成功,fail:失败"
|
||||||
|
align="center"
|
||||||
|
prop="errorStatus"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="生成通话录音唯一标识,可通过该标识,获取录音"
|
||||||
|
align="center"
|
||||||
|
prop="ctUuid"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="通话记录录音存储路径"
|
||||||
|
align="center"
|
||||||
|
prop="phoneDialRecordVideo"
|
||||||
|
/>
|
||||||
|
<el-table-column label="通话时长" align="center" prop="phoneDuration" />
|
||||||
|
<el-table-column label="通话费用" align="center" prop="phoneCost" />
|
||||||
|
<el-table-column label="关联账单id" align="center" prop="billId" />
|
||||||
|
<el-table-column
|
||||||
|
label="操作"
|
||||||
|
align="center"
|
||||||
|
class-name="small-padding fixed-width"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-edit"
|
||||||
|
@click="handleUpdate(scope.row)"
|
||||||
|
v-hasPermi="['system:phoneDialRecord:edit']"
|
||||||
|
>修改</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleDelete(scope.row)"
|
||||||
|
v-hasPermi="['system:phoneDialRecord:remove']"
|
||||||
|
>删除</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="total > 0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 添加或修改电话拨打记录对话框 -->
|
||||||
|
<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-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"
|
||||||
|
placeholder="请输入患者手机号"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="呼叫时间" prop="dialTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="form.dialTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择呼叫时间"
|
||||||
|
>
|
||||||
|
</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="替换标签之后的电话内容">
|
||||||
|
<editor v-model="form.messageNodeContent" :min-height="192" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="AI :自动外呼 或 COMMON:人工随访电话,否则为空"
|
||||||
|
prop="phoneDialMethod"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="form.phoneDialMethod"
|
||||||
|
placeholder="请输入AI :自动外呼 或 COMMON:人工随访电话,否则为空"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="推送结果状态码" prop="errorCode">
|
||||||
|
<el-input
|
||||||
|
v-model="form.errorCode"
|
||||||
|
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-input
|
||||||
|
v-model="form.phoneDialRecordVideo"
|
||||||
|
placeholder="请输入通话记录录音存储路径"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="通话时长" prop="phoneDuration">
|
||||||
|
<el-input v-model="form.phoneDuration" placeholder="请输入通话时长" />
|
||||||
|
</el-form-item>
|
||||||
|
<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>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
listPhoneDialRecord,
|
||||||
|
getPhoneDialRecord,
|
||||||
|
delPhoneDialRecord,
|
||||||
|
addPhoneDialRecord,
|
||||||
|
updatePhoneDialRecord,
|
||||||
|
} from "@/api/system/phoneDialRecord";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "PhoneDialRecord",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 选中数组
|
||||||
|
ids: [],
|
||||||
|
// 非单个禁用
|
||||||
|
single: true,
|
||||||
|
// 非多个禁用
|
||||||
|
multiple: true,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 电话拨打记录表格数据
|
||||||
|
phoneDialRecordList: [],
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
patientId: null,
|
||||||
|
manageRouteNodeId: null,
|
||||||
|
patientPhone: null,
|
||||||
|
dialTime: null,
|
||||||
|
phoneTemplateId: null,
|
||||||
|
phoneTemplateName: null,
|
||||||
|
messageNodeContent: null,
|
||||||
|
phoneDialMethod: null,
|
||||||
|
errorCode: null,
|
||||||
|
errorStatus: null,
|
||||||
|
ctUuid: null,
|
||||||
|
phoneDialRecordVideo: null,
|
||||||
|
phoneDuration: null,
|
||||||
|
phoneCost: null,
|
||||||
|
billId: null,
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
// 表单校验
|
||||||
|
rules: {},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询电话拨打记录列表 */
|
||||||
|
getList() {
|
||||||
|
this.loading = true;
|
||||||
|
listPhoneDialRecord(this.queryParams).then((response) => {
|
||||||
|
this.phoneDialRecordList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
id: null,
|
||||||
|
patientId: null,
|
||||||
|
manageRouteNodeId: null,
|
||||||
|
patientPhone: null,
|
||||||
|
dialTime: null,
|
||||||
|
phoneTemplateId: null,
|
||||||
|
phoneTemplateName: null,
|
||||||
|
messageNodeContent: null,
|
||||||
|
phoneDialMethod: null,
|
||||||
|
errorCode: null,
|
||||||
|
errorStatus: "0",
|
||||||
|
createBy: null,
|
||||||
|
createTime: null,
|
||||||
|
updateBy: null,
|
||||||
|
updateTime: null,
|
||||||
|
ctUuid: null,
|
||||||
|
phoneDialRecordVideo: null,
|
||||||
|
phoneDuration: null,
|
||||||
|
phoneCost: null,
|
||||||
|
billId: null,
|
||||||
|
};
|
||||||
|
this.resetForm("form");
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map((item) => item.id);
|
||||||
|
this.single = selection.length !== 1;
|
||||||
|
this.multiple = !selection.length;
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
handleAdd() {
|
||||||
|
this.reset();
|
||||||
|
this.open = true;
|
||||||
|
this.title = "添加电话拨打记录";
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset();
|
||||||
|
const id = row.id || this.ids;
|
||||||
|
getPhoneDialRecord(id).then((response) => {
|
||||||
|
this.form = response.data;
|
||||||
|
this.open = true;
|
||||||
|
this.title = "修改电话拨打记录";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm() {
|
||||||
|
this.$refs["form"].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.id != null) {
|
||||||
|
updatePhoneDialRecord(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess("修改成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
addPhoneDialRecord(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess("新增成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const ids = row.id || this.ids;
|
||||||
|
this.$modal
|
||||||
|
.confirm('是否确认删除电话拨打记录编号为"' + ids + '"的数据项?')
|
||||||
|
.then(function () {
|
||||||
|
return delPhoneDialRecord(ids);
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.getList();
|
||||||
|
this.$modal.msgSuccess("删除成功");
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
this.download(
|
||||||
|
"system/phoneDialRecord/export",
|
||||||
|
{
|
||||||
|
...this.queryParams,
|
||||||
|
},
|
||||||
|
`phoneDialRecord_${new Date().getTime()}.xlsx`
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
381
src/views/system/shortMessageSendRecord/index.vue
Normal file
381
src/views/system/shortMessageSendRecord/index.vue
Normal file
@ -0,0 +1,381 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form
|
||||||
|
:model="queryParams"
|
||||||
|
ref="queryForm"
|
||||||
|
size="small"
|
||||||
|
:inline="true"
|
||||||
|
v-show="showSearch"
|
||||||
|
label-width="68px"
|
||||||
|
>
|
||||||
|
<el-form-item label="姓名" prop="patientId">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.patientId"
|
||||||
|
placeholder="请输入患者姓名"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="患者手机号" prop="patientPhone" label-width="90px">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.patientPhone"
|
||||||
|
placeholder="请输入患者手机号"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="消息发送时间" prop="sendTime" label-width="98px">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="queryParams.sendTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择消息发送时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="关联账单" prop="billId">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.billId"
|
||||||
|
placeholder="请输入关联账单id"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-search"
|
||||||
|
size="mini"
|
||||||
|
@click="handleQuery"
|
||||||
|
>搜索</el-button
|
||||||
|
>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="warning"
|
||||||
|
plain
|
||||||
|
icon="el-icon-download"
|
||||||
|
size="mini"
|
||||||
|
@click="handleExport"
|
||||||
|
v-hasPermi="['system:shortMessageSendRecord:export']"
|
||||||
|
>导出</el-button
|
||||||
|
>
|
||||||
|
</el-col>
|
||||||
|
<right-toolbar
|
||||||
|
style="margin-right: 20px"
|
||||||
|
:showSearch.sync="showSearch"
|
||||||
|
@queryTable="getList"
|
||||||
|
></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="shortMessageSendRecordList"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
|
<el-table-column label="姓名" align="center" prop="patientId" />
|
||||||
|
<el-table-column label="患者手机号" align="center" prop="patientPhone" />
|
||||||
|
<el-table-column
|
||||||
|
label="消息发送时间"
|
||||||
|
align="center"
|
||||||
|
prop="sendTime"
|
||||||
|
width="180"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ parseTime(scope.row.sendTime, "{y}-{m}-{d}") }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="模板名称"
|
||||||
|
align="center"
|
||||||
|
prop="messageTemplateId"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<el-table-column label="短信长度" align="center" prop="messageLength" />
|
||||||
|
<el-table-column label="短信数量" align="center" prop="messageQuantity" />
|
||||||
|
<el-table-column
|
||||||
|
label="短信单价"
|
||||||
|
align="center"
|
||||||
|
prop="messageUnitPrice"
|
||||||
|
/>
|
||||||
|
<el-table-column label="短信价格" align="center" prop="messagePrice" />
|
||||||
|
<el-table-column label="关联账单" align="center" prop="billId" />
|
||||||
|
<el-table-column
|
||||||
|
label="操作"
|
||||||
|
align="center"
|
||||||
|
class-name="small-padding fixed-width"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-edit"
|
||||||
|
@click="handleUpdate(scope.row)"
|
||||||
|
v-hasPermi="['system:shortMessageSendRecord:edit']"
|
||||||
|
>修改</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleDelete(scope.row)"
|
||||||
|
v-hasPermi="['system:shortMessageSendRecord:remove']"
|
||||||
|
>删除</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="total > 0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 添加或修改短信发送结果记录对话框 -->
|
||||||
|
<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-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"
|
||||||
|
placeholder="请输入患者手机号"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="消息发送时间" prop="sendTime">
|
||||||
|
<el-date-picker
|
||||||
|
clearable
|
||||||
|
v-model="form.sendTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
placeholder="请选择消息发送时间"
|
||||||
|
>
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="消息模板id" prop="messageTemplateId">
|
||||||
|
<el-input
|
||||||
|
v-model="form.messageTemplateId"
|
||||||
|
placeholder="请输入消息模板id"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="消息内容">
|
||||||
|
<editor v-model="form.messageNodeContent" :min-height="192" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="推送结果状态码" prop="errorCode">
|
||||||
|
<el-input
|
||||||
|
v-model="form.errorCode"
|
||||||
|
placeholder="请输入推送结果状态码"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="短信长度" prop="messageLength">
|
||||||
|
<el-input v-model="form.messageLength" placeholder="请输入短信长度" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="短信数量" prop="messageQuantity">
|
||||||
|
<el-input
|
||||||
|
v-model="form.messageQuantity"
|
||||||
|
placeholder="请输入短信数量"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="短信单价" prop="messageUnitPrice">
|
||||||
|
<el-input
|
||||||
|
v-model="form.messageUnitPrice"
|
||||||
|
placeholder="请输入短信单价"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="短信价格" prop="messagePrice">
|
||||||
|
<el-input v-model="form.messagePrice" 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>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
listShortMessageSendRecord,
|
||||||
|
getShortMessageSendRecord,
|
||||||
|
delShortMessageSendRecord,
|
||||||
|
addShortMessageSendRecord,
|
||||||
|
updateShortMessageSendRecord,
|
||||||
|
} from "@/api/system/shortMessageSendRecord";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "ShortMessageSendRecord",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 选中数组
|
||||||
|
ids: [],
|
||||||
|
// 非单个禁用
|
||||||
|
single: true,
|
||||||
|
// 非多个禁用
|
||||||
|
multiple: true,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 短信发送结果记录表格数据
|
||||||
|
shortMessageSendRecordList: [],
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
patientId: null,
|
||||||
|
patientPhone: null,
|
||||||
|
sendTime: null,
|
||||||
|
messageNodeContent: null,
|
||||||
|
errorStatus: null,
|
||||||
|
messageType: null,
|
||||||
|
billId: null,
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
// 表单校验
|
||||||
|
rules: {},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 查询短信发送结果记录列表 */
|
||||||
|
getList() {
|
||||||
|
this.loading = true;
|
||||||
|
listShortMessageSendRecord(this.queryParams).then((response) => {
|
||||||
|
this.shortMessageSendRecordList = response.rows;
|
||||||
|
this.total = response.total;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
id: null,
|
||||||
|
patientId: null,
|
||||||
|
patientPhone: null,
|
||||||
|
sendTime: null,
|
||||||
|
messageNodeContent: null,
|
||||||
|
errorStatus: "0",
|
||||||
|
createBy: null,
|
||||||
|
createTime: null,
|
||||||
|
updateBy: null,
|
||||||
|
updateTime: null,
|
||||||
|
messageType: null,
|
||||||
|
billId: null,
|
||||||
|
};
|
||||||
|
this.resetForm("form");
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map((item) => item.id);
|
||||||
|
this.single = selection.length !== 1;
|
||||||
|
this.multiple = !selection.length;
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
handleAdd() {
|
||||||
|
this.reset();
|
||||||
|
this.open = true;
|
||||||
|
this.title = "添加短信发送结果记录";
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset();
|
||||||
|
const id = row.id || this.ids;
|
||||||
|
getShortMessageSendRecord(id).then((response) => {
|
||||||
|
this.form = response.data;
|
||||||
|
this.open = true;
|
||||||
|
this.title = "修改短信发送结果记录";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm() {
|
||||||
|
this.$refs["form"].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.id != null) {
|
||||||
|
updateShortMessageSendRecord(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess("修改成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
addShortMessageSendRecord(this.form).then((response) => {
|
||||||
|
this.$modal.msgSuccess("新增成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const ids = row.id || this.ids;
|
||||||
|
this.$modal
|
||||||
|
.confirm('是否确认删除短信发送结果记录编号为"' + ids + '"的数据项?')
|
||||||
|
.then(function () {
|
||||||
|
return delShortMessageSendRecord(ids);
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.getList();
|
||||||
|
this.$modal.msgSuccess("删除成功");
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
this.download(
|
||||||
|
"system/shortMessageSendRecord/export",
|
||||||
|
{
|
||||||
|
...this.queryParams,
|
||||||
|
},
|
||||||
|
`shortMessageSendRecord_${new Date().getTime()}.xlsx`
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
@ -2,37 +2,73 @@
|
|||||||
<div class="app-container" ref="layout">
|
<div class="app-container" ref="layout">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="5">
|
<el-col :span="5">
|
||||||
<DepartmentList ref="DepartmentList" @clickdepartment="clickdepartment" :methods="'selectDiseaseCount'">
|
<DepartmentList
|
||||||
|
ref="DepartmentList"
|
||||||
|
@clickdepartment="clickdepartment"
|
||||||
|
:methods="'selectDiseaseCount'"
|
||||||
|
>
|
||||||
</DepartmentList>
|
</DepartmentList>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="19">
|
<el-col :span="19">
|
||||||
<div ref="topform" class="form">
|
<div ref="topform" class="form">
|
||||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
|
<el-form
|
||||||
label-width="68px">
|
:model="queryParams"
|
||||||
|
ref="queryForm"
|
||||||
|
size="small"
|
||||||
|
:inline="true"
|
||||||
|
v-show="showSearch"
|
||||||
|
label-width="68px"
|
||||||
|
>
|
||||||
<el-form-item label="发布状态" prop="releaseStatus">
|
<el-form-item label="发布状态" prop="releaseStatus">
|
||||||
<el-select v-model="queryParams.releaseStatus" placeholder="请选择">
|
<el-select
|
||||||
|
v-model="queryParams.releaseStatus"
|
||||||
|
placeholder="请选择"
|
||||||
|
>
|
||||||
<el-option label="已发布" value="PUBLISHED" />
|
<el-option label="已发布" value="PUBLISHED" />
|
||||||
<el-option label="未发布" value="UNPUBLISHED" />
|
<el-option label="未发布" value="UNPUBLISHED" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="路径分类" prop="routeClassify">
|
<el-form-item label="路径分类" prop="routeClassify">
|
||||||
<el-select v-model="queryParams.routeClassify" placeholder="请选择">
|
<el-select
|
||||||
|
v-model="queryParams.routeClassify"
|
||||||
|
placeholder="请选择"
|
||||||
|
>
|
||||||
<el-option label="全部" value="ALL" />
|
<el-option label="全部" value="ALL" />
|
||||||
<el-option label="科室管理路径" value="DEPARTMENT_MANAGE_PATH" />
|
<el-option
|
||||||
<el-option label="专病管理路径" value="SPECIAL_DIEASE_MANAGE_PATH" />
|
label="科室管理路径"
|
||||||
|
value="DEPARTMENT_MANAGE_PATH"
|
||||||
|
/>
|
||||||
|
<el-option
|
||||||
|
label="专病管理路径"
|
||||||
|
value="SPECIAL_DIEASE_MANAGE_PATH"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
<el-button
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
type="primary"
|
||||||
|
icon="el-icon-search"
|
||||||
|
size="mini"
|
||||||
|
@click="handleQuery"
|
||||||
|
>搜索</el-button
|
||||||
|
>
|
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
||||||
|
>重置</el-button
|
||||||
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div ref="mb8" class="mb8">
|
<div ref="mb8" class="mb8">
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增主路径</el-button>
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
icon="el-icon-plus"
|
||||||
|
size="mini"
|
||||||
|
@click="handleAdd"
|
||||||
|
>新增主路径</el-button
|
||||||
|
>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!-- <el-col :span="1.5">
|
<!-- <el-col :span="1.5">
|
||||||
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
|
<el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
|
||||||
@ -46,84 +82,201 @@
|
|||||||
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
|
||||||
v-hasPermi="['system:specialDiseaseRoute:export']">导出</el-button>
|
v-hasPermi="['system:specialDiseaseRoute:export']">导出</el-button>
|
||||||
</el-col> -->
|
</el-col> -->
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
<right-toolbar
|
||||||
|
:showSearch.sync="showSearch"
|
||||||
|
@queryTable="getList"
|
||||||
|
></right-toolbar>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
<div ref="table">
|
<div ref="table">
|
||||||
<el-table :max-height="maxTableHeight" v-loading="loading" :data="specialDiseaseRouteList"
|
<el-table
|
||||||
@selection-change="handleSelectionChange">
|
:max-height="maxTableHeight"
|
||||||
<el-table-column label="序号" type="index" width="55" align="center" />
|
v-loading="loading"
|
||||||
|
:data="specialDiseaseRouteList"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
label="序号"
|
||||||
|
type="index"
|
||||||
|
width="55"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
<el-table-column label="路径名称" align="center" prop="routeName" />
|
<el-table-column label="路径名称" align="center" prop="routeName" />
|
||||||
<el-table-column label="版本号" align="center" prop="version" />
|
<el-table-column label="版本号" align="center" prop="version" />
|
||||||
<el-table-column label="路径分类" align="center" prop="routeClassify">
|
<el-table-column
|
||||||
|
label="路径分类"
|
||||||
|
align="center"
|
||||||
|
prop="routeClassify"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.routeClassify == 'DEPARTMENT_MANAGE_PATH' ? '科室管理路径' : '' }}
|
{{
|
||||||
{{ scope.row.routeClassify == 'SPECIAL_DIEASE_MANAGE_PATH' ? '专病管理路径' : '' }}
|
scope.row.routeClassify == "DEPARTMENT_MANAGE_PATH"
|
||||||
|
? "科室管理路径"
|
||||||
|
: ""
|
||||||
|
}}
|
||||||
|
{{
|
||||||
|
scope.row.routeClassify == "SPECIAL_DIEASE_MANAGE_PATH"
|
||||||
|
? "专病管理路径"
|
||||||
|
: ""
|
||||||
|
}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="发布状态" align="center" prop="releaseStatus">
|
<el-table-column
|
||||||
|
label="发布状态"
|
||||||
|
align="center"
|
||||||
|
prop="releaseStatus"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag type="success" v-if="scope.row.releaseStatus == 'PUBLISHED'">已发布</el-tag>
|
<el-tag
|
||||||
|
type="success"
|
||||||
|
v-if="scope.row.releaseStatus == 'PUBLISHED'"
|
||||||
|
>已发布</el-tag
|
||||||
|
>
|
||||||
<el-tag type="warning" v-else>未发布</el-tag>
|
<el-tag type="warning" v-else>未发布</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="病种名称" align="center" prop="diseaseTypeName" />
|
<el-table-column
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
label="病种名称"
|
||||||
|
align="center"
|
||||||
|
prop="diseaseTypeName"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="操作"
|
||||||
|
align="center"
|
||||||
|
class-name="small-padding fixed-width"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button size="mini" type="text" v-if="scope.row.releaseStatus == 'PUBLISHED'"
|
<el-button
|
||||||
@click="norelease(scope.row)">取消发布</el-button>
|
size="mini"
|
||||||
<el-button size="mini" type="text" v-else @click="release(scope.row)">发布</el-button>
|
type="text"
|
||||||
|
v-if="scope.row.releaseStatus == 'PUBLISHED'"
|
||||||
|
@click="norelease(scope.row)"
|
||||||
|
>取消发布</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
v-else
|
||||||
|
@click="release(scope.row)"
|
||||||
|
>发布</el-button
|
||||||
|
>
|
||||||
<!-- <el-button size="mini" type="text">复制</el-button> -->
|
<!-- <el-button size="mini" type="text">复制</el-button> -->
|
||||||
<el-button size="mini" type="text" @click="handleUpdate(scope.row)"
|
<el-button
|
||||||
v-hasPermi="['system:specialDiseaseRoute:edit']">编辑</el-button>
|
size="mini"
|
||||||
<el-button size="mini" type="text" @click="handlecopy(scope.row)"
|
type="text"
|
||||||
>克隆</el-button>
|
@click="handleUpdate(scope.row)"
|
||||||
<el-button size="mini" type="text" @click="handleDelete(scope.row)"
|
v-hasPermi="['system:specialDiseaseRoute:edit']"
|
||||||
v-hasPermi="['system:specialDiseaseRoute:remove']">删除</el-button>
|
>编辑</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="handlecopy(scope.row)"
|
||||||
|
>克隆</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="handleDelete(scope.row)"
|
||||||
|
v-hasPermi="['system:specialDiseaseRoute:remove']"
|
||||||
|
>删除</el-button
|
||||||
|
>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
|
<!-- <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
|
||||||
:limit.sync="queryParams.pageSize" @pagination="getList" /> -->
|
:limit.sync="queryParams.pageSize" @pagination="getList" /> -->
|
||||||
<myPagination v-show="total > 0" :total="total" :pageSize="queryParams.pageSize"
|
<myPagination
|
||||||
:indexFromWrap="queryParams.pageNum" @updateCPage="updateCPage"></myPagination>
|
v-show="total > 0"
|
||||||
|
:total="total"
|
||||||
|
:pageSize="queryParams.pageSize"
|
||||||
|
:indexFromWrap="queryParams.pageNum"
|
||||||
|
@updateCPage="updateCPage"
|
||||||
|
></myPagination>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<!-- 添加或修改专病路径信息对话框 -->
|
<!-- 添加或修改专病路径信息对话框 -->
|
||||||
<el-dialog :title="title" :visible.sync="open" width="560px" append-to-body>
|
<el-dialog :title="title" :visible.sync="open" width="560px" append-to-body>
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
||||||
<el-form-item label="所属科室" prop="departmentId">
|
<el-form-item label="所属科室" prop="departmentId">
|
||||||
<el-select v-model="form.departmentId" placeholder="请选择所属科室" style="width:380px" @change="changedepartment">
|
<el-select
|
||||||
<el-option v-for="item in adddepartmentlist" :key="item.id" :label="item.departmentName" :value="item.id" />
|
v-model="form.departmentId"
|
||||||
|
placeholder="请选择所属科室"
|
||||||
|
style="width: 380px"
|
||||||
|
@change="changedepartment"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in adddepartmentlist"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.departmentName"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="所属病种" prop="diseaseTypeId">
|
<el-form-item label="所属病种" prop="diseaseTypeId">
|
||||||
<el-select v-model="form.diseaseTypeId" placeholder="请选择所属病种" style="width:380px">
|
<el-select
|
||||||
<el-option v-for="item in adddiseaselist" :key="item.id" :label="item.diseaseTypeName" :value="item.id" />
|
v-model="form.diseaseTypeId"
|
||||||
|
placeholder="请选择所属病种"
|
||||||
|
style="width: 380px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in adddiseaselist"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.diseaseTypeName"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="所属服务包" prop="servicePackageId">
|
<el-form-item label="所属服务包" prop="servicePackageId">
|
||||||
<el-select v-model="form.servicePackageId" placeholder="请选择所属服务包" style="width:380px" multiple>
|
<el-select
|
||||||
<el-option v-for="item in addpackagelist" :key="item.id" :label="item.packageName" :value="item.id" />
|
v-model="form.servicePackageId"
|
||||||
|
placeholder="请选择所属服务包"
|
||||||
|
style="width: 380px"
|
||||||
|
multiple
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in addpackagelist"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.packageName"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="路径名称" prop="routeName">
|
<el-form-item label="路径名称" prop="routeName">
|
||||||
<el-input v-model="form.routeName" placeholder="请输入路径名称" style="width:380px" />
|
<el-input
|
||||||
|
v-model="form.routeName"
|
||||||
|
placeholder="请输入路径名称"
|
||||||
|
style="width: 380px"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="版本号" prop="version">
|
<el-form-item label="版本号" prop="version">
|
||||||
<el-input v-model="form.version" placeholder="请输入版本号" style="width:380px" />
|
<el-input
|
||||||
|
v-model="form.version"
|
||||||
|
placeholder="请输入版本号"
|
||||||
|
style="width: 380px"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="路径分类" prop="routeClassify">
|
<el-form-item label="路径分类" prop="routeClassify">
|
||||||
<el-select v-model="form.routeClassify" placeholder="请选择路径分类" style="width:380px">
|
<el-select
|
||||||
|
v-model="form.routeClassify"
|
||||||
|
placeholder="请选择路径分类"
|
||||||
|
style="width: 380px"
|
||||||
|
>
|
||||||
<el-option label="全部" value="ALL" />
|
<el-option label="全部" value="ALL" />
|
||||||
<el-option label="科室管理路径" value="DEPARTMENT_MANAGE_PATH" />
|
<el-option label="科室管理路径" value="DEPARTMENT_MANAGE_PATH" />
|
||||||
<el-option label="专病管理路径" value="SPECIAL_DIEASE_MANAGE_PATH" />
|
<el-option
|
||||||
|
label="专病管理路径"
|
||||||
|
value="SPECIAL_DIEASE_MANAGE_PATH"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="适用范围" prop="suitRange">
|
<el-form-item label="适用范围" prop="suitRange">
|
||||||
<el-select v-model="form.suitRange" placeholder="请选择适用范围" style="width:380px">
|
<el-select
|
||||||
|
v-model="form.suitRange"
|
||||||
|
placeholder="请选择适用范围"
|
||||||
|
style="width: 380px"
|
||||||
|
>
|
||||||
<el-option label="在院" value="IN_THE_HOSPITAL" />
|
<el-option label="在院" value="IN_THE_HOSPITAL" />
|
||||||
<el-option label="出院" value="DISCHARGE" />
|
<el-option label="出院" value="DISCHARGE" />
|
||||||
<el-option label="门诊" value="OUTPATIENT_SERVICE" />
|
<el-option label="门诊" value="OUTPATIENT_SERVICE" />
|
||||||
@ -131,10 +284,19 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="排序" prop="routeSort">
|
<el-form-item label="排序" prop="routeSort">
|
||||||
<el-input v-model="form.routeSort" placeholder="请输入排序" style="width:380px" />
|
<el-input
|
||||||
|
v-model="form.routeSort"
|
||||||
|
placeholder="请输入排序"
|
||||||
|
style="width: 380px"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注信息" prop="routeRemark">
|
<el-form-item label="备注信息" prop="routeRemark">
|
||||||
<el-input type="textarea" v-model="form.routeRemark" placeholder="请输入备注信息" style="width:380px" />
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
v-model="form.routeRemark"
|
||||||
|
placeholder="请输入备注信息"
|
||||||
|
style="width: 380px"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
@ -146,13 +308,19 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
listSpecialDiseaseRoute, getSpecialDiseaseRoute, addSpecialDiseaseRoute, updateSpecialDiseaseRoute,
|
listSpecialDiseaseRoute,
|
||||||
editReleaseStatus, selectDiseaseCount, getDepartmentList, getdiseaseList, specialDiseaseRoutedel,cloneRoute
|
getSpecialDiseaseRoute,
|
||||||
|
addSpecialDiseaseRoute,
|
||||||
|
updateSpecialDiseaseRoute,
|
||||||
|
editReleaseStatus,
|
||||||
|
selectDiseaseCount,
|
||||||
|
getDepartmentList,
|
||||||
|
getdiseaseList,
|
||||||
|
specialDiseaseRoutedel,
|
||||||
|
cloneRoute,
|
||||||
} from "@/api/system/specialDiseaseRoute";
|
} from "@/api/system/specialDiseaseRoute";
|
||||||
import {
|
import { servicepackageinfo } from "@/api/manage/signRecord.js";
|
||||||
servicepackageinfo
|
import DepartmentList from "../../components/DepartmentList.vue";
|
||||||
} from '@/api/manage/signRecord.js'
|
|
||||||
import DepartmentList from '../../components/DepartmentList.vue'
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "SpecialDiseaseRoute",
|
name: "SpecialDiseaseRoute",
|
||||||
@ -161,7 +329,7 @@ export default {
|
|||||||
return {
|
return {
|
||||||
maxTableHeight: undefined,
|
maxTableHeight: undefined,
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: true,
|
loading: false,
|
||||||
// 选中数组
|
// 选中数组
|
||||||
ids: [],
|
ids: [],
|
||||||
// 非单个禁用
|
// 非单个禁用
|
||||||
@ -204,28 +372,28 @@ export default {
|
|||||||
// 表单校验
|
// 表单校验
|
||||||
rules: {
|
rules: {
|
||||||
departmentId: [
|
departmentId: [
|
||||||
{ required: true, message: "所属科室不能为空", trigger: "blur" }
|
{ required: true, message: "所属科室不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
diseaseTypeId: [
|
diseaseTypeId: [
|
||||||
{ required: true, message: "所属病种不能为空", trigger: "blur" }
|
{ required: true, message: "所属病种不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
servicePackageId: [
|
servicePackageId: [
|
||||||
{ required: true, message: "所属服务包不能为空", trigger: "blur" }
|
{ required: true, message: "所属服务包不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
routeName: [
|
routeName: [
|
||||||
{ required: true, message: "路径名称不能为空", trigger: "blur" }
|
{ required: true, message: "路径名称不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
version: [
|
version: [
|
||||||
{ required: true, message: "版本号不能为空", trigger: "blur" }
|
{ required: true, message: "版本号不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
routeClassify: [
|
routeClassify: [
|
||||||
{ required: true, message: "路径分类不能为空", trigger: "blur" }
|
{ required: true, message: "路径分类不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
suitRange: [
|
suitRange: [
|
||||||
{ required: true, message: "适用范围不能为空", trigger: "blur" }
|
{ required: true, message: "适用范围不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
routeSort: [
|
routeSort: [
|
||||||
{ required: true, message: "排序不能为空", trigger: "blur" }
|
{ required: true, message: "排序不能为空", trigger: "blur" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
adddepartmentlist: [],
|
adddepartmentlist: [],
|
||||||
@ -237,45 +405,44 @@ export default {
|
|||||||
// this.getList();
|
// this.getList();
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getMaxTableHeight()
|
this.getMaxTableHeight();
|
||||||
this.screenChange()
|
this.screenChange();
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
},
|
},
|
||||||
|
watch: {},
|
||||||
methods: {
|
methods: {
|
||||||
//接收科室列表传值
|
//接收科室列表传值
|
||||||
clickdepartment(item) {
|
clickdepartment(item) {
|
||||||
this.queryParams.hospitalAgencyId = item.hospitalAgencyId
|
this.queryParams.hospitalAgencyId = item.hospitalAgencyId;
|
||||||
this.queryParams.hospitalAgencyName = item.hospitalAgencyName
|
this.queryParams.hospitalAgencyName = item.hospitalAgencyName;
|
||||||
this.queryParams.departmentId = item.itemid
|
this.queryParams.departmentId = item.itemid;
|
||||||
this.addDepartmentquery.hospitalAgencyId = item.hospitalAgencyId
|
this.addDepartmentquery.hospitalAgencyId = item.hospitalAgencyId;
|
||||||
if (item.hospitalAgencyId) {
|
if (item.hospitalAgencyId) {
|
||||||
this.handleQuery();
|
this.handleQuery();
|
||||||
}
|
}
|
||||||
this.$forceUpdate()
|
this.$forceUpdate();
|
||||||
},
|
},
|
||||||
updateCPage(index, size) {
|
updateCPage(index, size) {
|
||||||
this.queryParams.pageNum = index
|
this.queryParams.pageNum = index;
|
||||||
this.queryParams.pageSize = size
|
this.queryParams.pageSize = size;
|
||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
addinfo() {
|
addinfo() {
|
||||||
getDepartmentList(this.addDepartmentquery).then(res => {
|
getDepartmentList(this.addDepartmentquery).then((res) => {
|
||||||
this.adddepartmentlist = res.data
|
this.adddepartmentlist = res.data;
|
||||||
if (this.queryParams.departmentId) {
|
if (this.queryParams.departmentId) {
|
||||||
this.changedepartment(this.queryParams.departmentId)
|
this.changedepartment(this.queryParams.departmentId);
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//点击所属科室
|
//点击所属科室
|
||||||
changedepartment(id) {
|
changedepartment(id) {
|
||||||
getdiseaseList({ departmentId: id }).then(res => {
|
getdiseaseList({ departmentId: id }).then((res) => {
|
||||||
this.adddiseaselist = res.data
|
this.adddiseaselist = res.data;
|
||||||
})
|
});
|
||||||
//服务包
|
//服务包
|
||||||
servicepackageinfo({ departmentId: id }).then(res => {
|
servicepackageinfo({ departmentId: id }).then((res) => {
|
||||||
this.addpackagelist = res.data
|
this.addpackagelist = res.data;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
clickDepartmenitem(item) {
|
clickDepartmenitem(item) {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
@ -285,7 +452,7 @@ export default {
|
|||||||
/** 查询专病路径信息列表 */
|
/** 查询专病路径信息列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
listSpecialDiseaseRoute(this.queryParams).then(response => {
|
listSpecialDiseaseRoute(this.queryParams).then((response) => {
|
||||||
this.specialDiseaseRouteList = response.rows;
|
this.specialDiseaseRouteList = response.rows;
|
||||||
this.total = response.total;
|
this.total = response.total;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
@ -317,7 +484,7 @@ export default {
|
|||||||
createBy: null,
|
createBy: null,
|
||||||
createTime: null,
|
createTime: null,
|
||||||
updateBy: null,
|
updateBy: null,
|
||||||
updateTime: null
|
updateTime: null,
|
||||||
};
|
};
|
||||||
this.resetForm("form");
|
this.resetForm("form");
|
||||||
},
|
},
|
||||||
@ -328,24 +495,28 @@ export default {
|
|||||||
},
|
},
|
||||||
/** 重置按钮操作 */
|
/** 重置按钮操作 */
|
||||||
resetQuery() {
|
resetQuery() {
|
||||||
this.adddepartmentlist.hospitalAgencyId = JSON.parse(localStorage.getItem('user')).hospitalAgencyId
|
this.adddepartmentlist.hospitalAgencyId = JSON.parse(
|
||||||
this.queryParams.hospitalAgencyId = JSON.parse(localStorage.getItem('user')).hospitalAgencyId
|
localStorage.getItem("user")
|
||||||
this.$refs.DepartmentList.resetQuery()
|
).hospitalAgencyId;
|
||||||
|
this.queryParams.hospitalAgencyId = JSON.parse(
|
||||||
|
localStorage.getItem("user")
|
||||||
|
).hospitalAgencyId;
|
||||||
|
this.$refs.DepartmentList.resetQuery();
|
||||||
this.resetForm("queryForm");
|
this.resetForm("queryForm");
|
||||||
this.handleQuery();
|
this.handleQuery();
|
||||||
},
|
},
|
||||||
// 多选框选中数据
|
// 多选框选中数据
|
||||||
handleSelectionChange(selection) {
|
handleSelectionChange(selection) {
|
||||||
this.ids = selection.map(item => item.id)
|
this.ids = selection.map((item) => item.id);
|
||||||
this.single = selection.length !== 1
|
this.single = selection.length !== 1;
|
||||||
this.multiple = !selection.length
|
this.multiple = !selection.length;
|
||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
this.reset();
|
this.reset();
|
||||||
this.open = true;
|
this.open = true;
|
||||||
if (this.queryParams.departmentId) {
|
if (this.queryParams.departmentId) {
|
||||||
this.form.departmentId = this.queryParams.departmentId
|
this.form.departmentId = this.queryParams.departmentId;
|
||||||
}
|
}
|
||||||
this.title = "添加专病路径信息";
|
this.title = "添加专病路径信息";
|
||||||
this.addinfo();
|
this.addinfo();
|
||||||
@ -368,50 +539,57 @@ export default {
|
|||||||
diseaseTypeName: row.diseaseTypeName,
|
diseaseTypeName: row.diseaseTypeName,
|
||||||
version: row.version,
|
version: row.version,
|
||||||
routeName: row.routeName,
|
routeName: row.routeName,
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
// })
|
// })
|
||||||
},
|
},
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
submitForm() {
|
submitForm() {
|
||||||
if (this.form.departmentId && this.adddepartmentlist?.length > 0) {
|
if (this.form.departmentId && this.adddepartmentlist?.length > 0) {
|
||||||
this.form.departmentName = this.adddepartmentlist.find(e => e.id == this.form.departmentId)?.departmentName
|
this.form.departmentName = this.adddepartmentlist.find(
|
||||||
|
(e) => e.id == this.form.departmentId
|
||||||
|
)?.departmentName;
|
||||||
}
|
}
|
||||||
if (this.form.diseaseTypeId && this.adddiseaselist?.length > 0) {
|
if (this.form.diseaseTypeId && this.adddiseaselist?.length > 0) {
|
||||||
this.form.diseaseTypeName = this.adddiseaselist.find(e => e.id == this.form.diseaseTypeId)?.diseaseTypeName
|
this.form.diseaseTypeName = this.adddiseaselist.find(
|
||||||
|
(e) => e.id == this.form.diseaseTypeId
|
||||||
|
)?.diseaseTypeName;
|
||||||
}
|
}
|
||||||
if (this.form.servicePackageId?.length > 0 && this.addpackagelist?.length > 0) {
|
if (
|
||||||
let routePackageList = []
|
this.form.servicePackageId?.length > 0 &&
|
||||||
this.addpackagelist.forEach(e => {
|
this.addpackagelist?.length > 0
|
||||||
this.form.servicePackageId.forEach(el => {
|
) {
|
||||||
|
let routePackageList = [];
|
||||||
|
this.addpackagelist.forEach((e) => {
|
||||||
|
this.form.servicePackageId.forEach((el) => {
|
||||||
if (e.id == el) {
|
if (e.id == el) {
|
||||||
let item = {
|
let item = {
|
||||||
servicePackageId: el,
|
servicePackageId: el,
|
||||||
packageName: e.packageName
|
packageName: e.packageName,
|
||||||
}
|
};
|
||||||
routePackageList.push(item)
|
routePackageList.push(item);
|
||||||
}
|
}
|
||||||
})
|
});
|
||||||
})
|
});
|
||||||
this.form.routePackageList = routePackageList
|
this.form.routePackageList = routePackageList;
|
||||||
}
|
}
|
||||||
this.form.hospitalAgencyId = this.queryParams.hospitalAgencyId
|
this.form.hospitalAgencyId = this.queryParams.hospitalAgencyId;
|
||||||
this.form.hospitalAgencyName = this.queryParams.hospitalAgencyName
|
this.form.hospitalAgencyName = this.queryParams.hospitalAgencyName;
|
||||||
this.$refs["form"].validate(valid => {
|
this.$refs["form"].validate((valid) => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
if (this.form.id != null) {
|
if (this.form.id != null) {
|
||||||
updateSpecialDiseaseRoute(this.form).then(response => {
|
updateSpecialDiseaseRoute(this.form).then((response) => {
|
||||||
this.$modal.msgSuccess("修改成功");
|
this.$modal.msgSuccess("修改成功");
|
||||||
this.open = false;
|
this.open = false;
|
||||||
this.getList();
|
this.getList();
|
||||||
this.$refs.DepartmentList.Departmentlist()
|
this.$refs.DepartmentList.Departmentlist();
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
addSpecialDiseaseRoute(this.form).then(response => {
|
addSpecialDiseaseRoute(this.form).then((response) => {
|
||||||
this.$modal.msgSuccess("新增成功");
|
this.$modal.msgSuccess("新增成功");
|
||||||
this.open = false;
|
this.open = false;
|
||||||
this.getList();
|
this.getList();
|
||||||
this.$refs.DepartmentList.Departmentlist()
|
this.$refs.DepartmentList.Departmentlist();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -419,96 +597,100 @@ export default {
|
|||||||
},
|
},
|
||||||
//发布
|
//发布
|
||||||
release(item) {
|
release(item) {
|
||||||
this.$confirm('是否发布此路径?', '提示', {
|
this.$confirm("是否发布此路径?", "提示", {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: "确定",
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: "取消",
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
var obj = { ...item }
|
var obj = { ...item };
|
||||||
obj.releaseStatus = 'PUBLISHED'
|
obj.releaseStatus = "PUBLISHED";
|
||||||
editReleaseStatus(obj).then(response => {
|
editReleaseStatus(obj).then((response) => {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'success',
|
type: "success",
|
||||||
message: '发布成功!'
|
message: "发布成功!",
|
||||||
});
|
});
|
||||||
this.getList();
|
this.getList();
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//取消发布
|
//取消发布
|
||||||
norelease(item) {
|
norelease(item) {
|
||||||
this.$confirm('是否取消发布此路径?', '提示', {
|
this.$confirm("是否取消发布此路径?", "提示", {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: "确定",
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: "取消",
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
var obj = { ...item }
|
var obj = { ...item };
|
||||||
obj.releaseStatus = 'REVOKE'
|
obj.releaseStatus = "REVOKE";
|
||||||
editReleaseStatus(obj).then(response => {
|
editReleaseStatus(obj).then((response) => {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: 'success',
|
type: "success",
|
||||||
message: '取消发布成功!'
|
message: "取消发布成功!",
|
||||||
});
|
});
|
||||||
this.getList();
|
this.getList();
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
/** 克隆按钮操作 */
|
/** 克隆按钮操作 */
|
||||||
handlecopy(row){
|
handlecopy(row) {
|
||||||
this.$confirm('此操作会克隆主路径, 是否继续?', '提示', {
|
this.$confirm("此操作会克隆主路径, 是否继续?", "提示", {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: "确定",
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: "取消",
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
cloneRoute(row.id).then(res => {
|
cloneRoute(row.id).then((res) => {
|
||||||
this.getList();
|
this.getList();
|
||||||
this.$modal.msgSuccess("克隆成功");
|
this.$modal.msgSuccess("克隆成功");
|
||||||
this.$refs.DepartmentList.Departmentlist()
|
this.$refs.DepartmentList.Departmentlist();
|
||||||
})
|
});
|
||||||
})
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
//删除主路径
|
//删除主路径
|
||||||
this.$confirm('此操作会删除主路径, 是否继续?', '提示', {
|
this.$confirm("此操作会删除主路径, 是否继续?", "提示", {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: "确定",
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: "取消",
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
specialDiseaseRoutedel(row.id).then(res => {
|
specialDiseaseRoutedel(row.id).then((res) => {
|
||||||
this.getList();
|
this.getList();
|
||||||
this.$modal.msgSuccess("删除主路径成功");
|
this.$modal.msgSuccess("删除主路径成功");
|
||||||
this.$refs.DepartmentList.Departmentlist()
|
this.$refs.DepartmentList.Departmentlist();
|
||||||
})
|
});
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
handleExport() {
|
handleExport() {
|
||||||
this.download('system/specialDiseaseRoute/export', {
|
this.download(
|
||||||
...this.queryParams
|
"system/specialDiseaseRoute/export",
|
||||||
}, `specialDiseaseRoute_${new Date().getTime()}.xlsx`)
|
{
|
||||||
|
...this.queryParams,
|
||||||
|
},
|
||||||
|
`specialDiseaseRoute_${new Date().getTime()}.xlsx`
|
||||||
|
);
|
||||||
},
|
},
|
||||||
// 获取表格最高高度
|
// 获取表格最高高度
|
||||||
getMaxTableHeight() {
|
getMaxTableHeight() {
|
||||||
const windowInnerHeight = window.innerHeight // 屏幕可视高度
|
const windowInnerHeight = window.innerHeight; // 屏幕可视高度
|
||||||
const layoutDiv = this.$refs.layout
|
const layoutDiv = this.$refs.layout;
|
||||||
const formDiv = this.$refs.topform
|
const formDiv = this.$refs.topform;
|
||||||
const mb8Div = this.$refs.mb8
|
const mb8Div = this.$refs.mb8;
|
||||||
this.maxTableHeight =
|
this.maxTableHeight =
|
||||||
windowInnerHeight - 134 -
|
windowInnerHeight -
|
||||||
|
134 -
|
||||||
this.getBoxPadding(layoutDiv) -
|
this.getBoxPadding(layoutDiv) -
|
||||||
this.getBoxHeight(mb8Div) -
|
this.getBoxHeight(mb8Div) -
|
||||||
this.getBoxHeight(formDiv)
|
this.getBoxHeight(formDiv);
|
||||||
},
|
},
|
||||||
// 屏幕resize监听
|
// 屏幕resize监听
|
||||||
screenChange() {
|
screenChange() {
|
||||||
// 屏幕resize监听事件:一旦屏幕宽高发生变化,就会执行resize
|
// 屏幕resize监听事件:一旦屏幕宽高发生变化,就会执行resize
|
||||||
window.addEventListener('resize', this.getMaxTableHeight, true)
|
window.addEventListener("resize", this.getMaxTableHeight, true);
|
||||||
// 将屏幕监听事件移除
|
// 将屏幕监听事件移除
|
||||||
// 这步是必须的。离开页面时不移除,再返回,或者进入到别的有相同元素的页面会报错
|
// 这步是必须的。离开页面时不移除,再返回,或者进入到别的有相同元素的页面会报错
|
||||||
// 或者将这里的方法直接写在beforeDestroy函数中也可以
|
// 或者将这里的方法直接写在beforeDestroy函数中也可以
|
||||||
this.$once('hook:beforeDestroy', () => {
|
this.$once("hook:beforeDestroy", () => {
|
||||||
window.removeEventListener('resize', this.getMaxTableHeight, true)
|
window.removeEventListener("resize", this.getMaxTableHeight, true);
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user