zhangyan
/
hainan_2024
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新 查看详情：跳转页面显示，改成展开的样式（减少页面跳转），展示项目信息就可以

Browse Source
main
鹿和sa0ChunLuyu 1 year ago
parent 96ade6b608
commit cf3bea1390
1 changed files with 113 additions and 32 deletions
Show Stats Download Patch File Download Diff File

145
h5/pages/user/fenzhen/fenzhen.vue
Unescape Escape View File

@ -40,7 +40,8 @@
fenzhen_list.value = response.data;
console.log(window.location.href)
setTimeout(() => {
if (!!window.location.href.includes('/pages/user/fenzhen/fenzhen')) {
if (!!window.location.href.includes('/pages/user/fenzhen/fenzhen') &&
!window.location.href.includes('192.168.31.84:5173')) {
getFenzhenList(false)
}
}, 1000 * 10)
@ -59,12 +60,6 @@
}
};
const toRouter = (clinic) => {
uni.navigateTo({
url: "/pages/user/fenzhen/xindiantu?id=" + $props.id + '&clinic=' + clinic,
});
};
const timeShow = (time) => {
let time_array = time.split(":");
return `${time_array[0]}:${time_array[1]}`;
@ -95,6 +90,44 @@
})
}
const toRouter = (clinic) => {
uni.navigateTo({
url: "/pages/user/fenzhen/xindiantu?id=" + $props.id + '&clinic=' + clinic,
});
};
const fenzhen_active = ref(-1)
const fenzhen_info = ref(false)
const infoShowClick = (clinic) => {
if (clinic !== fenzhen_active.value) {
fenzhen_info.value = false
getFenzhenInfo(clinic)
} else {
fenzhen_active.value = -1
}
}
const qijian = (item) => {
uni.navigateTo({
url: `/pages/user/fenzhen/qijian?id=${$props.id}&xmid=${item.id}&tj_number=${fenzhen_list.value.info.tj_number}`,
});
};
const getFenzhenInfo = async (clinic) => {
fenzhen_active.value = clinic
uni.showLoading();
const response = await $api("FenzhenInfo", {
id: $props.id,
clinic: clinic,
});
uni.hideLoading();
$response(response, () => {
fenzhen_info.value = response.data;
});
};
const useTimeShow = (time) => {
return Math.ceil(Number(time))
}
onShow(() => {
if (!!config_ref.value) {
mountedAction();
@ -151,14 +184,32 @@
</view>
<view class="tip_wrapper">
<view class="tip_time_wrapper">
<view class="tip_time_text_wrapper">开始体检时间</view>
<view class="tip_time_text_wrapper">开始时间</view>
<view class="tip_time_value_wrapper">{{
timeShow(fenzhen_list.info.start_time)
}}</view>
<view class="tip_time_text_wrapper">— 预计结束时间</view>
</view>
<view class="tip_time_wrapper tip_endtime_wrapper">
<view class="tip_time_text_wrapper">预计结束</view>
<view class="tip_time_value_wrapper">{{
timeShow(fenzhen_list.info.end_time)
}}</view>
timeShow(fenzhen_list.info.yuji_end_time)
}}</view>
<view class="tip_time_text_wrapper">— 预计用时</view>
<view class="tip_time_value_wrapper">{{
useTimeShow(fenzhen_list.info.yuji_use_time)
}}</view>
<view class="tip_time_text_wrapper">分钟</view>
</view>
<view class="tip_time_wrapper tip_endtime_wrapper">
<view class="tip_time_text_wrapper">结束时间</view>
<view class="tip_time_value_wrapper">{{
timeShow(fenzhen_list.info.end_time)
}}</view>
<view class="tip_time_text_wrapper">— 实际用时</view>
<view class="tip_time_value_wrapper">{{
useTimeShow(fenzhen_list.info.use_time)
}}</view>
<view class="tip_time_text_wrapper">分钟</view>
</view>
<view class="tip_box_wrapper">
<view class="tip_icon_wrapper">
@ -171,28 +222,50 @@
<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_time_wrapper">
<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>
<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_box_wrapper">{{ i.desc }}</view>
<view v-for="(i, k) in fenzhen_list.list" :key="k">
<view class="time_line_item_wrapper" :class="[`time_line_item-${i.status}_wrapper`]">
<view class="time_line_item_time_wrapper">
<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>
<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(i.more)">查看详情>></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_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 class="time_line_item_text_wrapper">{{ i.tip }}</view>
<view v-if="i.more !== 0" class="time_line_item_more_wrapper" @click="infoShowClick(i.more)">查看详情>>
</view>
</view>
<view class="more_wrapper mt-20rpx" v-if="i.more === fenzhen_active && !!fenzhen_info">
<template v-for="(item, index) in fenzhen_info.list" :key="index">
<view class="between h-90rpx b-0 b-b-1 b-solid b-#EAEAEA" v-if="item.status == 1">
<view class="text-#000000 text-30rpx">{{ item.name }}</view>
<view class="center">
<text @click="qijian(item)"
class="rounded-full text-28rpx center w-105rpx h-48rpx text-#E95515 bg-#FAECE6">弃检</text>
</view>
</view>
<view class="between h-90rpx b-0 b-b-1 b-solid b-#EAEAEA" v-if="item.status == 4">
<view class="text-#000000 text-30rpx">{{ item.name }}</view>
<view class="center">
<text
class="rounded-full text-28rpx center w-105rpx h-48rpx mr-30rpx text-#239EA3 bg-#E5F3F2">完成</text>
<text class="text-#141414 text-28rpx">{{ item.time }}</text>
</view>
</view>
</template>
</view>
</view>
</view>
</view>
@ -207,6 +280,10 @@
</view>
</template>
<style scoped>
.more_wrapper {
padding: 20rpx;
}
.report_tip_wrapper {
font-weight: 500;
font-size: 28rpx;
@ -513,6 +590,10 @@
line-height: 1;
}
.tip_endtime_wrapper {
margin-top: 20rpx;
}
.tip_wrapper {
width: calc(100% - 50px);
margin: 32rpx auto 0;

Write Preview
Loading…
Cancel
Save