123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732 |
- <template>
- <view>
- <view class="order-index">
- <view class="topBox">
- <view class="header acea-row">
- <view class="items">
- <image :src="user.avatar" mode=""></image>
- <span class="font">{{user.staff_name}}</span><span>({{manager == 0?'店员':'店长'}})</span>
- </view>
- <view class="item">
-
-
- <view class="iconfont icon-saoma" @click="scanCode">
- </view>
-
-
- <view v-if="isWeixin" class="iconfont icon-saoma" @click="scanCode"></view>
-
- </view>
- </view>
- <view class="topstatus acea-row" v-if="is_manager == 1 || user.order_status == 1">
- <navigator url="/pages/admin/store/order/index?type=0" hover-class="none">
- <view class="title">{{orderlist.unpaid_count}}</view>
- <view>待付款</view>
- </navigator>
- <navigator url="/pages/admin/store/order/index?type=1" hover-class="none">
- <view class="title">{{orderlist.unshipped_count}}</view>
- <view>待配送</view>
- </navigator>
- <navigator url="/pages/admin/store/order/index?type=5" hover-class="none">
- <view class="title">{{orderlist.unwriteoff_count}}</view>
- <view>待核销</view>
- </navigator>
- <navigator url="/pages/admin/store/order/index?type=3" hover-class="none">
- <view class="title">{{orderlist.evaluated_count}}</view>
- <view>待评价</view>
- </navigator>
- <navigator url="/pages/admin/store/order/index?type=-3" hover-class="none">
- <view class="title">{{orderlist.refund_count}}</view>
- <view>退款</view>
- </navigator>
- </view>
- </view>
-
- <view class="wrapper">
- <view class="title">
- <view class="uni-list-cell-db" @click="hiddened">
- <picker @change="bindPickerChange" :range="array" @cancel="cancel" v-if="is_manager == 1">
- <span class="iconfont icon-shujutongji"></span>
- <label class="aa">{{array[index]}}</label>
- <text class='iconfont' :class='hidden==true?"icon-xiangxia":"icon-xiangshang"'></text>
- </picker>
- <view v-else><span class="iconfont icon-shujutongji"></span>数据统计</view>
- </view>
- <view class="tab">
- <view class="box" :class="detailtabs== 'today' ? 'on':''" @click="detailtab('today')">今日</view>
- <view class="box" :class="detailtabs== 'yesterday' ? 'on':''" @click="detailtab('yesterday')">昨日</view>
- <view class="box" :class="detailtabs== 'month' ? 'on':''" @click="detailtab('month')">本月</view>
- </view>
- </view>
- <view class="list acea-row">
- <navigator v-if="manager == 1" class="item" :url="`/pages/admin/store/statistics/index?type=1&time=${detailtabs}&manager=1`" hover-class="none">
- <view class="num">{{ census.send_price }}</view>
- <view>配送订单额</view>
- </navigator>
- <navigator v-if="manager == 1" class="item" :url="`/pages/admin/store/statistics/index?type=2&time=${detailtabs}&manager=1`" hover-class="none">
- <view class="num">{{ census.send_count }}</view>
- <view>配送订单数</view>
- </navigator>
- <navigator v-if="manager == 1" class="item" :url="`/pages/admin/store/statistics/index?type=3&time=${detailtabs}&manager=1`" hover-class="none">
- <view class="num">{{ census.refund_price }}</view>
- <view>退款订单额</view>
- </navigator>
- <navigator class="item" :url="`/pages/admin/store/statistics/index?type=4&time=${detailtabs}&manager=${manager}`" hover-class="none">
- <view class="num">{{ census.cashier_price }}</view>
- <view>收银订单额</view>
- </navigator>
- <navigator class="item" :url="`/pages/admin/store/statistics/index?type=5&time=${detailtabs}&manager=${manager}`" hover-class="none">
- <view class="num">{{ census.writeoff_price }}</view>
- <view>核销订单额</view>
- </navigator>
- <navigator class="item" :url="`/pages/admin/store/statistics/index?type=6&time=${detailtabs}&manager=${manager}`" hover-class="none">
- <view class="num">{{ census.svip_price }}</view>
- <view>付费会员额</view>
- </navigator>
- <navigator class="item" :url="`/pages/admin/store/statistics/index?type=7&time=${detailtabs}&manager=${manager}`" hover-class="none">
- <view class="num">{{ census.recharge_price }}</view>
- <view>充值订单额</view>
- </navigator>
- <navigator class="item" :url="`/pages/admin/store/statistics/index?type=8&time=${detailtabs}&manager=${manager}`" hover-class="none">
- <view class="num">{{ census.spread_count }}</view>
- <view>推广用户数</view>
- </navigator>
- <navigator class="item" :url="`/pages/admin/store/statistics/index?type=9&time=${detailtabs}&manager=${manager}`" hover-class="none">
- <view class="num">{{ census.card_count }}</view>
- <view>激活会员卡</view>
- </navigator>
- </view>
- </view>
- <view class="public-wrapper">
- <view class="title">
- <view class="uni-list-cell-db" @click="hiddened">
- <span class="iconfont icon-xiangxishuju"></span>详细数据
- </view>
- <view class="tab">
- <view v-if="manager == 1" class="box" :class="tabs== 1 ? 'on':''" @click="tab(1)">配送</view>
- <view class="box" :class="tabs== 2 ? 'on':''" @click="tab(2)">收银</view>
- <view class="box" :class="tabs== 3 ? 'on':''" @click="tab(3)">核销</view>
- <view class="box" :class="tabs== 4 ? 'on':''" @click="tab(4)">充值</view>
- </view>
- </view>
- <view class="nav acea-row row-between-wrapper">
- <view class="data">日期</view>
- <view class="browse">订单数</view>
- <view class="turnover">金额</view>
- </view>
- <Loading :loaded="loaded" :loading="loading"></Loading>
- <view v-if="list.length" class="conter">
- <view class="item acea-row row-between-wrapper" v-for="(item, index) in list" :key="index">
- <view class="data">{{ item.time }}</view>
- <view class="browse">{{ item.count }}</view>
- <view class="turnover">¥{{ item.price }}</view>
- </view>
- </view>
- <view v-else class="unconter">
- <view v-if="!loading">暂无数据</view>
- </view>
- </view>
- </view>
- <home v-if="navigation"></home>
- <view v-if="iShidden">
- <view class="cardEntry acea-row row-center-wrapper">
- <view class="writeOff">
- <view class="pictrue">
- <image :src="writeData.image"></image>
- </view>
- <view class="conter">
- <view class="info">
- 核销信息:
- <text class="totalNum">
- <text class="num">{{writeData.write_off}}</text>/{{writeData.write_times}}
- </text>
- </view>
- <view class="center acea-row row-between-wrapper">
- <view class="title">本次核销</view>
- <view class='carnum acea-row row-center-wrapper'>
- <view class="reduce" :class="writeNum==writeData.write_off?'on':''" @click.stop='subCart'>-</view>
- <view class='num'>{{writeNum}}</view>
- <view class="plus" :class="writeNum==writeData.write_times?'on':''" @click.stop='addCart'>+</view>
- </view>
- </view>
- <view class="bottom acea-row row-between-wrapper">
- <view class="bnt acea-row row-center-wrapper" @click="cancelVerify">取消</view>
- <view class="bnt on acea-row row-center-wrapper" @click="confirmVerify">确认核销</view>
- </view>
- </view>
- </view>
- </view>
- <view class="mask"></view>
- </view>
- </view>
- </template>
- <script>
- import home from '@/components/home';
- import colors from '@/mixins/color.js';
- import {
-
-
- userInfo,
- orderInfo,
- statisticsMenuApi,
- getListApi,
- orderWriteoffInfo,
- orderWriteoff
- } from "@/api/admin";
- import Loading from '@/components/Loading/index.vue'
- export default {
- name: 'adminOrder',
- components: {
- Loading,
- home
- },
- mixins:[colors],
- data() {
- return {
- writeNum:1,
- writeData:{},
- iShidden: false,
- is_manager: 0,
- manager: 0,
- user: {},
- orderlist: {},
- hidden: true,
- page: 1,
- limit: 7,
- tip: 1,
- index: 0,
- detailtabs: 'today',
- array: ['门店统计', '数据统计'],
- tabs: 1,
- census: {},
- list: [],
- loaded: false,
- loading: false,
- verify_code: '',
-
- isWeixin: this.$wechat.isWeixin()
-
- }
- },
- onLoad() {
- this.userInfo()
- },
- methods: {
- subCart(){
- this.writeNum--;
- if(this.writeNum<1){
- this.writeNum = 1
- }
- },
- addCart(){
- this.writeNum++;
- let writeNo = parseInt(this.writeData.write_times) - parseInt(this.writeData.write_off);
- if(this.writeNum > writeNo){
- this.writeNum = writeNo
- }
- },
- cancelVerify(){
- this.iShidden = false
- },
- confirmVerify(){
- let newList = [];
- let obj = {
- cart_id:0,
- cart_num:0
- };
- obj.cart_id = this.writeData.cart_id[0];
- obj.cart_num = this.writeNum;
- newList.push(obj);
- orderWriteoff(1,{oid:this.writeData.id,cart_ids:newList}).then(res=>{
- this.iShidden = false
- this.$util.Tips({
- title: res.msg
- });
- }).catch(err=>{
- this.$util.Tips({
- title: err
- });
- })
- },
-
- userInfo: function() {
- userInfo().then(res=>{
- this.manager = res.data.is_manager
- this.is_manager = res.data.is_manager
- this.user = res.data
- if(res.data.is_manager == 0){
- this.tabs = 2
- }
- this.orderList()
-
- this.detailtab('today')
- })
- },
-
- orderList: function() {
- orderInfo({is_manager:this.manager}).then(res=>{
- this.orderlist = res.data
- })
- },
-
- statisticsMenu: function(data) {
- statisticsMenuApi(data).then(res=>{
- this.census = res.data;
- })
- },
-
- getList: function() {
- let data ={
- type: this.tabs,
- is_manager : this.manager,
- page: this.page,
- limit: this.limit,
- data:this.detailtabs
- }
-
- this.loading = true;
- getListApi(data).then(res=>{
- this.loading = false
-
- this.page += 1;
- this.list = this.list.concat(res.data);
- if(res.data.length < this.limit){
- this.tip = 2
- }
- })
- },
- hiddened: function(e) {
- this.hidden = !this.hidden;
- },
- cancel: function() {
- this.hidden = !this.hidden;
- },
- bindPickerChange: function(e) {
- this.tip = 1
- this.page = 1
- this.list = []
- this.hidden = !this.hidden;
- this.index = e.target.value
- let select = ''
- select=this.array[this.index]
- if(select == '数据统计'){
- this.manager = 0
- this.tabs = 2
- this.detailtab('today')
- }
- if(select == '门店统计'){
- this.manager = 1
- this.tabs = 1
- this.detailtab('today')
- }
- this.orderList()
- },
- tab: function(type) {
- this.tip = 1
- this.tabs = type
- this.page = 1;
- this.list = []
- this.getList()
- },
-
- detailtab: function(type) {
- this.detailtabs = type
- let data = {
- is_manager: this.manager,
- data: type
- }
-
- this.list = []
- this.page = 1;
- this.tip = 1
- this.getList()
- this.statisticsMenu(data)
- },
- scanCode() {
- var self = this;
-
- uni.scanCode({
- scanType: ["qrCode", "barCode"],
- success(res) {
- console.log('res',res)
- self.verify_code = res.result
- self.codeChange();
- },
- fail(res) {},
- })
-
-
- this.$wechat.wechatEvevt('scanQRCode', {
- needResult: 1,
- scanType: ["qrCode", "barCode"]
- }).then(res => {
- let result = res.resultStr;
- if(result.includes(',')){
- result = result.split(",")[1]
- }
- this.verify_code = result
- this.codeChange();
- });
-
- },
-
- codeChange: function() {
- let self = this
- let ref = /^[0-9]*$/;
- if (!self.verify_code) return self.$util.Tips({
- title: '请输入核销码'
- });
- if (!ref.test(self.verify_code)) return self.$util.Tips({
- title: '请输入正确的核销码'
- });
- self.$util.Tips({
- title: '查询中'
- });
- setTimeout(() => {
- orderWriteoffInfo(1,{verify_code:self.verify_code,code_type:2}).then(res=>{
- if(res.status == 200){
- this.writeNum = 1;
- this.writeData = res.data[0];
- if(res.data[0].product_type !=4){
- uni.navigateTo({
- url:'./scanning/index?code='+self.verify_code
- })
- }else{
- self.iShidden = true
- }
- }else{
- self.$util.Tips({ title: res.msg });
- }
- }).catch(err=>{
- self.$util.Tips({
- title: err
- });
- })
- }, 800);
- },
- },
- onReachBottom(){
- if(this.tip == 1){
- this.getList()
- }
-
- }
- }
- </script>
- <style lang="scss" scoped>
- .cardEntry{
- position: fixed;
- top:50%;
- left:50%;
- margin-left: -280rpx;
- margin-top: -442rpx;
- z-index: 9;
- .writeOff{
- background-color: #fff;
- width: 560rpx;
- height: 885rpx;
- border-radius: 20rpx;
- .pictrue{
- width: 100%;
- height: 560rpx;
- border-radius: 20rpx 20rpx 0 0;
- image{
- width: 100%;
- height: 100%;
- border-radius: 20rpx 20rpx 0 0;
- }
- }
- .conter{
- padding: 30rpx 28rpx 54rpx 26rpx;
- .info{
- color: #333;
- font-size: 32rpx;
- .totalNum{
- color: #999;
- .num{
- color: #2291f8;
- }
- }
- }
- .center{
- margin-top: 30rpx;
- .title{
- color: #666;
- font-size: 32rpx;
- }
- .carnum{
- height: 44rpx;
- view{
- border: 1rpx solid #a4a4a4;
- width: 66rpx;
- text-align: center;
- height: 100%;
- line-height: 40rpx;
- font-size: 28rpx;
- color: #a4a4a4;
- }
- .reduce{
- border-right: 0;
- border-radius: 22rpx 0 0 22rpx;
- &.on{
- border-color: #e3e3e3;
- color: #dedede;
- }
- }
- .plus{
- border-left: 0;
- border-radius: 0 22rpx 22rpx 0;
- &.on{
- border-color: #e3e3e3;
- color: #dedede;
- }
- }
- .num{
- color: #282828;
- }
- }
- }
- .bottom{
- margin-top: 42rpx;
- .bnt{
- width: 240rpx;
- height: 82rpx;
- background: #F5F5F5;
- border-radius: 41rpx;
- color: #333;
- font-size: 32rpx;
- &.on{
- background-color: #2291f8;
- color: #fff;
- }
- }
- }
- }
- }
- }
- /*订单首页*/
- .order-index .topBox{
- padding-bottom: 40upx;
- // height: 360upx;
- background: linear-gradient(270deg, #4276F6 0%, #00ACF8 100%);
- }
- .order-index .header {
- box-sizing: border-box;
- display: flex;
- background-size: 100% 100%;
- width: 100%;
- // height: 120upx;
- padding: 0upx 30upx 0upx 30upx;
- justify-content: space-between;
- }
-
- .order-index .header .icon-saoma{
- font-size: 40rpx;
- padding: 30rpx 20rpx 30rpx 80rpx;
- }
- .order-index .header .item,.order-index .header .items {
- font-size: 24upx;
- color: #fff;
- height: 120upx;
- display: flex;
- align-items: center;
- }
- .order-index .header .item .font,.order-index .header .items .font{
- display: inline-block;
- margin-left: 16upx;
- margin-right: 16upx;
- font-size: 30upx;
-
- }
- .order-index .header .items image{
- width: 64upx;
- height: 64upx;
- border-radius: 60upx;
- border: 2upx solid #FFFFFF;
- }
-
- .order-index .topstatus{
- padding: 0upx 56upx 30upx;
- display: flex;
- justify-content: space-between;
- color: #FFFFFF;
- text-align: center;
- font-size: 24upx;
- font-weight: 400;
- box-sizing: border-box;
- // background: linear-gradient(270deg, #4276F6 0%, #00ACF8 100%);
- .title{
- font-size: 40upx;
- margin-bottom: 6upx;
- }
- }
-
- .order-index .wrapper {
- width: 690upx;
- background-color: #fff;
- border-radius: 10upx;
- margin: -46upx auto 0 auto;
- padding-top: 25upx;
-
- }
-
- .order-index .wrapper .title .iconfont {
- color: #2291f8;
- font-size: 40upx;
- margin-right: 13upx;
- vertical-align: middle;
- }
- .order-index .wrapper .title {
- font-size: 30upx;
- color: #282828;
- padding: 0 30upx;
- margin-bottom: 40upx;
- display: flex;
- justify-content: space-between;
- .uni-list-cell-db .iconfont{
- font-size: 24upx ;
- color: #999 ;
- margin-left: 14upx;
- }
- .tab{
- width: 240upx;
- height: 48upx;
- background: #F5F5F5;
- border-radius: 24upx;
- display: flex;
- justify-content: space-between;
- font-weight: 400;
- color: #999999;
- font-size: 24upx;
- .box{
- width: 82upx;
- height: 48upx;
- border-radius: 24upx;
- text-align: center;
- line-height: 48upx;
- }
- .on{
- background: #1890FF;
- color: #FFFFFF;
- }
-
- }
- }
- .order-index .wrapper .list .item {
- width: 33.33%;
- text-align: center;
- font-size: 24upx;
- color: #999;
- margin-bottom: 45upx;
- }
- .order-index .wrapper .list .item .num {
- font-size: 40upx;
- color: #333;
- }
- .public-wrapper .title {
- font-size: 30upx;
- color: #282828;
- padding: 0 30upx;
- margin-bottom: 20upx;
- font-size: 30upx;
- // margin-bottom: 40upx;
- display: flex;
- justify-content: space-between;
- .uni-list-cell-db .iconfont{
- font-size: 24upx ;
- color: #999 ;
- margin-left: 14upx;
- }
- .tab{
- // width: 240upx;
- height: 48upx;
- background: #F5F5F5;
- border-radius: 24upx;
- display: flex;
- justify-content: space-between;
- font-weight: 400;
- color: #999999;
- font-size: 24upx;
- .box{
- width: 82upx;
- height: 48upx;
- border-radius: 24upx;
- text-align: center;
- line-height: 48upx;
- }
- .on{
- background: #1890FF;
- color: #FFFFFF;
- }
-
- }
- }
- .public-wrapper .title .iconfont {
- color: #2291f8;
- font-size: 40upx;
- margin-right: 13upx;
- vertical-align: middle;
- }
- .public-wrapper {
- margin: 18upx auto 0 auto;
- width: 690upx;
- background-color: #fff;
- border-radius: 10upx;
- padding-top: 25upx;
- // padding-bottom: 25upx;
- }
- .public-wrapper .nav {
- padding: 0 30upx;
- height: 70upx;
- line-height: 70upx;
- font-size: 24upx;
- color: #999;
- }
- .public-wrapper .data {
- width: 33.33%;
- text-align: left;
- }
- .public-wrapper .browse {
- width: 33.33%;
- text-align: center;
- }
- .public-wrapper .turnover {
- width: 33.33%;
- text-align: right;
- }
- .public-wrapper .conter {
- padding: 0 30upx;
- margin-bottom: 40upx;
- }
- .public-wrapper .conter .item {
- border-bottom: 1px solid #f7f7f7;
- height: 70upx;
- font-size: 24upx;
- }
- .public-wrapper .conter .item .turnover {
- color: #000000;
- font-weight: 400;
- }
- .public-wrapper .unconter{
- text-align: center;
- color: #999;
- padding: 25upx;
- }
- </style>
|