Skip to content

P
peizhen-vue
Commit 16cf890a by ‘巴博尔’
Options

新增添加

parent 562737ab
Showing with 2256 additions and 302 deletions
src/views/orderManagement/dbghOrder/index.vue
......@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery"
/>
</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-button
type="primary"
......@@ -31,17 +103,17 @@
</el-form>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="large"
@click="handleAdd"
v-hasPermi="['system:dbghOrder:add']"
>新增</el-button>
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
......@@ -51,8 +123,8 @@
@click="handleUpdate"
v-hasPermi="['system:dbghOrder:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="danger"
plain
......@@ -62,8 +134,8 @@
@click="handleDelete"
v-hasPermi="['system:dbghOrder:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="warning"
plain
......@@ -231,6 +303,12 @@
</template>
</el-table-column>
<el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="是否好评"
align="center"
prop="isSatisfaction"
......@@ -294,24 +372,30 @@
>
</template>
</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">
<el-button
<!-- <el-button
size="large"
type="primary"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:dbghOrder:edit']"
>修改</el-button>
<el-button
>修改</el-button> -->
<!-- <el-button
size="large"
type="primary"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:dbghOrder:remove']"
>删除</el-button>
>删除</el-button> -->
<el-button size="large" type="text">取消</el-button>
</template>
</el-table-column> -->
</el-table-column>
</el-table>
<pagination
......@@ -323,55 +407,382 @@
/>
<!-- 添加或修改代办挂号订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
<el-dialog
:title="title"
:visible.sync="open"
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 label="医院" prop="hid">
<el-input v-model="form.hid" placeholder="请输入医院" />
</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 label="就诊人员" prop="visitor">
<el-input v-model="form.visitor" placeholder="请输入就诊人员" />
</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 label="期望就诊时间" prop="visitTime">
<el-input v-model="form.visitTime" placeholder="请输入期望就诊时间" />
</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-form-item label="科室" prop="did">
<el-input v-model="form.did" placeholder="请输入科室" />
</el-col>
</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 label="服务结束时间" prop="overTime">
<el-date-picker
</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-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
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"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务结束时间"
placeholder="请选择就诊时间"
style="width: 270px"
>
</el-date-picker>
</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
v-model="form.voucher"
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="remark">
<el-form-item label="接单人手机号" prop="orderSn">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
v-model="queryParamsMin.orderSn"
placeholder="请输入接单人姓名"
clearable
maxlength="11"
style="width: 200px"
/>
</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>
<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">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
<el-button type="primary" @click="openCheckPerson = false"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
<el-button @click="openCheckPerson = false">取 消</el-button>
</div>
</el-dialog>
</template>
<template v-if="openArticle">
<el-dialog
......@@ -497,6 +908,7 @@ export default {
title: "",
// 是否显示弹出层
open: false,
openCheckPerson: false,
// 查询参数
queryParams: {
pageNum: 1,
......@@ -522,6 +934,10 @@ export default {
isAdult: "",
voucher: "",
},
queryParamsMin: {
pageNum: 1,
pageSize: 10,
},
};
},
created() {
......@@ -618,7 +1034,7 @@ export default {
handleAdd() {
this.reset();
this.open = true;
this.title = "添加代办挂号订单";
this.title = "新增订单";
},
/** 修改按钮操作 */
handleUpdate(row) {
......@@ -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>
src/views/orderManagement/dbmyOrder/index.vue
......@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery"
/>
</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-button
type="primary"
......@@ -31,17 +103,17 @@
</el-form>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="large"
@click="handleAdd"
v-hasPermi="['system:dbmyOrder:add']"
>新增</el-button>
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
......@@ -51,8 +123,8 @@
@click="handleUpdate"
v-hasPermi="['system:dbmyOrder:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="danger"
plain
......@@ -62,8 +134,8 @@
@click="handleDelete"
v-hasPermi="['system:dbmyOrder:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="warning"
plain
......@@ -257,12 +329,16 @@
>
</template>
</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 }">
<!-- v-if="row.ename" -->
<el-button type="primary" @click="clickSeeEM(row)"
>查看</el-button
>
<el-button type="primary" @click="clickSeeEM(row)">查看</el-button>
<!-- <span v-else>未接单</span> -->
</template>
</el-table-column>
......@@ -325,6 +401,12 @@
</template>
</el-table-column>
<el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="是否好评"
align="center"
prop="isSatisfaction"
......@@ -397,30 +479,32 @@
>
</template>
</el-table-column>
<!-- <el-table-column
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="scope">
<el-button
<!-- <el-button
size="large"
type="primary"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:dbmyOrder:edit']"
>修改</el-button
>
<el-button
> -->
<!-- <el-button
size="large"
type="primary"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:dbmyOrder:remove']"
>删除</el-button
>
> -->
<el-button size="large" type="text">取消</el-button>
</template>
</el-table-column> -->
</el-table-column>
</el-table>
<pagination
......@@ -432,116 +516,406 @@
/>
<!-- 添加或修改代办买药订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
<el-dialog
:title="title"
:visible.sync="open"
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 label="药品名称" prop="ypName">
<el-input v-model="form.ypName" placeholder="请输入药品名称" />
</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 label="药店地址" prop="ydAddress">
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单号" prop="orderId">
<el-input
v-model="form.ydAddress"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入订单号"
style="width: 270px"
/>
</el-form-item>
<el-form-item label="是否处方药" prop="isCf">
<el-input v-model="form.isCf" placeholder="请输入是否处方药" />
</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-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
v-model="form.prescriptionAttachment"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入药品名称"
style="width: 270px"
/>
</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
v-model="form.way"
placeholder="请输入取药方式：0-邮寄到家，1-送货上门"
v-model="form.orderId"
placeholder="请输入药店地址"
style="width: 270px"
/>
</el-form-item>
<el-form-item label="收件人" prop="recipient">
<el-input v-model="form.recipient" placeholder="请输入收件人" />
</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 [
{
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 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
v-model="form.adress"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入收件人"
maxlength="5"
style="width: 270px"
/>
</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
v-model="form.addressInfo"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
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 label="联系电话" prop="phone">
<el-input v-model="form.phone" placeholder="请输入联系电话" />
</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 label="是否需要冷藏" prop="isRefrigerate">
</el-col>
<el-col :span="12">
<el-form-item label="接单人" prop="orderId">
<div @click="openCheckPerson = true">
<el-input
v-model="form.isRefrigerate"
placeholder="请输入是否需要冷藏"
v-model="form.orderId"
placeholder="请选择接单人"
style="width: 270px"
readonly=""
/>
</div>
</el-form-item>
<el-form-item label="服务结束时间" prop="overTime">
<el-date-picker
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="是否需要冷藏" prop="orderId">
<el-select
v-model="form.orderId"
clearable
v-model="form.overTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务结束时间"
placeholder="请选择"
style="width: 270px"
>
</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 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
v-model="form.voucher"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="陪诊员收货人名字" prop="pzShr">
<el-input v-model="form.pzShr" placeholder="请输入陪诊员收货人名字" />
:rows="2"
placeholder="请输入备注"
maxlength="100"
show-word-limit
v-model="form.textarea"
style="width: calc(100% - 100px)"
>
</el-input>
</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
v-model="form.pzAddress"
placeholder="请输入陪诊员收货地址"
v-model="queryParamsMin.orderSn"
placeholder="请输入接单人姓名"
clearable
style="width: 200px"
/>
</el-form-item>
<el-form-item label="陪诊员收货电话" prop="pzShPhone">
<el-form-item label="接单人手机号" prop="orderSn">
<el-input
v-model="form.pzShPhone"
placeholder="请输入陪诊员收货电话"
v-model="queryParamsMin.orderSn"
placeholder="请输入接单人姓名"
clearable
maxlength="11"
style="width: 200px"
/>
</el-form-item>
<el-form-item label="陪诊员收货备注" prop="pzShRemake">
<el-input
v-model="form.pzShRemake"
placeholder="请输入陪诊员收货备注"
/>
<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="remark">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
/>
<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>
<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">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
<el-button type="primary" @click="openCheckPerson = false"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
<el-button @click="openCheckPerson = false">取 消</el-button>
</div>
</el-dialog>
</template>
<template v-if="openArticle">
<el-dialog
......@@ -748,6 +1122,7 @@ export default {
title: "",
// 是否显示弹出层
open: false,
openCheckPerson: false,
// 查询参数
queryParams: {
pageNum: 1,
......@@ -783,6 +1158,10 @@ export default {
isAdult: "",
voucher: "",
},
queryParamsMin: {
pageNum: 1,
pageSize: 10,
},
};
},
created() {
......@@ -916,7 +1295,7 @@ export default {
handleAdd() {
this.reset();
this.open = true;
this.title = "添加代办买药订单";
this.title = "新增订单";
},
/** 修改按钮操作 */
handleUpdate(row) {
......@@ -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>
src/views/orderManagement/dbwzOrder/index.vue
......@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery"
/>
</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-button
type="primary"
......@@ -31,17 +103,17 @@
</el-form>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="large"
@click="handleAdd"
v-hasPermi="['system:dbwzOrder:add']"
>新增</el-button>
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
......@@ -51,8 +123,8 @@
@click="handleUpdate"
v-hasPermi="['system:dbwzOrder:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="danger"
plain
......@@ -62,8 +134,8 @@
@click="handleDelete"
v-hasPermi="['system:dbwzOrder:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="warning"
plain
......@@ -335,6 +407,12 @@
:show-overflow-tooltip="true"
/> -->
<el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="是否好评"
align="center"
prop="isSatisfaction"
......@@ -399,30 +477,32 @@
>
</template>
</el-table-column>
<!-- <el-table-column
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="scope">
<el-button
<!-- <el-button
size="large"
type="primary"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:dbwzOrder:edit']"
>修改</el-button
>
<el-button
> -->
<!-- <el-button
size="large"
type="primary"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:dbwzOrder:remove']"
>删除</el-button
>
> -->
<el-button size="large" type="text">取消</el-button>
</template>
</el-table-column> -->
</el-table-column>
</el-table>
<pagination
......@@ -434,104 +514,398 @@
/>
<!-- 添加或修改代办问诊订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
<el-dialog
:title="title"
:visible.sync="open"
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 label="就诊人员" prop="visitor">
<el-input v-model="form.visitor" placeholder="请输入就诊人员" />
</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 label="期望就诊时间" prop="visitTime">
<el-input v-model="form.visitTime" placeholder="请输入期望就诊时间" />
</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-form-item label="科室" prop="did">
<el-input v-model="form.did" placeholder="请输入科室" />
</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 label="主诉" prop="chiefComplaint">
</el-col>
<el-col :span="12">
<el-form-item label="科室" prop="orderId">
<el-input
v-model="form.chiefComplaint"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入科室"
style="width: 270px"
/>
</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
v-model="form.historyOfPresentIllness"
type="textarea"
placeholder="请输入内容"
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
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 label="即往史" prop="pastHistory">
</el-col>
<el-col :span="12">
<el-form-item label="就诊人手机号" prop="orderId">
<el-input
v-model="form.pastHistory"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入就诊人手机号"
style="width: 270px"
maxlength="11"
/>
</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
v-model="form.lastMedicalTreatmentSituation"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请选择接单人"
style="width: 270px"
readonly=""
/>
</div>
</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
v-model="form.postTreatmentCondition"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入主诉"
style="width: 270px"
/>
</el-form-item>
<el-form-item label="相关报告" prop="relatedReports">
</el-col>
<el-col :span="12">
<el-form-item label="现病史" prop="orderId">
<el-input
v-model="form.relatedReports"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入现病史"
style="width: 270px"
/>
</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
v-model="form.serviceRequirements"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入既往史"
style="width: 270px"
/>
</el-form-item>
<el-form-item label="服务完成时间" prop="overTime">
<el-date-picker
clearable
v-model="form.overTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务完成时间"
>
</el-date-picker>
</el-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 label="完成凭证" prop="voucher">
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="治疗后情况" prop="orderId">
<el-input
v-model="form.voucher"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入既往史"
style="width: 270px"
/>
</el-form-item>
<el-form-item label="说明" prop="indications">
<el-input v-model="form.indications" placeholder="请输入说明" />
</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 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
v-model="form.remark"
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-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>
<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">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
<el-button type="primary" @click="openCheckPerson = false"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
<el-button @click="openCheckPerson = false">取 消</el-button>
</div>
</el-dialog>
</template>
<template v-if="openArticle">
<el-dialog
......@@ -657,6 +1031,7 @@ export default {
title: "",
// 是否显示弹出层
open: false,
openCheckPerson: false,
// 查询参数
queryParams: {
pageNum: 1,
......@@ -689,6 +1064,10 @@ export default {
isAdult: "",
voucher: "",
},
queryParamsMin: {
pageNum: 1,
pageSize: 10,
},
};
},
created() {
......@@ -792,7 +1171,7 @@ export default {
handleAdd() {
this.reset();
this.open = true;
this.title = "添加代办问诊订单";
this.title = "新增订单";
},
/** 修改按钮操作 */
handleUpdate(row) {
......
src/views/orderManagement/order/index.vue
......@@ -32,14 +32,55 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单状态" prop="orderSn">
<el-select
v-model="queryParams.value"
placeholder="请选择"
clearable=""
<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 []"
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
......@@ -409,7 +450,16 @@
style="width: 270px"
>
<el-option
v-for="item in []"
v-for="item in [
{
label: '小程序',
value: '0',
},
{
label: '美团',
value: '1',
},
]"
:key="item.value"
:label="item.label"
:value="item.value"
......
src/views/orderManagement/zqghOrder/index.vue
......@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery"
/>
</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-button
type="primary"
......@@ -31,18 +103,17 @@
</el-form>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="large"
@click="handleAdd"
v-hasPermi="['system:zqghOrder:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
......@@ -53,8 +124,8 @@
v-hasPermi="['system:zqghOrder:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="danger"
plain
......@@ -65,8 +136,8 @@
v-hasPermi="['system:zqghOrder:remove']"
>删除</el-button
>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="warning"
plain
......@@ -200,6 +271,12 @@
</template>
</el-table-column>
<el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
......@@ -216,30 +293,37 @@
>
</template>
</el-table-column>
<!-- <el-table-column
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="scope">
<el-button
<!-- <el-button
size="large"
type="primary"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:zqghOrder:edit']"
>修改</el-button
>
<el-button
> -->
<!-- <el-button
size="large"
type="primary"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:zqghOrder:remove']"
>删除</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>
</el-table-column> -->
</el-table-column>
</el-table>
<pagination
......@@ -251,59 +335,191 @@
/>
<!-- 添加或修改诊前挂号订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
</el-form-item>
<el-form-item label="医院" prop="hid">
<el-input v-model="form.hid" placeholder="请输入医院" />
</el-form-item>
<el-form-item label="科室" prop="did">
<el-input v-model="form.did" placeholder="请输入科室" />
<el-dialog
:title="title"
:visible.sync="open"
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 label="医生" prop="doctorId">
<el-input v-model="form.doctorId" placeholder="请输入医生" />
</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 label="预约时间" prop="timeOfAppointment">
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="订单号" prop="orderId">
<el-input
v-model="form.timeOfAppointment"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入订单号"
style="width: 270px"
/>
</el-form-item>
<el-form-item label="服务完成时间" prop="overTime">
<el-date-picker
</el-col>
<el-col :span="12">
<el-form-item label="城市" prop="orderId">
<el-select
v-model="form.orderId"
clearable
v-model="form.overTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务完成时间"
placeholder="请选择城市"
filterable
style="width: 270px"
>
</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 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
v-model="form.voucher"
type="textarea"
placeholder="请输入内容"
v-model="form.orderId"
placeholder="请输入科室"
style="width: 270px"
/>
</el-form-item>
<el-form-item label="" prop="isCal">
<el-input v-model="form.isCal" placeholder="请输入" />
</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-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 label="备注" prop="remark">
</el-col>
<el-col :span="12">
<el-form-item label="用户手机号" prop="orderId">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
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-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>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
......@@ -470,7 +686,7 @@ export default {
handleAdd() {
this.reset();
this.open = true;
this.title = "添加诊前挂号订单";
this.title = "新增订单";
},
/** 修改按钮操作 */
handleUpdate(row) {
......
src/views/orderManagement/zyphOrder/index.vue
......@@ -16,6 +16,78 @@
@keyup.enter.native="handleQuery"
/>
</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-button
type="primary"
......@@ -31,17 +103,16 @@
</el-form>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="large"
@click="handleAdd"
v-hasPermi="['system:zyphOrder:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
......@@ -51,8 +122,8 @@
@click="handleUpdate"
v-hasPermi="['system:zyphOrder:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="danger"
plain
......@@ -62,8 +133,8 @@
@click="handleDelete"
v-hasPermi="['system:zyphOrder:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
</el-col> -->
<!-- <el-col :span="1.5">
<el-button
type="warning"
plain
......@@ -242,6 +313,12 @@
</template>
</el-table-column>
<el-table-column
label="订单类型"
align="center"
prop=""
key=""
></el-table-column>
<el-table-column
label="是否好评"
align="center"
prop="isSatisfaction"
......@@ -314,30 +391,32 @@
>
</template>
</el-table-column>
<!-- <el-table-column
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
fixed="right"
>
<template slot-scope="scope">
<el-button
<!-- <el-button
size="large"
type="primary"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:zyphOrder:edit']"
>修改</el-button
>
<el-button
> -->
<!-- <el-button
size="large"
type="primary"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:zyphOrder:remove']"
>删除</el-button
>
> -->
<el-button size="large" type="text">取消</el-button>
</template>
</el-table-column> -->
</el-table-column>
</el-table>
<pagination
......@@ -349,64 +428,377 @@
/>
<!-- 添加或修改住院陪诊订单对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="主订单" prop="orderId">
<el-input v-model="form.orderId" placeholder="请输入主订单" />
<el-dialog :title="title" :visible.sync="open" 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 label="医院" prop="hid">
<el-input v-model="form.hid" placeholder="请输入医院" />
</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 label="科室" prop="did">
<el-input v-model="form.did" placeholder="请输入科室" />
</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 label="就诊人员" prop="visitor">
<el-input v-model="form.visitor" placeholder="请输入就诊人员" />
</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-form-item label="开始日期" prop="startDay">
<el-input v-model="form.startDay" placeholder="请输入开始日期" />
</el-col>
</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 label="结束日期" prop="endDay">
<el-input v-model="form.endDay" placeholder="请输入结束日期" />
</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 label="开始时间" prop="startTime">
<el-input v-model="form.startTime" placeholder="请输入开始时间" />
</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 label="结束时间" prop="endTime">
<el-input v-model="form.endTime" placeholder="请输入结束时间" />
</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-form-item label="服务完成时间" prop="overTime">
<el-date-picker
</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
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"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择服务完成时间"
placeholder="请选择期待陪护日期"
style="width: 270px"
>
</el-date-picker>
</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
v-model="form.voucher"
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="remark">
<el-form-item label="接单人手机号" prop="orderSn">
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
v-model="queryParamsMin.orderSn"
placeholder="请输入接单人姓名"
clearable
maxlength="11"
style="width: 200px"
/>
</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>
<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">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
<el-button type="primary" @click="openCheckPerson = false"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
<el-button @click="openCheckPerson = false">取 消</el-button>
</div>
</el-dialog>
</template>
<template v-if="openArticle">
<el-dialog
......@@ -532,6 +924,7 @@ export default {
title: "",
// 是否显示弹出层
open: false,
openCheckPerson: false,
// 查询参数
queryParams: {
pageNum: 1,
......@@ -562,6 +955,10 @@ export default {
isAdult: "",
voucher: "",
},
queryParamsMin: {
pageNum: 1,
pageSize: 10,
},
};
},
created() {
......@@ -661,7 +1058,7 @@ export default {
handleAdd() {
this.reset();
this.open = true;
this.title = "添加住院陪诊订单";
this.title = "新增订单";
},
/** 修改按钮操作 */
handleUpdate(row) {
......@@ -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>
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