2、项目接口（之一有道）（处理总数computed 、循环、es6循环、优惠卷计算）

满减的条规是数据一个单service传递，下面那些都算是他的规格，算减的金额

页面上的金额还是自己写，变量名问题

开始算实际支付的金额

*提交订单用的post接口 ，post要上传参数，需要赋值好id,created里面就可以赋值，
*写好用户名还有电话号码，v-mode = orderMessage.user_phone可以直接写在我们定义好的要上传的参数里边，
*为了省流，那个let orderdata = this.orderMessage; 上传的数组需要重新赋值一下
*注意一旦接口获取到一个list那么整个文件赋值来赋值去都可以跑
*
*我理解错的点：
一优惠卷那是一个服务的信息，其他只是他里面的规格
二:然后我一开始要显示出来的是规格，都是productConfig里面的信息
三：整一个数据还可以再了解了解（重新写一遍）
    submitOrder() {
      let orderdata = this.orderMessage;
      //这是订单信息
      //optionalPark: [{ id: "", select_num: "" }],
      orderdata.optionalPack = [
        ...this.serviceList.shencha,//这是对象，需要到这里面的信息（如果里面有不同的规格  是不是就应该放入productConfig这里面的信息）
        ...this.serviceList.niding,//这是对象
      ];
    有了上面这些信息orderdata就传参条件ok
      createServiceOrder(orderdata).then((res) => {
        console.log(res);
      });
    },
4、total-num问题其实是自己没有传好参数，
在本方法里面的话不需要this

  created() {
    this.id = this.$route.params.id;
    this.getList();
    this.orderMessage.sid = this.id;
  },

5、ES6语法用法，组合数据

<template>
  <!-- getDetail -->
  <div class="customBox">
    <div class="topBlueBox">
      <div class="title">定制套餐</div>
    </div>
    <div class="pathlineBox">
      <div class="pathinBox">
        <!-- 自定义 -->
        <div class="pathOneBox" style="flex: 1" @click="xuanze = 'servicepage'">
          ① 自定义服务项目
        </div>
        <!-- ② -->
        <div class="pathTwoBox" style="flex: 1">
          <div class="line2"></div>
          <div class="pathTwoFont" @click="xuanze = 'zhifupage'">②支付费用</div>
        </div>
        <!-- ③ -->
        <div class="pathThreeBox" style="flex: 1">
          <div class="line3"></div>
          <div class="pathThreeFont">③法务对接</div>
        </div>
      </div>
    </div>
    <!-- 选择服务页面 -->
    <div v-if="xuanze == 'servicepage'">
      <!-- 价格的大框 -->
      <div class="servicePriceBox">
        <div class="servicePriceinBox">
          <!-- 在线咨询 -->
          <Row class="needBox">
            <Col span="14">
              <Row>
                &