增加基本项目配置

pages/orderAdmin/OrderIndex/index.vue

@@ -0,0 +1,176 @@
+<template>
+  <div class="order-index" ref="container">
+    <div class="header acea-row">
+      <div
+        class="item"
+        @click="$yrouter.push({path:'/pages/orderAdmin/AdminOrderList/index',query:{types:0}})"
+      >
+        <div class="num">{{ census.orderCount.unpaidCount }}</div>
+        <div>待付款</div>
+      </div>
+      <div
+        class="item"
+        @click="$yrouter.push({path:'/pages/orderAdmin/AdminOrderList/index',query:{types:1}})"
+      >
+        <div class="num">{{ census.orderCount.unshippedCount }}</div>
+        <div>待发货</div>
+      </div>
+      <div
+        class="item"
+        @click="$yrouter.push({path:'/pages/orderAdmin/AdminOrderList/index',query:{types:2}})"
+      >
+        <div class="num">{{ census.orderCount.receivedCount }}</div>
+        <div>待收货</div>
+      </div>
+      <div
+        class="item"
+        @click="$yrouter.push({path:'/pages/orderAdmin/AdminOrderList/index',query:{types:3}})"
+      >
+        <div class="num">{{ census.orderCount.evaluatedCount }}</div>
+        <div>待评价</div>
+      </div>
+      <div
+        class="item"
+        @click="$yrouter.push({path:'/pages/orderAdmin/AdminOrderList/index',query:{types:3}})"
+      >
+        <div class="num">{{ census.orderCount.refundCount }}</div>
+        <div>退款</div>
+      </div>
+    </div>
+    <div class="wrapper">
+      <div class="title">
+        <span class="iconfont icon-shujutongji"></span>数据统计
+      </div>
+      <div class="list acea-row">
+        <div
+          class="item"
+          @click="$yrouter.push({path:'/pages/orderAdmin/Statistics/index',query:{type:'price',time:'today'}})"
+        >
+          <div class="num">{{ census.orderTimeCount.todayPrice }}</div>
+          <div>今日成交额</div>
+        </div>
+        <div
+          class="item"
+          @click="$yrouter.push({path:'/pages/orderAdmin/Statistics/index',query:{type:'price',time:'yesterday'}})"
+        >
+          <div class="num">{{ census.orderTimeCount.proPrice }}</div>
+          <div>昨日成交额</div>
+        </div>
+        <div
+          class="item"
+          @click="$yrouter.push({path:'/pages/orderAdmin/Statistics/index',query:{type:'price',time:'month'}})"
+        >
+          <div class="num">{{ census.orderTimeCount.monthPrice }}</div>
+          <div>本月成交额</div>
+        </div>
+        <div
+          class="item"
+          @click="$yrouter.push({path:'/pages/orderAdmin/Statistics/index',query:{type:'order',time:'today'}})"
+        >
+          <div class="num">{{ census.orderTimeCount.todayCount }}</div>
+          <div>今日订单数</div>
+        </div>
+        <div
+          class="item"
+          @click="$yrouter.push({path:'/pages/orderAdmin/Statistics/index',query:{type:'order',time:'yesterday'}})"
+        >
+          <div class="num">{{ census.orderTimeCount.proCount }}</div>
+          <div>昨日订单数</div>
+        </div>
+        <div
+          class="item"
+          @click="$yrouter.push({path:'/pages/orderAdmin/Statistics/index',query:{type:'order',time:'month'}})"
+        >
+          <div class="num">{{ census.orderTimeCount.monthCount }}</div>
+          <div>本月订单数</div>
+        </div>
+      </div>
+    </div>
+    <div class="public-wrapper">
+      <div class="title">
+        <span class="iconfont icon-xiangxishuju"></span>详细数据
+      </div>
+      <div class="nav acea-row row-between-wrapper">
+        <div class="data">日期</div>
+        <div class="browse">订单数</div>
+        <div class="turnover">成交额</div>
+      </div>
+      <div class="conter">
+        <div
+          class="item acea-row row-between-wrapper"
+          v-for="(item, orderListIndex) in list"
+          :key="orderListIndex"
+        >
+          <div class="data">{{ item.time }}</div>
+          <div class="browse">{{ item.count }}</div>
+          <div class="turnover">{{ item.price }}</div>
+        </div>
+      </div>
+    </div>
+    <Loading :loaded="loaded" :loading="loading"></Loading>
+  </div>
+</template>
+<script>
+import { getStatisticsInfo, getStatisticsMonth } from "@/api/admin";
+import Loading from "@/components/Loading";
+export default {
+  name: "OrderIndex",
+  components: {
+    Loading
+  },
+  props: {},
+  data: function() {
+    return {
+      census: {
+        orderCount: {},
+        orderTimeCount: {}
+      },
+      list: [],
+      where: {
+        page: 1,
+        limit: 15
+      },
+      loaded: false,
+      loading: false
+    };
+  },
+  mounted: function() {
+    this.getIndex();
+    this.getList();
+  },
+  onReachBottom() {
+    !this.loading && this.getList();
+  },
+  methods: {
+    getIndex: function() {
+      var that = this;
+      getStatisticsInfo().then(
+        res => {
+          that.census = res.data;
+          that.census.unpaidCount = that.census.orderCount.unpaidCount;
+        },
+        err => {
+          that.$dialog.message(err.msg);
+        }
+      );
+    },
+    getList: function() {
+      var that = this;
+      if (that.loading || that.loaded) return;
+      that.loading = true;
+      getStatisticsMonth(that.where).then(
+        res => {
+          that.loading = false;
+          that.loaded = res.data.length < that.where.limit;
+          that.list.push.apply(that.list, res.data);
+          that.where.page = that.where.page + 1;
+        },
+        error => {
+          that.$dialog.message(error.msg);
+        },
+        300
+      );
+    }
+  }
+};
+</script>

pages/orderAdmin/OrderIndex/main.js

@@ -0,0 +1,5 @@
+import Vue from 'vue'
+import App from './index'
+
+const app = new Vue(App)
+app.$mount()