user order count

heyujie

2022-07-11 fd3acb28d3907caec733cbf270e687859902727c

user order count

 src/api/order.ts

@@ -18,6 +18,13 @@
      data: params
    });
};
export const getUserOrderInfo = (params: any) => {
  return request({
    url: "/saas/api-s/saasOrder/getUserOrderInfo",
    method: "post",
    data: params
  });
};

/* 
  取消订单

 src/views/index/components/userCard.vue

@@ -25,6 +25,7 @@
<script>
export default {
  props: {
    userBuyInfo:Object,
    userCardArr: {
      type: Array,
      default: () => {
@@ -35,7 +36,7 @@
          },
          {
            num: "_",
            label: "待消费",
            label: "待续费",
          },
          {
            num: "_",

 src/views/index/index.vue

@@ -26,7 +26,7 @@
        <!-- 推荐卡片 -->
        <commendCard :commendCardData="commendCardData"></commendCard>
        <!-- 用户card -->
        <userCard></userCard>
        <userCard :userCardArr="userCardArr"></userCard>
      </div>
    </div>

@@ -115,6 +115,7 @@
  getIndexModelRecommend,
  getModelList,
} from "@/api/product";
import { getUserOrderInfo } from "@/api/order";

export default {
  name: "Index",
@@ -136,6 +137,7 @@
    this.getBanner();
    this.getRecommend();
    this.getModule();
    this.getUserBuyInfo();
  },
  data() {
    return {
@@ -163,6 +165,7 @@
      activeCommend: 3, //选中的推荐tabs
      commendData: [], //推荐tab的数据
      productData: [],
      userCardArr: [],
      productData1: [
        {
          router: "/",
@@ -209,12 +212,14 @@
          typeId: 2,
          pic: "/images/index/边缘计算设备.png",
          name: "边缘计算设备",
          desc: "一种部署在近场侧的高可用的软硬一体产品，提升应用程序的快速响应能力、节省带宽流量成本",
          desc:
            "一种部署在近场侧的高可用的软硬一体产品，提升应用程序的快速响应能力、节省带宽流量成本",
          product: [
            {
              name: "边缘计算设备1",
              title: "LE-V-S003 高性能边缘计算主机",
              des: "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              des:
                "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              content: [
                {
                  key: "特点",
@@ -238,7 +243,8 @@
            {
              name: "边缘计算设备2",
              title: "LE-V-S003 高性能边缘计算主机",
              des: "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              des:
                "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              content: [
                {
                  key: "特点",
@@ -262,7 +268,8 @@
            {
              name: "边缘计算设备3",
              title: "LE-V-S003 高性能边缘计算主机",
              des: "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              des:
                "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              content: [
                {
                  key: "特点",
@@ -286,7 +293,8 @@
            {
              name: "边缘计算设备4",
              title: "LE-V-S003 高性能边缘计算主机",
              des: "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              des:
                "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              content: [
                {
                  key: "特点",
@@ -310,7 +318,8 @@
            {
              name: "边缘计算设备5",
              title: "LE-V-S003 高性能边缘计算主机",
              des: "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              des:
                "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              content: [
                {
                  key: "特点",
@@ -334,7 +343,8 @@
            {
              name: "边缘计算设备6",
              title: "LE-V-S003 高性能边缘计算主机",
              des: "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              des:
                "专为高性能视频应用打造，强悍的双志强处理器，轻松应对高算力应用场景的需求。",
              content: [
                {
                  key: "特点",
@@ -364,6 +374,24 @@
    };
  },
  methods: {
    getUserBuyInfo() {
      getUserOrderInfo({}).then((res) => {
        this.userCardArr = [
          {
            num: res.data.needPay,
            label: "待付款",
          },
          {
            num: res.data.needRenewal,
            label: "待续费",
          },
          {
            num: "_",
            label: "消息中心",
          },
        ];
      });
    },
    // 切换banner
    toggleBanner(i) {
      this.activeBanner = i;