<
template
>
<!-- 我的工单 -->
<
div
>
<!-- 顶部的按钮 -->
<
el-button
type=
"primary" @
click="
goCreat()"
style=
"margin-bottom:20px"
>创建工单
</
el-button
>
<!-- 查询表单 -->
<
el-form :
inline="
true" :
model="
searchForm"
>
<
el-form-item
label=
"患者"
>
<
el-input
v-model="
searchForm.
username"
placeholder=
"患者姓名"
></
el-input
>
</
el-form-item
>
<
el-form-item
label=
"工单类型"
>
<
el-select
v-model="
searchForm.
type"
placeholder=
"选择工单类型"
>
<
el-option
v-for="
item
in
paifaType" :
key="
item.
key" :
label="
item.
name" :
value="
item.
key"
></
el-option
>
</
el-select
>
</
el-form-item
>
<
el-form-item
label=
"工单状态"
>
<
el-select
v-model="
searchForm.
status"
placeholder=
"选择工单状态"
>
<
el-option
v-for="
item
in
paifaType1"
:
key="
item.
key"
:
label="
item.
name"
:
value="
item.
key"
></
el-option
>
</
el-select
>
</
el-form-item
>
<
el-row
>
<
el-form-item
label=
"工单号"
>
<
el-input
v-model="
searchForm.
uuid"
placeholder=
"工单号"
></
el-input
>
</
el-form-item
>
<!-- <div class="dis_flex">
<div style="line-height:20px;">工单日期:</div>
<el-form>
<el-form-item>
<el-date-picker
v-model="searchForm.time"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
align="right"
></el-date-picker>
</el-form-item>
</el-form>
</div>-->
<
el-form-item
style=
"float:right;margin-right:24%;"
>
<
el-button
type=
"primary" @
click="
search"
>查询
</
el-button
>
</
el-form-item
>
</
el-row
>
</
el-form
>
<!-- table表单 -->
<
el-table :
data="
tableData"
border
style=
"width: 100%;margin-top:50px;"
>
<
el-table-column
fixed
prop=
"base.uuid"
label=
"订单号"
width=
"130"
align=
"center"
></
el-table-column
>
<
el-table-column
fixed
prop=
"base.createTime"
label=
"申请日期"
width=
"130"
align=
"center"
></
el-table-column
>
<!-- <el-table-column fixed prop="base.type" label="服务类型" width="110" align="center"></el-table-column> -->
<
el-table-column
align=
"center"
label=
"服务类型"
width=
"110"
>
<
template
slot-scope=
"scope"
>{{
fuwuType(
scope.
row).
text}}
</
template
>
</
el-table-column
>
<
el-table-column
prop=
"base.username"
label=
"患者"
width=
"100"
align=
"center"
></
el-table-column
>
<
el-table-column
label=
"性别"
width=
"60"
align=
"center"
>
<
template
slot-scope=
"scope"
>{{
sexType(
scope.
row).
text}}
</
template
>
</
el-table-column
>
<
el-table-column
prop=
"user.age"
label=
"年龄"
width=
"90"
align=
"center"
></
el-table-column
>
<
el-table-column
prop=
"base.regPhone"
label=
"联系电话"
width=
"110"
align=
"center"
></
el-table-column
>
<
el-table-column
label=
"订单状态"
width=
"100"
align=
"center"
>
<
template
slot-scope=
"scope"
>{{
orderStatus(
scope.
row).
text}}
</
template
>
</
el-table-column
>
<
el-table-column
fixed=
"right"
label=
"操作"
align=
"center"
>
<
template
slot-scope=
"scope"
>
<
el-button @
click="
handleClick(
scope.
row)"
type=
"text"
size=
"small"
>详情
丨
</
el-button
>
<
el-button
type=
"text"
size=
"small"
:
disabled="
scope.
row.
base.
status ==
100"
@
click="
gochangeOrder(
scope.
row)"
>转单
丨
</
el-button
>
<
el-button
type=
"text"
size=
"small"
:
disabled="
scope.
row.
base.
status ==
100"
>关闭
丨
</
el-button
>
<
el-button
type=
"text"
size=
"small"
:
disabled="
scope.
row.
base.
status ==
100"
@
click="
goManage()"
>去处理
</
el-button
>
</
template
>
</
el-table-column
>
</
el-table
>
<!-- 分页 -->
<
el-pagination
@
size-change="
handleSizeChange"
@
current-change="
handleCurrentChange"
:
current-page.
sync="
currentPage"
:
page-size="
pageParams.
size"
layout=
"total, prev, pager, next"
:
total="
pageParams.
totalCount"
></
el-pagination
>
</
div
>
</
template
>
<
script
>
import
queryString
from
"querystring";
import
page
from
"data/page";
export
default {
name:
"orderOption",
mixins: [
page],
data() {
return {
tableData: [],
//table数据
currentPage:
1,
//当前页数
paifaType: [],
paifaType1: [
{
key:
"0",
name:
"初始化,提交,冻结" },
{
key:
"10",
name:
"已经开始、进行中" },
{
key:
"100",
name:
"成功" },
{
key:
"110",
name:
"待评价" },
{
key:
"200",
name:
"失败" },
{
key:
"300",
name:
"取消" }
],
searchForm: {
username:
"",
type:
"",
status:
"",
uuid:
""
}
};
},
mounted() {
//获取table数据
this.
search();
},
methods: {
// 查询
search() {
this.
searchForm.
page =
this.
currentPage -
1;
this.
searchForm.
size =
20;
this.
axios
.
post(
"/work/list/Page",
this.
searchForm)
.
then(
res
=> {
if (
res.
data.
code ==
200) {
if (!
res.
data)
return;
this.
tableData =
res.
data.
data.
list;
console.
log(
"this.tableData",
this.
tableData);
this.
setPage(
res.
data.
data);
}
})
.
catch(
err
=> {
this.
$message(
err.
message);
});
},
// 服务类型下拉框
fuwuType(
item) {
let
type =
item.
base.
type;
console.
log(
"type",
type);
let
res = {
num:
type,
text:
"" };
switch (
type) {
case
580:
res.
text =
"急速医生";
break;
case
660:
res.
text =
"工单";
break;
}
return
res;
},
// 性别
sexType(
item) {
let
sex =
item.
base.
sex;
console.
log(
"sex",
sex);
let
res = {
num:
sex,
text:
"" };
switch (
sex) {
case
0:
res.
text =
"男";
break;
case
1:
res.
text =
"女";
break;
}
return
res;
},
// 订单状态
orderStatus(
item) {
let
status =
item.
base.
status;
console.
log(
"status",
status);
let
res = {
num:
status,
text:
"" };
switch (
status) {
case
0:
res.
text =
"初始化,提交,冻结";
break;
case
10:
res.
text =
"已经开始、进行中";
break;
case
100:
res.
text =
"成功";
break;
case
110:
res.
text =
"待评价";
break;
case
200:
res.
text =
"失败";
break;
case
300:
res.
text =
"取消";
break;
}
return
res;
},
// 去转单 传一个uuid
gochangeOrder(
item) {
console.
log(
"我会我的工单item",
item);
this.
$router.
push({
name:
"changeorder",
params: {
id:
item.
base.
uuid
}
});
},
//去创建页面
goCreat() {
this.
$router.
push({
name:
"creat"
});
}
}
};
</
script
>
<
style
lang=
"less"
>
.el-row {
margin-bottom:
20px;
&:last-child {
margin-bottom:
0;
}
}
.dis_flex {
display:
flex;
font-display:
row;
align-items:
center;
}
</
style
>