Skip to content

P
peizhen-vue
Commit 1fecff00 by 裴梁博
Options

Merge branch 'feature/v1/plb' into 'master' 

新增添加

See merge request !14
parents 3c100255 16cf890a
Showing with 2256 additions and 302 deletions
src/views/orderManagement/dbghOrder/index.vue
...@@ -16,6 +16,78 @@ ...@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="就诊人姓名" prop="orderSn" label-width="90px">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入就诊人姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="接单人" prop="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入接单人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="当前状态" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '已发布',
value: '0',
},
{
label: '已接单',
value: '1',
},
{
label: '已完成',
value: '2',
},
{
label: '退款中',
value: '3',
},
{
label: '已退款',
value: '4',
},
{
label: '进行中',
value: '6',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="订单类型" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button
type="primary" type="primary"
...@@ -31,17 +103,17 @@ ...@@ -31,17 +103,17 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="large" size="large"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['system:dbghOrder:add']" >新增</el-button
>新增</el-button> >
</el-col> </el-col>
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="success" type="success"
plain plain
...@@ -51,8 +123,8 @@ ...@@ -51,8 +123,8 @@
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['system:dbghOrder:edit']" v-hasPermi="['system:dbghOrder:edit']"
>修改</el-button> >修改</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
plain plain
...@@ -62,8 +134,8 @@ ...@@ -62,8 +134,8 @@
@click="handleDelete" @click="handleDelete"
v-hasPermi="['system:dbghOrder:remove']" v-hasPermi="['system:dbghOrder:remove']"
>删除</el-button> >删除</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
plain plain
...@@ -231,6 +303,12 @@ ...@@ -231,6 +303,12 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="是否好评" label="是否好评"
align="center" align="center"
prop="isSatisfaction" prop="isSatisfaction"
...@@ -294,24 +372,30 @@ ...@@ -294,24 +372,30 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['system:dbghOrder:edit']" v-hasPermi="['system:dbghOrder:edit']"
>修改</el-button> >修改</el-button> -->
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:dbghOrder:remove']" v-hasPermi="['system:dbghOrder:remove']"
>删除</el-button> >删除</el-button> -->
<el-button size="large" type="text">取消</el-button>
</template> </template>
</el-table-column> --> </el-table-column>
</el-table> </el-table>
<pagination <pagination
...@@ -323,55 +407,382 @@ ...@@ -323,55 +407,382 @@
/> />
<!-- 添加或修改代办挂号订单对话框 --> <!-- 添加或修改代办挂号订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> :title="title"
<el-form-item label="主订单" prop="orderId"> :visible.sync="open"
<el-input v-model="form.orderId" placeholder="请输入主订单" /> width="1000px"
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="订单类型" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择订单类型"
style="width: 270px"
>
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="医院" prop="hid"> </el-col>
<el-input v-model="form.hid" placeholder="请输入医院" /> <el-col :span="12">
<el-form-item label="用户手机号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入用户手机号"
style="width: 270px"
maxlength="11"
/>
</el-form-item> </el-form-item>
<el-form-item label="就诊人员" prop="visitor"> </el-col>
<el-input v-model="form.visitor" placeholder="请输入就诊人员" /> </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入订单号"
style="width: 270px"
/>
</el-form-item> </el-form-item>
<el-form-item label="期望就诊时间" prop="visitTime"> </el-col>
<el-input v-model="form.visitTime" placeholder="请输入期望就诊时间" /> <el-col :span="12">
<el-form-item label="城市" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择城市"
filterable
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="科室" prop="did"> </el-col>
<el-input v-model="form.did" placeholder="请输入科室" /> </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="医院" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择医院"
filterable
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="服务结束时间" prop="overTime"> </el-col>
<el-date-picker <el-col :span="12">
<el-form-item label="科室" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入科室"
style="width: 270px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="服务" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入服务"
style="width: 270px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="订单价" prop="orderId">
<el-input-number
v-model="form.orderId"
:min="0"
label="订单价"
:precision="2"
:controls="false"
placeholder="请输入订单价"
style="width: 270px"
></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="就诊人姓名" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入就诊人姓名"
maxlength="5"
style="width: 270px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="就诊人性别" prop="orderId">
<el-select
v-model="form.orderId"
clearable clearable
v-model="form.overTime" placeholder="请选择就诊人性别"
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="身份证号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入身份证号"
style="width: 270px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="就诊人手机号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入就诊人手机号"
style="width: 270px"
maxlength="11"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否成年" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择是否成年"
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接单人" prop="orderId">
<div @click="openCheckPerson = true">
<el-input
v-model="form.orderId"
placeholder="请选择接单人"
style="width: 270px"
readonly=""
/>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="就诊时间" prop="orderId">
<el-date-picker
v-model="form.orderId"
type="datetime" type="datetime"
value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择就诊时间"
placeholder="请选择服务结束时间" style="width: 270px"
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="完成凭证" prop="voucher"> </el-col>
<el-col :span="12">
<!-- <el-form-item label="预约电话" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入预约电话"
style="width: 270px"
maxlength="11"
/>
</el-form-item> -->
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="orderId">
<el-input <el-input
v-model="form.voucher"
type="textarea" type="textarea"
placeholder="请输入内容" :rows="2"
placeholder="请输入备注"
maxlength="100"
show-word-limit
v-model="form.textarea"
style="width: calc(100% - 100px)"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<template v-if="openCheckPerson">
<el-dialog
title="选择接单人"
:visible.sync="openCheckPerson"
width="900px"
append-to-body
>
<el-form
:model="queryParamsMin"
ref="queryFormMin"
size="large"
:inline="true"
label-width="100px"
>
<el-form-item label="接单人姓名" prop="orderSn">
<el-input
v-model="queryParamsMin.orderSn"
placeholder="请输入接单人姓名"
clearable
style="width: 200px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="接单人手机号" prop="orderSn">
<el-input <el-input
v-model="form.remark" v-model="queryParamsMin.orderSn"
type="textarea" placeholder="请输入接单人姓名"
placeholder="请输入内容" clearable
maxlength="11"
style="width: 200px"
/> />
</el-form-item> </el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="large"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="large">重置</el-button>
</el-form-item>
<el-form-item label="所属商户" prop="orderSn">
<el-select
v-model="queryParamsMin.value"
placeholder="请选择"
clearable=""
style="width: 200px"
filterable=""
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-form> </el-form>
<div class="popmodel-person">
<div class="popmodel-person-item popmodel-person-itema">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
<div class="popmodel-person-item">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
<div class="popmodel-person-item">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
</div>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm" <el-button type="primary" @click="openCheckPerson = false"
>确 定</el-button >确 定</el-button
> >
<el-button @click="cancel">取 消</el-button> <el-button @click="openCheckPerson = false">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template>
<template v-if="openArticle"> <template v-if="openArticle">
<el-dialog <el-dialog
...@@ -497,6 +908,7 @@ export default { ...@@ -497,6 +908,7 @@ export default {
title: "", title: "",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
openCheckPerson: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
...@@ -522,6 +934,10 @@ export default { ...@@ -522,6 +934,10 @@ export default {
isAdult: "", isAdult: "",
voucher: "", voucher: "",
}, },
queryParamsMin: {
pageNum: 1,
pageSize: 10,
},
}; };
}, },
created() { created() {
...@@ -618,7 +1034,7 @@ export default { ...@@ -618,7 +1034,7 @@ export default {
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.open = true; this.open = true;
this.title = "添加代办挂号订单"; this.title = "新增订单";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
...@@ -717,4 +1133,43 @@ export default { ...@@ -717,4 +1133,43 @@ export default {
} }
} }
} }
.popmodel-person {
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
&-item {
width: 48%;
margin-bottom: 20px;
border-radius: 10px;
padding: 10px;
box-sizing: border-box;
background: #f0eeee;
cursor: pointer;
&-top {
box-sizing: border-box;
display: flex;
align-items: center;
margin-bottom: 10px;
> img {
width: 60px;
height: 60px;
border-radius: 50%;
margin-right: 10px;
}
}
&-botm {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
&-itema {
background: #409eff;
}
}
</style> </style>
src/views/orderManagement/dbmyOrder/index.vue
...@@ -16,6 +16,78 @@ ...@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="收件人姓名" prop="orderSn" label-width="90px">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入收件人姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="接单人" prop="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入接单人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="当前状态" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '已发布',
value: '0',
},
{
label: '已接单',
value: '1',
},
{
label: '已完成',
value: '2',
},
{
label: '退款中',
value: '3',
},
{
label: '已退款',
value: '4',
},
{
label: '进行中',
value: '6',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="订单类型" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button
type="primary" type="primary"
...@@ -31,17 +103,17 @@ ...@@ -31,17 +103,17 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="large" size="large"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['system:dbmyOrder:add']" >新增</el-button
>新增</el-button> >
</el-col> </el-col>
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="success" type="success"
plain plain
...@@ -51,8 +123,8 @@ ...@@ -51,8 +123,8 @@
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['system:dbmyOrder:edit']" v-hasPermi="['system:dbmyOrder:edit']"
>修改</el-button> >修改</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
plain plain
...@@ -62,8 +134,8 @@ ...@@ -62,8 +134,8 @@
@click="handleDelete" @click="handleDelete"
v-hasPermi="['system:dbmyOrder:remove']" v-hasPermi="['system:dbmyOrder:remove']"
>删除</el-button> >删除</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
plain plain
...@@ -257,12 +329,16 @@ ...@@ -257,12 +329,16 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="接单人" align="center" prop="ename" key="ename" width="100"> <el-table-column
label="接单人"
align="center"
prop="ename"
key="ename"
width="100"
>
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<!-- v-if="row.ename" --> <!-- v-if="row.ename" -->
<el-button type="primary" @click="clickSeeEM(row)" <el-button type="primary" @click="clickSeeEM(row)">查看</el-button>
>查看</el-button
>
<!-- <span v-else>未接单</span> --> <!-- <span v-else>未接单</span> -->
</template> </template>
</el-table-column> </el-table-column>
...@@ -325,6 +401,12 @@ ...@@ -325,6 +401,12 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="是否好评" label="是否好评"
align="center" align="center"
prop="isSatisfaction" prop="isSatisfaction"
...@@ -397,30 +479,32 @@ ...@@ -397,30 +479,32 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column <el-table-column
label="操作" label="操作"
align="center" align="center"
class-name="small-padding fixed-width" class-name="small-padding fixed-width"
fixed="right"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['system:dbmyOrder:edit']" v-hasPermi="['system:dbmyOrder:edit']"
>修改</el-button >修改</el-button
> > -->
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:dbmyOrder:remove']" v-hasPermi="['system:dbmyOrder:remove']"
>删除</el-button >删除</el-button
> > -->
<el-button size="large" type="text">取消</el-button>
</template> </template>
</el-table-column> --> </el-table-column>
</el-table> </el-table>
<pagination <pagination
...@@ -432,116 +516,406 @@ ...@@ -432,116 +516,406 @@
/> />
<!-- 添加或修改代办买药订单对话框 --> <!-- 添加或修改代办买药订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> :title="title"
<el-form-item label="主订单" prop="orderId"> :visible.sync="open"
<el-input v-model="form.orderId" placeholder="请输入主订单" /> width="1000px"
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="订单类型" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择订单类型"
style="width: 270px"
>
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="药品名称" prop="ypName"> </el-col>
<el-input v-model="form.ypName" placeholder="请输入药品名称" /> <el-col :span="12">
<el-form-item label="用户手机号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入用户手机号"
style="width: 270px"
maxlength="11"
/>
</el-form-item> </el-form-item>
<el-form-item label="药店地址" prop="ydAddress"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单号" prop="orderId">
<el-input <el-input
v-model="form.ydAddress" v-model="form.orderId"
type="textarea" placeholder="请输入订单号"
placeholder="请输入内容" style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="是否处方药" prop="isCf"> </el-col>
<el-input v-model="form.isCf" placeholder="请输入是否处方药" /> <el-col :span="12">
<el-form-item label="城市" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择城市"
filterable
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="处方附件" prop="prescriptionAttachment"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单价" prop="orderId">
<el-input-number
v-model="form.orderId"
:min="0"
label="订单价"
:precision="2"
:controls="false"
placeholder="请输入订单价"
style="width: 270px"
></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="药品名称" prop="orderId">
<el-input <el-input
v-model="form.prescriptionAttachment" v-model="form.orderId"
type="textarea" placeholder="请输入药品名称"
placeholder="请输入内容" style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="取药方式：0-邮寄到家，1-送货上门" prop="way"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="药店地址" prop="orderId">
<el-input <el-input
v-model="form.way" v-model="form.orderId"
placeholder="请输入取药方式：0-邮寄到家，1-送货上门" placeholder="请输入药店地址"
style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="收件人" prop="recipient"> </el-col>
<el-input v-model="form.recipient" placeholder="请输入收件人" /> <el-col :span="12">
<el-form-item label="是否处方药" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择"
style="width: 270px"
>
<el-option
v-for="item in [
{
label: '否',
value: '0',
},
{
label: '是',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="收获地址" prop="adress"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="取药方式" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择"
style="width: 270px"
>
<el-option
v-for="item in [
{
label: '邮寄到家',
value: '0',
},
{
label: '送货上门',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="收件人" prop="orderId">
<el-input <el-input
v-model="form.adress" v-model="form.orderId"
type="textarea" placeholder="请输入收件人"
placeholder="请输入内容" maxlength="5"
style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="详细地址" prop="addressInfo"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="收件人手机号" prop="orderId">
<el-input <el-input
v-model="form.addressInfo" v-model="form.orderId"
type="textarea" placeholder="请输入收件人手机号"
placeholder="请输入内容" style="width: 270px"
maxlength="11"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="收货地址" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入收货地址"
style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="联系电话" prop="phone"> </el-col>
<el-input v-model="form.phone" placeholder="请输入联系电话" /> </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="详细地址" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入详细地址"
style="width: 270px"
/>
</el-form-item> </el-form-item>
<el-form-item label="是否需要冷藏" prop="isRefrigerate"> </el-col>
<el-col :span="12">
<el-form-item label="接单人" prop="orderId">
<div @click="openCheckPerson = true">
<el-input <el-input
v-model="form.isRefrigerate" v-model="form.orderId"
placeholder="请输入是否需要冷藏" placeholder="请选择接单人"
style="width: 270px"
readonly=""
/> />
</div>
</el-form-item> </el-form-item>
<el-form-item label="服务结束时间" prop="overTime"> </el-col>
<el-date-picker </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否需要冷藏" prop="orderId">
<el-select
v-model="form.orderId"
clearable clearable
v-model="form.overTime" placeholder="请选择"
type="datetime" style="width: 270px"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务结束时间"
> >
</el-date-picker> <el-option
v-for="item in [
{
label: '否',
value: '0',
},
{
label: '是',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="完成凭证" prop="voucher"> </el-col>
<el-col :span="12"> </el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="处方附件" prop="orderId">
<div style="width: calc(100% - 100px)">
<imageUpload v-model="form.cover" :limit="20"></imageUpload>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="orderId">
<el-input <el-input
v-model="form.voucher"
type="textarea" type="textarea"
placeholder="请输入内容" :rows="2"
/> placeholder="请输入备注"
</el-form-item> maxlength="100"
<el-form-item label="陪诊员收货人名字" prop="pzShr"> show-word-limit
<el-input v-model="form.pzShr" placeholder="请输入陪诊员收货人名字" /> v-model="form.textarea"
style="width: calc(100% - 100px)"
>
</el-input>
</el-form-item> </el-form-item>
<el-form-item label="陪诊员收货地址" prop="pzAddress"> </el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<template v-if="openCheckPerson">
<el-dialog
title="选择接单人"
:visible.sync="openCheckPerson"
width="900px"
append-to-body
>
<el-form
:model="queryParamsMin"
ref="queryFormMin"
size="large"
:inline="true"
label-width="100px"
>
<el-form-item label="接单人姓名" prop="orderSn">
<el-input <el-input
v-model="form.pzAddress" v-model="queryParamsMin.orderSn"
placeholder="请输入陪诊员收货地址" placeholder="请输入接单人姓名"
clearable
style="width: 200px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="陪诊员收货电话" prop="pzShPhone"> <el-form-item label="接单人手机号" prop="orderSn">
<el-input <el-input
v-model="form.pzShPhone" v-model="queryParamsMin.orderSn"
placeholder="请输入陪诊员收货电话" placeholder="请输入接单人姓名"
clearable
maxlength="11"
style="width: 200px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="陪诊员收货备注" prop="pzShRemake"> <el-form-item>
<el-input <el-button type="primary" icon="el-icon-search" size="large"
v-model="form.pzShRemake" >搜索</el-button
placeholder="请输入陪诊员收货备注" >
/> <el-button icon="el-icon-refresh" size="large">重置</el-button>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="所属商户" prop="orderSn">
<el-input <el-select
v-model="form.remark" v-model="queryParamsMin.value"
type="textarea" placeholder="请选择"
placeholder="请输入内容" clearable=""
/> style="width: 200px"
filterable=""
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="popmodel-person">
<div class="popmodel-person-item popmodel-person-itema">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
<div class="popmodel-person-item">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
<div class="popmodel-person-item">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
</div>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm" <el-button type="primary" @click="openCheckPerson = false"
>确 定</el-button >确 定</el-button
> >
<el-button @click="cancel">取 消</el-button> <el-button @click="openCheckPerson = false">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template>
<template v-if="openArticle"> <template v-if="openArticle">
<el-dialog <el-dialog
...@@ -748,6 +1122,7 @@ export default { ...@@ -748,6 +1122,7 @@ export default {
title: "", title: "",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
openCheckPerson: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
...@@ -783,6 +1158,10 @@ export default { ...@@ -783,6 +1158,10 @@ export default {
isAdult: "", isAdult: "",
voucher: "", voucher: "",
}, },
queryParamsMin: {
pageNum: 1,
pageSize: 10,
},
}; };
}, },
created() { created() {
...@@ -916,7 +1295,7 @@ export default { ...@@ -916,7 +1295,7 @@ export default {
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.open = true; this.open = true;
this.title = "添加代办买药订单"; this.title = "新增订单";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
...@@ -1015,4 +1394,43 @@ export default { ...@@ -1015,4 +1394,43 @@ export default {
} }
} }
} }
.popmodel-person {
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
&-item {
width: 48%;
margin-bottom: 20px;
border-radius: 10px;
padding: 10px;
box-sizing: border-box;
background: #f0eeee;
cursor: pointer;
&-top {
box-sizing: border-box;
display: flex;
align-items: center;
margin-bottom: 10px;
> img {
width: 60px;
height: 60px;
border-radius: 50%;
margin-right: 10px;
}
}
&-botm {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
&-itema {
background: #409eff;
}
}
</style> </style>
src/views/orderManagement/dbwzOrder/index.vue
...@@ -16,6 +16,78 @@ ...@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="就诊人姓名" prop="orderSn" label-width="90px">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入就诊人姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="接单人" prop="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入接单人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="当前状态" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '已发布',
value: '0',
},
{
label: '已接单',
value: '1',
},
{
label: '已完成',
value: '2',
},
{
label: '退款中',
value: '3',
},
{
label: '已退款',
value: '4',
},
{
label: '进行中',
value: '6',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="订单类型" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button
type="primary" type="primary"
...@@ -31,17 +103,17 @@ ...@@ -31,17 +103,17 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="large" size="large"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['system:dbwzOrder:add']" >新增</el-button
>新增</el-button> >
</el-col> </el-col>
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="success" type="success"
plain plain
...@@ -51,8 +123,8 @@ ...@@ -51,8 +123,8 @@
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['system:dbwzOrder:edit']" v-hasPermi="['system:dbwzOrder:edit']"
>修改</el-button> >修改</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
plain plain
...@@ -62,8 +134,8 @@ ...@@ -62,8 +134,8 @@
@click="handleDelete" @click="handleDelete"
v-hasPermi="['system:dbwzOrder:remove']" v-hasPermi="['system:dbwzOrder:remove']"
>删除</el-button> >删除</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
plain plain
...@@ -335,6 +407,12 @@ ...@@ -335,6 +407,12 @@
:show-overflow-tooltip="true" :show-overflow-tooltip="true"
/> --> /> -->
<el-table-column <el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="是否好评" label="是否好评"
align="center" align="center"
prop="isSatisfaction" prop="isSatisfaction"
...@@ -399,30 +477,32 @@ ...@@ -399,30 +477,32 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column <el-table-column
label="操作" label="操作"
align="center" align="center"
class-name="small-padding fixed-width" class-name="small-padding fixed-width"
fixed="right"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['system:dbwzOrder:edit']" v-hasPermi="['system:dbwzOrder:edit']"
>修改</el-button >修改</el-button
> > -->
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:dbwzOrder:remove']" v-hasPermi="['system:dbwzOrder:remove']"
>删除</el-button >删除</el-button
> > -->
<el-button size="large" type="text">取消</el-button>
</template> </template>
</el-table-column> --> </el-table-column>
</el-table> </el-table>
<pagination <pagination
...@@ -434,104 +514,398 @@ ...@@ -434,104 +514,398 @@
/> />
<!-- 添加或修改代办问诊订单对话框 --> <!-- 添加或修改代办问诊订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> :title="title"
<el-form-item label="主订单" prop="orderId"> :visible.sync="open"
<el-input v-model="form.orderId" placeholder="请输入主订单" /> width="1000px"
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-row>
<el-col :span="12">
<el-form-item label="订单类型" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择订单类型"
style="width: 270px"
>
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="用户手机号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入用户手机号"
style="width: 270px"
maxlength="11"
/>
</el-form-item> </el-form-item>
<el-form-item label="就诊人员" prop="visitor"> </el-col>
<el-input v-model="form.visitor" placeholder="请输入就诊人员" /> </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入订单号"
style="width: 270px"
/>
</el-form-item> </el-form-item>
<el-form-item label="期望就诊时间" prop="visitTime"> </el-col>
<el-input v-model="form.visitTime" placeholder="请输入期望就诊时间" /> <el-col :span="12">
<el-form-item label="城市" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择城市"
filterable
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="科室" prop="did"> </el-col>
<el-input v-model="form.did" placeholder="请输入科室" /> </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单价" prop="orderId">
<el-input-number
v-model="form.orderId"
:min="0"
label="订单价"
:precision="2"
:controls="false"
placeholder="请输入订单价"
style="width: 270px"
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="主诉" prop="chiefComplaint"> </el-col>
<el-col :span="12">
<el-form-item label="科室" prop="orderId">
<el-input <el-input
v-model="form.chiefComplaint" v-model="form.orderId"
type="textarea" placeholder="请输入科室"
placeholder="请输入内容" style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="现病史" prop="historyOfPresentIllness"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="就诊人姓名" prop="orderId">
<el-input <el-input
v-model="form.historyOfPresentIllness" v-model="form.orderId"
type="textarea" placeholder="请输入就诊人姓名"
placeholder="请输入内容" maxlength="5"
style="width: 270px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="就诊人性别" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择就诊人性别"
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="身份证号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入身份证号"
style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="即往史" prop="pastHistory"> </el-col>
<el-col :span="12">
<el-form-item label="就诊人手机号" prop="orderId">
<el-input <el-input
v-model="form.pastHistory" v-model="form.orderId"
type="textarea" placeholder="请输入就诊人手机号"
placeholder="请输入内容" style="width: 270px"
maxlength="11"
/> />
</el-form-item> </el-form-item>
<el-form-item label="上次就医情况" prop="lastMedicalTreatmentSituation"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否成年" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择是否成年"
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接单人" prop="orderId">
<div @click="openCheckPerson = true">
<el-input <el-input
v-model="form.lastMedicalTreatmentSituation" v-model="form.orderId"
type="textarea" placeholder="请选择接单人"
placeholder="请输入内容" style="width: 270px"
readonly=""
/> />
</div>
</el-form-item> </el-form-item>
<el-form-item label="治疗后情况" prop="postTreatmentCondition"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="主诉" prop="orderId">
<el-input <el-input
v-model="form.postTreatmentCondition" v-model="form.orderId"
type="textarea" placeholder="请输入主诉"
placeholder="请输入内容" style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="相关报告" prop="relatedReports"> </el-col>
<el-col :span="12">
<el-form-item label="现病史" prop="orderId">
<el-input <el-input
v-model="form.relatedReports" v-model="form.orderId"
type="textarea" placeholder="请输入现病史"
placeholder="请输入内容" style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="服务要求" prop="serviceRequirements"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="既往史" prop="orderId">
<el-input <el-input
v-model="form.serviceRequirements" v-model="form.orderId"
type="textarea" placeholder="请输入既往史"
placeholder="请输入内容" style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="服务完成时间" prop="overTime"> </el-col>
<el-date-picker <el-col :span="12">
clearable <el-form-item label="上次就医情况" prop="orderId">
v-model="form.overTime" <el-input
type="datetime" v-model="form.orderId"
value-format="yyyy-MM-dd HH:mm:ss" placeholder="请输入上次就医情况"
placeholder="请选择服务完成时间" style="width: 270px"
> />
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="完成凭证" prop="voucher"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="治疗后情况" prop="orderId">
<el-input <el-input
v-model="form.voucher" v-model="form.orderId"
type="textarea" placeholder="请输入既往史"
placeholder="请输入内容" style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="说明" prop="indications"> </el-col>
<el-input v-model="form.indications" placeholder="请输入说明" /> <el-col :span="12">
<el-form-item label="服务要求" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入服务要求"
style="width: 270px"
/>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> </el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="相关报告" prop="orderId">
<div style="width: calc(100% - 100px)">
<imageUpload v-model="form.cover" :limit="20"></imageUpload>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="orderId">
<el-input <el-input
v-model="form.remark"
type="textarea" type="textarea"
placeholder="请输入内容" :rows="2"
placeholder="请输入备注"
maxlength="100"
show-word-limit
v-model="form.textarea"
style="width: calc(100% - 100px)"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<template v-if="openCheckPerson">
<el-dialog
title="选择接单人"
:visible.sync="openCheckPerson"
width="900px"
append-to-body
>
<el-form
:model="queryParamsMin"
ref="queryFormMin"
size="large"
:inline="true"
label-width="100px"
>
<el-form-item label="接单人姓名" prop="orderSn">
<el-input
v-model="queryParamsMin.orderSn"
placeholder="请输入接单人姓名"
clearable
style="width: 200px"
/>
</el-form-item>
<el-form-item label="接单人手机号" prop="orderSn">
<el-input
v-model="queryParamsMin.orderSn"
placeholder="请输入接单人姓名"
clearable
maxlength="11"
style="width: 200px"
/> />
</el-form-item> </el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="large"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="large">重置</el-button>
</el-form-item>
<el-form-item label="所属商户" prop="orderSn">
<el-select
v-model="queryParamsMin.value"
placeholder="请选择"
clearable=""
style="width: 200px"
filterable=""
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-form> </el-form>
<div class="popmodel-person">
<div class="popmodel-person-item popmodel-person-itema">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
<div class="popmodel-person-item">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
<div class="popmodel-person-item">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
</div>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm" <el-button type="primary" @click="openCheckPerson = false"
>确 定</el-button >确 定</el-button
> >
<el-button @click="cancel">取 消</el-button> <el-button @click="openCheckPerson = false">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template>
<template v-if="openArticle"> <template v-if="openArticle">
<el-dialog <el-dialog
...@@ -657,6 +1031,7 @@ export default { ...@@ -657,6 +1031,7 @@ export default {
title: "", title: "",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
openCheckPerson: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
...@@ -689,6 +1064,10 @@ export default { ...@@ -689,6 +1064,10 @@ export default {
isAdult: "", isAdult: "",
voucher: "", voucher: "",
}, },
queryParamsMin: {
pageNum: 1,
pageSize: 10,
},
}; };
}, },
created() { created() {
...@@ -792,7 +1171,7 @@ export default { ...@@ -792,7 +1171,7 @@ export default {
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.open = true; this.open = true;
this.title = "添加代办问诊订单"; this.title = "新增订单";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
......
src/views/orderManagement/order/index.vue
...@@ -32,14 +32,55 @@ ...@@ -32,14 +32,55 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="订单状态" prop="orderSn"> <el-form-item label="当前状态" prop="orderSn">
<el-select <el-select v-model="queryParams.value" placeholder="全部" clearable="">
v-model="queryParams.value" <el-option
placeholder="请选择" v-for="item in [
clearable="" {
label: '已发布',
value: '0',
},
{
label: '已接单',
value: '1',
},
{
label: '已完成',
value: '2',
},
{
label: '退款中',
value: '3',
},
{
label: '已退款',
value: '4',
},
{
label: '进行中',
value: '6',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
> >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="订单类型" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option <el-option
v-for="item in []" v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
...@@ -409,7 +450,16 @@ ...@@ -409,7 +450,16 @@
style="width: 270px" style="width: 270px"
> >
<el-option <el-option
v-for="item in []" v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
......
src/views/orderManagement/zqghOrder/index.vue
...@@ -16,6 +16,78 @@ ...@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="用户姓名" prop="orderSn" label-width="90px">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入用户姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="接单人" prop="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入接单人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单状态" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '已发布',
value: '0',
},
{
label: '已接单',
value: '1',
},
{
label: '已完成',
value: '2',
},
{
label: '退款中',
value: '3',
},
{
label: '已退款',
value: '4',
},
{
label: '进行中',
value: '6',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="订单类型" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button
type="primary" type="primary"
...@@ -31,18 +103,17 @@ ...@@ -31,18 +103,17 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="large" size="large"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['system:zqghOrder:add']"
>新增</el-button >新增</el-button
> >
</el-col> </el-col>
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="success" type="success"
plain plain
...@@ -53,8 +124,8 @@ ...@@ -53,8 +124,8 @@
v-hasPermi="['system:zqghOrder:edit']" v-hasPermi="['system:zqghOrder:edit']"
>修改</el-button >修改</el-button
> >
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
plain plain
...@@ -65,8 +136,8 @@ ...@@ -65,8 +136,8 @@
v-hasPermi="['system:zqghOrder:remove']" v-hasPermi="['system:zqghOrder:remove']"
>删除</el-button >删除</el-button
> >
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
plain plain
...@@ -200,6 +271,12 @@ ...@@ -200,6 +271,12 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="创建时间" label="创建时间"
align="center" align="center"
prop="createTime" prop="createTime"
...@@ -216,30 +293,37 @@ ...@@ -216,30 +293,37 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column <el-table-column
label="操作" label="操作"
align="center" align="center"
class-name="small-padding fixed-width" class-name="small-padding fixed-width"
fixed="right"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['system:zqghOrder:edit']" v-hasPermi="['system:zqghOrder:edit']"
>修改</el-button >修改</el-button
> > -->
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:zqghOrder:remove']" v-hasPermi="['system:zqghOrder:remove']"
>删除</el-button >删除</el-button
> -->
<el-button
size="large"
type="text"
v-if="[0, 1, 7, 8, '0', '1', '7', '8'].includes(scope.row.tstatus)"
>取消</el-button
> >
</template> </template>
</el-table-column> --> </el-table-column>
</el-table> </el-table>
<pagination <pagination
...@@ -251,59 +335,191 @@ ...@@ -251,59 +335,191 @@
/> />
<!-- 添加或修改诊前挂号订单对话框 --> <!-- 添加或修改诊前挂号订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> :title="title"
<el-form-item label="主订单" prop="orderId"> :visible.sync="open"
<el-input v-model="form.orderId" placeholder="请输入主订单" /> width="1000px"
</el-form-item> append-to-body
<el-form-item label="医院" prop="hid"> >
<el-input v-model="form.hid" placeholder="请输入医院" /> <el-form ref="form" :model="form" :rules="rules" label-width="100px">
</el-form-item> <el-row>
<el-form-item label="科室" prop="did"> <el-col :span="12">
<el-input v-model="form.did" placeholder="请输入科室" /> <el-form-item label="订单类型" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择订单类型"
style="width: 270px"
>
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="医生" prop="doctorId"> </el-col>
<el-input v-model="form.doctorId" placeholder="请输入医生" /> <el-col :span="12">
<el-form-item label="用户手机号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入用户手机号"
style="width: 270px"
maxlength="11"
/>
</el-form-item> </el-form-item>
<el-form-item label="预约时间" prop="timeOfAppointment"> </el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单号" prop="orderId">
<el-input <el-input
v-model="form.timeOfAppointment" v-model="form.orderId"
type="textarea" placeholder="请输入订单号"
placeholder="请输入内容" style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="服务完成时间" prop="overTime"> </el-col>
<el-date-picker <el-col :span="12">
<el-form-item label="城市" prop="orderId">
<el-select
v-model="form.orderId"
clearable clearable
v-model="form.overTime" placeholder="请选择城市"
type="datetime" filterable
value-format="yyyy-MM-dd HH:mm:ss" style="width: 270px"
placeholder="请选择服务完成时间"
> >
</el-date-picker> <el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单价" prop="orderId">
<el-input-number
v-model="form.orderId"
:min="0"
label="订单价"
:precision="2"
:controls="false"
placeholder="请输入订单价"
style="width: 270px"
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="完成凭证" prop="voucher"> </el-col>
<el-col :span="12">
<el-form-item label="医院" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择医院"
filterable
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="科室" prop="orderId">
<el-input <el-input
v-model="form.voucher" v-model="form.orderId"
type="textarea" placeholder="请输入科室"
placeholder="请输入内容" style="width: 270px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="" prop="isCal"> </el-col>
<el-input v-model="form.isCal" placeholder="请输入" /> <el-col :span="12">
<el-form-item label="医生" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入医生"
style="width: 270px"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="用户姓名" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入用户姓名"
maxlength="5"
style="width: 270px"
/>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> </el-col>
<el-col :span="12">
<el-form-item label="用户手机号" prop="orderId">
<el-input <el-input
v-model="form.remark" v-model="form.orderId"
type="textarea" placeholder="请输入用户手机号"
placeholder="请输入内容" style="width: 270px"
maxlength="11"
/> />
</el-form-item> </el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="预约时间" prop="orderId">
<el-date-picker
v-model="form.orderId"
type="datetime"
placeholder="请选择预约时间"
style="width: 270px"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12"> </el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="orderId">
<el-input
type="textarea"
:rows="2"
placeholder="请输入备注"
maxlength="100"
show-word-limit
v-model="form.textarea"
style="width: calc(100% - 100px)"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm" <el-button type="primary" @click="submitForm">确 定</el-button>
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
...@@ -470,7 +686,7 @@ export default { ...@@ -470,7 +686,7 @@ export default {
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.open = true; this.open = true;
this.title = "添加诊前挂号订单"; this.title = "新增订单";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
......
src/views/orderManagement/zyphOrder/index.vue
...@@ -16,6 +16,78 @@ ...@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="就诊人姓名" prop="orderSn" label-width="90px">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入就诊人姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="接单人" prop="orderSn">
<el-input
v-model="queryParams.orderSn"
placeholder="请输入接单人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="当前状态" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '已发布',
value: '0',
},
{
label: '已接单',
value: '1',
},
{
label: '已完成',
value: '2',
},
{
label: '退款中',
value: '3',
},
{
label: '已退款',
value: '4',
},
{
label: '进行中',
value: '6',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="订单类型" prop="orderSn">
<el-select v-model="queryParams.value" placeholder="全部" clearable="">
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button
type="primary" type="primary"
...@@ -31,17 +103,16 @@ ...@@ -31,17 +103,16 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="primary" type="primary"
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="large" size="large"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['system:zyphOrder:add']"
>新增</el-button> >新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="success" type="success"
plain plain
...@@ -51,8 +122,8 @@ ...@@ -51,8 +122,8 @@
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['system:zyphOrder:edit']" v-hasPermi="['system:zyphOrder:edit']"
>修改</el-button> >修改</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="danger" type="danger"
plain plain
...@@ -62,8 +133,8 @@ ...@@ -62,8 +133,8 @@
@click="handleDelete" @click="handleDelete"
v-hasPermi="['system:zyphOrder:remove']" v-hasPermi="['system:zyphOrder:remove']"
>删除</el-button> >删除</el-button>
</el-col> </el-col> -->
<el-col :span="1.5"> <!-- <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
plain plain
...@@ -242,6 +313,12 @@ ...@@ -242,6 +313,12 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="是否好评" label="是否好评"
align="center" align="center"
prop="isSatisfaction" prop="isSatisfaction"
...@@ -314,30 +391,32 @@ ...@@ -314,30 +391,32 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column <el-table-column
label="操作" label="操作"
align="center" align="center"
class-name="small-padding fixed-width" class-name="small-padding fixed-width"
fixed="right"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-edit" icon="el-icon-edit"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['system:zyphOrder:edit']" v-hasPermi="['system:zyphOrder:edit']"
>修改</el-button >修改</el-button
> > -->
<el-button <!-- <el-button
size="large" size="large"
type="primary" type="primary"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['system:zyphOrder:remove']" v-hasPermi="['system:zyphOrder:remove']"
>删除</el-button >删除</el-button
> > -->
<el-button size="large" type="text">取消</el-button>
</template> </template>
</el-table-column> --> </el-table-column>
</el-table> </el-table>
<pagination <pagination
...@@ -349,64 +428,377 @@ ...@@ -349,64 +428,377 @@
/> />
<!-- 添加或修改住院陪诊订单对话框 --> <!-- 添加或修改住院陪诊订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item label="主订单" prop="orderId"> <el-row>
<el-input v-model="form.orderId" placeholder="请输入主订单" /> <el-col :span="12">
<el-form-item label="订单类型" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择订单类型"
style="width: 270px"
>
<el-option
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="医院" prop="hid"> </el-col>
<el-input v-model="form.hid" placeholder="请输入医院" /> <el-col :span="12">
<el-form-item label="用户手机号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入用户手机号"
style="width: 270px"
maxlength="11"
/>
</el-form-item> </el-form-item>
<el-form-item label="科室" prop="did"> </el-col>
<el-input v-model="form.did" placeholder="请输入科室" /> </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入订单号"
style="width: 270px"
/>
</el-form-item> </el-form-item>
<el-form-item label="就诊人员" prop="visitor"> </el-col>
<el-input v-model="form.visitor" placeholder="请输入就诊人员" /> <el-col :span="12">
<el-form-item label="城市" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择城市"
filterable
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="开始日期" prop="startDay"> </el-col>
<el-input v-model="form.startDay" placeholder="请输入开始日期" /> </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="医院" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择医院"
filterable
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="结束日期" prop="endDay"> </el-col>
<el-input v-model="form.endDay" placeholder="请输入结束日期" /> <el-col :span="12">
<el-form-item label="科室" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入科室"
style="width: 270px"
/>
</el-form-item> </el-form-item>
<el-form-item label="开始时间" prop="startTime"> </el-col>
<el-input v-model="form.startTime" placeholder="请输入开始时间" /> </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="服务" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入服务"
style="width: 270px"
/>
</el-form-item> </el-form-item>
<el-form-item label="结束时间" prop="endTime"> </el-col>
<el-input v-model="form.endTime" placeholder="请输入结束时间" /> <el-col :span="12">
<el-form-item label="订单价" prop="orderId">
<el-input-number
v-model="form.orderId"
:min="0"
label="订单价"
:precision="2"
:controls="false"
placeholder="请输入订单价"
style="width: 270px"
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="服务完成时间" prop="overTime"> </el-col>
<el-date-picker </el-row>
<el-row>
<el-col :span="12">
<el-form-item label="就诊人姓名" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入就诊人姓名"
maxlength="5"
style="width: 270px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="就诊人性别" prop="orderId">
<el-select
v-model="form.orderId"
clearable clearable
v-model="form.overTime" placeholder="请选择就诊人性别"
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="身份证号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入身份证号"
style="width: 270px"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="就诊人手机号" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入就诊人手机号"
style="width: 270px"
maxlength="11"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否成年" prop="orderId">
<el-select
v-model="form.orderId"
clearable
placeholder="请选择是否成年"
style="width: 270px"
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接单人" prop="orderId">
<div @click="openCheckPerson = true">
<el-input
v-model="form.orderId"
placeholder="请选择接单人"
style="width: 270px"
readonly=""
/>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="期待陪护日期" prop="orderId">
<el-date-picker
v-model="form.orderId"
type="datetime" type="datetime"
value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择期待陪护日期"
placeholder="请选择服务完成时间" style="width: 270px"
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="完成凭证" prop="voucher"> </el-col>
<el-col :span="12">
<!-- <el-form-item label="预约电话" prop="orderId">
<el-input
v-model="form.orderId"
placeholder="请输入预约电话"
style="width: 270px"
maxlength="11"
/>
</el-form-item> -->
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="orderId">
<el-input <el-input
v-model="form.voucher"
type="textarea" type="textarea"
placeholder="请输入内容" :rows="2"
placeholder="请输入备注"
maxlength="100"
show-word-limit
v-model="form.textarea"
style="width: calc(100% - 100px)"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<template v-if="openCheckPerson">
<el-dialog
title="选择接单人"
:visible.sync="openCheckPerson"
width="900px"
append-to-body
>
<el-form
:model="queryParamsMin"
ref="queryFormMin"
size="large"
:inline="true"
label-width="100px"
>
<el-form-item label="接单人姓名" prop="orderSn">
<el-input
v-model="queryParamsMin.orderSn"
placeholder="请输入接单人姓名"
clearable
style="width: 200px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="接单人手机号" prop="orderSn">
<el-input <el-input
v-model="form.remark" v-model="queryParamsMin.orderSn"
type="textarea" placeholder="请输入接单人姓名"
placeholder="请输入内容" clearable
maxlength="11"
style="width: 200px"
/> />
</el-form-item> </el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="large"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="large">重置</el-button>
</el-form-item>
<el-form-item label="所属商户" prop="orderSn">
<el-select
v-model="queryParamsMin.value"
placeholder="请选择"
clearable=""
style="width: 200px"
filterable=""
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-form> </el-form>
<div class="popmodel-person">
<div class="popmodel-person-item popmodel-person-itema">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
<div class="popmodel-person-item">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
<div class="popmodel-person-item">
<div class="popmodel-person-item-top">
<img src="" alt="" />
<div>
<p>张丹</p>
<p>12345678912</p>
</div>
</div>
<p class="popmodel-person-item-botm">
所属商户：Lorem ipsum dolor sit amet consectetur, adipisicing
elit. Officia animi optio delectus! In earum voluptate ipsa
tempora, incidunt beatae cupiditate, adipisci voluptatibus neque
dolor fugiat, quidem corporis exercitationem quo accusantium.
</p>
</div>
</div>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm" <el-button type="primary" @click="openCheckPerson = false"
>确 定</el-button >确 定</el-button
> >
<el-button @click="cancel">取 消</el-button> <el-button @click="openCheckPerson = false">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</template>
<template v-if="openArticle"> <template v-if="openArticle">
<el-dialog <el-dialog
...@@ -532,6 +924,7 @@ export default { ...@@ -532,6 +924,7 @@ export default {
title: "", title: "",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
openCheckPerson: false,
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
...@@ -562,6 +955,10 @@ export default { ...@@ -562,6 +955,10 @@ export default {
isAdult: "", isAdult: "",
voucher: "", voucher: "",
}, },
queryParamsMin: {
pageNum: 1,
pageSize: 10,
},
}; };
}, },
created() { created() {
...@@ -661,7 +1058,7 @@ export default { ...@@ -661,7 +1058,7 @@ export default {
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.open = true; this.open = true;
this.title = "添加住院陪诊订单"; this.title = "新增订单";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
...@@ -760,4 +1157,43 @@ export default { ...@@ -760,4 +1157,43 @@ export default {
} }
} }
} }
.popmodel-person {
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
&-item {
width: 48%;
margin-bottom: 20px;
border-radius: 10px;
padding: 10px;
box-sizing: border-box;
background: #f0eeee;
cursor: pointer;
&-top {
box-sizing: border-box;
display: flex;
align-items: center;
margin-bottom: 10px;
> img {
width: 60px;
height: 60px;
border-radius: 50%;
margin-right: 10px;
}
}
&-botm {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
&-itema {
background: #409eff;
}
}
</style> </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