style: 产品列表数据调整

src/api/goodsList.mock.js

@@ -12,13 +12,10 @@ import illness from "@/assets/images/user/illness@2x.png";
 import life from "@/assets/images/user/life@2x.png";
 
 export default [
-  {
-    title: "住院医疗险",
-    sub: "报销医药费，有无社保均可保",
-    children: [
   {
     id: 1,
     itype: "mi",
+    scope: [1, 2, 3], // 范围，列表中区分类型用，1成人 2老年 3少儿
     img: good01,
     title: "万家保·百万医疗险",
     sub: "产品优势",
@@ -31,16 +28,11 @@ export default [
     icon: medical,
     guarantee_title: "医疗保障",
     guarantee_sub: "看病报销医药费,最高600万"
-      }
-    ]
   },
-  {
-    title: "重大疾病险",
-    sub: "责任内疾病确诊即赔",
-    children: [
   {
     id: 2,
     itype: "cii",
+    scope: [1, 2, 3],
     img: good02,
     title: "万家保·重疾轻症险",
     sub: "100种重疾+40种轻症",
@@ -57,6 +49,7 @@ export default [
   {
     id: 3,
     itype: "cii",
+    scope: [1, 2],
     img: good02,
     title: "康惠保2020终身重疾险",
     sub: "100种重疾+40种轻症",
@@ -69,16 +62,11 @@ export default [
     icon: illness,
     guarantee_title: "重疾保障",
     guarantee_sub: "100种重症+40种轻症"
-      }
-    ]
   },
-  {
-    title: "意外伤害险",
-    sub: "意外保障无等待期",
-    children: [
   {
     id: 4,
     itype: "ai",
+    scope: [1, 2, 3],
     img: good03,
     title: "万家保·综合意外险",
     sub: "产品优势",
@@ -91,16 +79,11 @@ export default [
     icon: casualty,
     guarantee_title: "意外保障",
     guarantee_sub: "意外风险覆盖全,最高100万保额"
-      }
-    ]
   },
-  {
-    title: "人寿保险",
-    sub: "家庭顶梁柱必备",
-    children: [
   {
     id: 5,
     itype: "li",
+    scope: [1, 3],
     img: good04,
     title: "华贵大麦2020定期寿险",
     sub: "产品优势",
@@ -114,6 +97,4 @@ export default [
     guarantee_title: "人寿保障",
     guarantee_sub: "最高350万保额,顶梁柱必备"
   }
-    ]
-  }
 ];

src/api/order.js → src/api/product.js

 import req from "@/service/http";
 
+// 产品列表
+export const list = param => {
+  return req.get("product/list", param);
+};
+
+// 产品详情
+export const addPolicyDetail = param => {
+  return req.get("product/detail", param);
+};
+
+// 产品算价
+export const trail = param => {
+  return req.post("product/price/trail", param);
+};
+
 // 下单流程
 export const placeOrder = {
   // 创建保单订单

src/components/GoodList/index.vue

 <template>
   <div class="goods-list">
     <div v-if="hasChildren">
-      <template v-for="(item, index) in list">
+      <template v-for="(item, index) in goodsList">
         <div class="goods-list-head" :key="'head' + index">
           <slot :data="item">
             <h5>{{ item.title || "-" }}</h5>
@@ -44,7 +44,7 @@
         type="flex"
         class="goods-list-item"
         :class="{ 'not-allow': !it.allow }"
-        v-for="(it, idx) in list"
+        v-for="(it, idx) in goodsList"
         :key="idx"
         @click.native="clickItem(it)"
       >
@@ -80,12 +80,28 @@ export default {
       default() {
         return [];
       }
+    },
+    sort: {
+      type: Number,
+      default: 0
     }
   },
   computed: {
     // TODO
     hasChildren: function() {
       return this.list[0] && this.list[0].children && this.list[0].children.length > 0;
+    },
+    goodsList() {
+      const { sort, list, hasChildren } = this;
+      if (sort === 0) {
+        return list;
+      } else {
+        if (hasChildren) {
+          return list;
+        } else {
+          return list.filter(item => item.scope.includes(sort));
+        }
+      }
     }
   },
   methods: {

src/views/Goods/index.vue

@@ -36,7 +36,29 @@ export default {
     return {
       active: 0,
       showLayer: false,
-      goodsList: []
+      goodsList: [],
+      goodsLists: [
+        {
+          title: "住院医疗险",
+          sub: "报销医药费，有无社保均可保",
+          children: []
+        },
+        {
+          title: "重大疾病险",
+          sub: "责任内疾病确诊即赔",
+          children: []
+        },
+        {
+          title: "意外伤害险",
+          sub: "意外保障无等待期",
+          children: []
+        },
+        {
+          title: "人寿保险",
+          sub: "家庭顶梁柱必备",
+          children: []
+        }
+      ]
     };
   },
   mounted() {

src/views/paytest.vue

@@ -42,7 +42,7 @@
  * @return:
  */
 import { loginByPhone, getwxOpenId } from "@/api/user";
-import { placeOrder } from "@/api/order";
+import { placeOrder } from "@/api/product";
 import cfg from "@/config";
 import { payByWay } from "@/service/pay";
 let pollTimer = null;