|
@@ -66,7 +66,21 @@
|
|
|
<el-button size="mini" @click="resetQuery">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <!-- 表格数据 -->
|
|
|
+
|
|
|
+ <el-row :gutter="10" style="margin-bottom: 10px">
|
|
|
+ <el-col :span="24">
|
|
|
+ <span>
|
|
|
+ 订单数量:
|
|
|
+ <span style="margin-left: 4px" v-if="statisticsData && statisticsData.contractCount">{{ Number(statisticsData.contractCount) }}</span>
|
|
|
+ <span style="margin-left: 4px" v-else>0</span>
|
|
|
+ </span>
|
|
|
+ <span style="margin-left: 16px">
|
|
|
+ 主材数量:
|
|
|
+ <span style="margin-left: 4px" v-if="statisticsData && statisticsData.quantity">{{ Number(statisticsData.quantity) }}</span>
|
|
|
+ <span style="margin-left: 4px" v-else>0</span>
|
|
|
+ </span>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
|
|
|
<el-table
|
|
|
:data="tableList"
|
|
@@ -159,6 +173,7 @@
|
|
|
<script>
|
|
|
import * as API from '@/api/shengde/group/order/orderProductManagement.js'
|
|
|
import { mapGetters } from 'vuex'
|
|
|
+
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
@@ -198,6 +213,10 @@ export default {
|
|
|
},
|
|
|
tableList: [],
|
|
|
total: null,
|
|
|
+ statisticsData: {
|
|
|
+ quantity: 0,
|
|
|
+ contractCount: 0,
|
|
|
+ },
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -222,6 +241,9 @@ export default {
|
|
|
this.loading = false
|
|
|
}
|
|
|
)
|
|
|
+ API.contractProductStatistics(this.queryParams).then((res) => {
|
|
|
+ this.statisticsData = res.data.data
|
|
|
+ })
|
|
|
},
|
|
|
handleQuery() {
|
|
|
this.queryParams.pageNum = 1
|