Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
dev
/
pingan-life-index-pro
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
9b597c77
authored
2020-06-04 17:33:41 +0800
by
joe
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
更新预约日期
1 parent
8261d776
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
109 additions
and
109 deletions
src/pages/custom-service/components/reservation.vue
src/pages/custom-service/components/reservation.vue
View file @
9b597c7
<
template
>
<div>
<auth
:model=
"'suggest'"
@
onLogin=
"userLogin"
ref=
"auth"
></auth>
<modal-comp
:visible=
"modalVisiable"
:show-confirm=
"false"
:icon=
"modalIcon"
:content=
"modalContent"
:confirm=
"modalCallback"
:overlay=
"modalCallback"
></modal-comp>
<div>
<auth
:model=
"'suggest'"
@
onLogin=
"userLogin"
ref=
"auth"
></auth>
<modal-comp
:visible=
"modalVisiable"
:show-confirm=
"false"
:icon=
"modalIcon"
:content=
"modalContent"
:confirm=
"modalCallback"
:overlay=
"modalCallback"
></modal-comp>
<div
class=
"reservation-container"
>
<div
class=
"gird-g form"
>
<div
class=
"pure-u-1 pure-u-md-1-2 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-name.png"
></div>
{{
$t
(
'reservation.name'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<input
class=
"ipt"
:class=
"
{err : errorTips.e1.length > 0}" type="text" v-model="data.name">
</div>
<div
class=
"validator"
v-if=
"errorTips.e1.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e1
}}
</div>
</div>
<div
class=
"reservation-container"
>
<div
class=
"gird-g form"
>
<div
class=
"pure-u-1 pure-u-md-1-2 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-name.png"
></div>
{{
$t
(
'reservation.name'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<input
class=
"ipt"
:class=
"
{err : errorTips.e1.length > 0}" type="text" v-model="data.name">
</div>
<div
class=
"validator"
v-if=
"errorTips.e1.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e1
}}
</div>
</div>
<div
class=
"pure-u-1 pure-u-md-1-2 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-contact.png"
></div>
{{
$t
(
'reservation.contactType'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<div
class=
"down-arrow"
></div>
<el-select
class=
"ipt"
v-model=
"data.contactType"
>
<el-option
v-for=
"(item,index) in contactTypes"
:key=
"index"
:value=
"item.value"
:label=
"item.name"
></el-option>
</el-select>
</div>
</div>
<div
class=
"pure-u-1 pure-u-md-1-2 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-contact.png"
></div>
{{
$t
(
'reservation.contactType'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<div
class=
"down-arrow"
></div>
<el-select
class=
"ipt"
v-model=
"data.contactType"
>
<el-option
v-for=
"(item,index) in contactTypes"
:key=
"index"
:value=
"item.value"
:label=
"item.name"
></el-option>
</el-select>
</div>
</div>
<div
class=
"pure-u-1 pure-u-md-1-2 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-phone.png"
></div>
{{
$t
(
'reservation.contact'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<input
class=
"ipt"
:class=
"
{err : errorTips.e3.length > 0}" type="text" v-model="data.contactMethod">
</div>
<div
class=
"validator"
v-if=
"errorTips.e3.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e3
}}
</div>
</div>
<div
class=
"pure-u-1 pure-u-md-1-2 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-phone.png"
></div>
{{
$t
(
'reservation.contact'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<input
class=
"ipt"
:class=
"
{err : errorTips.e3.length > 0}" type="text" v-model="data.contactMethod">
</div>
<div
class=
"validator"
v-if=
"errorTips.e3.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e3
}}
</div>
</div>
<div
class=
"pure-u-1 pure-u-md-1-2 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-clock.png"
></div>
{{
$t
(
'reservation.reservationType'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<div
class=
"down-arrow"
></div>
<el-select
class=
"ipt"
v-model=
"data.reservationType"
>
<el-option
v-for=
"(item,index) in reservationTypes"
:key=
"index"
:value=
"item.value"
:label=
"item.name"
></el-option>
</el-select>
</div>
</div>
<div
class=
"pure-u-1 pure-u-md-1-2 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-clock.png"
></div>
{{
$t
(
'reservation.reservationType'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<div
class=
"down-arrow"
></div>
<el-select
class=
"ipt"
v-model=
"data.reservationType"
>
<el-option
v-for=
"(item,index) in reservationTypes"
:key=
"index"
:value=
"item.value"
:label=
"item.name"
></el-option>
</el-select>
</div>
</div>
<div
class=
"pure-u-1 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-arrow-reservation.png"
></div>
{{
$t
(
'reservation.reservationRemark'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<textarea
:placeholder=
"$t('reservation.reservationRemarkPlaceholder')"
class=
"ipt textarea"
:class=
"
{err : errorTips.e5.length > 0}" v-model="data.instruction">
</textarea>
</div>
<div
class=
"validator"
v-if=
"errorTips.e5.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e5
}}
</div>
</div>
<div
class=
"pure-u-1 form-item"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-arrow-reservation.png"
></div>
{{
$t
(
'reservation.reservationRemark'
)
}}
</div>
<div
class=
"ipt-wrap"
>
<textarea
:placeholder=
"$t('reservation.reservationRemarkPlaceholder')"
class=
"ipt textarea"
:class=
"
{err : errorTips.e5.length > 0}" v-model="data.instruction">
</textarea>
</div>
<div
class=
"validator"
v-if=
"errorTips.e5.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e5
}}
</div>
</div>
<div
class=
"pure-u-1 form-item form-item2"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-custom.png"
></div>
{{
$t
(
'reservation.hkClient'
)
}}
</div>
<div
class=
"cont"
>
<div
class=
"boo-btn pointer"
:class=
"
{active:isHkCus}" @click="isHkCus=true">
{{
$t
(
'reservation.yes'
)
}}
</div>
<div
class=
"boo-btn pointer"
:class=
"
{active:!isHkCus}" @click="isHkCus=false">
{{
$t
(
'reservation.no'
)
}}
</div>
</div>
</div>
<div
class=
"pure-u-1 form-item form-item2"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-custom.png"
></div>
{{
$t
(
'reservation.hkClient'
)
}}
</div>
<div
class=
"cont"
>
<div
class=
"boo-btn pointer"
:class=
"
{active:isHkCus}" @click="isHkCus=true">
{{
$t
(
'reservation.yes'
)
}}
</div>
<div
class=
"boo-btn pointer"
:class=
"
{active:!isHkCus}" @click="isHkCus=false">
{{
$t
(
'reservation.no'
)
}}
</div>
</div>
</div>
<!-- 联络时间 -->
<div
class=
"pure-u-1 form-item"
>
<div
class=
"form-item3"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-calendar.png"
></div>
{{
$t
(
'reservation.contactTime'
)
}}
</div>
<div
class=
"ipt-wrap"
:class=
"
{err:errorTips.e7.length>0}">
<!--
<input
class=
"ipt"
type=
"date"
v-model=
"data.contactDate"
:class=
"
{err : errorTips.e7.length > 0}"> -->
<date-picker
v-model=
"data.contactDate"
:check=
"checkDate"
:filtModel=
"['histor
y']"
></date-picker>
</div>
<div
class=
"validator"
v-if=
"errorTips.e7.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e7
}}
</div>
<div
class=
"mt8"
>
<div
class=
"label"
>
</div>
<!--
<div
class=
"calendar"
>
<!-- 联络时间 -->
<div
class=
"pure-u-1 form-item"
>
<div
class=
"form-item3"
>
<div
class=
"label"
>
<div
class=
"icon"
><img
src=
"@/assets/images/reservation/icon-re-calendar.png"
></div>
{{
$t
(
'reservation.contactTime'
)
}}
</div>
<div
class=
"ipt-wrap"
:class=
"
{err:errorTips.e7.length>0}">
<!--
<input
class=
"ipt"
type=
"date"
v-model=
"data.contactDate"
:class=
"
{err : errorTips.e7.length > 0}"> -->
<date-picker
v-model=
"data.contactDate"
:check=
"checkDate"
:filtModel=
"['history','holiday','toda
y']"
></date-picker>
</div>
<div
class=
"validator"
v-if=
"errorTips.e7.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e7
}}
</div>
<div
class=
"mt8"
>
<div
class=
"label"
>
</div>
<!--
<div
class=
"calendar"
>
<img
src=
"@/assets/images/reservation/re-calendar.png"
>
</div>
-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"box notice"
>
<p
class=
"notice-item text-jtf"
>
<img
class=
"notice-item-icon"
src=
"@/assets/images/reservation/icon-re-notice.png"
>
{{
$t
(
'reservation.notice1'
)
}}
</p>
<p
class=
"notice-item pointer"
@
click=
"checked = !checked"
>
<!--
<img
v-if=
"!checked"
class=
"notice-item-icon"
src=
"@/assets/images/reservation/un-check.png"
>
<div
class=
"box notice"
>
<p
class=
"notice-item text-jtf"
>
<img
class=
"notice-item-icon"
src=
"@/assets/images/reservation/icon-re-notice.png"
>
{{
$t
(
'reservation.notice1'
)
}}
</p>
<p
class=
"notice-item pointer"
@
click=
"checked = !checked"
>
<!--
<img
v-if=
"!checked"
class=
"notice-item-icon"
src=
"@/assets/images/reservation/un-check.png"
>
<img
v-else
class=
"notice-item-icon"
src=
"@/assets/images/reservation/check.png"
>
-->
<img
v-if=
"!checked"
class=
"notice-item-icon"
src=
"@/assets/images/login/uncheck.png"
>
<img
v-else
class=
"notice-item-icon"
src=
"@/assets/images/login/check.png"
>
{{
$t
(
'reservation.notice2'
)
}}
</p>
</div>
<img
v-if=
"!checked"
class=
"notice-item-icon"
src=
"@/assets/images/login/uncheck.png"
>
<img
v-else
class=
"notice-item-icon"
src=
"@/assets/images/login/check.png"
>
{{
$t
(
'reservation.notice2'
)
}}
</p>
</div>
<div
class=
"submit-btn flex-center"
:class=
"
{disabled : submitBtnDisabled}" @click="submitHandler">
<van-loading
v-if=
"isSubmit"
/>
<span>
{{
$t
(
'reservation.submitBtn'
)
}}
</span>
</div>
<div
class=
"flex-center validator"
v-if=
"errorTips.e8.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e8
}}
</div>
<div
class=
"submit-btn flex-center"
:class=
"
{disabled : submitBtnDisabled}" @click="submitHandler">
<van-loading
v-if=
"isSubmit"
/>
<span>
{{
$t
(
'reservation.submitBtn'
)
}}
</span>
</div>
<div
class=
"flex-center validator"
v-if=
"errorTips.e8.length > 0"
>
<img
src=
"@/assets/images/common/icon-notice.png"
alt=
""
>
{{
errorTips
.
e8
}}
</div>
</div>
</div>
</div>
</div>
</
template
>
<
script
src=
"./reservation.js"
></
script
>
...
...
Please
register
or
sign in
to post a comment
