xinyilu/NurseStationUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

订单信息

Browse Source
This commit is contained in:
闫晓茹 2022-09-20 10:35:10 +08:00
parent e82e6f6816
commit d45dbc480f
2 changed files with 216 additions and 195 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/api/system/order.js
View File

@ -14,4 +14,11 @@ export function Detailed(id) {
method: 'get', method: 'get',
}) })
} }
//删除
export function deldetailed(id) {
return request({
url: '/system/appointmentOrderDetails/' + id,
method: 'delete'
})
}

402
src/views/system/order/index.vue
View File

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