清空按钮
This commit is contained in:
parent
4dad81c031
commit
2bb6022b00
@ -86,7 +86,6 @@
|
|||||||
</a-row>
|
</a-row>
|
||||||
<a-row :gutter="24" >
|
<a-row :gutter="24" >
|
||||||
<a-col :span="24">
|
<a-col :span="24">
|
||||||
|
|
||||||
<a-form-item field="" label="问诊时间:" >
|
<a-form-item field="" label="问诊时间:" >
|
||||||
<a-select
|
<a-select
|
||||||
v-model="inquiry_time"
|
v-model="inquiry_time"
|
||||||
@ -120,7 +119,10 @@
|
|||||||
<div class="right">
|
<div class="right">
|
||||||
<a-form-item field="doctor_inquiry_time" :hide-label="true" :rules="[{ required: true, message: '请选择问诊价格' }]">
|
<a-form-item field="doctor_inquiry_time" :hide-label="true" :rules="[{ required: true, message: '请选择问诊价格' }]">
|
||||||
<div class="surebox">
|
<div class="surebox">
|
||||||
|
<div class="titlebox">
|
||||||
<div class="title">已选问诊时间</div>
|
<div class="title">已选问诊时间</div>
|
||||||
|
<a-button style="margin-left: 20px;" @click="clearTime" type="primary">清空</a-button>
|
||||||
|
</div>
|
||||||
<div class="timebox">
|
<div class="timebox">
|
||||||
<a-space wrap>
|
<a-space wrap>
|
||||||
<a-tag color="green" class="tag" closable v-for="(item,index) in slect_all_date" :key="item" @close="closeTag(index)">{{item}}</a-tag>
|
<a-tag color="green" class="tag" closable v-for="(item,index) in slect_all_date" :key="item" @close="closeTag(index)">{{item}}</a-tag>
|
||||||
@ -150,7 +152,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="titlebox">
|
<div class="titlebox">
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="name">问诊价格(元)</div>
|
<div class="name">问诊价格(元)</div>
|
||||||
</div>
|
</div>
|
||||||
<a-row :gutter="24" style="margin-top: 35px;">
|
<a-row :gutter="24" style="margin-top: 35px;">
|
||||||
<a-col :span="12">
|
<a-col :span="12">
|
||||||
@ -353,6 +355,10 @@ const addTime=()=>{
|
|||||||
slect_all_date.value=[...new Set(temp_date)];
|
slect_all_date.value=[...new Set(temp_date)];
|
||||||
reset();
|
reset();
|
||||||
}
|
}
|
||||||
|
const clearTime=()=>{
|
||||||
|
temp_date=[];
|
||||||
|
slect_all_date.value=[];
|
||||||
|
}
|
||||||
watch(slect_all_date,(newVal,oldVal)=>{
|
watch(slect_all_date,(newVal,oldVal)=>{
|
||||||
if(newVal.length>0){
|
if(newVal.length>0){
|
||||||
console.log(newVal.length)
|
console.log(newVal.length)
|
||||||
@ -486,6 +492,9 @@ const handleSubmit=()=>{
|
|||||||
.arco-form-item-layout-horizontal:nth-child(2) {
|
.arco-form-item-layout-horizontal:nth-child(2) {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
.surebox{
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
.cellbox {
|
.cellbox {
|
||||||
margin-top: 35px;
|
margin-top: 35px;
|
||||||
}
|
}
|
||||||
@ -508,7 +517,7 @@ const handleSubmit=()=>{
|
|||||||
}
|
}
|
||||||
.timebox{
|
.timebox{
|
||||||
min-height:200px;
|
min-height:200px;
|
||||||
width:418px;
|
width:100%;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
border:1px solid var(--color-neutral-3);
|
border:1px solid var(--color-neutral-3);
|
||||||
@ -516,7 +525,7 @@ const handleSubmit=()=>{
|
|||||||
}
|
}
|
||||||
.timecon{
|
.timecon{
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 1000px;
|
width:100%;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
@ -525,13 +534,13 @@ const handleSubmit=()=>{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.right{
|
.right{
|
||||||
width:600px;
|
|
||||||
flex:1;
|
flex:1;
|
||||||
}
|
}
|
||||||
.line{
|
.line{
|
||||||
height: 240px;
|
height: 240px;
|
||||||
width:2px;
|
width:2px;
|
||||||
margin:0 30px;
|
margin:0 100px;
|
||||||
background: var(--color-neutral-3);
|
background: var(--color-neutral-3);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@ -80,7 +80,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="titlebox">
|
<div class="titlebox">
|
||||||
<div class="bar"></div>
|
<div class="bar"></div>
|
||||||
<div class="name">问诊价格(元)</div>
|
<div class="name">问诊价格(元)</div>
|
||||||
</div>
|
</div>
|
||||||
<a-row :gutter="24" style="margin-top: 35px">
|
<a-row :gutter="24" style="margin-top: 35px">
|
||||||
<a-col :span="12">
|
<a-col :span="12">
|
||||||
|
|||||||
@ -20,8 +20,8 @@
|
|||||||
</a-form-item>
|
</a-form-item>
|
||||||
<a-form-item field="is_enable" label="启用状态">
|
<a-form-item field="is_enable" label="启用状态">
|
||||||
<a-select v-model="queryForm.is_enable" placeholder="请选择启用状态" :style="{ width: '182px' }">
|
<a-select v-model="queryForm.is_enable" placeholder="请选择启用状态" :style="{ width: '182px' }">
|
||||||
<a-option :value="0">禁用</a-option>
|
<a-option :value="0">关闭</a-option>
|
||||||
<a-option :value="1">正常</a-option>
|
<a-option :value="1">开启</a-option>
|
||||||
|
|
||||||
</a-select>
|
</a-select>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
@ -69,8 +69,8 @@
|
|||||||
<div v-else>后台</div>
|
<div v-else>后台</div>
|
||||||
</template>
|
</template>
|
||||||
<template #is_enable="{record}">
|
<template #is_enable="{record}">
|
||||||
<a-tag v-if="record.is_enable == 0" color="red">禁用</a-tag>
|
<a-tag v-if="record.is_enable == 0" color="red">关闭</a-tag>
|
||||||
<a-tag v-else-if="record.is_enable== 1" color="green">正常</a-tag>
|
<a-tag v-else-if="record.is_enable== 1" color="green">开启</a-tag>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user