hldy_app_mini/pages/NursingNew/component/leftcontent/swipecard.vue

833 lines
25 KiB
Vue

<template>
<view>
<swiper class="card-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="false" :circular="true"
:autoplay="false" interval="5000" duration="500" @change="cardSwiper" indicator-color="#8799a3"
indicator-active-color="#0081ff">
<swiper-item v-for="(item,index) in swiperList" :key="index" :class="cardCur==index?'cur':''">
<view class="swiper-item">
<image :src="uni.getStorageSync('imagebase')+item.previewFile" mode="aspectFill" ></image>
</view>
</swiper-item>
</swiper>
</view>
</template>
<script>
export default {
data() {
return {
cardCur: 0,
swiperList: [
{
"id": "2031987306763653122",
"orderNo": "HL101202603120133",
"orderType": "1",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2031987302368022530",
"bizId": "2031652790551449601",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428125708290",
"directiveName": "轮椅防护",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/日常照料/轮椅防护/轮椅防护(4)_1772784808001.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": "准备好安全带.坐垫..1小内将长者抬起..放松肌肉.",
"timeoutDuration": "81",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 15:00:00",
"endTime": "2026-03-12 15:15:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 14:55:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": [],
"chaoshitime": true
},
{
"id": "2031988565046464514",
"orderNo": "HL101202603120136",
"orderType": "1",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2031988560621473793",
"bizId": "2031611722489401345",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428092153857",
"directiveName": "躺下",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/日常照料/调整坐卧/躺下(2)_1773035075572.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": "为老人调整床位180度角",
"timeoutDuration": "73",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 15:05:00",
"endTime": "2026-03-12 15:20:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 15:00:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": [],
"chaoshitime": true
},
{
"id": "2031989823346053122",
"orderNo": "HL101202603120139",
"orderType": "1",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2031989818946228225",
"bizId": "2031650826958671873",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428058599426",
"directiveName": "遗体穿衣",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体穿衣(2)_1773035144931.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": null,
"timeoutDuration": "67",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 15:10:00",
"endTime": "2026-03-12 15:25:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 15:05:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": [],
"chaoshitime": true
},
{
"id": "2031991081519812609",
"orderNo": "HL101202603120141",
"orderType": "1",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2031991077224845313",
"bizId": "2031650023334219778",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428066988034",
"directiveName": "遗体转移",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体转移(2)_1773035159478.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": null,
"timeoutDuration": "68",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 15:15:00",
"endTime": "2026-03-12 15:30:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 15:10:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": [],
"chaoshitime": true
},
{
"id": "2032003664444395522",
"orderNo": "HL101202603120152",
"orderType": "1",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2032003660182982657",
"bizId": "2031639905771196417",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428058599426",
"directiveName": "遗体穿衣",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体穿衣(2)_1773035144931.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": null,
"timeoutDuration": "67",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 16:05:00",
"endTime": "2026-03-12 16:20:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 16:00:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": [],
"chaoshitime": true
},
{
"id": "2032003664595390465",
"orderNo": "HL101202603120153",
"orderType": "1",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2032003660224925697",
"bizId": "2031650056959954946",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428092153857",
"directiveName": "躺下",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/日常照料/调整坐卧/躺下(2)_1773035075572.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": "为老人调整床位180度角",
"timeoutDuration": "73",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 16:05:00",
"endTime": "2026-03-12 16:20:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 16:00:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": [],
"chaoshitime": true
},
{
"id": "2032004922723012609",
"orderNo": "CK101202603120007",
"orderType": "3",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2032004918524514305",
"bizId": "2031633183505649666",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428058599426",
"directiveName": "遗体穿衣",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体穿衣(2)_1773035144931.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": null,
"timeoutDuration": "67",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 16:10:00",
"endTime": "2026-03-12 16:25:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 16:05:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": [],
"chaoshitime": true
},
{
"id": "2032006181010018305",
"orderNo": "HL101202603120156",
"orderType": "1",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2032006176798937089",
"bizId": "2031611671243395073",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428050210821",
"directiveName": "遗体净身",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/遗体净身(2)_1773035098789.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": null,
"timeoutDuration": "66",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 16:15:00",
"endTime": "2026-03-12 16:30:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 16:10:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": []
},
{
"id": "2032007439301218305",
"orderNo": "HL101202603120158",
"orderType": "1",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2032007435043999746",
"bizId": "2031640287654187010",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428066988035",
"directiveName": "床位消毒",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/日常照料/殡仪服务/床位消毒(2)_1773035361611.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": null,
"timeoutDuration": "69",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 16:20:00",
"endTime": "2026-03-12 16:35:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 16:15:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": []
},
{
"id": "2032008194162692098",
"orderNo": "HL101202603120159",
"orderType": "1",
"optType": "1",
"optTypeName": null,
"izTimeout": "N",
"optIds": "2020688543455690753",
"optNames": "滕昊达",
"poolId": "2032008187313393666",
"bizId": "2031640287654187010",
"bizType": null,
"nuId": "2512101009",
"nuName": "护理单元09",
"elderId": "101d827c99cf43b4266925996a0b872f261",
"elderName": "王伟东",
"employeeId": "2020688543455690753",
"employeeName": "滕昊达",
"directiveId": "2021428428171845635",
"directiveName": "巡视",
"cycleTypeId": "1",
"cycleType": "日常",
"cycleValue": null,
"previewFile": "2026/03/directive/护理类/睡眠照料/巡视/巡视(3)_1772784456351.png",
"previewFileSmall": null,
"mp3File": null,
"mp4File": null,
"serviceDuration": "15",
"serviceContent": "巡视中.避免说话.走路轻.",
"timeoutDuration": "94",
"packageId": null,
"packageName": null,
"izPackage": "N",
"tollPrice": null,
"comPrice": null,
"realComPrice": null,
"startTime": "2026-03-12 16:20:00",
"endTime": "2026-03-12 16:35:00",
"startTimeStr": null,
"endTimeStr": null,
"beginEmp": null,
"beginTime": null,
"finishEmp": null,
"finishTime": null,
"izStart": "N",
"izFinish": "N",
"initiatorId": null,
"initiatorName": null,
"createEmp": null,
"createTime": "2026-03-12 16:18:01",
"updateEmp": null,
"updateTime": null,
"delFlag": "0",
"remarks": null,
"workType": null,
"triggerMode": null,
"infoList": null,
"executeStatus": null,
"manuallyPicPath": null,
"manuallyMp4Path": null,
"immediateFile": null,
"immediateFileFocus": null,
"flag": false,
"servebao": []
}
],
dotStyle: false,
towerStart: 0,
direction: ''
};
},
methods:{
cardSwiper(e) {
this.cardCur = e.detail.current
},
}
}
</script>
<style lang="less" scoped>
swiper .a-swiper-dot {
display: inline-block;
width: 16upx;
height: 16upx;
background: rgba(0, 0, 0, .3);
border-radius: 50%;
vertical-align: middle;
}
swiper[class*="-dot"] .wx-swiper-dots,
swiper[class*="-dot"] .a-swiper-dots,
swiper[class*="-dot"] .uni-swiper-dots {
display: flex;
align-items: center;
width: 100%;
justify-content: center;
}
swiper.square-dot .wx-swiper-dot,
swiper.square-dot .a-swiper-dot,
swiper.square-dot .uni-swiper-dot {
background-color: #ffffff;
opacity: 0.4;
width: 10upx;
height: 10upx;
border-radius: 20upx;
margin: 0 8upx !important;
}
swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active,
swiper.square-dot .a-swiper-dot.a-swiper-dot-active,
swiper.square-dot .uni-swiper-dot.uni-swiper-dot-active {
opacity: 1;
width: 30upx;
}
swiper.round-dot .wx-swiper-dot,
swiper.round-dot .a-swiper-dot,
swiper.round-dot .uni-swiper-dot {
width: 10upx;
height: 10upx;
position: relative;
margin: 4upx 8upx !important;
}
swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active::after,
swiper.round-dot .a-swiper-dot.a-swiper-dot-active::after,
swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active::after {
content: "";
position: absolute;
width: 10upx;
height: 10upx;
top: 0upx;
left: 0upx;
right: 0;
bottom: 0;
margin: auto;
background-color: #ffffff;
border-radius: 20upx;
}
swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active,
swiper.round-dot .a-swiper-dot.a-swiper-dot-active,
swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active {
width: 18upx;
height: 18upx;
}
.screen-swiper {
min-height: 375upx;
}
.screen-swiper image,
.screen-swiper video,
.swiper-item image {
width: 100%;
display: block;
height: 100%;
margin: 0;
pointer-events: none;
}
.card-swiper {
width: 38vw;
height: 23.5vw !important;
}
.card-swiper swiper-item {
width: 620upx !important;
left: 100upx;
box-sizing: border-box;
overflow: initial;
}
.card-swiper swiper-item .swiper-item {
width: 100%;
display: block;
height: 100%;
border-radius: 20px;
transform: scale(0.9);
transition: all 0.2s ease-in 0s;
overflow: hidden;
background: #f6f9ff;
}
.card-swiper swiper-item.cur .swiper-item {
transform: none;
transition: all 0.2s ease-in 0s;
}
.tower-swiper {
height: 420upx;
position: relative;
max-width: 750upx;
overflow: hidden;
}
.tower-swiper .tower-item {
position: absolute;
width: 300upx;
height: 380upx;
top: 0;
bottom: 0;
left: 50%;
margin: auto;
transition: all 0.2s ease-in 0s;
opacity: 1;
}
.tower-swiper .tower-item.none {
opacity: 0;
}
.tower-swiper .tower-item .swiper-item {
width: 100%;
height: 100%;
border-radius: 20px;
}
</style>