Commit 4fa8ec09 by ‘巴博尔’

修改用户端

parent 01afafff
import request from '@/utils/request'
// 查询陪诊员/商户提现列表
export function listIncome(query) {
return request({
url: '/system/income/list',
method: 'get',
params: query
})
}
// 查询陪诊员/商户提现详细
export function getIncome(id) {
return request({
url: '/system/income/' + id,
method: 'get'
})
}
// 新增陪诊员/商户提现
export function addIncome(data) {
return request({
url: '/system/income',
method: 'post',
data: data
})
}
// 修改陪诊员/商户提现
export function updateIncome(data) {
return request({
url: '/system/income',
method: 'put',
data: data
})
}
// 删除陪诊员/商户提现
export function delIncome(id) {
return request({
url: '/system/income/' + id,
method: 'delete'
})
}
import request from '@/utils/request'
// 查询支付订单列表
export function listPaymentRecord(query) {
return request({
url: '/system/paymentRecord/list',
method: 'get',
params: query
})
}
// 查询支付订单详细
export function getPaymentRecord(id) {
return request({
url: '/system/paymentRecord/' + id,
method: 'get'
})
}
// 新增支付订单
export function addPaymentRecord(data) {
return request({
url: '/system/paymentRecord',
method: 'post',
data: data
})
}
// 修改支付订单
export function updatePaymentRecord(data) {
return request({
url: '/system/paymentRecord',
method: 'put',
data: data
})
}
// 删除支付订单
export function delPaymentRecord(id) {
return request({
url: '/system/paymentRecord/' + id,
method: 'delete'
})
}
import request from '@/utils/request'
// 查询用户退款列表
export function listUserRefund(query) {
return request({
url: '/system/userRefund/list',
method: 'get',
params: query
})
}
// 查询用户退款详细
export function getUserRefund(id) {
return request({
url: '/system/userRefund/' + id,
method: 'get'
})
}
// 新增用户退款
export function addUserRefund(data) {
return request({
url: '/system/userRefund',
method: 'post',
data: data
})
}
// 修改用户退款
export function updateUserRefund(data) {
return request({
url: '/system/userRefund',
method: 'put',
data: data
})
}
// 删除用户退款
export function delUserRefund(id) {
return request({
url: '/system/userRefund/' + id,
method: 'delete'
})
}
import request from '@/utils/request'
// 查询代办挂号订单列表
export function listDbghOrder(query) {
return request({
url: '/system/dbghOrder/list',
method: 'get',
params: query
})
}
// 查询代办挂号订单详细
export function getDbghOrder(id) {
return request({
url: '/system/dbghOrder/' + id,
method: 'get'
})
}
// 新增代办挂号订单
export function addDbghOrder(data) {
return request({
url: '/system/dbghOrder',
method: 'post',
data: data
})
}
// 修改代办挂号订单
export function updateDbghOrder(data) {
return request({
url: '/system/dbghOrder',
method: 'put',
data: data
})
}
// 删除代办挂号订单
export function delDbghOrder(id) {
return request({
url: '/system/dbghOrder/' + id,
method: 'delete'
})
}
import request from '@/utils/request'
// 查询代办买药订单列表
export function listDbmyOrder(query) {
return request({
url: '/system/dbmyOrder/list',
method: 'get',
params: query
})
}
// 查询代办买药订单详细
export function getDbmyOrder(id) {
return request({
url: '/system/dbmyOrder/' + id,
method: 'get'
})
}
// 新增代办买药订单
export function addDbmyOrder(data) {
return request({
url: '/system/dbmyOrder',
method: 'post',
data: data
})
}
// 修改代办买药订单
export function updateDbmyOrder(data) {
return request({
url: '/system/dbmyOrder',
method: 'put',
data: data
})
}
// 删除代办买药订单
export function delDbmyOrder(id) {
return request({
url: '/system/dbmyOrder/' + id,
method: 'delete'
})
}
import request from '@/utils/request'
// 查询代办问诊订单列表
export function listDbwzOrder(query) {
return request({
url: '/system/dbwzOrder/list',
method: 'get',
params: query
})
}
// 查询代办问诊订单详细
export function getDbwzOrder(id) {
return request({
url: '/system/dbwzOrder/' + id,
method: 'get'
})
}
// 新增代办问诊订单
export function addDbwzOrder(data) {
return request({
url: '/system/dbwzOrder',
method: 'post',
data: data
})
}
// 修改代办问诊订单
export function updateDbwzOrder(data) {
return request({
url: '/system/dbwzOrder',
method: 'put',
data: data
})
}
// 删除代办问诊订单
export function delDbwzOrder(id) {
return request({
url: '/system/dbwzOrder/' + id,
method: 'delete'
})
}
import request from '@/utils/request'
// 查询诊前挂号订单列表
export function listZqghOrder(query) {
return request({
url: '/system/zqghOrder/list',
method: 'get',
params: query
})
}
// 查询诊前挂号订单详细
export function getZqghOrder(id) {
return request({
url: '/system/zqghOrder/' + id,
method: 'get'
})
}
// 新增诊前挂号订单
export function addZqghOrder(data) {
return request({
url: '/system/zqghOrder',
method: 'post',
data: data
})
}
// 修改诊前挂号订单
export function updateZqghOrder(data) {
return request({
url: '/system/zqghOrder',
method: 'put',
data: data
})
}
// 删除诊前挂号订单
export function delZqghOrder(id) {
return request({
url: '/system/zqghOrder/' + id,
method: 'delete'
})
}
import request from '@/utils/request'
// 查询住院陪诊订单列表
export function listZyphOrder(query) {
return request({
url: '/system/zyphOrder/list',
method: 'get',
params: query
})
}
// 查询住院陪诊订单详细
export function getZyphOrder(id) {
return request({
url: '/system/zyphOrder/' + id,
method: 'get'
})
}
// 新增住院陪诊订单
export function addZyphOrder(data) {
return request({
url: '/system/zyphOrder',
method: 'post',
data: data
})
}
// 修改住院陪诊订单
export function updateZyphOrder(data) {
return request({
url: '/system/zyphOrder',
method: 'put',
data: data
})
}
// 删除住院陪诊订单
export function delZyphOrder(id) {
return request({
url: '/system/zyphOrder/' + id,
method: 'delete'
})
}
...@@ -4,7 +4,7 @@ import { parseStrEmpty } from "@/utils/ruoyi"; ...@@ -4,7 +4,7 @@ import { parseStrEmpty } from "@/utils/ruoyi";
// 查询用户列表 // 查询用户列表
export function listUser(query) { export function listUser(query) {
return request({ return request({
url: '/system/employees/list', url: '/merchant/employees/list',
method: 'get', method: 'get',
params: query params: query
}) })
...@@ -13,7 +13,7 @@ export function listUser(query) { ...@@ -13,7 +13,7 @@ export function listUser(query) {
// 查询用户详细 // 查询用户详细
export function getUser(userId) { export function getUser(userId) {
return request({ return request({
url: '/system/user/' + parseStrEmpty(userId), url: '/merchant/user/' + parseStrEmpty(userId),
method: 'get' method: 'get'
}) })
} }
...@@ -21,7 +21,7 @@ export function getUser(userId) { ...@@ -21,7 +21,7 @@ export function getUser(userId) {
// 新增用户 // 新增用户
export function addUser(data) { export function addUser(data) {
return request({ return request({
url: '/system/user', url: '/merchant/user',
method: 'post', method: 'post',
data: data data: data
}) })
...@@ -30,7 +30,7 @@ export function addUser(data) { ...@@ -30,7 +30,7 @@ export function addUser(data) {
// 修改用户 // 修改用户
export function updateUser(data) { export function updateUser(data) {
return request({ return request({
url: '/system/employees', url: '/merchant/employees',
method: 'put', method: 'put',
data: data data: data
}) })
...@@ -39,7 +39,7 @@ export function updateUser(data) { ...@@ -39,7 +39,7 @@ export function updateUser(data) {
// 删除用户 // 删除用户
export function delUser(userId) { export function delUser(userId) {
return request({ return request({
url: '/system/user/' + userId, url: '/merchant/user/' + userId,
method: 'delete' method: 'delete'
}) })
} }
...@@ -51,7 +51,7 @@ export function resetUserPwd(userId, password) { ...@@ -51,7 +51,7 @@ export function resetUserPwd(userId, password) {
password password
} }
return request({ return request({
url: '/system/user/resetPwd', url: '/merchant/user/resetPwd',
method: 'put', method: 'put',
data: data data: data
}) })
...@@ -64,7 +64,7 @@ export function changeUserStatus(userId, status) { ...@@ -64,7 +64,7 @@ export function changeUserStatus(userId, status) {
status status
} }
return request({ return request({
url: '/system/user/changeStatus', url: '/merchant/user/changeStatus',
method: 'put', method: 'put',
data: data data: data
}) })
...@@ -73,7 +73,7 @@ export function changeUserStatus(userId, status) { ...@@ -73,7 +73,7 @@ export function changeUserStatus(userId, status) {
// 查询用户个人信息 // 查询用户个人信息
export function getUserProfile() { export function getUserProfile() {
return request({ return request({
url: '/system/user/profile', url: '/merchant/user/profile',
method: 'get' method: 'get'
}) })
} }
...@@ -81,7 +81,7 @@ export function getUserProfile() { ...@@ -81,7 +81,7 @@ export function getUserProfile() {
// 修改用户个人信息 // 修改用户个人信息
export function updateUserProfile(data) { export function updateUserProfile(data) {
return request({ return request({
url: '/system/user/profile', url: '/merchant/user/profile',
method: 'put', method: 'put',
data: data data: data
}) })
...@@ -94,7 +94,7 @@ export function updateUserPwd(oldPassword, newPassword) { ...@@ -94,7 +94,7 @@ export function updateUserPwd(oldPassword, newPassword) {
newPassword newPassword
} }
return request({ return request({
url: '/system/user/profile/updatePwd', url: '/merchant/user/profile/updatePwd',
method: 'put', method: 'put',
params: data params: data
}) })
...@@ -103,7 +103,7 @@ export function updateUserPwd(oldPassword, newPassword) { ...@@ -103,7 +103,7 @@ export function updateUserPwd(oldPassword, newPassword) {
// 用户头像上传 // 用户头像上传
export function uploadAvatar(data) { export function uploadAvatar(data) {
return request({ return request({
url: '/system/user/profile/avatar', url: '/merchant/user/profile/avatar',
method: 'post', method: 'post',
data: data data: data
}) })
...@@ -112,7 +112,7 @@ export function uploadAvatar(data) { ...@@ -112,7 +112,7 @@ export function uploadAvatar(data) {
// 查询授权角色 // 查询授权角色
export function getAuthRole(userId) { export function getAuthRole(userId) {
return request({ return request({
url: '/system/user/authRole/' + userId, url: '/merchant/user/authRole/' + userId,
method: 'get' method: 'get'
}) })
} }
...@@ -120,7 +120,7 @@ export function getAuthRole(userId) { ...@@ -120,7 +120,7 @@ export function getAuthRole(userId) {
// 保存授权角色 // 保存授权角色
export function updateAuthRole(data) { export function updateAuthRole(data) {
return request({ return request({
url: '/system/user/authRole', url: '/merchant/user/authRole',
method: 'put', method: 'put',
params: data params: data
}) })
...@@ -129,7 +129,7 @@ export function updateAuthRole(data) { ...@@ -129,7 +129,7 @@ export function updateAuthRole(data) {
// 查询部门下拉树结构 // 查询部门下拉树结构
export function deptTreeSelect() { export function deptTreeSelect() {
return request({ return request({
url: '/system/user/deptTree', url: '/merchant/user/deptTree',
method: 'get' method: 'get'
}) })
} }
...@@ -11,28 +11,53 @@ ...@@ -11,28 +11,53 @@
:on-success="handleUploadSuccess" :on-success="handleUploadSuccess"
:show-file-list="false" :show-file-list="false"
:headers="headers" :headers="headers"
class="upload-file-uploader" :class="
disabled
? 'upload-file-uploader upload-file-uploaderdl'
: 'upload-file-uploader'
"
ref="fileUpload" ref="fileUpload"
:disabled="disabled"
> >
<!-- 上传按钮 --> <!-- 上传按钮 -->
<el-button size="mini" type="primary">选取文件</el-button> <el-button size="mini" type="primary" v-if="!disabled"
>选取文件</el-button
>
<!-- 上传提示 --> <!-- 上传提示 -->
<div class="el-upload__tip" slot="tip" v-if="showTip"> <div class="el-upload__tip" slot="tip" v-if="showTip">
请上传 请上传
<template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template> <template v-if="fileSize">
<template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b>
</template>
<template v-if="fileType">
格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b>
</template>
的文件 的文件
</div> </div>
</el-upload> </el-upload>
<!-- 文件列表 --> <!-- 文件列表 -->
<transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul"> <transition-group
<li :key="file.url" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList"> class="upload-file-list el-upload-list el-upload-list--text"
name="el-fade-in-linear"
tag="ul"
>
<li
:key="file.url"
:class="
disabled
? 'el-upload-list__item el-upload-list__itemdis ele-upload-list__item-content'
: 'el-upload-list__item ele-upload-list__item-content'
"
v-for="(file, index) in fileList"
>
<el-link :href="`${file.url}`" :underline="false" target="_blank"> <el-link :href="`${file.url}`" :underline="false" target="_blank">
<span class="el-icon-document"> {{ getFileName(file.name) }} </span> <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
</el-link> </el-link>
<div class="ele-upload-list__item-content-action"> <div class="ele-upload-list__item-content-action" v-if="!disabled">
<el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link> <el-link :underline="false" @click="handleDelete(index)" type="danger"
>删除</el-link
>
</div> </div>
</li> </li>
</transition-group> </transition-group>
...@@ -66,8 +91,12 @@ export default { ...@@ -66,8 +91,12 @@ export default {
// 是否显示提示 // 是否显示提示
isShowTip: { isShowTip: {
type: Boolean, type: Boolean,
default: true default: true,
} },
disabled: {
type: Boolean,
default: false,
},
}, },
data() { data() {
return { return {
...@@ -91,15 +120,19 @@ export default { ...@@ -91,15 +120,19 @@ export default {
if (Array.isArray(val)) { if (Array.isArray(val)) {
list = val; list = val;
} else { } else {
await listByIds(val).then(res => { await listByIds(val).then((res) => {
list = res.data.map(oss => { list = res.data.map((oss) => {
oss = { name: oss.originalName, url: oss.url, ossId: oss.ossId }; oss = {
name: oss.originalName,
url: oss.url,
ossId: oss.ossId,
};
return oss; return oss;
}); });
}) });
} }
// 然后将数组转为对象数组 // 然后将数组转为对象数组
this.fileList = list.map(item => { this.fileList = list.map((item) => {
item = { name: item.name, url: item.url, ossId: item.ossId }; item = { name: item.name, url: item.url, ossId: item.ossId };
item.uid = item.uid || new Date().getTime() + temp++; item.uid = item.uid || new Date().getTime() + temp++;
return item; return item;
...@@ -110,8 +143,8 @@ export default { ...@@ -110,8 +143,8 @@ export default {
} }
}, },
deep: true, deep: true,
immediate: true immediate: true,
} },
}, },
computed: { computed: {
// 是否显示提示 // 是否显示提示
...@@ -124,11 +157,13 @@ export default { ...@@ -124,11 +157,13 @@ export default {
handleBeforeUpload(file) { handleBeforeUpload(file) {
// 校检文件类型 // 校检文件类型
if (this.fileType) { if (this.fileType) {
const fileName = file.name.split('.'); const fileName = file.name.split(".");
const fileExt = fileName[fileName.length - 1]; const fileExt = fileName[fileName.length - 1];
const isTypeOk = this.fileType.indexOf(fileExt) >= 0; const isTypeOk = this.fileType.indexOf(fileExt) >= 0;
if (!isTypeOk) { if (!isTypeOk) {
this.$modal.msgError(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`); this.$modal.msgError(
`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`
);
return false; return false;
} }
} }
...@@ -156,7 +191,11 @@ export default { ...@@ -156,7 +191,11 @@ export default {
// 上传成功回调 // 上传成功回调
handleUploadSuccess(res, file) { handleUploadSuccess(res, file) {
if (res.code === 200) { if (res.code === 200) {
this.uploadList.push({ name: res.data.fileName, url: res.data.url, ossId: res.data.ossId }); this.uploadList.push({
name: res.data.fileName,
url: res.data.url,
ossId: res.data.ossId,
});
this.uploadedSuccessfully(); this.uploadedSuccessfully();
} else { } else {
this.number--; this.number--;
...@@ -209,12 +248,18 @@ export default { ...@@ -209,12 +248,18 @@ export default {
.upload-file-uploader { .upload-file-uploader {
margin-bottom: 5px; margin-bottom: 5px;
} }
.upload-file-uploaderdl {
display: none;
}
.upload-file-list .el-upload-list__item { .upload-file-list .el-upload-list__item {
border: 1px solid #e4e7ed; border: 1px solid #e4e7ed;
line-height: 2; line-height: 2;
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
} }
.upload-file-list .el-upload-list__itemdis {
border: none;
}
.upload-file-list .ele-upload-list__item-content { .upload-file-list .ele-upload-list__item-content {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
......
<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="status">
<el-select
v-model="queryParams.status"
placeholder="请选择退款状态"
clearable=""
@change="handleQuery"
>
<el-option
v-for="item in [
{
label: '待审核',
value: 0,
},
{
label: '退款成功',
value: 1,
},
{
label: '取消退款',
value: 2,
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</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-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:income:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:income:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:income:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:income:export']"
>导出</el-button>
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="incomeList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="ID"
align="center"
prop="id"
key="id"
:show-overflow-tooltip="true"
/>
<el-table-column
label="提现人员类型"
align="center"
prop="userType"
key="userType"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
<span v-if="row.userType == 1">陪诊员</span>
<span v-if="row.userType == 2">商户</span>
</template>
</el-table-column>
<el-table-column
label="提现人员"
align="center"
prop="userName"
key="userName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="提现单号"
align="center"
prop="partnerTradeNo"
key="partnerTradeNo"
:show-overflow-tooltip="true"
/>
<el-table-column
label="提现金额"
align="center"
prop="amount"
key="amount"
:show-overflow-tooltip="true"
/>
<el-table-column
label="提现状态"
align="center"
prop="status"
key="status"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
<span v-if="row.status == 0">待审核</span>
<span v-if="row.status == 1">成功提现</span>
<span v-if="row.status == 2">拒绝提现</span>
</template>
</el-table-column>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
key="createTime"
width="180"
:show-overflow-tooltip="true"
/>
<!-- <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:income:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:income: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="ecId">
<el-input v-model="form.ecId" placeholder="请输入提现人员ID" />
</el-form-item>
<el-form-item label="提现人员OPENTID" prop="openid">
<el-input v-model="form.openid" placeholder="请输入提现人员OPENTID" />
</el-form-item>
<el-form-item label="提现单号" prop="partnerTradeNo">
<el-input
v-model="form.partnerTradeNo"
placeholder="请输入提现单号"
/>
</el-form-item>
<el-form-item label="提现金额" prop="amount">
<el-input v-model="form.amount" placeholder="请输入提现金额" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listIncome,
getIncome,
delIncome,
addIncome,
updateIncome,
} from "@/api/financialManagement/income";
export default {
name: "Income",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 陪诊员/商户提现表格数据
incomeList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
userType: undefined,
ecId: undefined,
openid: undefined,
partnerTradeNo: undefined,
amount: undefined,
status: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
remark: [{ required: true, message: "备注不能为空", trigger: "blur" }],
},
};
},
created() {
this.getList();
},
methods: {
/** 查询陪诊员/商户提现列表 */
getList() {
this.loading = true;
listIncome(this.queryParams).then((response) => {
this.incomeList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
userType: undefined,
ecId: undefined,
openid: undefined,
partnerTradeNo: undefined,
amount: undefined,
status: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
remark: undefined,
};
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.loading = true;
this.reset();
const id = row.id || this.ids;
getIncome(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改陪诊员/商户提现";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateIncome(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addIncome(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除陪诊员/商户提现编号为"' + ids + '"的数据项?')
.then(() => {
this.loading = true;
return delIncome(ids);
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/income/export",
{
...this.queryParams,
},
`income_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
<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="uid">
<el-input
v-model="queryParams.uid"
placeholder="请输入用户"
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="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:paymentRecord:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:paymentRecord:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:paymentRecord:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:paymentRecord:export']"
>导出</el-button>
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="paymentRecordList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="ID" align="center" prop="id" key="id" />
<el-table-column
label="订单"
align="center"
prop="orderId"
key="orderId"
/>
<el-table-column
label="微信支付单号"
align="center"
prop="otherOrder"
key="otherOrder"
:show-overflow-tooltip="true"
/>
<el-table-column
label="金额"
align="center"
prop="money"
key="money"
:show-overflow-tooltip="true"
/>
<el-table-column
label="用户"
align="center"
prop="userName"
key="userName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="支付时间"
align="center"
prop="createTime"
key="createTime"
width="180"
:show-overflow-tooltip="true"
/>
<!-- <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:paymentRecord:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:paymentRecord: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="orderId">
<el-input v-model="form.orderId" placeholder="请输入订单id" />
</el-form-item>
<el-form-item label="第三方订单号" prop="otherOrder">
<el-input
v-model="form.otherOrder"
placeholder="请输入第三方订单号"
/>
</el-form-item>
<el-form-item label="金额" prop="money">
<el-input v-model="form.money" placeholder="请输入金额" />
</el-form-item>
<el-form-item label="用户" prop="uid">
<el-input v-model="form.uid" placeholder="请输入用户" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listPaymentRecord,
getPaymentRecord,
delPaymentRecord,
addPaymentRecord,
updatePaymentRecord,
} from "@/api/financialManagement/paymentRecord";
export default {
name: "PaymentRecord",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 支付订单表格数据
paymentRecordList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
payType: undefined,
orderId: undefined,
otherOrder: undefined,
money: undefined,
uid: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
remark: [{ required: true, message: "备注不能为空", trigger: "blur" }],
},
};
},
created() {
this.getList();
},
methods: {
/** 查询支付订单列表 */
getList() {
this.loading = true;
listPaymentRecord(this.queryParams).then((response) => {
this.paymentRecordList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
payType: undefined,
orderId: undefined,
otherOrder: undefined,
money: undefined,
uid: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
remark: undefined,
};
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.loading = true;
this.reset();
const id = row.id || this.ids;
getPaymentRecord(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改支付订单";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updatePaymentRecord(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addPaymentRecord(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除支付订单编号为"' + ids + '"的数据项?')
.then(() => {
this.loading = true;
return delPaymentRecord(ids);
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/paymentRecord/export",
{
...this.queryParams,
},
`paymentRecord_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
<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="status">
<el-select
v-model="queryParams.status"
placeholder="请选择退款状态"
clearable=""
@change="handleQuery"
>
<el-option
v-for="item in [
{
label: '待审核',
value: 0,
},
{
label: '退款成功',
value: 1,
},
{
label: '取消退款',
value: 2,
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</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-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:userRefund:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:userRefund:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:userRefund:remove']"
>删除</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:userRefund:export']"
>导出</el-button
>
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="userRefundList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="ID" align="center" prop="id" key="id" />
<el-table-column label="订单" align="center" prop="orderSn" key="orderSn" :show-overflow-tooltip="true" />
<el-table-column label="订单类型" align="center" prop="bname" key="bname" :show-overflow-tooltip="true" />
<el-table-column label="应退金额" align="center" prop="payMoney" key="payMoney" :show-overflow-tooltip="true" />
<el-table-column label="退款理由" align="center" prop="remark" key="remark" :show-overflow-tooltip="true" />
<el-table-column label="联系手机" align="center" prop="phone" key="phone" :show-overflow-tooltip="true" />
<el-table-column label="退款状态" align="center" prop="status" :show-overflow-tooltip="true">
<template slot-scope="{row}">
<span v-if="row.status == 0">待审核</span>
<span v-if="row.status == 1">退款成功</span>
<span v-if="row.status == 2">取消退款</span>
</template>
</el-table-column>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
key="createTime"
width="180"
:show-overflow-tooltip="true"
/>
<!-- <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:userRefund:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:userRefund: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="退款单号" prop="refundNo">
<el-input v-model="form.refundNo" placeholder="请输入退款单号" />
</el-form-item>
<el-form-item label="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
</el-form-item>
<el-form-item label="业务类型" prop="businessId">
<el-input v-model="form.businessId" placeholder="请输入业务类型" />
</el-form-item>
<el-form-item label="子订单" prop="sonOrderId">
<el-input v-model="form.sonOrderId" 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="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listUserRefund,
getUserRefund,
delUserRefund,
addUserRefund,
updateUserRefund,
} from "@/api/financialManagement/userRefund";
export default {
name: "UserRefund",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 用户退款表格数据
userRefundList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
status: undefined,
// refundNo: undefined,
// orderId: undefined,
// businessId: undefined,
// sonOrderId: undefined,
// sonOrderStatus: undefined,
// phone: undefined,
// status: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {},
};
},
created() {
this.getList();
},
methods: {
/** 查询用户退款列表 */
getList() {
this.loading = true;
listUserRefund(this.queryParams).then((response) => {
this.userRefundList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
refundNo: undefined,
orderId: undefined,
businessId: undefined,
sonOrderId: undefined,
sonOrderStatus: undefined,
phone: undefined,
status: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
remark: undefined,
};
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.loading = true;
this.reset();
const id = row.id || this.ids;
getUserRefund(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改用户退款";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateUserRefund(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addUserRefund(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除用户退款编号为"' + ids + '"的数据项?')
.then(() => {
this.loading = true;
return delUserRefund(ids);
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/userRefund/export",
{
...this.queryParams,
},
`userRefund_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: ‘巴博尔’ 2164119982@qq.com * @Author: ‘巴博尔’ 2164119982@qq.com
* @Date: 2023-09-11 15:43:21 * @Date: 2023-09-11 15:43:21
* @LastEditors: ‘巴博尔’ 2164119982@qq.com * @LastEditors: ‘巴博尔’ 2164119982@qq.com
* @LastEditTime: 2023-09-11 16:42:02 * @LastEditTime: 2023-09-12 16:38:39
* @FilePath: \peizhen-vue\src\views\mallManagement\apply\index.vue * @FilePath: \peizhen-vue\src\views\mallManagement\apply\index.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--> -->
...@@ -142,6 +142,7 @@ ...@@ -142,6 +142,7 @@
prop="businessLicense" prop="businessLicense"
key="businessLicense" key="businessLicense"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
width="170"
> >
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<imageUpload <imageUpload
...@@ -159,6 +160,7 @@ ...@@ -159,6 +160,7 @@
prop="foodBusinessLicense" prop="foodBusinessLicense"
key="foodBusinessLicense" key="foodBusinessLicense"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
width="170"
> >
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<imageUpload <imageUpload
...@@ -176,6 +178,7 @@ ...@@ -176,6 +178,7 @@
prop="drugBusinessLicense" prop="drugBusinessLicense"
key="drugBusinessLicense" key="drugBusinessLicense"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
width="170"
> >
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<imageUpload <imageUpload
...@@ -193,6 +196,7 @@ ...@@ -193,6 +196,7 @@
prop="medicalBusinessLicense" prop="medicalBusinessLicense"
key="medicalBusinessLicense" key="medicalBusinessLicense"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
width="170"
> >
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<imageUpload <imageUpload
...@@ -210,6 +214,7 @@ ...@@ -210,6 +214,7 @@
prop="twoMedicalBusinessLicense" prop="twoMedicalBusinessLicense"
key="twoMedicalBusinessLicense" key="twoMedicalBusinessLicense"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
width="180"
> >
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<imageUpload <imageUpload
...@@ -226,6 +231,7 @@ ...@@ -226,6 +231,7 @@
align="center" align="center"
prop="cashDeposit" prop="cashDeposit"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
width="120"
/> />
<el-table-column <el-table-column
label="保证金金额" label="保证金金额"
...@@ -233,6 +239,7 @@ ...@@ -233,6 +239,7 @@
prop="isCashDeposit" prop="isCashDeposit"
key="isCashDeposit" key="isCashDeposit"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
width="120"
> >
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span v-if="row.isCashDeposit == 1"></span> <span v-if="row.isCashDeposit == 1"></span>
...@@ -245,6 +252,7 @@ ...@@ -245,6 +252,7 @@
prop="status" prop="status"
key="status" key="status"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
width="100"
> >
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<el-select <el-select
...@@ -280,6 +288,7 @@ ...@@ -280,6 +288,7 @@
align="center" align="center"
prop="createTime" prop="createTime"
key="createTime" key="createTime"
width="180"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
/> />
<!-- <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>
<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="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入订单号"
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="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:dbghOrder:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:dbghOrder:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:dbghOrder:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:dbghOrder:export']"
>导出</el-button>
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="dbghOrderList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="订单号"
align="center"
prop="orderSn"
key="orderSn"
:show-overflow-tooltip="true"
/>
<el-table-column
label="订单价"
align="center"
prop="payMoney"
key="payMoney"
:show-overflow-tooltip="true"
/>
<el-table-column
label="服务"
align="center"
prop="serviceName"
key="serviceName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="城市"
align="center"
prop="cityName"
key="cityName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="医院"
align="center"
prop="hname"
key="hname"
:show-overflow-tooltip="true"
/>
<el-table-column
label="科室"
align="center"
prop="title"
key="title"
:show-overflow-tooltip="true"
/>
<el-table-column
label="就诊人员"
align="center"
prop="userVsitorVo"
key="userVsitorVo"
>
<template slot-scope="{ row }">
<el-button
v-if="row.userVsitorVo && Object.keys(row.userVsitorVo).length"
type="text"
@click="clickSeeVisitor(row)"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column label="接单人" align="center" prop="ename" key="ename">
<template slot-scope="{ row }">
<span v-if="row.ename">{{ row.ename }}</span>
<span v-else>未接单</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" key="remark">
<template slot-scope="{ row }">
<el-button
v-if="row.remark"
type="text"
@click="clickSeeROWrEM(row.remark, '订单备注')"
>点击查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="期望就诊时间"
align="center"
prop="visitTime"
key="visitTime"
width="180"
:show-overflow-tooltip="true"
/>
<el-table-column
label="当前状态"
align="center"
prop="tstatus"
key="tstatus"
>
<template slot-scope="{ row }">
<span v-if="row.tstatus == 0">已发布</span>
<span v-if="row.tstatus == 1">已接单</span>
<span v-if="row.tstatus == 2">已完成</span>
<span v-if="row.tstatus == 3">退款中</span>
<span v-if="row.tstatus == 4">已退款</span>
<span v-if="row.tstatus == 6">进行中</span>
</template>
</el-table-column>
<el-table-column
label="服务结束时间"
align="center"
prop="overTime"
key="overTime"
width="180"
:show-overflow-tooltip="true"
/>
<el-table-column
label="订单状态"
align="center"
prop="ystatus"
key="ystatus"
>
<template slot-scope="{ row }">
<span v-if="row.ystatus == 0">待支付</span>
<span v-if="row.ystatus == 1">已支付</span>
<span v-if="row.ystatus == 2">已完成</span>
<span v-if="row.ystatus == 7">已取消</span>
<span v-if="row.ystatus == 8">已退款</span>
</template>
</el-table-column>
<el-table-column
label="是否好评"
align="center"
prop="isSatisfaction"
key="isSatisfaction"
>
<template slot-scope="{ row }">
<!-- 0-未评价,1-好评,2-差评 -->
<span v-if="row.isSatisfaction == 0">未评价</span>
<span v-if="row.isSatisfaction == 1">好评</span>
<span v-if="row.isSatisfaction == 2">差评</span>
</template>
</el-table-column>
<el-table-column
label="评价"
align="center"
prop="evaluationContent"
key="evaluationContent"
>
<template slot-scope="{ row }">
<el-button
v-if="row.evaluationContent"
type="text"
@click="clickSeeROWrEM(row.evaluationContent, '订单评价')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="完成凭证"
align="center"
prop="voucher"
key="voucher"
:show-overflow-tooltip="true"
/>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
key="createTime"
width="180"
:show-overflow-tooltip="true"
/>
<!-- <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:dbghOrder:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:dbghOrder: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="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
</el-form-item>
<el-form-item label="医院" prop="hid">
<el-input v-model="form.hid" placeholder="请输入医院" />
</el-form-item>
<el-form-item label="就诊人员" prop="visitor">
<el-input v-model="form.visitor" placeholder="请输入就诊人员" />
</el-form-item>
<el-form-item label="期望就诊时间" prop="visitTime">
<el-input v-model="form.visitTime" placeholder="请输入期望就诊时间" />
</el-form-item>
<el-form-item label="科室" prop="did">
<el-input v-model="form.did" placeholder="请输入科室" />
</el-form-item>
<el-form-item label="服务结束时间" prop="overTime">
<el-date-picker
clearable
v-model="form.overTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="完成凭证" prop="voucher">
<el-input
v-model="form.voucher"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog
:title="openArticleTitle"
:visible.sync="openArticle"
width="50%"
append-to-body
>
<div class="hidden-dialog">
<div class="content" v-html="rowArticle"></div>
</div>
</el-dialog>
<el-dialog
title="就诊人员信息"
:visible.sync="openArticleInfo"
width="600px"
append-to-body
>
<div class="contl">
<div class="contl-item">
<p class="contl-item-label">姓名:</p>
<p class="contl-item-rig">{{ VisitorData.name }}</p>
</div>
<div class="contl-item">
<p class="contl-item-label">性别:</p>
<p class="contl-item-rig" v-if="VisitorData.sex == 1"></p>
<p class="contl-item-rig" v-else-if="VisitorData.sex == 0"></p>
<p class="contl-item-rig" v-else>未知</p>
</div>
<div class="contl-item">
<p class="contl-item-label">身份证号:</p>
<p class="contl-item-rig">{{ VisitorData.idcard }}</p>
</div>
<div class="contl-item">
<p class="contl-item-label">是否成年:</p>
<p class="contl-item-rig" v-if="VisitorData.isAdult == 1">未成年</p>
<p class="contl-item-rig" v-if="VisitorData.isAdult == 0">已成年</p>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listDbghOrder,
getDbghOrder,
delDbghOrder,
addDbghOrder,
updateDbghOrder,
} from "@/api/orderManagement/dbghOrder";
export default {
name: "DbghOrder",
data() {
return {
openArticleInfo: false,
openArticle: false,
openArticleTitle: "",
rowArticle: "",
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 代办挂号订单表格数据
dbghOrderList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
orderSn: undefined,
// orderId: undefined,
// hid: undefined,
// visitor: undefined,
// visitTime: undefined,
// did: undefined,
// status: undefined,
// overTime: undefined,
// voucher: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {},
VisitorData: {
name: "",
sex: "",
idcard: "",
isAdult: "",
},
};
},
created() {
this.getList();
},
methods: {
clickSeeROWrEM(text, title) {
this.openArticle = true;
this.rowArticle = text;
this.openArticleTitle = title;
},
clickSeeVisitor(row) {
this.VisitorData = {
name: "",
sex: "",
idcard: "",
isAdult: "",
};
this.openArticleInfo = true;
this.VisitorData = row.userVsitorVo;
},
/** 查询代办挂号订单列表 */
getList() {
this.loading = true;
listDbghOrder(this.queryParams).then((response) => {
this.dbghOrderList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
orderId: undefined,
hid: undefined,
visitor: undefined,
visitTime: undefined,
did: undefined,
status: undefined,
overTime: undefined,
voucher: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
remark: undefined,
};
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.loading = true;
this.reset();
const id = row.id || this.ids;
getDbghOrder(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改代办挂号订单";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateDbghOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addDbghOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除代办挂号订单编号为"' + ids + '"的数据项?')
.then(() => {
this.loading = true;
return delDbghOrder(ids);
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/dbghOrder/export",
{
...this.queryParams,
},
`dbghOrder_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
<style scoped lang="scss">
.hidden-dialog {
height: 500px;
overflow-x: hidden;
}
.content {
width: 100%;
}
.contl {
padding: 20px;
width: calc(100 - 40px);
color: #333333;
font-size: 16px;
&-item {
display: flex;
&-label {
width: 20%;
}
&-rig {
width: 80%;
}
}
}
</style>
<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="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入订单号"
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="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:dbmyOrder:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:dbmyOrder:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:dbmyOrder:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:dbmyOrder:export']"
>导出</el-button>
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="dbmyOrderList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="订单号"
align="center"
prop="orderSn"
key="orderSn"
:show-overflow-tooltip="true"
/>
<el-table-column
label="订单价"
align="center"
prop="payMoney"
key="payMoney"
:show-overflow-tooltip="true"
/>
<el-table-column
label="药品名称"
align="center"
prop="ypName"
key="ypName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="药店地址"
align="center"
prop="ydAddress"
key="ydAddress"
:show-overflow-tooltip="true"
/>
<el-table-column
label="是否处方药"
align="center"
prop="isCf"
key="isCf"
width="100"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
<span v-if="row.isCf == 0"></span>
<span v-if="row.isCf == 1"></span>
</template>
</el-table-column>
<el-table-column
label="处方附件"
align="center"
prop="prescriptionAttachment"
key="prescriptionAttachment"
:show-overflow-tooltip="true"
width="120"
>
<template slot-scope="{ row }">
<fileUpload
v-model="row.prescriptionAttachment"
:isShowTip="false"
:disabled="true"
/>
</template>
</el-table-column>
<el-table-column label="取药方式" align="center" prop="way" key="way">
<template slot-scope="{ row }">
<span v-if="row.way == 0">邮寄到家</span>
<span v-if="row.way == 1">送货上门</span>
</template>
</el-table-column>
<el-table-column
label="收件人"
align="center"
prop="recipient"
key="recipient"
:show-overflow-tooltip="true"
/>
<el-table-column
label="收货地址"
align="center"
prop="adress"
key="adress"
:show-overflow-tooltip="true"
/>
<el-table-column
label="城市"
align="center"
prop="cityName"
key="cityName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="详细地址"
align="center"
prop="addressInfo"
key="addressInfo"
:show-overflow-tooltip="true"
/>
<el-table-column label="接单人" align="center" prop="ename" key="ename">
<template slot-scope="{ row }">
<span v-if="row.ename">{{ row.ename }}</span>
<span v-else>未接单</span>
</template>
</el-table-column>
<el-table-column
label="是否需要冷藏"
align="center"
prop="isRefrigerate"
key="isRefrigerate"
width="100"
>
<template slot-scope="{ row }">
<span v-if="row.isRefrigerate == 0">邮寄到家</span>
<span v-if="row.isRefrigerate == 1">送货上门</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" key="remark">
<template slot-scope="{ row }">
<el-button
v-if="row.remark"
type="text"
@click="clickSeeROWrEM(row.remark, '订单备注')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="当前状态"
align="center"
prop="tstatus"
key="tstatus"
>
<template slot-scope="{ row }">
<span v-if="row.tstatus == 0">已发布</span>
<span v-if="row.tstatus == 1">已接单</span>
<span v-if="row.tstatus == 2">已完成</span>
<span v-if="row.tstatus == 3">退款中</span>
<span v-if="row.tstatus == 4">已退款</span>
<span v-if="row.tstatus == 6">进行中</span>
</template>
</el-table-column>
<el-table-column
label="订单状态"
align="center"
prop="ystatus"
key="ystatus"
>
<template slot-scope="{ row }">
<span v-if="row.ystatus == 0">待支付</span>
<span v-if="row.ystatus == 1">已支付</span>
<span v-if="row.ystatus == 2">已完成</span>
<span v-if="row.ystatus == 7">已取消</span>
<span v-if="row.ystatus == 8">已退款</span>
</template>
</el-table-column>
<el-table-column
label="是否好评"
align="center"
prop="isSatisfaction"
key="isSatisfaction"
>
<template slot-scope="{ row }">
<!-- 0-未评价,1-好评,2-差评 -->
<span v-if="row.isSatisfaction == 0">未评价</span>
<span v-if="row.isSatisfaction == 1">好评</span>
<span v-if="row.isSatisfaction == 2">差评</span>
</template>
</el-table-column>
<el-table-column
label="评价"
align="center"
prop="evaluationContent"
key="evaluationContent"
>
<template slot-scope="{ row }">
<el-button
v-if="row.evaluationContent"
type="text"
@click="clickSeeROWrEM(row.evaluationContent, '订单评价')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="服务结束时间"
align="center"
prop="overTime"
key="overTime"
width="180"
:show-overflow-tooltip="true"
/>
<el-table-column
label="完成凭证"
align="center"
prop="voucher"
key="voucher"
:show-overflow-tooltip="true"
/>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
key="createTime"
width="180"
:show-overflow-tooltip="true"
/>
<!-- <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:dbmyOrder:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:dbmyOrder: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="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
</el-form-item>
<el-form-item label="药品名称" prop="ypName">
<el-input v-model="form.ypName" placeholder="请输入药品名称" />
</el-form-item>
<el-form-item label="药店地址" prop="ydAddress">
<el-input
v-model="form.ydAddress"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="是否处方药" prop="isCf">
<el-input v-model="form.isCf" placeholder="请输入是否处方药" />
</el-form-item>
<el-form-item label="处方附件" prop="prescriptionAttachment">
<el-input
v-model="form.prescriptionAttachment"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="取药方式:0-邮寄到家,1-送货上门" prop="way">
<el-input
v-model="form.way"
placeholder="请输入取药方式:0-邮寄到家,1-送货上门"
/>
</el-form-item>
<el-form-item label="收件人" prop="recipient">
<el-input v-model="form.recipient" placeholder="请输入收件人" />
</el-form-item>
<el-form-item label="收获地址" prop="adress">
<el-input
v-model="form.adress"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="详细地址" prop="addressInfo">
<el-input
v-model="form.addressInfo"
type="textarea"
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="isRefrigerate">
<el-input
v-model="form.isRefrigerate"
placeholder="请输入是否需要冷藏"
/>
</el-form-item>
<el-form-item label="服务结束时间" prop="overTime">
<el-date-picker
clearable
v-model="form.overTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务结束时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="完成凭证" prop="voucher">
<el-input
v-model="form.voucher"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="陪诊员收货人名字" prop="pzShr">
<el-input v-model="form.pzShr" placeholder="请输入陪诊员收货人名字" />
</el-form-item>
<el-form-item label="陪诊员收货地址" prop="pzAddress">
<el-input
v-model="form.pzAddress"
placeholder="请输入陪诊员收货地址"
/>
</el-form-item>
<el-form-item label="陪诊员收货电话" prop="pzShPhone">
<el-input
v-model="form.pzShPhone"
placeholder="请输入陪诊员收货电话"
/>
</el-form-item>
<el-form-item label="陪诊员收货备注" prop="pzShRemake">
<el-input
v-model="form.pzShRemake"
placeholder="请输入陪诊员收货备注"
/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog
:title="openArticleTitle"
:visible.sync="openArticle"
width="50%"
append-to-body
>
<div class="hidden-dialog">
<div class="content" v-html="rowArticle"></div>
</div>
</el-dialog>
<el-dialog
title="就诊人员信息"
:visible.sync="openArticleInfo"
width="600px"
append-to-body
>
<div class="contl">
<div class="contl-item">
<p class="contl-item-label">姓名:</p>
<p class="contl-item-rig">{{ VisitorData.name }}</p>
</div>
<div class="contl-item">
<p class="contl-item-label">性别:</p>
<p class="contl-item-rig" v-if="VisitorData.sex == 1"></p>
<p class="contl-item-rig" v-else-if="VisitorData.sex == 0"></p>
<p class="contl-item-rig" v-else>未知</p>
</div>
<div class="contl-item">
<p class="contl-item-label">身份证号:</p>
<p class="contl-item-rig">{{ VisitorData.idcard }}</p>
</div>
<div class="contl-item">
<p class="contl-item-label">是否成年:</p>
<p class="contl-item-rig" v-if="VisitorData.isAdult == 1">未成年</p>
<p class="contl-item-rig" v-if="VisitorData.isAdult == 0">已成年</p>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listDbmyOrder,
getDbmyOrder,
delDbmyOrder,
addDbmyOrder,
updateDbmyOrder,
} from "@/api/orderManagement/dbmyOrder";
export default {
name: "DbmyOrder",
data() {
return {
openArticleInfo: false,
openArticle: false,
openArticleTitle: "",
rowArticle: "",
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 代办买药订单表格数据
dbmyOrderList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
orderSn: undefined,
// orderId: undefined,
// ypName: undefined,
// ydAddress: undefined,
// isCf: undefined,
// prescriptionAttachment: undefined,
// way: undefined,
// recipient: undefined,
// adress: undefined,
// addressInfo: undefined,
// phone: undefined,
// isRefrigerate: undefined,
// status: undefined,
// overTime: undefined,
// voucher: undefined,
// pzShr: undefined,
// pzAddress: undefined,
// pzShPhone: undefined,
// pzShRemake: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {},
VisitorData: {
name: "",
sex: "",
idcard: "",
isAdult: "",
},
};
},
created() {
this.getList();
},
methods: {
clickSeeROWrEM(text, title) {
this.openArticle = true;
this.rowArticle = text;
this.openArticleTitle = title;
},
clickSeeVisitor(row) {
this.VisitorData = {
name: "",
sex: "",
idcard: "",
isAdult: "",
};
this.openArticleInfo = true;
this.VisitorData = row.userVsitorVo;
},
/** 查询代办买药订单列表 */
getList() {
this.loading = true;
listDbmyOrder(this.queryParams).then((response) => {
this.dbmyOrderList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
orderId: undefined,
ypName: undefined,
ydAddress: undefined,
isCf: undefined,
prescriptionAttachment: undefined,
way: undefined,
recipient: undefined,
adress: undefined,
addressInfo: undefined,
phone: undefined,
isRefrigerate: undefined,
status: undefined,
overTime: undefined,
voucher: undefined,
pzShr: undefined,
pzAddress: undefined,
pzShPhone: undefined,
pzShRemake: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
remark: undefined,
};
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.loading = true;
this.reset();
const id = row.id || this.ids;
getDbmyOrder(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改代办买药订单";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateDbmyOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addDbmyOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除代办买药订单编号为"' + ids + '"的数据项?')
.then(() => {
this.loading = true;
return delDbmyOrder(ids);
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/dbmyOrder/export",
{
...this.queryParams,
},
`dbmyOrder_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
<style scoped lang="scss">
.hidden-dialog {
height: 500px;
overflow-x: hidden;
}
.content {
width: 100%;
}
.contl {
padding: 20px;
width: calc(100 - 40px);
color: #333333;
font-size: 16px;
&-item {
display: flex;
&-label {
width: 20%;
}
&-rig {
width: 80%;
}
}
}
</style>
<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="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入订单号"
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="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:dbwzOrder:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:dbwzOrder:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:dbwzOrder:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:dbwzOrder:export']"
>导出</el-button>
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="dbwzOrderList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="城市"
align="center"
prop="cityName"
key="cityName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="订单号"
align="center"
prop="orderSn"
key="orderSn"
:show-overflow-tooltip="true"
/>
<el-table-column
label="科室"
align="center"
prop="title"
key="title"
:show-overflow-tooltip="true"
/>
<el-table-column
label="科室"
align="center"
prop="title"
key="title"
:show-overflow-tooltip="true"
/>
<el-table-column
label="订单价"
align="center"
prop="payMoney"
key="payMoney"
:show-overflow-tooltip="true"
/>
<el-table-column
label="就诊人员"
align="center"
prop="userVsitorVo"
key="userVsitorVo"
>
<template slot-scope="{ row }">
<el-button
v-if="row.userVsitorVo && Object.keys(row.userVsitorVo).length"
type="text"
@click="clickSeeVisitor(row)"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column label="接单人" align="center" prop="ename" key="ename">
<template slot-scope="{ row }">
<span v-if="row.ename">{{ row.ename }}</span>
<span v-else>未接单</span>
</template>
</el-table-column>
<el-table-column
label="期望就诊时间"
align="center"
prop="visitTime"
key="visitTime"
width="180"
:show-overflow-tooltip="true"
/>
<el-table-column label="备注" align="center" prop="remark" key="remark">
<template slot-scope="{ row }">
<el-button
v-if="row.remark"
type="text"
@click="clickSeeROWrEM(row.remark, '订单备注')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="主诉"
align="center"
prop="chiefComplaint"
key="chiefComplaint"
>
<template slot-scope="{ row }">
<el-button
v-if="row.chiefComplaint"
type="text"
@click="clickSeeROWrEM(row.chiefComplaint, '主诉')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="现病史"
align="center"
prop="historyOfPresentIllness"
key="historyOfPresentIllness"
>
<template slot-scope="{ row }">
<el-button
v-if="row.historyOfPresentIllness"
type="text"
@click="clickSeeROWrEM(row.historyOfPresentIllness, '现病史')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="即往史"
align="center"
prop="pastHistory"
key="pastHistory"
>
<template slot-scope="{ row }">
<el-button
v-if="row.pastHistory"
type="text"
@click="clickSeeROWrEM(row.pastHistory, '即往史')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="上次就医情况"
align="center"
prop="lastMedicalTreatmentSituation"
key="lastMedicalTreatmentSituation"
width="100"
>
<template slot-scope="{ row }">
<el-button
v-if="row.lastMedicalTreatmentSituation"
type="text"
@click="
clickSeeROWrEM(row.lastMedicalTreatmentSituation, '上次就医情况')
"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="治疗后情况"
align="center"
prop="postTreatmentCondition"
key="postTreatmentCondition"
width="100"
>
<template slot-scope="{ row }">
<el-button
v-if="row.postTreatmentCondition"
type="text"
@click="clickSeeROWrEM(row.postTreatmentCondition, '治疗后情况')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="相关报告"
align="center"
prop="relatedReports"
key="relatedReports"
>
<template slot-scope="{ row }">
<span v-if="row.relatedReports">已上传</span>
<span v-else>未上传</span>
</template>
</el-table-column>
<el-table-column
label="服务要求"
align="center"
prop="serviceRequirements"
key="serviceRequirements"
>
<template slot-scope="{ row }">
<el-button
v-if="row.serviceRequirements"
type="text"
@click="clickSeeROWrEM(row.serviceRequirements, '服务要求')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="当前状态"
align="center"
prop="tstatus"
key="tstatus"
>
<template slot-scope="{ row }">
<span v-if="row.tstatus == 0">已发布</span>
<span v-if="row.tstatus == 1">已接单</span>
<span v-if="row.tstatus == 2">已完成</span>
<span v-if="row.tstatus == 3">退款中</span>
<span v-if="row.tstatus == 4">已退款</span>
<span v-if="row.tstatus == 6">进行中</span>
</template>
</el-table-column>
<el-table-column
label="订单状态"
align="center"
prop="ystatus"
key="ystatus"
>
<template slot-scope="{ row }">
<span v-if="row.ystatus == 0">待支付</span>
<span v-if="row.ystatus == 1">已支付</span>
<span v-if="row.ystatus == 2">已完成</span>
<span v-if="row.ystatus == 7">已取消</span>
<span v-if="row.ystatus == 8">已退款</span>
</template>
</el-table-column>
<el-table-column
label="服务完成时间"
align="center"
prop="overTime"
key="overTime"
width="180"
:show-overflow-tooltip="true"
/>
<el-table-column
label="是否好评"
align="center"
prop="isSatisfaction"
key="isSatisfaction"
>
<template slot-scope="{ row }">
<!-- 0-未评价,1-好评,2-差评 -->
<span v-if="row.isSatisfaction == 0">未评价</span>
<span v-if="row.isSatisfaction == 1">好评</span>
<span v-if="row.isSatisfaction == 2">差评</span>
</template>
</el-table-column>
<el-table-column
label="评价"
align="center"
prop="evaluationContent"
key="evaluationContent"
>
<template slot-scope="{ row }">
<el-button
v-if="row.evaluationContent"
type="text"
@click="clickSeeROWrEM(row.evaluationContent, '订单评价')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="完成凭证"
align="center"
prop="voucher"
key="voucher"
:show-overflow-tooltip="true"
/>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
key="createTime"
width="180"
:show-overflow-tooltip="true"
/>
<!-- <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:dbwzOrder:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:dbwzOrder: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="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
</el-form-item>
<el-form-item label="就诊人员" prop="visitor">
<el-input v-model="form.visitor" placeholder="请输入就诊人员" />
</el-form-item>
<el-form-item label="期望就诊时间" prop="visitTime">
<el-input v-model="form.visitTime" placeholder="请输入期望就诊时间" />
</el-form-item>
<el-form-item label="科室" prop="did">
<el-input v-model="form.did" placeholder="请输入科室" />
</el-form-item>
<el-form-item label="主诉" prop="chiefComplaint">
<el-input
v-model="form.chiefComplaint"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="现病史" prop="historyOfPresentIllness">
<el-input
v-model="form.historyOfPresentIllness"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="即往史" prop="pastHistory">
<el-input
v-model="form.pastHistory"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="上次就医情况" prop="lastMedicalTreatmentSituation">
<el-input
v-model="form.lastMedicalTreatmentSituation"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="治疗后情况" prop="postTreatmentCondition">
<el-input
v-model="form.postTreatmentCondition"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="相关报告" prop="relatedReports">
<el-input
v-model="form.relatedReports"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="服务要求" prop="serviceRequirements">
<el-input
v-model="form.serviceRequirements"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="服务完成时间" prop="overTime">
<el-date-picker
clearable
v-model="form.overTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务完成时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="完成凭证" prop="voucher">
<el-input
v-model="form.voucher"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="说明" prop="indications">
<el-input v-model="form.indications" placeholder="请输入说明" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog
:title="openArticleTitle"
:visible.sync="openArticle"
width="50%"
append-to-body
>
<div class="hidden-dialog">
<div class="content" v-html="rowArticle"></div>
</div>
</el-dialog>
<el-dialog
title="就诊人员信息"
:visible.sync="openArticleInfo"
width="600px"
append-to-body
>
<div class="contl">
<div class="contl-item">
<p class="contl-item-label">姓名:</p>
<p class="contl-item-rig">{{ VisitorData.name }}</p>
</div>
<div class="contl-item">
<p class="contl-item-label">性别:</p>
<p class="contl-item-rig" v-if="VisitorData.sex == 1"></p>
<p class="contl-item-rig" v-else-if="VisitorData.sex == 0"></p>
<p class="contl-item-rig" v-else>未知</p>
</div>
<div class="contl-item">
<p class="contl-item-label">身份证号:</p>
<p class="contl-item-rig">{{ VisitorData.idcard }}</p>
</div>
<div class="contl-item">
<p class="contl-item-label">是否成年:</p>
<p class="contl-item-rig" v-if="VisitorData.isAdult == 1">未成年</p>
<p class="contl-item-rig" v-if="VisitorData.isAdult == 0">已成年</p>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listDbwzOrder,
getDbwzOrder,
delDbwzOrder,
addDbwzOrder,
updateDbwzOrder,
} from "@/api/orderManagement/dbwzOrder";
export default {
name: "DbwzOrder",
data() {
return {
openArticleInfo: false,
openArticle: false,
openArticleTitle: "",
rowArticle: "",
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 代办问诊订单表格数据
dbwzOrderList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
orderSn: undefined,
// orderId: undefined,
// visitor: undefined,
// visitTime: undefined,
// did: undefined,
// chiefComplaint: undefined,
// historyOfPresentIllness: undefined,
// pastHistory: undefined,
// lastMedicalTreatmentSituation: undefined,
// postTreatmentCondition: undefined,
// relatedReports: undefined,
// serviceRequirements: undefined,
// status: undefined,
// overTime: undefined,
// voucher: undefined,
// indications: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {},
VisitorData: {
name: "",
sex: "",
idcard: "",
isAdult: "",
},
};
},
created() {
this.getList();
},
methods: {
clickSeeROWrEM(text, title) {
this.openArticle = true;
this.rowArticle = text;
this.openArticleTitle = title;
},
clickSeeVisitor(row) {
this.VisitorData = {
name: "",
sex: "",
idcard: "",
isAdult: "",
};
this.openArticleInfo = true;
this.VisitorData = row.userVsitorVo;
},
/** 查询代办问诊订单列表 */
getList() {
this.loading = true;
listDbwzOrder(this.queryParams).then((response) => {
this.dbwzOrderList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
orderId: undefined,
visitor: undefined,
visitTime: undefined,
did: undefined,
chiefComplaint: undefined,
historyOfPresentIllness: undefined,
pastHistory: undefined,
lastMedicalTreatmentSituation: undefined,
postTreatmentCondition: undefined,
relatedReports: undefined,
serviceRequirements: undefined,
status: undefined,
overTime: undefined,
voucher: undefined,
indications: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
remark: undefined,
};
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.loading = true;
this.reset();
const id = row.id || this.ids;
getDbwzOrder(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改代办问诊订单";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateDbwzOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addDbwzOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除代办问诊订单编号为"' + ids + '"的数据项?')
.then(() => {
this.loading = true;
return delDbwzOrder(ids);
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/dbwzOrder/export",
{
...this.queryParams,
},
`dbwzOrder_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
<style scoped lang="scss">
.hidden-dialog {
height: 500px;
overflow-x: hidden;
}
.content {
width: 100%;
}
.contl {
padding: 20px;
width: calc(100 - 40px);
color: #333333;
font-size: 16px;
&-item {
display: flex;
&-label {
width: 20%;
}
&-rig {
width: 80%;
}
}
}
</style>
...@@ -130,7 +130,7 @@ ...@@ -130,7 +130,7 @@
<el-table-column <el-table-column
label="就诊人员" label="就诊人员"
align="center" align="center"
prop="userVsitorVo.name" prop="userVsitorVo"
key="userVsitorVo" key="userVsitorVo"
> >
<template slot-scope="{ row }"> <template slot-scope="{ row }">
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="接单人" align="center" prop="ename"> <el-table-column label="接单人" align="center" prop="ename" key="ename">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span v-if="row.ename">{{ row.ename }}</span> <span v-if="row.ename">{{ row.ename }}</span>
<span v-else>未接单</span> <span v-else>未接单</span>
...@@ -150,7 +150,10 @@ ...@@ -150,7 +150,10 @@
</el-table-column> </el-table-column>
<el-table-column label="备注" align="center" prop="remark" key="remark"> <el-table-column label="备注" align="center" prop="remark" key="remark">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<el-button v-if="row.remark" type="text" @click="clickSeeROWrEM(row)" <el-button
v-if="row.remark"
type="text"
@click="clickSeeROWrEM(row.remark, '订单备注')"
>点击查看</el-button >点击查看</el-button
> >
</template> </template>
...@@ -160,6 +163,7 @@ ...@@ -160,6 +163,7 @@
align="center" align="center"
prop="visitTime" prop="visitTime"
key="visitTime" key="visitTime"
width="180"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
/> />
<el-table-column <el-table-column
...@@ -169,26 +173,26 @@ ...@@ -169,26 +173,26 @@
key="phone" key="phone"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
/> />
<el-table-column label="当前状态" align="center" prop="tStatus"> <el-table-column label="当前状态" align="center" prop="tstatus" key="tstatus">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span v-if="row.tStatus == 0">已发布</span> <span v-if="row.tstatus == 0">已发布</span>
<span v-if="row.tStatus == 1">已接单</span> <span v-if="row.tstatus == 1">已接单</span>
<span v-if="row.tStatus == 2">已完成</span> <span v-if="row.tstatus == 2">已完成</span>
<span v-if="row.tStatus == 3">退款中</span> <span v-if="row.tstatus == 3">退款中</span>
<span v-if="row.tStatus == 4">已退款</span> <span v-if="row.tstatus == 4">已退款</span>
<span v-if="row.tStatus == 6">进行中</span> <span v-if="row.tstatus == 6">进行中</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单状态" align="center" prop="yStatus"> <el-table-column label="订单状态" align="center" prop="ystatus" key="ystatus">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span v-if="row.tStatus == 0">待支付</span> <span v-if="row.ystatus == 0">待支付</span>
<span v-if="row.tStatus == 1">已支付</span> <span v-if="row.ystatus == 1">已支付</span>
<span v-if="row.tStatus == 2">已完成</span> <span v-if="row.ystatus == 2">已完成</span>
<span v-if="row.tStatus == 7">已取消</span> <span v-if="row.ystatus == 7">已取消</span>
<span v-if="row.tStatus == 8">已退款</span> <span v-if="row.ystatus == 8">已退款</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="是否好评" align="center" prop="isSatisfaction"> <el-table-column label="是否好评" align="center" prop="isSatisfaction" key="isSatisfaction">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<!-- 0-未评价,1-好评,2-差评 --> <!-- 0-未评价,1-好评,2-差评 -->
<span v-if="row.isSatisfaction == 0">未评价</span> <span v-if="row.isSatisfaction == 0">未评价</span>
...@@ -201,8 +205,16 @@ ...@@ -201,8 +205,16 @@
align="center" align="center"
prop="evaluationContent" prop="evaluationContent"
key="evaluationContent" key="evaluationContent"
:show-overflow-tooltip="true" >
/> <template slot-scope="{ row }">
<el-button
v-if="row.evaluationContent"
type="text"
@click="clickSeeROWrEM(row.evaluationContent, '订单评价')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column <el-table-column
label="服务完成时间" label="服务完成时间"
align="center" align="center"
...@@ -223,6 +235,7 @@ ...@@ -223,6 +235,7 @@
align="center" align="center"
prop="createTime" prop="createTime"
key="createTime" key="createTime"
width="180"
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
/> />
<!-- <el-table-column <!-- <el-table-column
...@@ -314,7 +327,7 @@ ...@@ -314,7 +327,7 @@
</el-dialog> </el-dialog>
<el-dialog <el-dialog
title="订单备注" :title="openArticleTitle"
:visible.sync="openArticle" :visible.sync="openArticle"
width="50%" width="50%"
append-to-body append-to-body
...@@ -370,6 +383,7 @@ export default { ...@@ -370,6 +383,7 @@ export default {
return { return {
openArticleInfo: false, openArticleInfo: false,
openArticle: false, openArticle: false,
openArticleTitle: "",
rowArticle: "", rowArticle: "",
// 按钮loading // 按钮loading
buttonLoading: false, buttonLoading: false,
...@@ -424,9 +438,10 @@ export default { ...@@ -424,9 +438,10 @@ export default {
this.getList(); this.getList();
}, },
methods: { methods: {
clickSeeROWrEM(row) { clickSeeROWrEM(text, title) {
this.openArticle = true; this.openArticle = true;
this.rowArticle = row.remark; this.rowArticle = text;
this.openArticleTitle = title;
}, },
clickSeeVisitor(row) { clickSeeVisitor(row) {
this.VisitorData = { this.VisitorData = {
......
<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="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入订单号"
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="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:zqghOrder:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:zqghOrder:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:zqghOrder:remove']"
>删除</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:zqghOrder:export']"
>导出</el-button
>
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="zqghOrderList"
@selection-change="handleSelectionChange"
>
<el-table-column
label="订单号"
align="center"
prop="orderSn"
key="orderSn"
:show-overflow-tooltip="true"
/>
<el-table-column
label="订单价"
align="center"
prop="payMoney"
key="payMoney"
:show-overflow-tooltip="true"
/>
<el-table-column
label="城市"
align="center"
prop="cityName"
key="cityName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="医院"
align="center"
prop="hname"
key="hname"
:show-overflow-tooltip="true"
/>
<el-table-column
label="科室"
align="center"
prop="title"
key="title"
:show-overflow-tooltip="true"
/>
<el-table-column
label="医生"
align="center"
prop="doName"
key="doName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="用户"
align="center"
prop="userName"
key="userName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="预约时间"
align="center"
prop="timeOfAppointment"
key="timeOfAppointment"
width="180"
:show-overflow-tooltip="true"
/>
<el-table-column label="备注" align="center" prop="remark" key="remark">
<template slot-scope="{ row }">
<el-button
v-if="row.remark"
type="text"
@click="clickSeeROWrEM(row.remark, '订单备注')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="订单状态"
align="center"
prop="ystatus"
key="ystatus"
>
<template slot-scope="{ row }">
<span v-if="row.ystatus == 0">待支付</span>
<span v-if="row.ystatus == 1">已支付</span>
<span v-if="row.ystatus == 2">已完成</span>
<span v-if="row.ystatus == 7">已取消</span>
<span v-if="row.ystatus == 8">已退款</span>
</template>
</el-table-column>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
key="createTime"
width="180"
:show-overflow-tooltip="true"
/>
<!-- <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:zqghOrder:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:zqghOrder: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="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
</el-form-item>
<el-form-item label="医院" prop="hid">
<el-input v-model="form.hid" placeholder="请输入医院" />
</el-form-item>
<el-form-item label="科室" prop="did">
<el-input v-model="form.did" placeholder="请输入科室" />
</el-form-item>
<el-form-item label="医生" prop="doctorId">
<el-input v-model="form.doctorId" placeholder="请输入医生" />
</el-form-item>
<el-form-item label="预约时间" prop="timeOfAppointment">
<el-input
v-model="form.timeOfAppointment"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="服务完成时间" prop="overTime">
<el-date-picker
clearable
v-model="form.overTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务完成时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="完成凭证" prop="voucher">
<el-input
v-model="form.voucher"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="" prop="isCal">
<el-input v-model="form.isCal" placeholder="请输入" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog
:title="openArticleTitle"
:visible.sync="openArticle"
width="50%"
append-to-body
>
<div class="hidden-dialog">
<div class="content" v-html="rowArticle"></div>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listZqghOrder,
getZqghOrder,
delZqghOrder,
addZqghOrder,
updateZqghOrder,
} from "@/api/orderManagement/zqghOrder";
export default {
name: "ZqghOrder",
data() {
return {
openArticleInfo: false,
openArticle: false,
openArticleTitle: "",
rowArticle: "",
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 诊前挂号订单表格数据
zqghOrderList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
orderSn: undefined,
// orderId: undefined,
// hid: undefined,
// did: undefined,
// doctorId: undefined,
// timeOfAppointment: undefined,
// status: undefined,
// overTime: undefined,
// voucher: undefined,
// isCal: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {},
VisitorData: {
name: "",
sex: "",
idcard: "",
isAdult: "",
},
};
},
created() {
this.getList();
},
methods: {
clickSeeROWrEM(text, title) {
this.openArticle = true;
this.rowArticle = text;
this.openArticleTitle = title;
},
/** 查询诊前挂号订单列表 */
getList() {
this.loading = true;
listZqghOrder(this.queryParams).then((response) => {
this.zqghOrderList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
orderId: undefined,
hid: undefined,
did: undefined,
doctorId: undefined,
timeOfAppointment: undefined,
status: undefined,
overTime: undefined,
voucher: undefined,
isCal: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
remark: undefined,
};
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.loading = true;
this.reset();
const id = row.id || this.ids;
getZqghOrder(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改诊前挂号订单";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateZqghOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addZqghOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除诊前挂号订单编号为"' + ids + '"的数据项?')
.then(() => {
this.loading = true;
return delZqghOrder(ids);
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/zqghOrder/export",
{
...this.queryParams,
},
`zqghOrder_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
<style scoped lang="scss">
.hidden-dialog {
height: 500px;
overflow-x: hidden;
}
.content {
width: 100%;
}
.contl {
padding: 20px;
width: calc(100 - 40px);
color: #333333;
font-size: 16px;
&-item {
display: flex;
&-label {
width: 20%;
}
&-rig {
width: 80%;
}
}
}
</style>
<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="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入订单号"
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="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:zyphOrder:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:zyphOrder:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:zyphOrder:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:zyphOrder:export']"
>导出</el-button>
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="zyphOrderList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column
label="订单号"
align="center"
prop="orderSn"
key="orderSn"
:show-overflow-tooltip="true"
/>
<el-table-column
label="订单价"
align="center"
prop="payMoney"
key="payMoney"
:show-overflow-tooltip="true"
/>
<el-table-column
label="服务"
align="center"
prop="serviceName"
key="serviceName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="城市"
align="center"
prop="cityName"
key="cityName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="医院"
align="center"
prop="hname"
key="hname"
:show-overflow-tooltip="true"
/>
<el-table-column
label="科室"
align="center"
prop="title"
key="title"
:show-overflow-tooltip="true"
/>
<el-table-column
label="就诊人员"
align="center"
prop="userVsitorVo"
key="userVsitorVo"
>
<template slot-scope="{ row }">
<el-button
v-if="row.userVsitorVo && Object.keys(row.userVsitorVo).length"
type="text"
@click="clickSeeVisitor(row)"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column label="接单人" align="center" prop="ename" key="ename">
<template slot-scope="{ row }">
<span v-if="row.ename">{{ row.ename }}</span>
<span v-else>未接单</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" key="remark">
<template slot-scope="{ row }">
<el-button
v-if="row.remark"
type="text"
@click="clickSeeROWrEM(row.remark, '订单备注')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="期待陪护日期"
align="center"
prop="startDay"
key="startDay"
width="180"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
{{ row.startDay }} - {{ row.endDay }}
</template>
</el-table-column>
<el-table-column
label="期待陪护时间"
align="center"
prop="startTime"
key="startTime"
width="180"
:show-overflow-tooltip="true"
>
<template slot-scope="{ row }">
{{ row.startTime }} - {{ row.endTime }}
</template>
</el-table-column>
<el-table-column
label="当前状态"
align="center"
prop="tstatus"
key="tstatus"
>
<template slot-scope="{ row }">
<span v-if="row.tstatus == 0">已发布</span>
<span v-if="row.tstatus == 1">已接单</span>
<span v-if="row.tstatus == 2">已完成</span>
<span v-if="row.tstatus == 3">退款中</span>
<span v-if="row.tstatus == 4">已退款</span>
<span v-if="row.tstatus == 6">进行中</span>
</template>
</el-table-column>
<el-table-column
label="订单状态"
align="center"
prop="ystatus"
key="ystatus"
>
<template slot-scope="{ row }">
<span v-if="row.ystatus == 0">待支付</span>
<span v-if="row.ystatus == 1">已支付</span>
<span v-if="row.ystatus == 2">已完成</span>
<span v-if="row.ystatus == 7">已取消</span>
<span v-if="row.ystatus == 8">已退款</span>
</template>
</el-table-column>
<el-table-column
label="是否好评"
align="center"
prop="isSatisfaction"
key="isSatisfaction"
>
<template slot-scope="{ row }">
<!-- 0-未评价,1-好评,2-差评 -->
<span v-if="row.isSatisfaction == 0">未评价</span>
<span v-if="row.isSatisfaction == 1">好评</span>
<span v-if="row.isSatisfaction == 2">差评</span>
</template>
</el-table-column>
<el-table-column
label="评价"
align="center"
prop="evaluationContent"
key="evaluationContent"
>
<template slot-scope="{ row }">
<el-button
v-if="row.evaluationContent"
type="text"
@click="clickSeeROWrEM(row.evaluationContent, '订单评价')"
>查看</el-button
>
</template>
</el-table-column>
<el-table-column
label="服务完成时间"
align="center"
prop="overTime"
key="overTime"
width="180"
:show-overflow-tooltip="true"
/>
<el-table-column
label="完成凭证"
align="center"
prop="voucher"
key="voucher"
:show-overflow-tooltip="true"
/>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
key="createTime"
width="180"
:show-overflow-tooltip="true"
/>
<!-- <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:zyphOrder:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:zyphOrder: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="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
</el-form-item>
<el-form-item label="医院" prop="hid">
<el-input v-model="form.hid" placeholder="请输入医院" />
</el-form-item>
<el-form-item label="科室" prop="did">
<el-input v-model="form.did" placeholder="请输入科室" />
</el-form-item>
<el-form-item label="就诊人员" prop="visitor">
<el-input v-model="form.visitor" placeholder="请输入就诊人员" />
</el-form-item>
<el-form-item label="开始日期" prop="startDay">
<el-input v-model="form.startDay" placeholder="请输入开始日期" />
</el-form-item>
<el-form-item label="结束日期" prop="endDay">
<el-input v-model="form.endDay" placeholder="请输入结束日期" />
</el-form-item>
<el-form-item label="开始时间" prop="startTime">
<el-input v-model="form.startTime" placeholder="请输入开始时间" />
</el-form-item>
<el-form-item label="结束时间" prop="endTime">
<el-input v-model="form.endTime" placeholder="请输入结束时间" />
</el-form-item>
<el-form-item label="服务完成时间" prop="overTime">
<el-date-picker
clearable
v-model="form.overTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务完成时间"
>
</el-date-picker>
</el-form-item>
<el-form-item label="完成凭证" prop="voucher">
<el-input
v-model="form.voucher"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog
:title="openArticleTitle"
:visible.sync="openArticle"
width="50%"
append-to-body
>
<div class="hidden-dialog">
<div class="content" v-html="rowArticle"></div>
</div>
</el-dialog>
<el-dialog
title="就诊人员信息"
:visible.sync="openArticleInfo"
width="600px"
append-to-body
>
<div class="contl">
<div class="contl-item">
<p class="contl-item-label">姓名:</p>
<p class="contl-item-rig">{{ VisitorData.name }}</p>
</div>
<div class="contl-item">
<p class="contl-item-label">性别:</p>
<p class="contl-item-rig" v-if="VisitorData.sex == 1"></p>
<p class="contl-item-rig" v-else-if="VisitorData.sex == 0"></p>
<p class="contl-item-rig" v-else>未知</p>
</div>
<div class="contl-item">
<p class="contl-item-label">身份证号:</p>
<p class="contl-item-rig">{{ VisitorData.idcard }}</p>
</div>
<div class="contl-item">
<p class="contl-item-label">是否成年:</p>
<p class="contl-item-rig" v-if="VisitorData.isAdult == 1">未成年</p>
<p class="contl-item-rig" v-if="VisitorData.isAdult == 0">已成年</p>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listZyphOrder,
getZyphOrder,
delZyphOrder,
addZyphOrder,
updateZyphOrder,
} from "@/api/orderManagement/zyphOrder";
export default {
name: "ZyphOrder",
data() {
return {
openArticleInfo: false,
openArticle: false,
openArticleTitle: "",
rowArticle: "",
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 住院陪诊订单表格数据
zyphOrderList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
orderSn: undefined,
// orderId: undefined,
// hid: undefined,
// did: undefined,
// visitor: undefined,
// startDay: undefined,
// endDay: undefined,
// startTime: undefined,
// endTime: undefined,
// status: undefined,
// overTime: undefined,
// voucher: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
remark: [{ required: true, message: "备注不能为空", trigger: "blur" }],
},
VisitorData: {
name: "",
sex: "",
idcard: "",
isAdult: "",
},
};
},
created() {
this.getList();
},
methods: {
clickSeeROWrEM(text, title) {
this.openArticle = true;
this.rowArticle = text;
this.openArticleTitle = title;
},
clickSeeVisitor(row) {
this.VisitorData = {
name: "",
sex: "",
idcard: "",
isAdult: "",
};
this.openArticleInfo = true;
this.VisitorData = row.userVsitorVo;
},
/** 查询住院陪诊订单列表 */
getList() {
this.loading = true;
listZyphOrder(this.queryParams).then((response) => {
this.zyphOrderList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
orderId: undefined,
hid: undefined,
did: undefined,
visitor: undefined,
startDay: undefined,
endDay: undefined,
startTime: undefined,
endTime: undefined,
status: undefined,
overTime: undefined,
voucher: undefined,
delFlag: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
remark: undefined,
};
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.loading = true;
this.reset();
const id = row.id || this.ids;
getZyphOrder(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改住院陪诊订单";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateZyphOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addZyphOrder(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除住院陪诊订单编号为"' + ids + '"的数据项?')
.then(() => {
this.loading = true;
return delZyphOrder(ids);
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/zyphOrder/export",
{
...this.queryParams,
},
`zyphOrder_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
<style scoped lang="scss">
.hidden-dialog {
height: 500px;
overflow-x: hidden;
}
.content {
width: 100%;
}
.contl {
padding: 20px;
width: calc(100 - 40px);
color: #333333;
font-size: 16px;
&-item {
display: flex;
&-label {
width: 20%;
}
&-rig {
width: 80%;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment