Skip to content

X
xzf_uniapp-wechat-web
Commit 33787b57 authored by aifen@azjy1.onexmail.com's avatar aifen@azjy1.onexmail.com
Browse files
Options

校园报告—门禁报告公话报告2

parent 5c61b638
Show whitespace changes
Inline Side-by-side
Showing with 3644 additions and 3589 deletions
src/pages/SchoolReport/SchoolReport.vue
View file @ 33787b57
<template>
<view class="tainer" :style="{height:containerHeight+'rpx'}">
<view class="tainer" :style="{height:containerHeight+'rpx'}">
<view v-if="showReport">
<view class="school-report-header">
<view class="school-report-header-item">
......@@ -27,7 +27,8 @@
</view>
<view class="school-report-screen-item-two">
<view class="school-report-date">
<picker @change="dataRangeChange" :value="dataRangeIndex" :range="dataRangeArr" range-key="week">
<picker @change="dataRangeChange" :value="dataRangeIndex" :range="dataRangeArr"
range-key="week">
<view class="uni-input">{{dataRangeArr[dataRangeIndex].weekstr||""}}</view>
</picker>
</view>
......@@ -40,13 +41,16 @@
<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)">
<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)">
<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)">
<view v-if="isPubTalkOpen" class="school-report-context-tab-item-one"
:class="tabIndex==3?'active':''" @tap="tabTap(3)">
<text>公话报告</text>
</view>
</view>
......@@ -74,9 +78,12 @@
</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>
<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>
<text v-else>恭喜<text
class="txt-important">{{userInfo.userName}}</text>荣获“快乐干饭人”称号，快乐要和家人一起分享哦</text>
</view>
</view>
<view class="school-report-context-card-one-context-item">
......@@ -85,7 +92,8 @@
</view>
</view>
<view class="school-report-context-card-one-context-txt">
<text v-if="isEatLow">食堂消费占比<text class="txt-important-two">过低</text>,请及时调整饮食习惯</text>
<text v-if="isEatLow">食堂消费占比<text
class="txt-important-two">过低</text>,请及时调整饮食习惯</text>
<text v-else>饮食较<text class="txt-important-two">均衡</text>，继续保持哦</text>
</view>
</view>
......@@ -100,13 +108,15 @@
的同学<text v-if="isReasonable">,请及时评估生活费是否合理</text>
</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-item school-report-context-card-one-context-item-last">
<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="isAbnormal"><text class="txt-important-two">{{consumerTrend.clues}}</text>的消费金额存在异常,请及时关注</text>
<text v-if="isAbnormal"><text
class="txt-important-two">{{consumerTrend.clues}}</text>的消费金额存在异常,请及时关注</text>
<text v-else>每日消费金额较稳定，继续保持哦</text>
</view>
</view>
......@@ -114,8 +124,10 @@
<!-- 门禁报告 -->
<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>
<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>
<!-- 公话报告 -->
......@@ -126,8 +138,10 @@
</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>
<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>
......@@ -145,17 +159,23 @@
</view>
</view>
<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>
<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-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 class="pubTalk-report-context-card-one-context-txt">
<text><text class="txt-important">{{pubTalkReport.talkText9}}</text>是默默的守护，有时也不要忘记多和<text class="txt-important">{{pubTalkReport.talkText9}}</text>进行交流</text>
<text><text
class="txt-important">{{pubTalkReport.talkText9}}</text>是默默的守护，有时也不要忘记多和<text
class="txt-important">{{pubTalkReport.talkText9}}</text>进行交流</text>
</view>
</view>
</view>
......@@ -169,20 +189,25 @@
</view>
<view class="school-report-context-card-two-conclusion">
<view class="school-report-context-card-two-conclusion-txt">
<text>本{{['月','周'][reportTypeIndex]}}共<text class="abnormal-days">{{diningSituations.notRepastDay}}</text>天就餐异常</text>
<text>本{{['月','周'][reportTypeIndex]}}共<text
class="abnormal-days">{{diningSituations.notRepastDay}}</text>天就餐异常</text>
</view>
<view class="school-report-context-card-two-conclusion-logo">
<view class="school-report-context-card-two-conclusion-logo-item">
<view class="school-report-context-card-two-conclusion-logo-item-dot">
</view>
</view>
<view class="school-report-context-card-two-conclusion-logo-item school-report-context-card-two-conclusion-logo-item-right">
<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">
<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" />
<van-calendar v-show="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>
<view class="school-report-context-card-two-details">
<view class="school-report-context-card-two-details-item">
......@@ -194,7 +219,8 @@
<text>早餐</text>
</view>
<view class="school-report-context-card-two-details-meal-logo">
<view v-if="diningSituations.notRepastDetails.breakfastStatus" class="school-report-context-card-two-details-meal-img">
<view v-if="diningSituations.notRepastDetails.breakfastStatus"
class="school-report-context-card-two-details-meal-img">
<image src="../../static/images/eatted.png" mode=""></image>
</view>
<view v-else class="school-report-context-card-two-details-meal-noeat">
......@@ -204,8 +230,10 @@
<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">
<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 v-else class="school-report-context-card-two-details-meal-noeat">
......@@ -215,8 +243,10 @@
<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">
<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 v-else class="school-report-context-card-two-details-meal-noeat">
......@@ -235,8 +265,10 @@
</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>
<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 id="consumer-preferences-pie">
......@@ -250,7 +282,10 @@
</view>
<view class="school-report-context-card-four-conclusion">
<view class="school-report-context-card-four-conclusion-item">
<text>消费总额<text class="consume-total">{{consumerAmountObj.consumerAmount}}</text>元，超过全校<text class="consume-total">{{consumerAmountObj.exceedRate}}%</text>的同学<text v-if="isReasonable">，请及时评估生活费是否合理</text></text>
<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">
......@@ -288,7 +323,8 @@
</view>
<view class="school-report-context-card-five-conclusion">
<view class="school-report-context-card-five-conclusion-item">
<text v-if="isAbnormal"><text class="abnormal-date">{{consumerTrend.clues}}</text>的消费金额存在异常,请及时关注</text>
<text v-if="isAbnormal"><text
class="abnormal-date">{{consumerTrend.clues}}</text>的消费金额存在异常,请及时关注</text>
<text v-else>每日消费金额较稳定，继续保持哦</text>
</view>
</view>
......@@ -319,7 +355,8 @@
</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>
<text>本{{['月','周'][reportTypeIndex]}}共<text
class="abnormal-days">{{attendanceReport.abnormalNum}}</text>天出勤异常</text>
</view>
<view class="attendance-report-context-card-two-conclusion-logo">
<view class="attendance-report-context-card-two-conclusion-logo-item">
......@@ -339,7 +376,10 @@
</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">
<van-calendar v-show="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>
......@@ -352,7 +392,8 @@
</view>
<view v-if="tabIndex==2&&attendanceReportDatail.length" class="attendance-report-context-details">
<view v-for="(detailItem,detailIndex) in attendanceReportDatail" :key="detailIndex">
<view v-if="detailItem.attendIntervalType&&detailItem.attendIntervalType!=-1" class="attendance-report-context-card-two-details">
<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">
......@@ -369,7 +410,8 @@
</view>
</view>
</view>
<view v-else-if="detailItem.attendIntervalType==-1" class="attendance-report-context-card-two-details">
<view v-else-if="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-txt txt-details">
......@@ -389,12 +431,15 @@
</view>
<view v-else class="dashed-line-first">
</view>
<view v-if="index" class="attendance-report-dot" :style="{border:item.border}">
<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 v-else class="attendance-report-dot-first"
:style="{border:item.border}">
</view>
</view>
<view class="attendance-report-details-item-box" :style="{top: 18+index*170+'rpx'}">
<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">
......@@ -414,14 +459,16 @@
</view>
<view class="attendance-report-details-img-item">
<view class="attendance-report-time-details">
<view v-if="item.describeContent!='当日早到冠军'" class="attendance-report-time-details-item">
<view v-if="item.describeContent!='当日早到冠军'"
class="attendance-report-time-details-item">
<text>{{item.describeContent}}</text>
</view>
<view class="attendance-report-time-details-icon">
</view>
</view>
<view class="attendance-report-details-img-box">
<image v-if="item.attendImage" :src="item.attendImage" mode="" @click="imageClick(item.attendImage)">
<image v-if="item.attendImage" :src="item.attendImage" mode=""
@click="imageClick(item.attendImage)">
</image>
</view>
</view>
......@@ -468,13 +515,18 @@
</view>
</view>
<view class="leave-message-summary" v-if="pubTalkReport.messageText1">
<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="txt-important">{{pubTalkReport.messageText1}}</text> 最喜欢和你留言，共 <text
class="txt-important">{{pubTalkReport.messageText2}}</text> 次，超过全校<text
class="txt-important">{{pubTalkReport.messageText3}}</text>的同学</text>
</view>
<view class="leave-message-summary" v-else>
<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 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>
......@@ -488,7 +540,8 @@
<text>到期后将无法查看完整报告</text>
</view>
<view class="school-report-validity">
<text>有效期至<text class="validity-date">{{memberInfo.invalidDateStr}}</text>,剩余<text class="validity-date">{{memberInfo.differDay}}天</text></text>
<text>有效期至<text class="validity-date">{{memberInfo.invalidDateStr}}</text>,剩余<text
class="validity-date">{{memberInfo.differDay}}天</text></text>
</view>
</view>
<view class="school-report-footer-item-two">
......@@ -499,7 +552,8 @@
</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 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>
......@@ -516,7 +570,8 @@
<view class="summary-item">
<text>{{['月度消费报告','实时推送','音视频通话'][tabIndex-1]}}</text>
</view>
<view class="summary-item-icon" :class="['consumer-report-icon','attendance-report-icon','pubTalk-report-icon'][tabIndex-1]">
<view class="summary-item-icon"
:class="['consumer-report-icon','attendance-report-icon','pubTalk-report-icon'][tabIndex-1]">
<text>+</text>
</view>
<view class="summary-item">
......@@ -652,26 +707,28 @@
</view>
<view v-else class="nodata">
<view class="nodataImg">
<img style="width: 100%" src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/purchaseChart.gif" />
<img style="width: 100%"
src="https://xiaopay2020.oss-cn-shenzhen.aliyuncs.com/static/weapp/images/purchaseChart.gif" />
</view>
<view class="nodataTxt">
<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 class="htmlCanvas" id="htmlCanvas" ref="imgCanvas" v-model="dialogShow" confirm-button-text='长按保存'
close-on-click-overlay style="width: 100%; max-height: 80% !important;overflow: scroll">
</van-dialog>
</view>
</view>
</view>
</view>
</template>
<script>
import html2cancas from "html2canvas"
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
import html2cancas from "html2canvas"
var gHost = "https://" + window.location.host;
if (window.location.protocol != "https:") {
gHost = "https://fpdev.xiaopay.net";
}
//获取参数
function getQueryParams(params) {
}
//获取参数
function getQueryParams(params) {
let href = window.location.href
let query = href.substring(href.indexOf('?') + 1);
let vars = query.split("&");
......@@ -682,11 +739,11 @@ function getQueryParams(params) {
}
}
return (false);
}
// 时间处理模块
import dayjs from 'dayjs'
import moment from "moment";
export default {
}
// 时间处理模块
import dayjs from 'dayjs'
import moment from "moment";
export default {
name: 'SchoolReport',
data() {
return {
......@@ -822,7 +879,7 @@ export default {
});
let tmpArr = []
// 获取时间
for (let i = 0; i <= 11; i++) {
for (let i = 1; i <= 11; i++) {
let startWeek = dayjs().subtract(i, 'month').startOf('month');
let endWeek = dayjs().$d.getTime() > dayjs().subtract(i, 'month').endOf('month').$d.getTime() ? dayjs()
.subtract(i, 'month').endOf('month') : dayjs();
......@@ -868,7 +925,7 @@ export default {
}
return false;
},
tabTap: function (num) {
tabTap: function(num) {
this.tabIndex = num;
if (num == 1) {
this.$nextTick(() => {
......@@ -992,7 +1049,7 @@ export default {
})
}
},
toImage: function () {
toImage: function() {
this.$nextTick(() => {
html2cancas(document.getElementsByClassName("tainer")[0], {
useCORS: true,
......@@ -1008,7 +1065,7 @@ export default {
})
})
},
shareHandler: function () {
shareHandler: function() {
let htmlCanvasImg = document.getElementsByClassName("htmlCanvasImg")[0];
if (htmlCanvasImg) {
htmlCanvasImg.parentNode.removeChild(htmlCanvasImg);
......@@ -1016,15 +1073,15 @@ export default {
this.toImage();
this.dialogShow = true;
},
schoolReportChange: function (e) {
schoolReportChange: function(e) {
this.reportTypeIndex = e.target.value;
this.getDataRangeArr(this.reportTypeIndex);
},
dataRangeChange: function (e) {
dataRangeChange: function(e) {
this.dataRangeIndex = e.target.value;
this.getDataRangeArr(this.reportTypeIndex);
},
getDataRangeArr: function (num) {
getDataRangeArr: function(num) {
if (num) {
let tmpArr = []
for (let i = 1; i <= 52; i++) {
......@@ -1163,13 +1220,13 @@ export default {
this.attendanceSituations.attendanceDate = this.formatDate(date);
this.attendanceReprotDatail(this.formatDateTwo(date));
},
piechart: function () {
piechart: function() {
var myChart = echarts.init(document.getElementById('consumer-preferences-pie'));
var option = {
tooltip: {
trigger: 'item'
},
series: this.pieDatas.map(function (data, idx) {
series: this.pieDatas.map(function(data, idx) {
return {
type: 'pie',
radius: ['33', '58'],
......@@ -1179,7 +1236,7 @@ export default {
borderWidth: 3,
},
label: {
formatter: function (e) {
formatter: function(e) {
return e.name + "\n" + e.value + '元';
},
padding: [0, 2],
......@@ -1196,12 +1253,12 @@ export default {
color: ['#00C47C', '#F6C723', '#FF8646']
};
option && myChart.setOption(option);
window.addEventListener('resize', function () {
window.addEventListener('resize', function() {
myChart.resize();
})
},
// 获取某月的所有周六
getMonthSaturdayDate: function (year, month) {
getMonthSaturdayDate: function(year, month) {
const lastDay = new Date(year, month, 0).getDate();
const startDay = new Date(year, month, 1).getDate()
const allDate = [];
......@@ -1217,7 +1274,7 @@ export default {
})
return saturdayDate;
},
linechart: function (num) {
linechart: function(num) {
var mySize = document.getElementById('consumer-trend-line');
mySize.style.width = 360 + 'px';
mySize.style.height = 260 + 'px';
......@@ -1321,27 +1378,27 @@ export default {
color: 'transparent'
}
},
extraCssText: `width:109px;height:55px;line-height:33rpx;background: no-repeat center/100% url(../../static/images/consumeTrendbgm.png);
extraCssText: `width:109px;height:55px;line-height:33rpx;background: no-repeat center/100% url(./static/images/consumeTrendbgm.png);
font-size:24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;
color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
confine: true,
position: function (pt) {
position: function(pt) {
return [pt[0] - 27, pt[1] - 73];
},
formatter: function (data) {
formatter: function(data) {
let desp = ['', '消费金额偏高', '消费金额偏低'][data[0].data.isException - 1]
return data[0].name + '消费' + data[0].value + '元' + '<br>' + desp;
}
},
};
option && myLineChart.setOption(option);
window.addEventListener('resize', function () {
window.addEventListener('resize', function() {
myLineChart.resize();
})
},
callNumberBarchart: function () {
callNumberBarchart: function() {
var mySize = document.getElementById('call-number-bar');
mySize.style.width = 350 + 'px';
mySize.style.height = 260 + 'px';
......@@ -1359,7 +1416,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
color: 'rgba(0, 0, 0, 0.5)',
fontSize: 12
},
formatter: function (params) {
formatter: function(params) {
var newParamsName = "";
var tempParamsName = "";
var paramsNameNumber = params.length;
......@@ -1392,7 +1449,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
yAxis: {
type: 'value',
min: 0,
max: function (value) {
max: function(value) {
return Math.ceil(value.max) + 1
},
minInterval: 1
......@@ -1417,11 +1474,11 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
}]
};
option && myCallNumberBarchart.setOption(option);
window.addEventListener('resize', function () {
window.addEventListener('resize', function() {
myCallNumberBarchart.resize();
})
},
callDurationBarchart: function () {
callDurationBarchart: function() {
var mySize = document.getElementById('call-duration-bar');
mySize.style.width = 340 + 'px';
mySize.style.height = 260 + 'px';
......@@ -1439,7 +1496,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
color: 'rgba(0, 0, 0, 0.5)',
fontSize: 12
},
formatter: function (params) {
formatter: function(params) {
var newParamsName = "";
var tempParamsName = "";
var paramsNameNumber = params.length;
......@@ -1472,7 +1529,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
yAxis: {
type: 'value',
min: 0,
max: function (value) {
max: function(value) {
return Math.ceil(value.max)
},
minInterval: 1
......@@ -1497,11 +1554,11 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
}]
};
option && myCallDurationBarchart.setOption(option);
window.addEventListener('resize', function () {
window.addEventListener('resize', function() {
myCallDurationBarchart.resize();
})
},
leaveMessageBarchart: function () {
leaveMessageBarchart: function() {
var mySize = document.getElementById('leave-message-bar');
mySize.style.width = 350 + 'px';
mySize.style.height = 260 + 'px';
......@@ -1519,7 +1576,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
color: 'rgba(0, 0, 0, 0.5)',
fontSize: 12
},
formatter: function (params) {
formatter: function(params) {
var newParamsName = "";
var tempParamsName = "";
var paramsNameNumber = params.length;
......@@ -1552,7 +1609,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
yAxis: {
type: 'value',
min: 0,
max: function (value) {
max: function(value) {
return Math.ceil(value.max)
},
minInterval: 1
......@@ -1577,7 +1634,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
}]
};
option && myLeaveMessageBarchart.setOption(option);
window.addEventListener('resize', function () {
window.addEventListener('resize', function() {
myLeaveMessageBarchart.resize();
})
},
......@@ -1803,7 +1860,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
uni.showToast({
icon: "none",
mask: true,
title: data.msg
title: data.message
})
return
}
......@@ -1837,7 +1894,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
uni.showToast({
icon: "none",
mask: true,
title: data.msg
title: data.message
})
return
}
......@@ -1869,7 +1926,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
uni.showToast({
icon: "none",
mask: true,
title: data.msg
title: data.message
})
return
}
......@@ -2042,9 +2099,9 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
})
}
},
equityPay: function () {
equityPay: function() {
jWeixin.miniProgram.switchTab({
url: `/pages/UserMain/main`,
url: `/pages/Member/main`,
success: function success() {
console.log('skip success')
},
......@@ -2056,16 +2113,16 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
}
});
},
imageClick: function (src) {
imageClick: function(src) {
this.imageDialogSrc = src;
this.imageDialogShow = true;
},
},
}
}
</script>
<style lang="scss">
.nodata {
.nodata {
position: absolute;
left: 50%;
top: 0%;
......@@ -2086,9 +2143,9 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
font-weight: 500;
color: #999999;
}
}
}
.tainer {
.tainer {
.school-report-header {
height: 88rpx;
margin: 72rpx 0 48rpx 40rpx;
......@@ -3052,7 +3109,6 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
height: 756rpx;
background: #FFFFFF;
border-radius: 16rpx;
margin: 0 0 40rpx;
.leave-message-summary {
height: 90rpx;
......@@ -3232,7 +3288,6 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
height: 634rpx;
background: #FFFFFF;
border-radius: 16rpx;
margin-bottom: 37rpx;
position: relative;
.school-report-context-card-five-conclusion {
......@@ -3305,7 +3360,7 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
.school-report-footer {
height: 169rpx;
margin: 0 0 43rpx;
margin: 40rpx 0 43rpx;
padding: 33rpx 34rpx 42rpx 42rpx;
box-sizing: border-box;
background: no-repeat center/100% url(../../static/images/extendPermissionsBg.png);
......@@ -3597,5 +3652,5 @@ color: #FF8646;padding:13rpx 12rpx 30rpx 17rpx;`,
}
}
}
}
</style>
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