Skip to content

X
xzf_uniapp-wechat-web
Commit dd47f86d authored by 李智书's avatar 李智书
Browse files
Options

1.提交更新;

parent db78304c
Hide whitespace changes
Inline Side-by-side
Showing with 540 additions and 614 deletions
src/pages/SchoolReport/SchoolReport.vue
View file @ dd47f86d
<template> <template>
<view class="tainer" :style="{ height: containerHeight + 'rpx' }"> <view class="tainer" :style="{height:containerHeight+'rpx'}">
<view> <view v-if="showReport">
<view v-if="showReport"> <view class="school-report-header">
<view class="school-report-header"> <view class="school-report-header-item">
<view class="school-report-header-item"> <view class="user-avatar">
<view class="user-avatar"> </view> </view>
<view class="user-info"> <view class="user-info">
<view class="user-name"> <view class="user-name">
<text>{{ userInfo.userName }}</text> <text>{{userInfo.userName}}</text>
</view>
<view class="class-name">
<text>{{userInfo.gradeName}} {{userInfo.className}}</text>
</view>
</view>
</view>
<view class="school-report-header-item">
<view class="school-report-screen">
<view class="school-report-screen-item">
<view class="school-report-type">
<picker @change="schoolReportChange" :value="reportTypeIndex" :range="reportTypeArr">
<view class="uni-input">{{reportTypeArr[reportTypeIndex]}}</view>
</picker>
</view> </view>
<view class="class-name"> <view class="triangle">
<text>{{ userInfo.gradeName }} {{ userInfo.className }}</text>
</view> </view>
</view> </view>
</view> <view class="school-report-screen-item-two">
<view class="school-report-header-item"> <view class="school-report-date">
<view class="school-report-screen"> <picker @change="dataRangeChange" :value="dataRangeIndex" :range="dataRangeArr" range-key="week">
<view class="school-report-screen-item"> <view class="uni-input">{{dataRangeArr[dataRangeIndex].weekstr||""}}</view>
<view class="school-report-type"> </picker>
<picker @change="schoolReportChange" :value="reportTypeIndex" :range="reportTypeArr">
<view class="uni-input">{{
reportTypeArr[reportTypeIndex]
}}</view>
</picker>
</view>
<view class="triangle"> </view>
</view> </view>
<view class="school-report-screen-item-two"> <view class="triangle">
<view class="school-report-date">
<picker @change="dataRangeChange" :value="dataRangeIndex" :range="dataRangeArr" range-key="week">
<view class="uni-input">{{
dataRangeArr[dataRangeIndex].weekstr || ""
}}</view>
</picker>
</view>
<view class="triangle"> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="school-report-context"> </view>
<view class="school-report-context-tab"> <view class="school-report-context">
<view class="school-report-context-tab-item"> <view class="school-report-context-tab">
<view class="school-report-context-tab-item-one active"> <view class="school-report-context-tab-item">
<text>消费报告</text> <view class="school-report-context-tab-item-one" :class="tabIndex==1?'active':''" @tap="tabTap(1)">
<text>消费报告</text>
</view>
<view v-if="isAttendanceOpen" class="school-report-context-tab-item-one" :class="tabIndex==2?'active':''" @tap="tabTap(2)">
<text>门禁报告</text>
</view>
<view v-if="isPubTalkOpen" class="school-report-context-tab-item-one" :class="tabIndex==3?'active':''" @tap="tabTap(3)">
<text>公话报告</text>
</view>
</view>
<view class="school-report-context-tab-item-two">
<view class="share-button" @tap="shareHandler">
<view class="share-button-img">
</view> </view>
<!-- <view class="school-report-context-tab-item-one"> <view class="share-button-txt">
<text>分享</text>
<text>门禁报告</text> </view>
</view>
</view> </view>
</view>
<view class="triangle"> <view :class="['consumer-report-bgImg','attendance-report-bgImg','pubTalk-report-bgImg'][tabIndex-1]">
</view>
</view> <view class="school-report-context-card">
<view class="school-report-context-card-one" :style="{height:[598,256,525][tabIndex-1]+'rpx'}">
</view> <view :class="['consumer-report-img','attendance-report-img','pubTalk-report-img'][tabIndex-1]">
</view>
<view class="school-report-screen-item-two"> <!-- 消费报告 -->
<view v-show="tabIndex==1" class="school-report-context-card-one-context">
<view class="school-report-date"> <view class="school-report-context-card-one-context-item">
<view class="school-report-context-card-one-context-dot">
<picker @change="dataRangeChange" :value="dataRangeIndex" :range="dataRangeArr" <view class="school-report-context-card-one-context-dot-item">
range-key="week">
<view class="uni-input">{{dataRangeArr[dataRangeIndex].weekstr||""}}</view>
</picker>
</view>
<view class="triangle">
</view>
</view>
</view>
</view>
</view>
<view class="school-report-context">
<view class="school-report-context-tab">
<view class="school-report-context-tab-item">
<view class="school-report-context-tab-item-one" :class="tabIndex==1?'active':''"
@tap="tabTap(1)">
<text>消费报告</text>
</view>
<view v-if="isAttendanceOpen" class="school-report-context-tab-item-one"
:class="tabIndex==2?'active':''" @tap="tabTap(2)">
<text>门禁报告</text>
</view>
<view v-if="isPubTalkOpen" class="school-report-context-tab-item-one"
:class="tabIndex==3?'active':''" @tap="tabTap(3)">
<text>公话报告</text>
</view>
</view>
<view class="school-report-context-tab-item-two">
<view class="share-button" @tap="shareHandler">
<view class="share-button-img">
</view>
<view class="share-button-txt">
<text>分享</text>
</view>
</view>
</view>
</view>
<view :class="['consumer-report-bgImg','attendance-report-bgImg','pubTalk-report-bgImg'][tabIndex-1]">
</view>
<view class="school-report-context-card">
<view class="school-report-context-card-one" :style="{height:[598,256,525][tabIndex-1]+'rpx'}">
<view :class="['consumer-report-img','attendance-report-img','pubTalk-report-img'][tabIndex-1]">
</view>
<!-- 消费报告 -->
<view v-show="tabIndex==1" class="school-report-context-card-one-context">
<view class="school-report-context-card-one-context-item">
<view class="school-report-context-card-one-context-dot">
<view class="school-report-context-card-one-context-dot-item">
</view>
</view>
<view class="school-report-context-card-one-context-txt">
<text v-if="diningSituations.cateringLevel">共<text class="txt-important">{{diningSituations.notCateringNumber}}</text>次未吃{{diningSituations.notCateringType}},请提醒<text class="txt-important">{{userInfo.userName}}</text>
{{diningSituations.clues}}</text>
<text v-else>恭喜<text class="txt-important">{{userInfo.userName}}</text>荣获“快乐干饭人”称号，快乐要和家人一起分享哦</text>
</view> </view>
</view> </view>
<view class="school-report-context-card-one-context-item"> <view class="school-report-context-card-one-context-txt">
<view class="school-report-context-card-one-context-dot"> <text v-if="diningSituations.cateringLevel">共<text class="txt-important">{{diningSituations.notCateringNumber}}</text>次未吃{{diningSituations.notCateringType}},请提醒<text class="txt-important">{{userInfo.userName}}</text>
<view class="school-report-context-card-one-context-dot-item"> {{diningSituations.clues}}</text>
</view> <text v-else>恭喜<text class="txt-important">{{userInfo.userName}}</text>荣获“快乐干饭人”称号，快乐要和家人一起分享哦</text>
</view>
<view class="school-report-context-card-one-context-txt">
<text v-if="isEatLow">食堂消费占比<text class="txt-important-two">过低</text>,请及时调整饮食习惯</text>
<text v-else>饮食较<text class="txt-important-two">均衡</text>，继续保持哦</text>
</view>
</view> </view>
<view class="school-report-context-card-one-context-item"> </view>
<view class="school-report-context-card-one-context-dot"> <view class="school-report-context-card-one-context-item">
<view class="school-report-context-card-one-context-dot-item"> <view class="school-report-context-card-one-context-dot">
</view> <view class="school-report-context-card-one-context-dot-item">
</view>
<view class="school-report-context-card-one-context-txt">
消费总额 <text class="txt-important">{{consumerAmountObj.consumerAmount}}</text>元,超过全校
<text class="txt-important">{{consumerAmountObj.exceedRate}}%</text>
的同学<text v-if="isReasonable">,请及时评估生活费是否合理</text>
</view> </view>
</view> </view>
<view class="school-report-context-card-one-context-item school-report-context-card-one-context-item-last"> <view class="school-report-context-card-one-context-txt">
<view class="school-report-context-card-one-context-dot"> <text v-if="isEatLow">食堂消费占比<text class="txt-important-two">过低</text>,请及时调整饮食习惯</text>
<view class="school-report-context-card-one-context-dot-item"> <text v-else>饮食较<text class="txt-important-two">均衡</text>，继续保持哦</text>
</view>
</view>
<view class="school-report-context-card-one-context-txt">
<text v-if="isAbnormal"><text class="txt-important-two">{{consumerTrend.clues}}</text>的消费金额存在异常,请及时关注</text>
<text v-else>每日消费金额较稳定，继续保持哦</text>
</view>
</view> </view>
</view> </view>
<!-- 门禁报告 --> <view class="school-report-context-card-one-context-item">
<view v-show="tabIndex==2" class="attendance-report-context-card-one-context"> <view class="school-report-context-card-one-context-dot">
<view class="attendance-report-context-card-one-context-item"> <view class="school-report-context-card-one-context-dot-item">
<text v-if="attendanceReport.abnormalNum">共<text class="txt-important">{{attendanceReport.abnormalNum}}</text>天出勤异常，请及时关注</text> </view>
<text v-else>恭喜<text class="txt-important">{{userInfo.userName}}</text>荣获全勤好学生，风雨无阻上学路</text> </view>
<view class="school-report-context-card-one-context-txt">
消费总额 <text class="txt-important">{{consumerAmountObj.consumerAmount}}</text>元,超过全校
<text class="txt-important">{{consumerAmountObj.exceedRate}}%</text>
的同学<text v-if="isReasonable">,请及时评估生活费是否合理</text>
</view> </view>
</view> </view>
<!-- 公话报告 --> <view class="school-report-context-card-one-context-item school-report-context-card-one-context-item-last">
<view v-show="tabIndex==3" class="pubTalk-report-context-card-one-context"> <view class="school-report-context-card-one-context-dot">
<view class="pubTalk-report-context-card-one-context-item" v-if="pubTalkReport.talkText1"> <view class="school-report-context-card-one-context-dot-item">
<view class="pubTalk-report-context-card-one-context-dot">
<view class="pubTalk-report-context-card-one-context-dot-item">
</view>
</view>
<view class="pubTalk-report-context-card-one-context-txt">
<text>最喜欢和<text class="txt-important">{{pubTalkReport.talkText1}}</text>沟通，共通话<text class="txt-important">{{pubTalkReport.talkText2}}次
{{pubTalkReport.talkText3}}分钟</text>，超过全校<text class="txt-important">{{pubTalkReport.talkText4}}</text>的同学</text>
</view> </view>
</view> </view>
<view class="pubTalk-report-context-card-one-context-item" v-else> <view class="school-report-context-card-one-context-txt">
<view class="pubTalk-report-context-card-one-context-dot"> <text v-if="isAbnormal"><text class="txt-important-two">{{consumerTrend.clues}}</text>的消费金额存在异常,请及时关注</text>
<view class="pubTalk-report-context-card-one-context-dot-item"> <text v-else>每日消费金额较稳定，继续保持哦</text>
</view>
</view>
<view class="pubTalk-report-context-card-one-context-txt">
<text class="txt-important">有事没事记得和家人多联系哦~</text>
</view>
</view> </view>
<view class="pubTalk-report-context-card-one-context-item" v-if="pubTalkReport.talkText5"> </view>
<view class="pubTalk-report-context-card-one-context-dot"> </view>
<view class="pubTalk-report-context-card-one-context-dot-item"> <!-- 门禁报告 -->
</view> <view v-show="tabIndex==2" class="attendance-report-context-card-one-context">
<view class="attendance-report-context-card-one-context-item">
<text v-if="attendanceReport.abnormalNum">共<text class="txt-important">{{attendanceReport.abnormalNum}}</text>天出勤异常，请及时关注</text>
<text v-else>恭喜<text class="txt-important">{{userInfo.userName}}</text>荣获全勤好学生，风雨无阻上学路</text>
</view>
</view>
<!-- 公话报告 -->
<view v-show="tabIndex==3" class="pubTalk-report-context-card-one-context">
<view class="pubTalk-report-context-card-one-context-item" v-if="pubTalkReport.talkText1">
<view class="pubTalk-report-context-card-one-context-dot">
<view class="pubTalk-report-context-card-one-context-dot-item">
</view> </view>
<view class="pubTalk-report-context-card-one-context-txt"> </view>
<text>跟<text class="txt-important">{{pubTalkReport.talkText5}}</text>沟通最少，共通话<text class="txt-important">{{pubTalkReport.talkText6}}次 <view class="pubTalk-report-context-card-one-context-txt">
{{pubTalkReport.talkText7}}分钟</text>，超过全校<text class="txt-important">{{pubTalkReport.talkText8}}</text>的同学</text> <text>最喜欢和<text class="txt-important">{{pubTalkReport.talkText1}}</text>沟通，共通话<text class="txt-important">{{pubTalkReport.talkText2}}次
{{pubTalkReport.talkText3}}分钟</text>，超过全校<text class="txt-important">{{pubTalkReport.talkText4}}</text>的同学</text>
</view>
</view>
<view class="pubTalk-report-context-card-one-context-item" v-else>
<view class="pubTalk-report-context-card-one-context-dot">
<view class="pubTalk-report-context-card-one-context-dot-item">
</view> </view>
</view> </view>
<view class="pubTalk-report-context-card-one-context-item pubTalk-report-context-card-one-context-item-last" v-if="pubTalkReport.talkText9"> <view class="pubTalk-report-context-card-one-context-txt">
<view class="pubTalk-report-context-card-one-context-dot"> <text class="txt-important">有事没事记得和家人多联系哦~</text>
<view class="pubTalk-report-context-card-one-context-dot-item"> </view>
</view> </view>
<view class="pubTalk-report-context-card-one-context-item" v-if="pubTalkReport.talkText5">
<view class="pubTalk-report-context-card-one-context-dot">
<view class="pubTalk-report-context-card-one-context-dot-item">
</view> </view>
<view class="pubTalk-report-context-card-one-context-txt"> </view>
<text><text class="txt-important">{{pubTalkReport.talkText9}}</text>是默默的守护，有时也不要忘记多和<text class="txt-important">{{pubTalkReport.talkText9}}</text>进行交流</text> <view class="pubTalk-report-context-card-one-context-txt">
<text>跟<text class="txt-important">{{pubTalkReport.talkText5}}</text>沟通最少，共通话<text class="txt-important">{{pubTalkReport.talkText6}}次
{{pubTalkReport.talkText7}}分钟</text>，超过全校<text class="txt-important">{{pubTalkReport.talkText8}}</text>的同学</text>
</view>
</view>
<view class="pubTalk-report-context-card-one-context-item pubTalk-report-context-card-one-context-item-last" v-if="pubTalkReport.talkText9">
<view class="pubTalk-report-context-card-one-context-dot">
<view class="pubTalk-report-context-card-one-context-dot-item">
</view> </view>
</view> </view>
<view class="pubTalk-report-context-card-one-context-txt">
<text><text class="txt-important">{{pubTalkReport.talkText9}}</text>是默默的守护，有时也不要忘记多和<text class="txt-important">{{pubTalkReport.talkText9}}</text>进行交流</text>
</view>
</view> </view>
</view> </view>
<!-- 消费报告 --> </view>
<view v-show="tabIndex==1" class="school-report-context-card-two"> <!-- 消费报告 -->
<view class="school-report-context-card-title"> <view v-show="tabIndex==1" class="school-report-context-card-two">
<view class="school-report-context-card-title-img"> <view class="school-report-context-card-title">
<text>就餐情况</text> <view class="school-report-context-card-title-img">
</view> <text>就餐情况</text>
</view> </view>
<view class="school-report-context-card-two-conclusion"> </view>
<view class="school-report-context-card-two-conclusion-txt"> <view class="school-report-context-card-two-conclusion">
<text>本{{['月','周'][reportTypeIndex]}}共<text class="abnormal-days">{{diningSituations.notRepastDay}}</text>天就餐异常</text> <view class="school-report-context-card-two-conclusion-txt">
</view> <text>本{{['月','周'][reportTypeIndex]}}共<text class="abnormal-days">{{diningSituations.notRepastDay}}</text>天就餐异常</text>
<view class="school-report-context-card-two-conclusion-logo"> </view>
<view class="school-report-context-card-two-conclusion-logo-item"> <view class="school-report-context-card-two-conclusion-logo">
<view class="school-report-context-card-two-conclusion-logo-item-dot"> <view class="school-report-context-card-two-conclusion-logo-item">
</view> <view class="school-report-context-card-two-conclusion-logo-item-dot">
</view>
<view class="school-report-context-card-two-conclusion-logo-item school-report-context-card-two-conclusion-logo-item-right">
<text>未就餐</text>
</view> </view>
</view> </view>
<view class="school-report-context-card-two-conclusion-logo-item school-report-context-card-two-conclusion-logo-item-right">
<text>未就餐</text>
</view>
</view> </view>
<view class="school-report-context-card-two-calendar"> </view>
<van-calendar v-if="tabIndex==1" :formatter="formatter" :min-date="minDate" :max-date="maxDate" :default-date="minDate" :row-height="44" :show-title="false" :show-subtitle="false" :show-mark="false" :poppable="false" :show-confirm="false" :style="{ height: '575rpx' }" @select="dateSelect" /> <view class="school-report-context-card-two-calendar">
</view> <van-calendar v-if="tabIndex==1" :formatter="formatter" :min-date="minDate" :max-date="maxDate" :default-date="minDate" :row-height="44" :show-title="false" :show-subtitle="false" :show-mark="false" :poppable="false" :show-confirm="false" :style="{ height: '575rpx' }" @select="dateSelect" />
<view class="school-report-context-card-two-details"> </view>
<view class="school-report-context-card-two-details-item"> <view class="school-report-context-card-two-details">
<view class="school-report-context-card-two-details-date"> <view class="school-report-context-card-two-details-item">
<text>{{diningSituations.diningSituationsDate}}</text> <view class="school-report-context-card-two-details-date">
<text>{{diningSituations.diningSituationsDate}}</text>
</view>
<view class="school-report-context-card-two-details-meal">
<view class="school-report-context-card-two-details-meal-txt">
<text>早餐</text>
</view> </view>
<view class="school-report-context-card-two-details-meal"> <view class="school-report-context-card-two-details-meal-logo">
<view class="school-report-context-card-two-details-meal-txt"> <view v-if="diningSituations.notRepastDetails.breakfastStatus" class="school-report-context-card-two-details-meal-img">
<text>早餐</text> <image src="../../static/images/eatted.png" mode=""></image>
</view> </view>
<view class="school-report-context-card-two-details-meal-logo"> <view v-else class="school-report-context-card-two-details-meal-noeat">
<view v-if="diningSituations.notRepastDetails.breakfastStatus" class="school-report-context-card-two-details-meal-img"> <text>缺</text>
<image src="../../static/images/eatted.png" mode=""></image>
</view>
<view v-else class="school-report-context-card-two-details-meal-noeat">
<text>缺</text>
</view>
</view> </view>
<view class="school-report-context-card-two-details-meal-txt"> </view>
<text>中餐</text> <view class="school-report-context-card-two-details-meal-txt">
<text>中餐</text>
</view>
<view class="school-report-context-card-two-details-meal-logo school-report-context-card-two-details-meal-logo-two">
<view v-if="diningSituations.notRepastDetails.lunchStatus" class="school-report-context-card-two-details-meal-img">
<image src="../../static/images/eatted.png" mode=""></image>
</view> </view>
<view class="school-report-context-card-two-details-meal-logo school-report-context-card-two-details-meal-logo-two"> <view v-else class="school-report-context-card-two-details-meal-noeat">
<view v-if="diningSituations.notRepastDetails.lunchStatus" class="school-report-context-card-two-details-meal-img"> <text>缺</text>
<image src="../../static/images/eatted.png" mode=""></image>
</view>
<view v-else class="school-report-context-card-two-details-meal-noeat">
<text>缺</text>
</view>
</view> </view>
<view class="school-report-context-card-two-details-meal-txt"> </view>
<text>晚餐</text> <view class="school-report-context-card-two-details-meal-txt">
<text>晚餐</text>
</view>
<view class="school-report-context-card-two-details-meal-logo school-report-context-card-two-details-meal-logo-three">
<view v-if="diningSituations.notRepastDetails.supperStatus" class="school-report-context-card-two-details-meal-img">
<image src="../../static/images/eatted.png" mode=""></image>
</view> </view>
<view class="school-report-context-card-two-details-meal-logo school-report-context-card-two-details-meal-logo-three"> <view v-else class="school-report-context-card-two-details-meal-noeat">
<view v-if="diningSituations.notRepastDetails.supperStatus" class="school-report-context-card-two-details-meal-img"> <text>缺</text>
<image src="../../static/images/eatted.png" mode=""></image>
</view>
<view v-else class="school-report-context-card-two-details-meal-noeat">
<text>缺</text>
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view v-if="tabIndex==1&&isOpen" class="school-report-context-card-three"> </view>
<view class="school-report-context-card-title"> <view v-if="tabIndex==1&&isOpen" class="school-report-context-card-three">
<view class="school-report-context-card-title-img"> <view class="school-report-context-card-title">
<text>消费偏好</text> <view class="school-report-context-card-title-img">
</view> <text>消费偏好</text>
</view>
<view class="school-report-context-card-three-conclusion">
<view class="school-report-context-card-three-conclusion-item">
<text v-if="isEatLow">食堂消费占比<text class="school-report-context-card-three-conclusion-item-describe">过低</text>,请及时调整饮食习惯</text>
<text v-else>饮食较<text class="school-report-context-card-three-conclusion-item-describe">均衡</text>，继续保持哦</text>
</view>
</view> </view>
<view id="consumer-preferences-pie"> </view>
<view class="school-report-context-card-three-conclusion">
<view class="school-report-context-card-three-conclusion-item">
<text v-if="isEatLow">食堂消费占比<text class="school-report-context-card-three-conclusion-item-describe">过低</text>,请及时调整饮食习惯</text>
<text v-else>饮食较<text class="school-report-context-card-three-conclusion-item-describe">均衡</text>，继续保持哦</text>
</view> </view>
</view> </view>
<view v-if="tabIndex==1&&isOpen" class="school-report-context-card-four"> <view id="consumer-preferences-pie">
<view class="school-report-context-card-title"> </view>
<view class="school-report-context-card-title-img"> </view>
<text>消费总额</text> <view v-if="tabIndex==1&&isOpen" class="school-report-context-card-four">
</view> <view class="school-report-context-card-title">
<view class="school-report-context-card-title-img">
<text>消费总额</text>
</view> </view>
<view class="school-report-context-card-four-conclusion"> </view>
<view class="school-report-context-card-four-conclusion-item"> <view class="school-report-context-card-four-conclusion">
<text>消费总额<text class="consume-total">{{consumerAmountObj.consumerAmount}}</text>元，超过全校<text class="consume-total">{{consumerAmountObj.exceedRate}}%</text>的同学<text v-if="isReasonable">，请及时评估生活费是否合理</text></text> <view class="school-report-context-card-four-conclusion-item">
</view> <text>消费总额<text class="consume-total">{{consumerAmountObj.consumerAmount}}</text>元，超过全校<text class="consume-total">{{consumerAmountObj.exceedRate}}%</text>的同学<text v-if="isReasonable">，请及时评估生活费是否合理</text></text>
</view> </view>
<view class="consume-total-img"> </view>
<view class="school-average" :style="{height:schoolAverageHeight+'rpx'}"> <view class="consume-total-img">
<view class="school-average-num"> <view class="school-average" :style="{height:schoolAverageHeight+'rpx'}">
<text>{{consumerAmountObj.schoolAmount}}</text> <view class="school-average-num">
</view> <text>{{consumerAmountObj.schoolAmount}}</text>
<view class="school-average-img">
<image src="../../static/images/greenArrow.png" mode=""></image>
</view>
</view> </view>
<view class="user-consume" :style="{height:userConsumeHeight+'rpx'}"> <view class="school-average-img">
<view class="user-consume-num"> <image src="../../static/images/greenArrow.png" mode=""></image>
<text>{{consumerAmountObj.consumerAmount}}</text>
</view>
<view class="user-consume-img">
<image src="../../static/images/yellowArrow.png" mode=""></image>
</view>
</view> </view>
</view> </view>
<view class="consume-total-img-des"> <view class="user-consume" :style="{height:userConsumeHeight+'rpx'}">
<view class="consume-total-img-des-item school-average-des"> <view class="user-consume-num">
<text>全校平均</text> <text>{{consumerAmountObj.consumerAmount}}</text>
</view> </view>
<view class="consume-total-img-des-item"> <view class="user-consume-img">
<text>本人消费</text> <image src="../../static/images/yellowArrow.png" mode=""></image>
</view> </view>
</view> </view>
</view> </view>
<view v-if="tabIndex==1&&isOpen" class="school-report-context-card-five"> <view class="consume-total-img-des">
<view class="school-report-context-card-title"> <view class="consume-total-img-des-item school-average-des">
<view class="school-report-context-card-title-img"> <text>全校平均</text>
<text>消费趋势</text>
</view>
</view> </view>
<view class="school-report-context-card-five-conclusion"> <view class="consume-total-img-des-item">
<view class="school-report-context-card-five-conclusion-item"> <text>本人消费</text>
<text v-if="isAbnormal"><text class="abnormal-date">{{consumerTrend.clues}}</text>的消费金额存在异常,请及时关注</text>
<text v-else>每日消费金额较稳定，继续保持哦</text>
</view>
</view> </view>
<view id="consumer-trend-line"> </view>
</view>
<view v-if="tabIndex==1&&isOpen" class="school-report-context-card-five">
<view class="school-report-context-card-title">
<view class="school-report-context-card-title-img">
<text>消费趋势</text>
</view> </view>
<view class="consumer-trend-line-icon"> </view>
<view class="consumer-trend-line-icon-item"> <view class="school-report-context-card-five-conclusion">
<view class="consumer-trend-line-icon-logo"> <view class="school-report-context-card-five-conclusion-item">
<view class="consumer-trend-line-icon-logo-left"> <text v-if="isAbnormal"><text class="abnormal-date">{{consumerTrend.clues}}</text>的消费金额存在异常,请及时关注</text>
</view> <text v-else>每日消费金额较稳定，继续保持哦</text>
<view class="consumer-trend-line-icon-logo-middle"> </view>
</view> </view>
<view class="consumer-trend-line-icon-logo-right"> <view id="consumer-trend-line">
</view> </view>
<view class="consumer-trend-line-icon">
<view class="consumer-trend-line-icon-item">
<view class="consumer-trend-line-icon-logo">
<view class="consumer-trend-line-icon-logo-left">
</view>
<view class="consumer-trend-line-icon-logo-middle">
</view> </view>
<view class="consumer-trend-line-icon-txt"> <view class="consumer-trend-line-icon-logo-right">
<text>消费金额</text>
</view> </view>
</view> </view>
<view class="consumer-trend-line-icon-txt">
<text>消费金额</text>
</view>
</view> </view>
</view> </view>
<!-- 门禁报告 --> </view>
<view v-show="tabIndex==2" class="attendance-report-context-card-two"> <!-- 门禁报告 -->
<view class="school-report-context-card-title"> <view v-show="tabIndex==2" class="attendance-report-context-card-two">
<view class="school-report-context-card-title-img"> <view class="school-report-context-card-title">
<text>出勤情况</text> <view class="school-report-context-card-title-img">
</view> <text>出勤情况</text>
</view>
</view>
<view class="attendance-report-context-card-two-conclusion">
<view class="attendance-report-context-card-two-conclusion-txt">
<text>本{{['月','周'][reportTypeIndex]}}共<text class="abnormal-days">{{attendanceReport.abnormalNum}}</text>天出勤异常</text>
</view> </view>
<view class="attendance-report-context-card-two-conclusion"> <view class="attendance-report-context-card-two-conclusion-logo">
<view class="attendance-report-context-card-two-conclusion-txt"> <view class="attendance-report-context-card-two-conclusion-logo-item">
<text>本{{['月','周'][reportTypeIndex]}}共<text class="abnormal-days">{{attendanceReport.abnormalNum}}</text>天出勤异常</text> <view class="attendance-report-context-card-two-conclusion-logo-item-dot leave">
</view>
<view class="attendance-report-context-card-two-conclusion-logo-item-txt">
<text>请假</text>
</view>
</view> </view>
<view class="attendance-report-context-card-two-conclusion-logo"> <view class="attendance-report-context-card-two-conclusion-logo-item">
<view class="attendance-report-context-card-two-conclusion-logo-item"> <view class="attendance-report-context-card-two-conclusion-logo-item-dot">
<view class="attendance-report-context-card-two-conclusion-logo-item-dot leave">
</view>
<view class="attendance-report-context-card-two-conclusion-logo-item-txt">
<text>请假</text>
</view>
</view> </view>
<view class="attendance-report-context-card-two-conclusion-logo-item"> <view class="attendance-report-context-card-two-conclusion-logo-item-txt">
<view class="attendance-report-context-card-two-conclusion-logo-item-dot"> <text>异常</text>
</view>
<view class="attendance-report-context-card-two-conclusion-logo-item-txt">
<text>异常</text>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="attendance-report-context-card-two-calendar">
<van-calendar v-if="tabIndex==2" :formatter="formatter" :min-date="minDate" :max-date="maxDate" :default-date="minDate" :row-height="44" :show-title="false" :show-subtitle="false" :show-mark="false" :poppable="false" :show-confirm="false" :style="{ height: '575rpx' }" @select="attendanceDateSelect">
<template #top-info="item">
<span v-if="item.topInfo=='请假'" class="mark-green">请假</span>
<span v-if="item.topInfo=='迟到'" class="mark-orange">迟到</span>
<span v-if="item.topInfo=='旷课'" class="mark-orange">旷课</span>
<span v-if="item.topInfo=='早退'" class="mark-orange">早退</span>
<span v-if="item.topInfo=='冠军'" class="mark-yellow">冠军</span>
</template>
</van-calendar>
</view>
</view> </view>
<view v-if="tabIndex==2&&attendanceReportDatail.length" class="attendance-report-context-details"> <view class="attendance-report-context-card-two-calendar">
<view v-for="(detailItem,detailIndex) in attendanceReportDatail"> <van-calendar v-if="tabIndex==2" :formatter="formatter" :min-date="minDate" :max-date="maxDate" :default-date="minDate" :row-height="44" :show-title="false" :show-subtitle="false" :show-mark="false" :poppable="false" :show-confirm="false" :style="{ height: '575rpx' }" @select="attendanceDateSelect">
<view v-if="detailItem.attendIntervalType&&detailItem.attendIntervalType!=-1" class="attendance-report-context-card-two-details"> <template #top-info="item">
<view class="attendance-report-context-card-two-details-item"> <span v-if="item.topInfo=='请假'" class="mark-green">请假</span>
<view class="attendance-report-context-card-two-details-time"> <span v-if="item.topInfo=='迟到'" class="mark-orange">迟到</span>
<view class="attendance-report-context-card-two-details-time-img"> <span v-if="item.topInfo=='旷课'" class="mark-orange">旷课</span>
</view> <span v-if="item.topInfo=='早退'" class="mark-orange">早退</span>
<view class="attendance-report-context-card-two-details-time-txt txt-details"> <span v-if="item.topInfo=='冠军'" class="mark-yellow">冠军</span>
<text>考勤时间</text> </template>
</view> </van-calendar>
<view class="attendance-report-context-card-two-details-time-txt"> </view>
<text>{{detailItem.attendIntervalName}}</text> </view>
</view> <view v-if="tabIndex==2&&attendanceReportDatail.length" class="attendance-report-context-details">
<view v-for="(detailItem,detailIndex) in attendanceReportDatail">
<view v-if="detailItem.attendIntervalType&&detailItem.attendIntervalType!=-1" class="attendance-report-context-card-two-details">
<view class="attendance-report-context-card-two-details-item">
<view class="attendance-report-context-card-two-details-time">
<view class="attendance-report-context-card-two-details-time-img">
</view>
<view class="attendance-report-context-card-two-details-time-txt txt-details">
<text>考勤时间</text>
</view> </view>
<view v-if="detailIndex==0" class="attendance-report-context-card-two-details-date"> <view class="attendance-report-context-card-two-details-time-txt">
<text>{{attendanceSituations.attendanceDate}}</text> <text>{{detailItem.attendIntervalName}}</text>
</view> </view>
</view> </view>
<view v-if="detailIndex==0" class="attendance-report-context-card-two-details-date">
<text>{{attendanceSituations.attendanceDate}}</text>
</view>
</view> </view>
<view v-else-if="detailItem.attendIntervalType==-1" class="attendance-report-context-card-two-details"> </view>
<view class="attendance-report-context-card-two-details-item"> <view v-else-if="detailItem.attendIntervalType==-1" class="attendance-report-context-card-two-details">
<view class="attendance-report-context-card-two-details-time"> <view class="attendance-report-context-card-two-details-item">
<view class="attendance-report-context-card-two-details-time-txt txt-details"> <view class="attendance-report-context-card-two-details-time">
<text>未设置考勤时间</text> <view class="attendance-report-context-card-two-details-time-txt txt-details">
</view> <text>未设置考勤时间</text>
</view>
<view class="attendance-report-context-card-two-details-date">
<text>{{attendanceSituations.attendanceDate}}</text>
</view> </view>
</view> </view>
<view class="attendance-report-context-card-two-details-date">
<text>{{attendanceSituations.attendanceDate}}</text>
</view>
</view> </view>
<view class="attendance-report-context-card-three"> </view>
<view v-for="(item,index) in detailItem.attendDetailReportDTOList"> <view class="attendance-report-context-card-three">
<view class="attendance-report-details"> <view v-for="(item,index) in detailItem.attendDetailReportDTOList">
<view class="dashed-line-box"> <view class="attendance-report-details">
<view v-if="index" class="dashed-line"> <view class="dashed-line-box">
</view> <view v-if="index" class="dashed-line">
<view v-else class="dashed-line-first">
</view>
<view v-if="index" class="attendance-report-dot" :style="{border:item.border}">
</view>
<view v-else class="attendance-report-dot-first" :style="{border:item.border}">
</view>
</view> </view>
<view class="attendance-report-details-item-box" :style="{top: 18+index*170+'rpx'}"> <view v-else class="dashed-line-first">
<view class="attendance-report-details-item"> </view>
<view class="attendance-report-time"> <view v-if="index" class="attendance-report-dot" :style="{border:item.border}">
<view class="attendance-report-time-txt"> </view>
<text>{{item.iotTypeName}}</text> <view v-else class="attendance-report-dot-first" :style="{border:item.border}">
</view> </view>
<view class="attendance-report-time-item"> </view>
<text>{{item.timeContent}}</text> <view class="attendance-report-details-item-box" :style="{top: 18+index*170+'rpx'}">
<view class="attendance-report-details-item">
<view class="attendance-report-time">
<view class="attendance-report-time-txt">
<text>{{item.iotTypeName}}</text>
</view>
<view class="attendance-report-time-item">
<text>{{item.timeContent}}</text>
</view>
<view v-if="item.describeContent=='当日早到冠军'" class="early-champions">
<view class="early-champions-img">
</view> </view>
<view v-if="item.describeContent=='当日早到冠军'" class="early-champions"> <view class="early-champions-txt">
<view class="early-champions-img"> <text>早到冠军</text>
</view>
<view class="early-champions-txt">
<text>早到冠军</text>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="attendance-report-details-img-item"> </view>
<view class="attendance-report-time-details"> <view class="attendance-report-details-img-item">
<view v-if="item.describeContent!='当日早到冠军'" class="attendance-report-time-details-item"> <view class="attendance-report-time-details">
<text>{{item.describeContent}}</text> <view v-if="item.describeContent!='当日早到冠军'" class="attendance-report-time-details-item">
</view> <text>{{item.describeContent}}</text>
<view class="attendance-report-time-details-icon">
</view>
</view> </view>
<view class="attendance-report-details-img-box"> <view class="attendance-report-time-details-icon">
<image v-if="item.attendImage" :src="item.attendImage" mode="" @click="imageClick(item.attendImage)">
</image>
</view> </view>
</view> </view>
<view class="attendance-report-details-img-box">
<image v-if="item.attendImage" :src="item.attendImage" mode="" @click="imageClick(item.attendImage)">
</image>
</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<van-dialog v-model="imageDialogShow" width="620rpx"> </view>
<view class="image-dialog"> <van-dialog v-model="imageDialogShow" width="620rpx">
<image :src="imageDialogSrc" mode=""></image> <view class="image-dialog">
</view> <image :src="imageDialogSrc" mode=""></image>
</van-dialog>
<!-- 公话报告 -->
<view v-show="tabIndex==3" class="pubTalk-report-context-card-two">
<view class="school-report-context-card-title">
<view class="school-report-context-card-title-img">
<text>通话次数</text>
</view>
</view>
<view class="call-number-bar-unit">
<text>（次）</text>
</view>
<view id="call-number-bar">
</view>
</view> </view>
<view v-show="tabIndex==3&&isPubTalkOpen" class="pubTalk-report-context-card-three"> </van-dialog>
<view class="school-report-context-card-title"> <!-- 公话报告 -->
<view class="school-report-context-card-title-img"> <view v-show="tabIndex==3" class="pubTalk-report-context-card-two">
<text>通话时长</text> <view class="school-report-context-card-title">
</view> <view class="school-report-context-card-title-img">
<text>通话次数</text>
</view> </view>
<view class="call-duration-bar-unit"> </view>
<text>（min）</text> <view class="call-number-bar-unit">
<text>（次）</text>
</view>
<view id="call-number-bar">
</view>
</view>
<view v-show="tabIndex==3&&isPubTalkOpen" class="pubTalk-report-context-card-three">
<view class="school-report-context-card-title">
<view class="school-report-context-card-title-img">
<text>通话时长</text>
</view> </view>
<view id="call-duration-bar"> </view>
<view class="call-duration-bar-unit">
<text>（min）</text>
</view>
<view id="call-duration-bar">
</view>
</view>
<view v-show="tabIndex==3&&isPubTalkOpen" class="pubTalk-report-context-card-four">
<view class="school-report-context-card-title">
<view class="school-report-context-card-title-img">
<text>亲子留言</text>
</view> </view>
</view> </view>
<view v-show="tabIndex==3&&isPubTalkOpen" class="pubTalk-report-context-card-four"> <view class="leave-message-summary" v-if="pubTalkReport.messageText1">
<view class="school-report-context-card-title"> <text><text class="txt-important">{{pubTalkReport.messageText1}}</text> 最喜欢和你留言，共 <text class="txt-important">{{pubTalkReport.messageText2}}</text> 次，超过全校<text class="txt-important">{{pubTalkReport.messageText3}}%</text>的同学</text>
<view class="school-report-context-card-title-img"> </view>
<text>亲子留言</text> <view class="leave-message-summary" v-else>
</view> <text class="txt-important">想家人了可以多多留言哦~</text>
</view>
<view class="leave-message-summary leave-message-less-summary" v-if="pubTalkReport.messageText4">
<text><text class="txt-important">{{pubTalkReport.messageText4}}</text> 留言最少，共 <text class="txt-important">{{pubTalkReport.messageText5}}</text> 次，超过全校<text class="txt-important">{{pubTalkReport.messageText6}}%</text>的同学</text>
</view>
<view class="leave-message-bar-unit">
<text>（次）</text>
</view>
<view id="leave-message-bar">
</view>
</view>
<view v-if="isOpen||isPubTalkOpen||isAttendanceOpen" class="school-report-footer">
<view class="school-report-footer-item">
<view class="school-report-footer-item-txt">
<text>到期后将无法查看完整报告</text>
</view> </view>
<view class="leave-message-summary" v-if="pubTalkReport.messageText1"> <view class="school-report-validity">
<text><text class="txt-important">{{pubTalkReport.messageText1}}</text> 最喜欢和你留言，共 <text class="txt-important">{{pubTalkReport.messageText2}}</text> 次，超过全校<text class="txt-important">{{pubTalkReport.messageText3}}%</text>的同学</text> <text>有效期至<text class="validity-date">{{memberInfo.invalidDateStr}}</text>,剩余<text class="validity-date">{{memberInfo.differDay}}天</text></text>
</view> </view>
<view class="leave-message-summary" v-else> </view>
<text class="txt-important">想家人了可以多多留言哦~</text> <view class="school-report-footer-item-two">
<view class="school-report-footer-item-btn" @tap="equityPay">
<text>延长权益</text>
</view> </view>
<view class="leave-message-summary leave-message-less-summary" v-if="pubTalkReport.messageText4"> </view>
<text><text class="txt-important">{{pubTalkReport.messageText4}}</text> 留言最少，共 <text class="txt-important">{{pubTalkReport.messageText5}}</text> 次，超过全校<text class="txt-important">{{pubTalkReport.messageText6}}%</text>的同学</text> </view>
</view>
</view>
<view v-if="flag==tabIndex" class="no-open" :style="{height:[915,845,891][tabIndex-1]+'rpx',top:[1425,1099,1260][tabIndex-1]+'rpx'}">
<view class="no-open-solution" @tap="equityPay">
<view class="no-open-solution-txt">
<text>最低{{memberInfo.leastAmount||''}}元/天开通，查看完整{{['消费','门禁','公话'][tabIndex-1]}}报告</text>
</view>
<view class="no-open-solution-item">
</view>
</view>
<view class="open-results">
<view class="open-results-title">
<text>开通后，你将解锁</text>
</view>
<view class="open-results-items">
<view class="open-results-items-summary">
<view class="summary-item">
<text>{{['月度消费报告','实时推送','音视频通话'][tabIndex-1]}}</text>
</view> </view>
<view class="leave-message-bar-unit"> <view class="summary-item-icon" :class="['consumer-report-icon','attendance-report-icon','pubTalk-report-icon'][tabIndex-1]">
<text>（次）</text> <text>+</text>
</view> </view>
<view id="leave-message-bar"> <view class="summary-item">
<text>{{['消费总结','月度门禁报告','月度公话报告'][tabIndex-1]}}</text>
</view> </view>
</view> </view>
<view v-if="isOpen||isPubTalkOpen||isAttendanceOpen" class="school-report-footer"> <view class="open-results-items-details">
<view class="school-report-footer-item"> <!-- 消费报告 -->
<view class="school-report-footer-item-txt"> <view v-if="tabIndex==1">
<text>到期后将无法查看完整报告</text> <view class="open-results-items-details-item">
<view class="dining-situations-img">
</view>
<view class="open-results-items-details-item-txt">
<text>就餐情况分析</text>
</view>
<view class="consumer-rationality-img">
</view>
<view class="open-results-items-details-item-txt">
<text>消费合理性</text>
</view>
</view> </view>
<view class="school-report-validity"> <view class="open-results-items-details-item">
<text>有效期至<text class="validity-date">{{memberInfo.invalidDateStr}}</text>,剩余<text class="validity-date">{{memberInfo.differDay}}天</text></text> <view class="consumer-preference-img">
</view>
<view class="open-results-items-details-item-txt">
<text>消费偏好分析</text>
</view>
<view class="consumer-advice-img">
</view>
<view class="open-results-items-details-item-txt">
<text>消费建议</text>
</view>
</view> </view>
</view> <view class="open-results-items-details-item">
<view class="school-report-footer-item-two"> <view class="consumer-num-img">
<view class="school-report-footer-item-btn" @tap="equityPay"> </view>
<text>延长权益</text> <view class="open-results-items-details-item-txt">
<text>消费总额分析</text>
</view>
</view>
<view class="open-results-items-details-item">
<view class="consumer-trend-img">
</view>
<view class="open-results-items-details-item-txt">
<text>消费趋势分析</text>
</view>
</view> </view>
</view> </view>
</view> <!-- 门禁报告 -->
</view> <view v-else-if="tabIndex==2">
</view> <view class="open-results-items-details-item">
<view v-if="flag==tabIndex" class="no-open" :style="{height:[915,845,891][tabIndex-1]+'rpx',top:[1425,1099,1260][tabIndex-1]+'rpx'}"> <view class="admission-notice-img">
<view class="no-open-solution" @tap="equityPay"> </view>
<view class="no-open-solution-txt"> <view class="open-results-items-details-item-txt">
<text>最低{{memberInfo.leastAmount||''}}元/天开通，查看完整{{['消费','门禁','公话'][tabIndex-1]}}报告</text> <text>出入校通知</text>
</view> </view>
<view class="no-open-solution-item"> <view class="admission-analysis-img">
</view> </view>
</view> <view class="open-results-items-details-item-txt">
<view class="open-results"> <text>出勤情况分析</text>
<view class="open-results-title"> </view>
<text>开通后，你将解锁</text>
</view>
<view class="open-results-items">
<view class="open-results-items-summary">
<view class="summary-item">
<text>{{['月度消费报告','实时推送','音视频通话'][tabIndex-1]}}</text>
</view> </view>
<view class="summary-item-icon" :class="['consumer-report-icon','attendance-report-icon','pubTalk-report-icon'][tabIndex-1]"> <view class="open-results-items-details-item">
<text>+</text> <view class="admission-record-img">
</view>
<view class="open-results-items-details-item-txt">
<text>出入校记录</text>
</view>
</view> </view>
<view class="summary-item"> <view class="open-results-items-details-item">
<text>{{['消费总结','月度门禁报告','月度公话报告'][tabIndex-1]}}</text> <view class="admission-image-img">
</view>
<view class="open-results-items-details-item-txt">
<text>出入校图片</text>
</view>
</view> </view>
</view> </view>
<view class="open-results-items-details"> <!-- 公话报告 -->
<!-- 消费报告 --> <view v-else>
<view v-if="tabIndex==1"> <view class="open-results-items-details-item">
<view class="open-results-items-details-item"> <view class="video-call-img">
<view class="dining-situations-img">
</view>
<view class="open-results-items-details-item-txt">
<text>就餐情况分析</text>
</view>
<view class="consumer-rationality-img">
</view>
<view class="open-results-items-details-item-txt">
<text>消费合理性</text>
</view>
</view> </view>
<view class="open-results-items-details-item"> <view class="open-results-items-details-item-txt">
<view class="consumer-preference-img"> <text>视频通话</text>
</view>
<view class="open-results-items-details-item-txt">
<text>消费偏好分析</text>
</view>
<view class="consumer-advice-img">
</view>
<view class="open-results-items-details-item-txt">
<text>消费建议</text>
</view>
</view> </view>
<view class="open-results-items-details-item"> <view class="communication-advice-img">
<view class="consumer-num-img">
</view>
<view class="open-results-items-details-item-txt">
<text>消费总额分析</text>
</view>
</view> </view>
<view class="open-results-items-details-item"> <view class="open-results-items-details-item-txt">
<view class="consumer-trend-img"> <text>家庭沟通建议</text>
</view>
<view class="open-results-items-details-item-txt">
<text>消费趋势分析</text>
</view>
</view> </view>
</view> </view>
<!-- 门禁报告 --> <view class="open-results-items-details-item">
<view v-else-if="tabIndex==2"> <view class="voice-call-img">
<view class="open-results-items-details-item">
<view class="admission-notice-img">
</view>
<view class="open-results-items-details-item-txt">
<text>出入校通知</text>
</view>
<view class="admission-analysis-img">
</view>
<view class="open-results-items-details-item-txt">
<text>出勤情况分析</text>
</view>
</view> </view>
<view class="open-results-items-details-item"> <view class="open-results-items-details-item-txt">
<view class="admission-record-img"> <text>语音通话</text>
</view>
<view class="open-results-items-details-item-txt">
<text>出入校记录</text>
</view>
</view> </view>
<view class="open-results-items-details-item"> <view class="call-count-img">
<view class="admission-image-img"> </view>
</view> <view class="open-results-items-details-item-txt">
<view class="open-results-items-details-item-txt"> <text>通话次数分析</text>
<text>出入校图片</text>
</view>
</view> </view>
</view> </view>
<!-- 公话报告 --> <view class="open-results-items-details-item">
<view v-else> <view class="leave-word-img">
<view class="open-results-items-details-item">
<view class="video-call-img">
</view>
<view class="open-results-items-details-item-txt">
<text>视频通话</text>
</view>
<view class="communication-advice-img">
</view>
<view class="open-results-items-details-item-txt">
<text>家庭沟通建议</text>
</view>
</view> </view>
<view class="open-results-items-details-item"> <view class="open-results-items-details-item-txt">
<view class="voice-call-img"> <text>亲子留言</text>
</view>
<view class="open-results-items-details-item-txt">
<text>语音通话</text>
</view>
<view class="call-count-img">
</view>
<view class="open-results-items-details-item-txt">
<text>通话次数分析</text>
</view>
</view> </view>
<view class="open-results-items-details-item"> <view class="call-duration-img">
<view class="leave-word-img">
</view>
<view class="open-results-items-details-item-txt">
<text>亲子留言</text>
</view>
<view class="call-duration-img">
</view>
<view class="open-results-items-details-item-txt">
<text>通话时长分析</text>
</view>
</view> </view>
<view class="open-results-items-details-item"> <view class="open-results-items-details-item-txt">
<view class="face-call-img"> <text>通话时长分析</text>
</view> </view>
<view class="open-results-items-details-item-txt"> </view>
<text>刷脸通话</text> <view class="open-results-items-details-item">
</view> <view class="face-call-img">
<view class="leave-word-analysis-img"> </view>
</view> <view class="open-results-items-details-item-txt">
<view class="open-results-items-details-item-txt"> <text>刷脸通话</text>
<text>家庭留言分析</text> </view>
</view> <view class="leave-word-analysis-img">
</view>
<view class="open-results-items-details-item-txt">
<text>家庭留言分析</text>
</view> </view>
</view> </view>
</view> </view>
...@@ -731,17 +649,18 @@ range-key="week"> ...@@ -731,17 +649,18 @@ range-key="week">
</view> </view>
</view> </view>
</view> </view>
<view v-else class="nodata"> </view>
<view class="nodataImg"> <view v-else class="nodata">
<img style="width: 35vw" :src="nodataImgUrl + 'images/1.png'" /> <view class="nodataImg">
</view> <img style="width: 100%" src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/purchaseChart.gif" />
<view class="nodataTxt"> </view>
<text>当前为使用高峰期，请稍后再试</text> <view class="nodataTxt">
</view> <text>当前为使用高峰期，请稍后再试</text>
</view> </view>
<van-dialog class="htmlCanvas" id="htmlCanvas" ref="imgCanvas" v-model="dialogShow" show-cancel-button style="width: 100%; max-height: 80% !important;overflow: scroll">
</van-dialog>
</view> </view>
<van-dialog class="htmlCanvas" id="htmlCanvas" ref="imgCanvas" v-model="dialogShow" show-cancel-button style="width: 100%; max-height: 80% !important;overflow: scroll">
</van-dialog>
</view>
</view> </view>
</template> </template>
...@@ -766,15 +685,17 @@ function getQueryParams(params) { ...@@ -766,15 +685,17 @@ function getQueryParams(params) {
} }
// 时间处理模块 // 时间处理模块
import dayjs from 'dayjs' import dayjs from 'dayjs'
import moment from "moment";
export default { export default {
name: 'SchoolReport', name: 'SchoolReport',
data() { data() {
return { return {
showReport: true,
nodataImgUrl: this.$ImgUrl,
userInfo: {}, userInfo: {},
reportTypeIndex: 0, reportTypeIndex: 0,
reportTypeArr: ['月报', '周报'], reportTypeArr: ['月报', '周报'],
dataRangeIndex: 0, dataRangeIndex: 0,
nodataImgUrl: this.$ImgUrl,
dataRangeArr: [{ dataRangeArr: [{
week: "", week: "",
weekstr: "", weekstr: "",
...@@ -848,6 +769,11 @@ export default { ...@@ -848,6 +769,11 @@ export default {
} }
}, },
mounted() { mounted() {
if (this.isPeakPeriod()) {
this.showReport = false;
return
}
this.showReport = true;
if (new Date().getTime() <= new Date('2022/06/30').getTime()) { if (new Date().getTime() <= new Date('2022/06/30').getTime()) {
this.isAttendanceOpen = true; this.isAttendanceOpen = true;
this.isPubTalkOpen = true; this.isPubTalkOpen = true;
...@@ -2142,7 +2068,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`, ...@@ -2142,7 +2068,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
.nodata { .nodata {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 30%; top: 0%;
width: 100%; width: 100%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
...@@ -2152,10 +2078,10 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`, ...@@ -2152,10 +2078,10 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
} }
.nodataTxt { .nodataTxt {
margin-top: 10rpx; margin-top: -100rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
font-size: 28rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #999999; color: #999999;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment