订单信息
This commit is contained in:
闫晓茹
parent
e82e6f6816
commit
d45dbc480f
@ -14,4 +14,11 @@ export function Detailed(id) {
|
||||
method: 'get',
|
||||
|
||||
})
|
||||
}
|
||||
}
|
||||
//删除
|
||||
export function deldetailed(id) {
|
||||
return request({
|
||||
url: '/system/appointmentOrderDetails/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
@ -8,6 +8,14 @@
|
||||
v-show="showSearch"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-form-item label="客户" prop="patientName">
|
||||
<el-input
|
||||
v-model="queryParams.patientName"
|
||||
placeholder="请输入客户"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单编号" prop="orderNo">
|
||||
<el-input
|
||||
v-model="queryParams.orderNo"
|
||||
@ -16,23 +24,22 @@
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="被护理人" prop="patientName">
|
||||
<el-input
|
||||
v-model="queryParams.patientName"
|
||||
placeholder="请输入被护理人"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="订单状态" prop="orderStatus">
|
||||
<el-input
|
||||
<el-select
|
||||
v-model="queryParams.orderStatus"
|
||||
placeholder="请输入订单状态"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
placeholder="请选择订单状态"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in orderStatuslist"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item>
|
||||
<el-button
|
||||
type="primary"
|
||||
@ -45,18 +52,16 @@
|
||||
>重置</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
|
||||
<right-toolbar
|
||||
:showSearch.sync="showSearch"
|
||||
@queryTable="getList"
|
||||
></right-toolbar>
|
||||
|
||||
|
||||
<right-toolbar
|
||||
:showSearch.sync="showSearch"
|
||||
@queryTable="getList"
|
||||
></right-toolbar>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="OrderDetailsList"
|
||||
@selection-change="handleSelectionChange"
|
||||
|
||||
>
|
||||
<el-table-column label="客户" align="center" prop="patientName" />
|
||||
<el-table-column label="订单编号" align="center" prop="orderNo" />
|
||||
@ -87,7 +92,7 @@
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['system:nurseType:remove']"
|
||||
>删除</el-button
|
||||
>
|
||||
@ -103,149 +108,171 @@
|
||||
/>
|
||||
<!-- 查看弹框 -->
|
||||
<el-dialog
|
||||
title="查看"
|
||||
title="查看订单信息"
|
||||
:visible.sync="innerVisible4"
|
||||
append-to-body
|
||||
width="1048px"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="订单编号" prop="orderNo">
|
||||
<el-input
|
||||
v-model="query.orderNo"
|
||||
clearable
|
||||
:disabled="true"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="订单状态" prop="orderStatus">
|
||||
<el-input
|
||||
v-model="query.orderStatus"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="护理站名称" prop="nurseStationName">
|
||||
<el-input
|
||||
v-model="query.nurseStationName"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 205px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="订单数量" prop="orderCount">
|
||||
<el-input
|
||||
v-model="query.orderCount"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="服务时间" prop="serviceDate">
|
||||
<el-input
|
||||
v-model="query.serviceDate"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="服务地址" prop="serviceAddress">
|
||||
<el-input
|
||||
v-model="query.serviceAddress"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 225px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="护理项目名称" prop="nurseItemName">
|
||||
<el-input
|
||||
v-model="query.nurseItemName"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="护理项目价格" prop="nurseItemPrice">
|
||||
<el-input
|
||||
v-model="query.nurseItemPrice"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="护理项目时长" prop="itemServeDurationUnit">
|
||||
<el-input
|
||||
v-model="query.itemServeDurationUnit"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table
|
||||
:data="query.appointmentOrderConsumableList"
|
||||
align="center"
|
||||
style="margin-top: 10px"
|
||||
>
|
||||
<el-table-column
|
||||
prop="orderConsumableName"
|
||||
label="耗材包名称"
|
||||
width="200"
|
||||
<div v-for="(item, index) in query" :key="index">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="订单编号" prop="orderNo">
|
||||
<el-input
|
||||
v-model="item.orderNo"
|
||||
:disabled="true"
|
||||
style="width: 160px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="订单状态" prop="orderStatus">
|
||||
<el-input
|
||||
:value="switchOrderStatus(item.orderStatus)"
|
||||
disabled
|
||||
style="width: 150px"
|
||||
>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="护理站名称" prop="nurseStationName">
|
||||
<el-input
|
||||
v-model="item.nurseStationName"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 225px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="订单数量" prop="orderCount">
|
||||
<el-input
|
||||
v-model="item.orderCount"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 160px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="服务时间" prop="serviceDate">
|
||||
<el-input
|
||||
v-model="item.serviceDate"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="服务地址" prop="serviceAddress">
|
||||
<el-input
|
||||
v-model="item.serviceAddress"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 225px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="护理项目名称" prop="nurseItemName">
|
||||
<el-input
|
||||
v-model="item.nurseItemName"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 160px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="护理项目价格" prop="nurseItemPrice">
|
||||
<el-input
|
||||
v-model="item.nurseItemPrice"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 150px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="护理项目时长" prop="itemServeDurationUnit">
|
||||
<el-input
|
||||
v-model="item.itemServeDurationUnit"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
:disabled="true"
|
||||
style="width: 225px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-table
|
||||
:data="item.appointmentOrderConsumableList"
|
||||
align="center"
|
||||
style="margin: 10px 0 20px 0; padding-bottom: 20px"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderConsumableCount"
|
||||
|
||||
label="耗材包数量"
|
||||
width="200"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderConsumablePrice"
|
||||
label="耗材包价格"
|
||||
width="200"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-table-column
|
||||
prop="orderConsumableName"
|
||||
label="耗材包名称"
|
||||
width="200"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderConsumableCount"
|
||||
label="耗材包数量"
|
||||
width="200"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderConsumablePrice"
|
||||
label="耗材包价格"
|
||||
width="200"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { appointmentOrderDetailsList, Detailed } from "@/api/system/order";
|
||||
import {
|
||||
appointmentOrderDetailsList,
|
||||
Detailed,
|
||||
deldetailed,
|
||||
} from "@/api/system/order";
|
||||
export default {
|
||||
name: "order",
|
||||
data() {
|
||||
return {
|
||||
orderStatuslist: [
|
||||
{
|
||||
value: "WAIT_PAY",
|
||||
label: "待付款",
|
||||
},
|
||||
{
|
||||
value: "WAIT_DISPATCH",
|
||||
label: "待派单",
|
||||
},
|
||||
{
|
||||
value: "NOT_FINISH",
|
||||
label: "未完成",
|
||||
},
|
||||
{
|
||||
value: "COMPLETE",
|
||||
label: "服务完成",
|
||||
},
|
||||
],
|
||||
value: "",
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
innerVisible4: false,
|
||||
@ -276,32 +303,8 @@ export default {
|
||||
orderStatus: "",
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
|
||||
},
|
||||
query:{
|
||||
appointOrderDetailsId: null,
|
||||
patientName: null,
|
||||
orderNo: "",
|
||||
orderStatus: "",
|
||||
createTime: null,
|
||||
nurseStationName: "",
|
||||
nurseItemName: "",
|
||||
orderCount: "",
|
||||
serviceDate: "",
|
||||
serviceStartTime: "",
|
||||
serviceEndTime: "",
|
||||
serviceAddress: "",
|
||||
nurseItemPrice: "",
|
||||
itemServeDurationUnit: "",
|
||||
appointmentOrderConsumableList: [
|
||||
{
|
||||
orderConsumableName: "",
|
||||
orderConsumablePrice: "",
|
||||
orderConsumableCount: null,
|
||||
},
|
||||
]
|
||||
},
|
||||
|
||||
query: [],
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
@ -312,14 +315,31 @@ export default {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
switchOrderStatus(orderStatus) {
|
||||
switch (orderStatus) {
|
||||
case "WAIT_PAY":
|
||||
return "待付款";
|
||||
case "WAIT_DISPATCH":
|
||||
return "待派单";
|
||||
case "NOT_FINISH":
|
||||
return "未完成";
|
||||
case "COMPLETE":
|
||||
return "服务完成";
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
seeLook(row) {
|
||||
this.innerVisible4 = true;
|
||||
const id = row.orderNo;
|
||||
console.log(row);
|
||||
// console.log(row);
|
||||
Detailed(id).then((res) => {
|
||||
this.OrderDetailsLists = res.data;
|
||||
this.query=res.data;
|
||||
console.log(res);
|
||||
// console.log(this.OrderDetailsLists)
|
||||
this.query = res.data;
|
||||
console.log(this.query);
|
||||
// console.log(res);
|
||||
});
|
||||
},
|
||||
/** 查询护理类型信息列表 */
|
||||
@ -362,25 +382,19 @@ export default {
|
||||
this.single = selection.length !== 1;
|
||||
this.multiple = !selection.length;
|
||||
},
|
||||
// 查看
|
||||
// handleAdd() {
|
||||
// this.reset();
|
||||
// this.open2 = true;
|
||||
// this.title = "添加护理类型信息";
|
||||
// },
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal
|
||||
.confirm('是否确认删除订单编号为"' + ids + '"的数据项？')
|
||||
.then(function () {
|
||||
return appointmentOrderDetailsList(ids);
|
||||
this.$confirm('是否确认删除订单编号为"' + row.orderNo + '"的数据项？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
deldetailed(row.appointOrderDetailsId).then((res) => {
|
||||
this.$message.success("删除成功");
|
||||
this.getList();
|
||||
})
|
||||
})
|
||||
.then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
})
|
||||
.catch(() => {});
|
||||
.catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user