|
@@ -10,7 +10,10 @@
|
|
|
<i class="icon_1 el-icon-box"></i>
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="title">
|
|
|
- <p><span>24</span>(单)</p>
|
|
|
+ <p>
|
|
|
+ <span>{{ data.notPay }}</span
|
|
|
+ >(单)
|
|
|
+ </p>
|
|
|
<p>未付款数</p>
|
|
|
</el-col>
|
|
|
</el-card>
|
|
@@ -21,7 +24,10 @@
|
|
|
<i class="icon_2 el-icon-truck"></i>
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="title">
|
|
|
- <p><span>24</span>(单)</p>
|
|
|
+ <p>
|
|
|
+ <span>{{ data.notSend }}</span
|
|
|
+ >(单)
|
|
|
+ </p>
|
|
|
<p>未发货数</p>
|
|
|
</el-col>
|
|
|
</el-card>
|
|
@@ -32,7 +38,10 @@
|
|
|
<i class="icon_3 el-icon-sell"></i>
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="title">
|
|
|
- <p><span>24</span>(单)</p>
|
|
|
+ <p>
|
|
|
+ <span>{{ data.notDealAfterSale }}</span
|
|
|
+ >(单)
|
|
|
+ </p>
|
|
|
<p>未处理售后数</p>
|
|
|
</el-col>
|
|
|
</el-card>
|
|
@@ -43,17 +52,20 @@
|
|
|
<i class="icon_4 el-icon-price-tag"></i>
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="title">
|
|
|
- <p><span>24</span>(单)</p>
|
|
|
+ <p>
|
|
|
+ <span>{{ data.stockWarning }}</span
|
|
|
+ >(单)
|
|
|
+ </p>
|
|
|
<p>库存警告</p>
|
|
|
</el-col>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="11">
|
|
|
- <el-card class="box-card"><card-1></card-1></el-card>
|
|
|
+ <el-card class="box-card"><card-1 :list="data.sMarkOrder"></card-1></el-card>
|
|
|
</el-col>
|
|
|
<el-col :span="11">
|
|
|
- <el-card class="box-card"><card-2></card-2></el-card>
|
|
|
+ <el-card class="box-card"><card-2 :list="data.sAfterSale"></card-2></el-card>
|
|
|
</el-col>
|
|
|
<el-col :span="11" style="display: none">
|
|
|
<el-card class="box-card"><card-3></card-3> </el-card>
|
|
@@ -70,6 +82,8 @@
|
|
|
<script>
|
|
|
import * as echarts from 'echarts';
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+const { mapActions } = createNamespacedHelpers('todo');
|
|
|
+
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
props: {},
|
|
@@ -80,14 +94,26 @@ export default {
|
|
|
card4: () => import('./parts/card-4.vue'),
|
|
|
},
|
|
|
data: function () {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ data: {},
|
|
|
+ };
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
},
|
|
|
mounted() {},
|
|
|
- created() {},
|
|
|
- methods: {},
|
|
|
+ async created() {
|
|
|
+ await this.search();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...mapActions(['query', 'fetch', 'create', 'update', 'delete']),
|
|
|
+ async search({ skip = 0, limit = 10, ...info } = {}) {
|
|
|
+ let res = await this.query({ skip, limit, ...info });
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
+ this.$set(this, 'data', res.data);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
metaInfo() {
|
|
|
return { title: this.$route.meta.title };
|
|
|
},
|