123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308 |
- <template>
- <view>
- <view class="head">
- <view class="">
- <image class="userFlagimg" src="../../static/img/userFlag.png" mode=""></image>
- </view>
- <view class="pname">
- <font class="wenzi" style="color: #BDD6F3;font-size:28upx"> {{$t('mainStatistics.name')}}: {{pnameData}}
- </font>
- </view>
- <view class="company">
- <font style="color: #BDD6F3;font-size:28upx">{{$t('mainStatistics.company')}}</font>
- </view>
- </view>
- <view class="ri">
- <view class="riShell">
- <view class="riImg">
- <image style="width: 64upx;height: 64upx;padding-top: 20upx;" :src="$t('mainStatistics.dayImg')">
- </image>
- </view>
- <view class="riTitle">
- <view style="text-align:left;font-size:28upx;font-family:PingFang-SC-Medium">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.dayTotalMoney')}}:</font>
- <font style="color: #ED341F;">{{dayTotalMoney}}</font>
- </view>
- <view style="text-align:left;font-size:28upx;font-family:PingFang-SC-Medium">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.dayTotalNum')}}:</font>
- <font style="color: #ED341F;">{{dayTotalNum}}</font>
- </view>
- </view>
- </view>
- <view class="riqi">
- <view style="text-align:right" class="tody">
- <font style="color: #596D83;">{{today}}</font>
- </view>
- <view style="text-align:right" class="xingqi">
- <font style="color: #596D83;">{{week}}</font>
- </view>
- </view>
- </view>
- <view class="fourTitle">
- <view class="four">
- <view class="fourImg">
- <image style="width: 54upx;height: 54upx;padding-top: 20upx;" :src="$t('mainStatistics.weekImg')"
- mode=""></image>
- </view>
- <view class="fourShell">
- <view class="one">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.weekTotalMoney')}}:</font>
- <font style="color: #ED341F;">{{weekTotalMoney}}</font>
- </view>
- <view class="two">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.weekTotalNum')}}:</font>
- <font style="color: #ED341F;">{{weekTotalNum}}</font>
- </view>
- </view>
- </view>
- <view class="four">
- <view class="fourImg">
- <image style="width: 54upx;height: 54upx;padding-top: 20upx;" :src="$t('mainStatistics.monthImg')"
- mode=""></image>
- </view>
- <view class="fourShell">
- <view class="one">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.monthTotalMoney')}}:</font>
- <font style="color: #ED341F;">{{monthTotalMoney}}</font>
- </view>
- <view class="two">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.monthTotalNum')}}:</font>
- <font style="color: #ED341F;">{{monthTotalNum}}</font>
- </view>
- </view>
- </view>
- <view class="four">
- <view class="fourImg">
- <image style="width: 54upx;height: 54upx;padding-top: 20upx;" :src="$t('mainStatistics.yearImg')"
- mode=""></image>
- </view>
- <view class="fourShell">
- <view class="one">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.yearTotalMoney')}}:</font>
- <font style="color: #ED341F;">{{yearTotalMoney}}</font>
- </view>
- <view class="two">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.yearTotalNum')}}:</font>
- <font style="color: #ED341F;">{{yearTotalNum}}</font>
- </view>
- </view>
- </view>
- <view class="four">
- <view class="fourImg">
- <image style="width: 54upx;height: 54upx;padding-top: 20upx;" :src="$t('mainStatistics.allImg')"
- mode=""></image>
- </view>
- <view class="fourShell">
- <view class="one">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.machineTotalNum')}}:</font>
- <font style="color: #ED341F;">{{machineTotalNum}}</font>
- </view>
- <view class="two">
- <font class="fontLeft" style="color: #596D83;">{{$t('mainStatistics.machineUseNum')}}:</font>
- <font style="color: #ED341F;">{{machineUseNum}}</font>
- </view>
- </view>
- </view>
- </view>
- <view class="riShell">
- <!-- 选择框 -->
- <view style="width: 80%;">
- <!-- 商家选择 -->
- <view v-if="id!=1&&type<4&&length>0&&ifForeign=='0'" class="td-right">
- <view class="uni-list">
- <view class="uni-list-cell">
- <view class="uni-list-cell-left">
- 当前商家:
- </view>
- <view class="uni-list-cell-db" style="overflow: hidden;text-overflow: ellipsis;">
- <picker @change="changeAdmin" :value="index" :range="adminList">
- <view class="uni-input">{{adminList[index]}}</view>
- </picker>
- </view>
- </view>
- </view>
- </view>
- <!-- 支付方式选择 -->
- <view v-if="ifForeign!=''&&ifForeign=='1'" class="td-right">
- <view class="uni-list">
- <view class="uni-list-cell">
- <view class="uni-list-cell-left">
- PayType:
- </view>
- <view class="uni-list-cell-db" style="overflow: hidden;text-overflow: ellipsis;">
- <picker @change="changePayType" :value="index1" :range="payTypeList">
- <view class="uni-input">{{payTypeList[index1]}}</view>
- </picker>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 刷新按钮 -->
- <view class="search-button">
- <button type="primary" class="" :disabled="langAbbrs" @click="refresh()">
- <p class="">{{$t('mainStatistics.refresh')}}</P>
- </button>
- </view>
- </view>
- <view class="qiun-columns">
- <view class="qiun-bg-white qiun-title-bar qiun-common-mt">
- <view class="qiun-title-dot-light">
- <view class="dis">{{$t('mainStatistics.day')}}</view>
- </view>
- <view class="shijian" style="text-align: center;position: relative;">
- <image @click="pre('day')" class="preImg" src="/static/img/leftTriangle.png"></image>
- <span>{{startDate1}}</span>
- <image @click="next('day')" class="nextImg" src="/static/img/rightTriangle.png"></image>
- </view>
- </view>
- <view v-show="noticeTRUE" class="qiun-charts" style="background-color: #FFFFFF;">
- <canvas canvas-id="canvaColumn1" id="canvaColumn1" class="charts" disable-scroll=true
- @touchstart="touchLine1" @touchmove="moveLine1" @touchend="touchEndLine1"
- style="background-color: #FFFFFF;"></canvas>
- </view>
- </view>
- <view class="line"></view>
- <view class="qiun-columns">
- <view class="qiun-bg-white qiun-title-bar qiun-common-mt">
- <view class="qiun-title-dot-light">
- <view class="dis">{{$t('mainStatistics.week')}}</view>
- </view>
- <view class="shijian" style="text-align: center;position: relative;">
- <image @click="pre('week')" class="preImg" src="/static/img/leftTriangle.png"></image>
- <span>{{startDate2}} -- {{endDate2}}</span>
- <image @click="next('week')" class="nextImg" src="/static/img/rightTriangle.png"></image>
- </view>
- </view>
- <view v-show="noticeTRUE" class="qiun-charts" style="background-color: #FFFFFF;">
- <canvas canvas-id="canvaColumn2" id="canvaColumn2" class="charts" disable-scroll=true
- @touchstart="touchLine2" @touchmove="moveLine2" @touchend="touchEndLine2"
- style="background-color: #FFFFFF;"></canvas>
- </view>
- </view>
- <view class="line"></view>
- <view class="qiun-columns">
- <view class="qiun-bg-white qiun-title-bar qiun-common-mt">
- <view class="qiun-title-dot-light">
- <view class="dis">{{$t('mainStatistics.month')}}</view>
- </view>
- <view class="shijian" style="text-align: center;position: relative;">
- <image @click="pre('month')" class="preImg" src="/static/img/leftTriangle.png"></image>
- <span>{{startDate3}} -- {{endDate3}}</span>
- <image @click="next('month')" class="nextImg" src="/static/img/rightTriangle.png"></image>
- </view>
- </view>
- <view v-show="noticeTRUE" class="qiun-charts" style="background-color: #FFFFFF;">
- <canvas canvas-id="canvaColumn3" id="canvaColumn3" class="charts" disable-scroll=true
- @touchstart="touchLine3" @touchmove="moveLine3" @touchend="touchEndLine3"
- style="background-color: #FFFFFF;"></canvas>
- </view>
- </view>
- <view class="line"></view>
- <view class="qiun-columns">
- <view class="qiun-bg-white qiun-title-bar qiun-common-mt">
- <view class="qiun-title-dot-light">
- <view class="dis">{{$t('mainStatistics.year')}}</view>
- </view>
- <view class="shijian" style="text-align: center;position: relative;">
- <image @click="pre('year')" class="preImg" src="/static/img/leftTriangle.png"></image>
- <span>{{startDate4}} -- {{endDate4}}</span>
- <image @click="next('year')" class="nextImg" src="/static/img/rightTriangle.png"></image>
- </view>
- </view>
- <view v-show="noticeTRUE" class="qiun-charts" style="background-color: #FFFFFF;">
- <canvas canvas-id="canvaColumn4" id="canvaColumn4" class="charts" disable-scroll=true
- @touchstart="touchLine4" @touchmove="moveLine4" @touchend="touchEndLine4"
- style="background-color: #FFFFFF;"></canvas>
- </view>
- </view>
- <view v-show="noticeShow">
- <uni-popup id="popupDialog" ref="popupDialog" type="dialog">
- <uni-popup-dialog :type="msgType" title="通知" content="欢迎使用 unisdfdd-popup!" :before-close="true"
- @confirm="dialogConfirm(noticeId)" @close="dialogClose">
- <scroll-view scroll-y="true" class="scroll-Y" :style="{height:scrollHeight*0.8+'px'}">
- <view class="scroll-view-item ">
- {{noticeTitle}}<br />
- <p v-html="noticeNote">{{noticeNote}}</p>
- </view>
- </scroll-view>
- </uni-popup-dialog>
- </uni-popup>
- </view>
- </view>
- </template>
- <script>
- import {
- mapState,
- mapActions,
- mapMutations
- } from 'vuex';
- import uCharts from '@/components/u-charts/u-charts.js';
- import {
- dateUtils
- } from '@/common/util.js';
- var _self;
- var canvaColumn1 = null;
- var canvaColumn2 = null;
- var canvaColumn3 = null;
- var canvaColumn4 = null;
- export default {
- name: 'mainStatistics',
- props: {
- equipmentId: '',
- adminId: '',
- pname: '',
- },
- data() {
- return {
- machineTotalNum: 0,
- machineUseNum: 0,
- dayTotalMoney: 0,
- dayTotalNum: 0,
- weekTotalMoney: 0,
- weekTotalNum: 0,
- monthTotalMoney: 0,
- monthTotalNum: 0,
- yearTotalMoney: 0,
- yearTotalNum: 0,
- cWidth: '',
- cHeight: '',
- pixelRatio: 1,
- startDate1: '',
- startDate2: '',
- endDate2: '',
- startDate3: '',
- endDate3: '',
- startDate4: '',
- endDate4: '',
- today: '',
- week: '',
- adminList: [],
- payTypeList: ["All","non-pay","coin","notes","coin+notes","credit-card","E-PAYMENT"],
- payType:'All',
- admins: [],
- index: 0,
- index1: 0,
- id: 0,
- length: 0,
- type: null,
- noticeShow: false,
- noticeTRUE: true,
- noticeTitle: '',
- noticeNote: '',
- noticeId: '',
- msgType: 'success',
- scrollHeight: uni.getSystemInfoSync().windowHeight - 130,
- ifForeign:0,
- langAbbrs:false,
- localPname: this.pname,
- }
- },
- computed: {
- ...mapState(['loginUser']),
- pnameData: {
- get() {
- return this.localPname;
- }
- },
- },
- onShow() {
- uni.setNavigationBarTitle({
- title: this.$t('mainStatistics.title')
- });
- uni.setTabBarItem({
- index: 0,
- text: this.$t('tabs.tab1')
- });
- // uni.setStorageSync('test',1);
- this.id = 0;
- this.index = 0;
- var test = uni.getStorageSync('test');
- var globalUser = uni.getStorageSync("globalUser");
- this.ifForeign = globalUser.ifForeign;
- //test 判断是不是初次登陆
- if (globalUser.id != 1 && test == 1) {
- setTimeout(() => {
- this.getNOtice();
- }, 5000);
- }
- var token = uni.getStorageSync("token");
- if (token.toString().length > 1) {
- this.init();
- } else {
- uni.reLaunch({
- url: '../Login/Login',
- });
- }
- if (globalUser.toString().length > 1) {
- if (globalUser.type > 0 && globalUser.type < 4) {
- this.getAdmin();
- }
- this.id = globalUser.id;
- this.type = globalUser.type;
- }
- this.day();
- },
- mounted() {
- var token = uni.getStorageSync("token");
- if (token.toString().length > 1) {
- var test = uni.getStorageSync('test');
- if (test > 1||test==0) {
- this.init();
- }
- } else {
- uni.reLaunch({
- url: '../Login/Login',
- });
- }
- // this.day();
- this.equipmentStatus();
- },
- methods: {
- // open() {
- // this.show = true;
- // },
- ...mapActions('chart', ['getStatistics', 'getMachineNum']),
- async init() {
- if (!this.localPname) {
- this.localPname = this.loginUser.name;
- }
- _self = this;
- //图表中图
- this.cWidth = uni.upx2px(690);
- this.cHeight = uni.upx2px(370);
- this.getMainStatisticsData();
- var test = uni.getStorageSync('test');
- await this.initDateRang(new Date(), 'day', 0);
- if (test == null || test < 2) {
- await this.initDateRang(new Date(), 'week', 0);
- await this.initDateRang(new Date(), 'month', 0);
- await this.initDateRang(new Date(), 'year', 0);
- }
- var test = uni.getStorageSync('test');
- var globalUser = uni.getStorageSync("globalUser");
- //初次登陆跳转后,把test变成2
- uni.setStorageSync('test', '2');
- },
- getNOtice() {
- // console.log("notice")
- var globalUser = uni.getStorageSync("globalUser");
- var token = uni.getStorageSync("token");
- uni.request({
- url: this.serverurl + '/TNotice/getNotice?id=' + globalUser.id,
- // data: {
- // "id": globalUser.id
- // },
- header: {
- 'token': token
- },
- method: "POST",
- success: (res) => {
- if (res.data.code) {
- if (res.data.message == '1') {
- var notice = res.data.data;
- this.noticeTitle = notice.title,
- this.noticeNote = notice.note,
- this.noticeId = notice.id,
- this.noticeTRUE = false,
- this.noticeShow = true,
- this.$refs.popupDialog.open()
- }
- }
- },
- });
- },
- day() {
- var date = new Date();
- // var daystr = dateUtils.formateDate(date, 'yyyy年MM月dd日');
- var daystr = dateUtils.formateDate(date, 'yyyy-MM-dd');
- this.today = daystr;
- // var str= '星期'+'日一二三四五六'.charAt(date.getDay());
- this.week = this.$t('mainStatistics.week' + date.getDay());
- },
- //查询下级用户
- getAdmin() {
- var param = {};
- var token = uni.getStorageSync("token");
- var globalUser = uni.getStorageSync("globalUser");
- param['id'] = globalUser.id;
- uni.request({
- url: this.serverurl + '/TAdmin/selectLowAdmin',
- data: param,
- header: {
- 'token': token
- },
- method: "POST",
- success: (res) => {
- if (res.data.code) {
- var admins = res.data.data;
- // this.admins = admins;
- var adminss = [];
- var adminList = [];
- adminList.push('本商户');
- if (admins.length > 0) {
- this.length = admins.length;
- adminList.push('所有下级');
- for (var i = 0; i < admins.length; i++) {
- // console.log(admins[i].name)
- if (i == 0) {
- var globalUser = uni.getStorageSync("globalUser");
- var id = admins[i].id;
- if (id == globalUser.id) {
- continue;
- }
- }
- if (admins[i].name != null || admins[i].name != '') {
- adminss.push(admins[i]);
- adminList.push(admins[i].name);
- } else {
- adminList.push(admins[i].username);
- adminss.push(admins[i]);
- }
- }
- }
- this.adminList = adminList;
- this.admins = adminss;
- } else {
- uni.showToast({
- title: `获取信息失败:` + res.data.message,
- icon: 'none'
- })
- }
- },
- });
- },
- // 改变商家
- changeAdmin: function(e) {
- this.index = e.target.value;
- var id = '';
- if (e.target.value > 1) {
- id = this.admins[e.target.value - 2].id;
- }
- if (e.target.value == 1) {
- id = 'all';
- }
- if (e.target.value == 0) {
- id = 0;
- }
- // console.log("adminID="+id);
- this.id = id;
- uni.setStorageSync('test', 1);
- this.init();
- },
- // 改变支付方式
- changePayType: function(e) {
- this.index1 = e.target.value;
- if(this.index1!=0){
- this.payType = this.index1-1;
- }else{
- this.payType = 'All'
- }
- uni.setStorageSync('test', 1);
- this.init();
-
- },
- // 刷新
- refresh(){
- uni.setStorageSync('test', 1);
- this.init();
- this.langAbbrs = true;
- setTimeout(() => {
- // 方法区
- this.langAbbrs = false;
- }, 5000);
- },
- equipmentStatus() {
- var that = this;
- var id = uni.getStorageSync("globalUser").id;
- var token = uni.getStorageSync("token");
- uni.request({
- url: this.serverurl + '/TEquipment/equipmentStatus',
- data: {
- "adminId": id
- },
- header: {
- 'token': token
- },
- method: "POST",
- success: (res) => {
- setTimeout(function() {
- that.checkEquipmentStatus(id);
- }, 5000);
- },
- });
- },
- checkEquipmentStatus(id) {
- var token = uni.getStorageSync("token");
- uni.request({
- url: this.serverurl + '/TEquipment/checkEquipmentStatus',
- data: {
- "adminId": id
- },
- header: {
- 'token': token
- },
- method: "POST",
- success: (res) => {
- },
- });
- },
- initDateRang(day, chartType, type) {
- const daystr = dateUtils.formateDate(day, 'yyyy/MM/dd');
- if (chartType === 'day') {
- this.startDate1 = dateUtils.formateDate(day, 'yyyy/MM/dd');
- }
- if (chartType === 'week') {
- this.startDate2 = dateUtils.formateDate(dateUtils.getFirstDayOfWeek(day), 'yyyy/MM/dd');
- this.endDate2 = dateUtils.formateDate(dateUtils.getLastDayOfWeek(day), 'yyyy/MM/dd');
- }
- if (chartType === 'month') {
- this.startDate3 = dateUtils.formateDate(dateUtils.getCurrentMonFirstDate(day), 'yyyy/MM/dd');
- this.endDate3 = dateUtils.formateDate(dateUtils.getCurrentMonLastDate(day), 'yyyy/MM/dd');
- }
- if (chartType === 'year') {
- this.startDate4 = dateUtils.formateDate(dateUtils.getCurrentYearFirstDate(day), 'yyyy/MM/dd');
- this.endDate4 = dateUtils.formateDate(dateUtils.getCurrentYearLastDate(day), 'yyyy/MM/dd');
- }
- return this.getStatisticsData(chartType, type);
- },
- /**上一个 */
- pre(chartType) {
- let day;
- if (chartType === 'day') { // 日
- day = new Date(this.startDate1);
- day.setDate(day.getDate() - 1);
- }
- if (chartType === 'week') { // 周
- day = new Date(this.startDate2);
- day.setDate(day.getDate() - 7);
- }
- if (chartType === 'month') { // 月
- day = new Date(this.startDate3);
- day.setMonth(day.getMonth() - 1);
- }
- if (chartType === 'year') { // 年
- day = new Date(this.startDate4);
- day.setFullYear(day.getFullYear() - 1);
- }
- this.initDateRang(day, chartType, 1);
- },
- /**下一个 */
- next(chartType) {
- let day;
- if (chartType === 'day') { // 日
- day = new Date(this.startDate1);
- day.setDate(day.getDate() + 1);
- }
- if (chartType === 'week') { // 周
- day = new Date(this.startDate2);
- day.setDate(day.getDate() + 7);
- }
- if (chartType === 'month') { // 月
- day = new Date(this.startDate3);
- day.setMonth(day.getMonth() + 1);
- }
- if (chartType === 'year') { // 年
- day = new Date(this.startDate4);
- day.setFullYear(day.getFullYear() + 1);
- }
- this.initDateRang(day, chartType, 1);
- },
- getStatisticsData(chartType, type) {
- //type=0 头顶统计数字变,type=1 头顶统计数字不变
- const param = {
- 'chartType': chartType
- };
- if (chartType == 'day') {
- param['startDate'] = this.startDate1;
- param['endDate'] = this.startDate1;
- }
- if (chartType == 'week') {
- param['startDate'] = this.startDate2;
- param['endDate'] = this.endDate2;
- }
- if (chartType == 'month') {
- param['startDate'] = this.startDate3;
- param['endDate'] = this.endDate3;
- }
- if (chartType == 'year') {
- param['startDate'] = this.startDate4;
- param['endDate'] = this.endDate4;
- }
- if (this.adminId) { // 子组件,则拿传过来的参
- param['adminId'] = this.adminId;
- } else if ('admin' !== this.loginUser['username']) { //否则为主页,拿登录用户
- param['adminId'] = this.loginUser['id'];
- }
- var globalUser = uni.getStorageSync("globalUser");
- if (globalUser.id != 1) {
- if (param.adminId == null || param.adminId == undefined) {
- param['adminId'] = globalUser.id;
- }
- }
- if (this.equipmentId) {
- param['equipmentId'] = this.equipmentId;
- }
- if (this.id != 1) {
- var id = this.id;
- } else {
- var id = 0;
- }
- if (id == 'all') {
- param['adminId'] = null;
- if (this.type == 1) {
- param['agencyId'] = globalUser.id;
- }
- if (this.type == 2) {
- param['merchantId'] = globalUser.id;
- }
- } else if (id == 0) {
- } else {
- param['adminId'] = id;
- }
- if(this.ifForeign == '1'){
- param['payType'] = this.payType;
- }
- var type = type;
- return this.getStatistics(param)
- .then(data => {
- uni.stopPullDownRefresh();
- var date = new Date();
- var num = date.getDay(); //'日一二三四五六'0123456
- var categories = data.categories;
- var series = data.series;
- if (param['chartType'] == 'day') {
- canvaColumn1 = this.initChart('canvaColumn1', data);
- if (type == 0) {
- var dayTotalMoney = 0;
- var dayTotalNum = 0;
- for (var i = 0; i < series[0].data.length; i++) {
- dayTotalMoney = dayTotalMoney + series[1].data[i];
- dayTotalNum = dayTotalNum + series[0].data[i]
- }
- this.dayTotalNum = dayTotalNum.toFixed(0);
- this.dayTotalMoney = dayTotalMoney.toFixed(2);
- }
- }
- if (param['chartType'] == 'week') {
- canvaColumn2 = this.initChart('canvaColumn2', data);
- if (type == 0) {
- var weekTotalMoney = 0;
- var weekTotalNum = 0;
- for (var i = 0; i < series[0].data.length; i++) {
- weekTotalMoney = weekTotalMoney + series[1].data[i];
- weekTotalNum = weekTotalNum + series[0].data[i]
- }
- this.weekTotalMoney = weekTotalMoney.toFixed(2);
- this.weekTotalNum = weekTotalNum.toFixed(0);
- }
- }
- if (param['chartType'] == 'month') {
- canvaColumn3 = this.initChart('canvaColumn3', data);
- if (type == 0) {
- var monthTotalMoney = 0;
- var monthTotalNum = 0;
- for (var i = 0; i < series[0].data.length; i++) {
- monthTotalMoney = monthTotalMoney + series[1].data[i];
- monthTotalNum = monthTotalNum + series[0].data[i]
- }
- this.monthTotalMoney = monthTotalMoney.toFixed(2);
- this.monthTotalNum = monthTotalNum.toFixed(0);
- }
- }
- if (param['chartType'] == 'year') {
- canvaColumn4 = this.initChart('canvaColumn4', data);
- if (type == 0) {
- var yearTotalMoney = 0;
- var yearTotalNum = 0;
- for (var i = 0; i < series[0].data.length; i++) {
- yearTotalMoney = yearTotalMoney + series[1].data[i];
- yearTotalNum = yearTotalNum + series[0].data[i]
- }
- this.yearTotalMoney = yearTotalMoney.toFixed(2);
- this.yearTotalNum = yearTotalNum.toFixed(0);
- }
- }
- }, _ => {
- uni.stopPullDownRefresh();
- if (param['chartType'] == 'day') {
- canvaColumn1 = this.initChart('canvaColumn1', {
- categories: ['暂无数据'],
- series: [{
- name: '销售个数',
- data: [0]
- }]
- });
- }
- if (param['chartType'] == 'week') {
- canvaColumn2 = this.initChart('canvaColumn2', {
- categories: ['暂无数据'],
- series: [{
- name: '销售个数',
- data: [0]
- }]
- });
- }
- if (param['chartType'] == 'month') {
- canvaColumn3 = this.initChart('canvaColumn3', {
- categories: ['暂无数据'],
- series: [{
- name: '销售个数',
- data: [0]
- }]
- });
- }
- if (param['chartType'] == 'year') {
- canvaColumn4 = this.initChart('canvaColumn4', {
- categories: ['暂无数据'],
- series: [{
- name: '销售个数',
- data: [0]
- }]
- });
- }
- });
- },
- initChart(canvasId, chartData) {
- if (this.$t('lang') != null && this.$t('lang') != '') {
- if (this.$t('lang') != 'zh') {
- chartData.categories = chartData.categories.map(e => {
- if (e.indexOf('点') >= 0) {
- return e.replace('点', this.$t('mainStatistics.oclock'));
- }
- if (e.indexOf('周') >= 0) {
- const weekNum = e.substring(e.length - 1) == '日' ? '0' : e.substring(e.length - 1);
- return this.$t('mainStatistics.week' + weekNum);
- }
- if (e.indexOf('月') >= 0) {
- var res = e.toString();
- if (res.length > 3) {
- return e.replace('月', this.$t('mainStatistics.mon'));
- } else {
- return e.replace('月', this.$t('mainStatistics.y'));
- }
- }
- return e;
- });
- chartData.series = chartData.series.map(e => {
- if (e['name'] == '销售个数') {
- e['name'] = this.$t('mainStatistics.saleNum');
- }
- if (e['name'] == '销售额') {
- e['name'] = this.$t('mainStatistics.saleroom');
- }
- return e;
- });
- }
- }
- return new uCharts({
- $this: _self,
- canvasId: canvasId,
- enableScroll: true,
- type: 'column',
- legend: true,
- fontSize: 10,
- background: '#FFFFFF', //y轴颜色
- pixelRatio: 1,
- animation: true,
- categories: chartData.categories,
- series: chartData.series,
- xAxis: {
- type: 'grid',
- gridType: 'dash',
- itemCount: 5, //x轴单屏显示数据的数量,默认为5个
- scrollShow: true, //新增是否显示滚动条,默认false
- scrollAlign: 'left', //滚动条初始位置
- scrollBackgroundColor: '#F7F7FF', //默认为 #EFEBEF 滚动条颜色底色
- scrollColor: '#DEE7F7', //默认为 #A6A6A6 滚动条颜色
- disableGrid: true,
- },
- yAxis: {
- type: 'grid',
- gridType: 'soild',
- // disabled:true
- // disableGrid:true,
- },
- dataLabel: true,
- width: _self.cWidth * _self.pixelRatio,
- height: _self.cHeight * _self.pixelRatio,
- extra: {
- column: {
- // width: _self.cWidth*_self.pixelRatio*0.45/chartData.categories.length
- width: 18
- }
- }
- });
- },
- getMainStatisticsData() {
- const param = {};
- if (this.adminId) { // 子组件,则拿传过来的参
- param['adminId'] = this.adminId;
- } else if ('admin' !== this.loginUser['username']) { //否则为主页,拿登录用户
- param['adminId'] = this.loginUser['id'];
- }
- var globalUser = uni.getStorageSync("globalUser");
- if (globalUser.id != 1) {
- if (param.adminId == null || param.adminId == undefined) {
- param['adminId'] = globalUser.id;
- }
- }
- if (this.equipmentId) {
- param['equipmentId'] = this.equipmentId;
- }
- if (this.id != 1) {
- var id = this.id;
- } else {
- var id = 0;
- }
- var aid = param.adminId;
- if (id == 'all') {
- param['adminId'] = null;
- if (this.type == 1) {
- param['agencyId'] = globalUser.id;
- }
- if (this.type == 2) {
- param['merchantId'] = globalUser.id;
- }
- } else if (id == 0) {
- } else {
- param['adminId'] = id;
- aid = id;
- }
- // console.log('getMainStatisticsData:{}', param);
- var adminId = param.adminId;
- var equipmentId = this.equipmentId;
- var serverurl = this.serverurl;
- var token = uni.getStorageSync("token");
- var test = uni.getStorageSync("test");
- param['test'] = test;
- uni.request({
- url: serverurl + '/TEquipment/getMachineNum',
- data: {
- "adminId": aid,
- "equipmentId": equipmentId
- },
- method: "POST",
- header: {
- 'token': token
- },
- success: (res) => {
- var list = res.data.data;
- this.machineTotalNum = list[0];
- this.machineUseNum = list[1];
- }
- });
- // uni.request({
- // url: serverurl + '/TOrder/getMainStatistics',
- // data: param,
- // method: "POST",
- // header: {
- // 'token': token
- // },
- // success: (res) => {
- // var list = res.data.data;
- // for (let bean of list) {
- // if (bean['categorie'] === 'day') {
- // this.dayTotalMoney = bean['salePrice'];
- // this.dayTotalNum = bean['saleNum'];
- // }
- // if (bean['categorie'] === 'week') {
- // this.weekTotalMoney = bean['salePrice'];
- // this.weekTotalNum = bean['saleNum'];
- // }
- // if (bean['categorie'] === 'month') {
- // this.monthTotalMoney = bean['salePrice'];
- // this.monthTotalNum = bean['saleNum'];
- // }
- // if (bean['categorie'] === 'year') {
- // this.yearTotalMoney = bean['salePrice'];
- // this.yearTotalNum = bean['saleNum'];
- // }
- // }
- // }
- // });
- },
- touchLine1(e) {
- if (canvaColumn1) {
- canvaColumn1.scrollStart(e);
- }
- },
- moveLine1(e) {
- if (canvaColumn1) {
- canvaColumn1.scroll(e);
- }
- },
- touchEndLine1(e) {
- if (canvaColumn1) {
- canvaColumn1.scrollEnd(e);
- //下面是toolTip事件,如果滚动后不需要显示,可不填写
- canvaColumn1.showToolTip(e, {
- format: function(item, category) {
- return category + ' ' + item.name + ':' + item.data
- }
- });
- }
- },
- touchLine2(e) {
- if (canvaColumn2) {
- canvaColumn2.scrollStart(e);
- }
- },
- moveLine2(e) {
- if (canvaColumn2) {
- canvaColumn2.scroll(e);
- }
- },
- touchEndLine2(e) {
- if (canvaColumn2) {
- canvaColumn2.scrollEnd(e);
- //下面是toolTip事件,如果滚动后不需要显示,可不填写
- canvaColumn2.showToolTip(e, {
- format: function(item, category) {
- return category + ' ' + item.name + ':' + item.data
- }
- });
- }
- },
- touchLine3(e) {
- if (canvaColumn3) {
- canvaColumn3.scrollStart(e);
- }
- },
- moveLine3(e) {
- if (canvaColumn3) {
- canvaColumn3.scroll(e);
- }
- },
- touchEndLine3(e) {
- if (canvaColumn3) {
- canvaColumn3.scrollEnd(e);
- //下面是toolTip事件,如果滚动后不需要显示,可不填写
- canvaColumn3.showToolTip(e, {
- format: function(item, category) {
- return category + ' ' + item.name + ':' + item.data
- }
- });
- }
- },
- touchLine4(e) {
- if (canvaColumn4) {
- canvaColumn4.scrollStart(e);
- }
- },
- moveLine4(e) {
- if (canvaColumn4) {
- canvaColumn4.scroll(e);
- }
- },
- touchEndLine4(e) {
- if (canvaColumn4) {
- canvaColumn4.scrollEnd(e);
- //下面是toolTip事件,如果滚动后不需要显示,可不填写
- canvaColumn4.showToolTip(e, {
- format: function(item, category) {
- return category + ' ' + item.name + ':' + item.data
- }
- });
- }
- },
- // 点击确定
- dialogConfirm(id) {
- this.noticeTRUE = true;
- var adminId = uni.getStorageSync("globalUser").id;
- var token = uni.getStorageSync("token");
- uni.request({
- url: this.serverurl + '/TNotice/updateNotice?adminId=' + adminId + '¬iceId=' + id,
- header: {
- 'token': token
- },
- method: "POST",
- success: (res) => {
- uni.showModal({
- title: "提示",
- content: res.data.message,
- success: (res) => {
- }
- })
- },
- });
- this.$refs.popupDialog.close()
- },
- //点击取消
- dialogClose(done) {
- this.noticeTRUE = true,
- // this.msgType = 'success'
- // 需要执行 done 才能关闭对话框
- this.$refs.popupDialog.close()
- }
- }
- }
- </script>
- <style>
- page {
- /* background: #F2F2F2; */
- background: #FFFFFF;
- width: 750upx;
- overflow-x: hidden;
- }
- .head {
- display: flex;
- flex-direction: row;
- background: #206DC3;
- width: 750upx;
- height: 180upx;
- }
- .company {
- width: 48%;
- text-align: right;
- }
- .pname {
- display: flex;
- flex-direction: row;
- width: 40%;
- }
- .userFlagimg {
- padding-left: 30upx;
- padding-top: 10upx;
- width: 26upx;
- height: 28upx;
- }
- .wenzi {
- padding-left: 5upx;
- /* text-align:right; */
- white-space: nowrap;
- overflow: hidden;
- /* text-overflow: ellipsis; */
- }
- .ri {
- width: 690upx;
- height: 180upx;
- background: #FFFFFF;
- border-radius: 15upx;
- /* 上移 */
- transform: translateY(-90upx);
- text-align: center;
- margin: auto;
- display: flex;
- flex-direction: row;
- /* 阴影 */
- box-shadow: 0upx -1upx 20upx #D3D3D3;
- /* box-shadow:0px 0px 10px 5px #aaa; */
- }
- .riShell {
- display: flex;
- flex-direction: row;
- margin: auto;
- }
- .riTitle {
- display: flex;
- flex-direction: column;
- margin: auto;
- }
- .riqi {
- display: flex;
- flex-direction: column;
- margin: auto;
- }
- .fourTitle {
- width: 690upx;
- height: 294upx;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- background: #FFFFFF;
- box-shadow: 0upx 0upx 20upx #D3D3D3;
- margin: auto;
- border-radius: 15upx;
- transform: translateY(-60upx);
- }
- .four {
- display: flex;
- flex-direction: row;
- margin: auto;
- width: 48%;
- }
- .fourImg {
- width: 54upx;
- height: 54upx;
- }
- .qiun-padding {
- padding: 2%;
- width: 96%;
- }
- .qiun-wrap {
- display: flex;
- flex-wrap: wrap;
- }
- .qiun-rows {
- display: flex;
- flex-direction: row !important;
- }
- .qiun-columns {
- display: flex;
- flex-direction: column !important;
- }
- .qiun-common-mt {
- margin-top: 0upx;
- height: 160upx;
- }
- .qiun-bg-white {
- background: #FFFFFF;
- }
- .qiun-title-bar {
- width: 100%;
- /* padding: 10upx 2%; */
- flex-wrap: nowrap;
- border-radius: 15upx;
- }
- .qiun-title-dot-light {
- width: 92%;
- border-left: 20upx;
- border-left: 10upx solid #206DC3;
- padding-left: 10upx;
- height: 32upx;
- /* padding-bottom: 40upx; */
- font-family: "PingFang-SC-Bold";
- font-weight: bold;
- margin: auto;
- font-size: 32upx;
- color: #363D44;
- transform: translateY(20upx);
- }
- .dis {
- transform: translateY(-13upx);
- font-size: 32upx;
- font-family: "PingFang-SC-Bold";
- color: #363D44;
- }
- .shijian {
- transform: translateY(40upx);
- padding-top: 30upx;
- height: 80upx;
- width: 690upx;
- margin: auto;
- box-shadow: 0upx 0upx 10upx #D3D3D3;
- }
- .line {
- background: #ECECEC;
- height: 20upx;
- }
- .qiun-charts {
- width: 690upx;
- height: 370upx;
- padding-top: 50upx;
- background-color: #FFFFFF;
- margin: auto;
- }
- .charts {
- width: 690upx;
- height: 370upx;
- background-color: #FFFFFF;
- margin: auto;
- }
- .preImg {
- position: absolute;
- left: 30upx;
- width: 71upx;
- height: 57upx;
- }
- .nextImg {
- position: absolute;
- right: 30upx;
- width: 71upx;
- height: 57upx;
- }
- .fontLeft {
- margin-right: 6upx;
- }
- .tr {
- padding-top: 15upx;
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- font-size: 26upx;
- font-family: "PingFang-SC-Bold";
- }
- .td-left {
- font-family: "PingFang-SC-Bold";
- margin: auto;
- font-size: 26upx;
- width: 30%;
- text-align: right;
- }
- .td-right {
- font-family: "PingFang-SC-Bold";
- /* font-weight: bold; */
- margin: auto;
- /* font-size: 26upx; */
- width: 70%;
- text-align: left;
- }
- .search-button{
- width: 20%;
- padding-left: 7upx;
- text-align: center;
- }
- </style>
|