@ -1,91 +1,84 @@
< script setup >
import DraggableButton from "@/pages/components/goHome.vue" ;
/ * *
* name :
* user : sa0ChunLuyu
* date : 2024 年9月11日 19 : 24 : 50
* /
import {
ref
} from 'vue'
import {
$api ,
$response
} from '@/api'
import {
onShow
} from '@dcloudio/uni-app'
import {
useStore
} from '@/store'
const $store = useStore ( )
import { ref } from "vue" ;
import { $api , $response } from "@/api" ;
import { onShow } from "@dcloudio/uni-app" ;
import { useStore } from "@/store" ;
const $store = useStore ( ) ;
const $props = defineProps ( {
id : {
type : String ,
default : '0'
}
default : "0" ,
} ,
} ) ;
const fenzhen _list = ref ( false )
const fenzhen _list = ref ( false ) ;
const getFenzhenList = async ( ) => {
uni . showLoading ( )
const response = await $api ( 'FenzhenList' , {
id : $props . id
} )
uni . hideLoading ( )
uni . showLoading ( ) ;
const response = await $api ( "FenzhenList" , {
id : $props . id ,
} ) ;
uni . hideLoading ( ) ;
$response ( response , ( ) => {
fenzhen _list . value = response . data
} )
}
fenzhen _list . value = response . data ;
} ) ;
} ;
const mountedAction = ( ) => {
getFenzhenList ( )
}
getFenzhenList ( ) ;
} ;
const config _ref = ref ( null )
const config _ref = ref ( null ) ;
const configRef = ( e ) => {
if ( ! config _ref . value ) {
config _ref . value = e
mountedAction ( )
}
config _ref . value = e ;
mountedAction ( ) ;
}
} ;
const toRouter = ( ) => {
uni . navigateTo ( {
url : '/pages/user/fenzhen/xindiantu?id=' + $props . id
} )
}
url : "/pages/user/fenzhen/xindiantu?id=" + $props . id ,
} ) ;
} ;
const timeShow = ( time ) => {
let time _array = time . split ( ':' )
return ` ${ time _array [ 0 ] } : ${ time _array [ 1 ] } `
}
let time _array = time . split ( ":" ) ;
return ` ${ time _array [ 0 ] } : ${ time _array [ 1 ] } ` ;
} ;
const tip _show = ref ( false )
const tip _content = ref ( "" )
const tip _show = ref ( false ) ;
const tip _content = ref ( "" ) ;
const getTipContent = async ( ) => {
uni . showLoading ( )
const response = await $api ( 'GetReadme' )
uni . hideLoading ( )
uni . showLoading ( ) ;
const response = await $api ( "GetReadme" ) ;
uni . hideLoading ( ) ;
$response ( response , ( ) => {
tip _content . value = response . data . content
tip _show . value = true
} )
}
tip _content . value = response . data . content ;
tip _show . value = true ;
} ) ;
} ;
const tipShowClick = ( ) => {
if ( ! ! tip _content . value ) {
tip _show . value = true
tip _show . value = true ;
} else {
getTipContent ( )
}
getTipContent ( ) ;
}
} ;
onShow ( ( ) => {
if ( ! ! config _ref . value ) {
mountedAction ( )
mountedAction ( ) ;
}
} )
} ) ;
< / script >
< template >
< DraggableButton / >
< view >
< view v-if ="!!$store.config" >
< view :ref ="configRef" > < / view >
@ -99,19 +92,38 @@
< / view >
< / view >
< view v-if ="!!fenzhen_list" >
< view class = "order_info_wrapper" >
< view
class = "order_info_wrapper relative"
>
< w -qrcode
v - if = "fenzhen_list.info.qrcode"
class = "absolute top-20rpx right-15rpx b-1 b-dashed b-#000 p-8rpx"
: options = " {
level : 4 ,
size : 130 ,
code : fenzhen _list . info . qrcode ,
} "
> < / w - q r c o d e >
< view class = "person_name_wrapper" >
< view class = "person_name_text_wrapper" > { { fenzhen _list . info . name } } < / view >
< view class = "person_sex_wrapper" > { { fenzhen _list . info . sex === 1 ? '男士' : '女士' } } < / view >
< view class = "person_name_text_wrapper" > { {
fenzhen _list . info . name
} } < / view >
< view class = "person_sex_wrapper" > { {
fenzhen _list . info . sex === 1 ? "男士" : "女士"
} } < / view >
< / view >
< view class = "info_box_wrapper" >
< view class = "info_wrapper" >
< view class = "info_title_wrapper" > 体检套餐 : < / view >
< view class = "info_text_wrapper" > { { fenzhen _list . info . combo _name } } < / view >
< view class = "info_text_wrapper" > { {
fenzhen _list . info . combo _name
} } < / view >
< / view >
< view class = "info_wrapper info2_wrapper" >
< view class = "info_title_wrapper" > 体检日期 : < / view >
< view class = "info_text_wrapper" > { { fenzhen _list . info . check _date } } < / view >
< view class = "info_text_wrapper" > { {
fenzhen _list . info . check _date
} } < / view >
< / view >
< / view >
< view class = "button_wrapper" >
@ -121,41 +133,72 @@
< view class = "tip_wrapper" >
< view class = "tip_time_wrapper" >
< view class = "tip_time_text_wrapper" > 开始体检时间 < / view >
< view class = "tip_time_value_wrapper" > { { timeShow ( fenzhen _list . info . start _time ) } } < / view >
< view class = "tip_time_value_wrapper" > { {
timeShow ( fenzhen _list . info . start _time )
} } < / view >
< view class = "tip_time_text_wrapper" > — 预计结束时间 < / view >
< view class = "tip_time_value_wrapper" > { { timeShow ( fenzhen _list . info . end _time ) } } < / view >
< view class = "tip_time_value_wrapper" > { {
timeShow ( fenzhen _list . info . end _time )
} } < / view >
< / view >
< view class = "tip_box_wrapper" >
< view class = "tip_icon_wrapper" >
< image src = "@/static/assets/fenzhen/tip@2x.png" > < / image >
< / view >
< view class = "tip_text_wrapper" > 尊敬的客户 , 为了使您的体检流程更加顺畅 , 请按以下步骤提 示顺序逐项完成体检 。 < / view >
< view class = "tip_text_wrapper"
> 尊敬的客户 , 为了使您的体检流程更加顺畅 , 请按以下步骤提
示顺序逐项完成体检 。 < / v i e w
>
< / view >
< / view >
< view class = "time_line_wrapper" >
< view class = "time_line_title_wrapper" > 自助导检 < / view >
< view class = "time_line_box_wrapper" >
< view class = "time_line_item_wrapper" : class = " [
` time_line_item- ${ i . status } _wrapper `
] " v-for=" ( i , k ) in fenzhen _list . list " :key=" k " >
< view
class = "time_line_item_wrapper"
: class = "[`time_line_item-${i.status}_wrapper`]"
v - for = "(i, k) in fenzhen_list.list"
: key = "k"
>
< view class = "time_line_item_time_wrapper" >
< view v-if ="!!i.time" class="time_line_item_time_value_wrapper" > {{ i.time }} < / view >
< view v-if ="!!i.time" class="time_line_item_time_value_wrapper" > {{
i . time
} } < / view >
< view class = "time_line_item_time_dot_wrapper" >
< view class = "time_line_item_time_dot_in_wrapper" > < / view >
< / view >
< view v-if ="!!i.time" class="time_line_item_time_line_wrapper" > < / view >
< view v-if ="!i.time" class="time_line_item_time_cover_wrapper" > < / view >
< view
v - if = "!!i.time"
class = "time_line_item_time_line_wrapper"
> < / view >
< view
v - if = "!i.time"
class = "time_line_item_time_cover_wrapper"
> < / view >
< / view >
< view class = "time_line_item_content_wrapper" >
< view class = "time_line_item_triangle_wrapper" > < / view >
< view class = "time_line_item_flex_wrapper" >
< view class = "time_line_item_title_wrapper" > { { k + 1 } } . { { i . name } } < / view >
< view class = "time_line_item_title_wrapper"
> { { k + 1 } } . { { i . name } } < / v i e w
>
< view class = "time_line_item_box_wrapper" > { { i . desc } } < / view >
< / view >
< view v-if ="!!i.time && !!i.tip" class="time_line_item_line_wrapper" > < / view >
< view v-if ="!!i.time && !!i.tip" class="time_line_item_flex_wrapper" >
< view
v - if = "!!i.time && !!i.tip"
class = "time_line_item_line_wrapper"
> < / view >
< view
v - if = "!!i.time && !!i.tip"
class = "time_line_item_flex_wrapper"
>
< view class = "time_line_item_text_wrapper" > { { i . tip } } < / view >
< view v-if ="i.more > 0" class="time_line_item_more_wrapper" @click="toRouter()" > 查 看 详 情 > > < / view >
< view
v - if = "i.more > 0"
class = "time_line_item_more_wrapper"
@ click = "toRouter()"
> 查看详情 >> < / v i e w
>
< / view >
< / view >
< / view >
@ -200,7 +243,7 @@
. tip _dialog _box _wrapper {
position : absolute ;
width : 610 rpx ;
background : # FFFFFF ;
background : # ffffff ;
border - radius : 15 rpx ;
padding - left : 50 rpx ;
padding - right : 50 rpx ;
@ -213,7 +256,7 @@
. time _line _item _more _wrapper {
font - size : 22 rpx ;
color : # 239 EA 3;
color : # 239 ea 3;
line - height : 1 ;
text - decoration - line : underline ;
margin - right : 19 rpx ;
@ -222,7 +265,7 @@
. time _line _item _text _wrapper {
font - weight : 500 ;
font - size : 24 rpx ;
color : # 6 E6E6E ;
color : # 6 e6e6e ;
line - height : 1 ;
margin - left : 42 rpx ;
}
@ -230,7 +273,7 @@
. time _line _item _line _wrapper {
width : 550 rpx ;
height : 1 rpx ;
background : # E8E8E 8;
background : # e8e8e 8;
border - radius : 1 rpx ;
margin : 13 rpx auto 5 rpx ;
}
@ -238,11 +281,11 @@
. time _line _item _box _wrapper {
width : 400 rpx ;
height : 40 rpx ;
background : # 5 A75CA 30;
background : # 5 a75ca 30;
border - radius : 5 rpx ;
font - weight : 500 ;
font - size : 24 rpx ;
color : # 5 A75CA ;
color : # 5 a75ca ;
line - height : 40 rpx ;
text - align : center ;
margin - right : 17 rpx ;
@ -252,7 +295,7 @@
width : 140 rpx ;
font - weight : bold ;
font - size : 28 rpx ;
color : # 0 D0D0D ;
color : # 0 d0d0d ;
line - height : 40 rpx ;
height : 40 rpx ;
margin - left : 22 rpx ;
@ -282,7 +325,7 @@
top : 0 ;
bottom : 0 ;
left : 50 % ;
background : # DEDEDE ;
background : # dedede ;
transform : translateX ( - 50 % ) ;
}
@ -290,7 +333,7 @@
position : absolute ;
width : 16 rpx ;
height : 16 rpx ;
background : # CFCECE 60;
background : # cfcece 60;
border - radius : 50 % ;
left : 50 % ;
top : 50 % ;
@ -301,7 +344,7 @@
. time _line _item _time _dot _in _wrapper {
width : 8 rpx ;
height : 8 rpx ;
background : # CFCECE ;
background : # cfcece ;
border - radius : 50 % ;
position : absolute ;
left : 50 % ;
@ -316,9 +359,9 @@
. time _line _item _triangle _wrapper {
width : 16 rpx ;
height : 16 rpx ;
border - left : 1 rpx # E8E8E 8 solid ;
border - bottom : 1 rpx # E8E8E 8 solid ;
background : # F8F8F 8;
border - left : 1 rpx # e8e8e 8 solid ;
border - bottom : 1 rpx # e8e8e 8 solid ;
background : # f8f8f 8;
position : absolute ;
top : 50 % ;
left : - 10 rpx ;
@ -327,11 +370,11 @@
. time _line _item _content _wrapper {
width : 590 rpx ;
background : # F8F8F 8;
background : # f8f8f 8;
border - radius : 5 rpx ;
margin - left : 12 rpx ;
position : relative ;
border : 1 rpx # E8E8E 8 solid ;
border : 1 rpx # e8e8e 8 solid ;
margin - top : 36 rpx ;
padding - bottom : 15 rpx ;
}
@ -339,7 +382,7 @@
. time _line _item _time _value _wrapper {
width : 90 rpx ;
height : 55 rpx ;
background : # E4E4E 4;
background : # e4e4e 4;
border - radius : 28 rpx ;
font - weight : 500 ;
font - size : 28 rpx ;
@ -370,7 +413,7 @@
. time _line _title _wrapper {
width : 180 rpx ;
height : 60 rpx ;
background : linear - gradient ( 90 deg , # EDF6F5 0 % , # BBDFE 1 99 % ) ;
background : linear - gradient ( 90 deg , # edf6f5 0 % , # bbdfe 1 99 % ) ;
border - radius : 0 rpx 30 rpx 30 rpx 0 rpx ;
font - weight : bold ;
font - size : 25 rpx ;
@ -383,7 +426,7 @@
. time _line _wrapper {
width : 710 rpx ;
background : # FFFFFF ;
background : # ffffff ;
box - shadow : 0 rpx 0 rpx 10 rpx 0 rpx rgba ( 0 , 0 , 0 , 0.04 ) ;
border - radius : 15 rpx ;
margin : 53 rpx auto 0 ;
@ -395,7 +438,7 @@
. tip _text _wrapper {
font - weight : 400 ;
font - size : 22 rpx ;
color : # E 95515;
color : # e 95515;
line - height : 36 rpx ;
margin - left : 10 rpx ;
}
@ -420,7 +463,7 @@
. tip _time _value _wrapper {
font - size : 36 rpx ;
color : # 239 EA 3;
color : # 239 ea 3;
margin : 0 10 rpx ;
}
@ -457,10 +500,10 @@
. desc _wrapper {
width : 160 rpx ;
height : 48 rpx ;
background : # 239 EA 3;
background : # 239 ea 3;
border - radius : 5 rpx ;
font - size : 20 rpx ;
color : # FFFFFF ;
color : # ffffff ;
line - height : 48 rpx ;
text - align : center ;
margin - right : 29 rpx ;
@ -474,20 +517,20 @@
. info _text _wrapper {
font - size : 24 rpx ;
color : # 0 F0F0F ;
color : # 0 f0f0f ;
line - height : 1 ;
}
. info _title _wrapper {
font - size : 24 rpx ;
color : # 8 B8B8B ;
color : # 8 b8b8b ;
line - height : 1 ;
}
. order _info _wrapper {
width : 710 rpx ;
height : 360 rpx ;
background : # FFFFFF ;
background : # ffffff ;
box - shadow : 0 rpx 0 rpx 10 rpx 0 rpx rgba ( 0 , 0 , 0 , 0.04 ) ;
border - radius : 15 rpx ;
margin : 20 rpx auto 0 ;
@ -509,47 +552,47 @@
. person _sex _wrapper {
font - size : 24 rpx ;
color : # 7 E7E7E ;
color : # 7 e7e7e ;
margin - left : 15 rpx ;
}
. time _line _item - 2 _wrapper . time _line _item _time _value _wrapper ,
. time _line _item - 1 _wrapper . time _line _item _time _value _wrapper {
background : # 239 EA 3;
color : # F8F8F 8;
background : # 239 ea 3;
color : # f8f8f 8;
}
. time _line _item - 2 _wrapper . time _line _item _time _dot _wrapper ,
. time _line _item - 1 _wrapper . time _line _item _time _dot _wrapper {
background : # 239 EA 360;
background : # 239 ea 360;
}
. time _line _item - 2 _wrapper . time _line _item _time _dot _in _wrapper ,
. time _line _item - 1 _wrapper . time _line _item _time _dot _in _wrapper {
background : # 239 EA 3;
background : # 239 ea 3;
}
. time _line _item - 2 _wrapper . time _line _item _box _wrapper ,
. time _line _item - 1 _wrapper . time _line _item _box _wrapper {
background : # 6 CAFB 230;
color : # 239 EA 3;
background : # 6 cafb 230;
color : # 239 ea 3;
}
. time _line _item -- 1 _wrapper . time _line _item _time _value _wrapper {
background : # 239 EA 3;
color : # F8F8F 8;
background : # 239 ea 3;
color : # f8f8f 8;
}
. time _line _item -- 1 _wrapper . time _line _item _time _dot _wrapper {
background : # 239 EA 360;
background : # 239 ea 360;
}
. time _line _item -- 1 _wrapper . time _line _item _time _dot _in _wrapper {
background : # 239 EA 3;
background : # 239 ea 3;
}
. time _line _item -- 1 _wrapper . time _line _item _box _wrapper {
background : # E1AF 6830;
color : # CC913E ;
background : # e1af 6830;
color : # cc913e ;
}
< / style >