TBtools-商品列表去商品详情、订单页

htmldev/TBTools/package-lock.json

@@ -4012,6 +4012,15 @@
         "safer-buffer": "^2.1.0"
       }
     },
+    "echarts": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npm.taobao.org/echarts/download/echarts-5.0.0.tgz",
+      "integrity": "sha1-ZuwOpH48k7Kq37stcZhpkyrRPOA=",
+      "requires": {
+        "tslib": "1.10.0",
+        "zrender": "5.0.1"
+      }
+    },
     "editorconfig": {
       "version": "0.15.3",
       "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
@@ -19330,6 +19339,11 @@
         }
       }
     },
+    "tslib": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-1.10.0.tgz?cache=0&sync_timestamp=1609891266087&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftslib%2Fdownload%2Ftslib-1.10.0.tgz",
+      "integrity": "sha1-w8GflZc/sKYpc/sJ2Q2WHuQ+XIo="
+    },
     "tty-browserify": {
       "version": "0.0.0",
       "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
@@ -21006,6 +21020,14 @@
       "requires": {
         "buffer-crc32": "~0.2.3"
       }
+    },
+    "zrender": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npm.taobao.org/zrender/download/zrender-5.0.1.tgz?cache=0&sync_timestamp=1605884142817&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fzrender%2Fdownload%2Fzrender-5.0.1.tgz",
+      "integrity": "sha1-zDdxNqnQDQoXfKf2XDKu0pAZKNo=",
+      "requires": {
+        "tslib": "1.10.0"
+      }
     }
   }
 }

htmldev/TBTools/package.json

@@ -19,6 +19,7 @@
     "babel-plugin-component": "0.10.1",
     "babel-polyfill": "6.26.0",
     "crypto-js": "^4.0.0",
+    "echarts": "^5.0.0",
     "element-ui": "2.14.1",
     "file-saver": "^2.0.5",
     "gulp": "3.9.1",

htmldev/TBTools/src/router/index.js

@@ -7,6 +7,7 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import { clearLoginInfo } from '@/utils'
+import Crypto from '@/utils/crypto'
 
 Vue.use(Router)
 
@@ -176,22 +177,28 @@ const mallRoutes = [
     }
   },
   {
-    path: '/mall/goods-detail/:goodsId',
+    path: '/goods-detail',
     component: _import('modules/mall/goods-detail'),
     name: 'goodsDetail',
     meta: {
       title: '商品详情',
       isUseCache: false
-    }
+    },
+    props: (route) => ({
+      id: route.query.id ? Crypto.decrypt(route.query.id) : ''
+    })
   },
   {
-    path: '/mall/goods-order/:goodsId',
+    path: '/goods-order/:goodsId',
     component: _import('modules/mall/goods-order'),
     name: 'goodsOrder',
     meta: {
       title: '确认订单',
       isUseCache: false
-    }
+    },
+    props: (route) => ({
+      id: route.query.id ? Crypto.decrypt(route.query.id) : ''
+    })
   }
 ]
 

htmldev/TBTools/src/views/modules/mall/goods-detail.vue

@@ -1,10 +1,16 @@
 <template>
-  <div>goods-detail</div>
+  <div>{{ goodsId }}</div>
 </template>
 
 <script>
 export default {
-  name: 'goods-detail'
+  name: 'goods-detail',
+  props: {
+    goodsId: {
+      type: String,
+      default: ''
+    }
+  }
 }
 </script>
 

htmldev/TBTools/src/views/modules/mall/index.vue

@@ -154,11 +154,11 @@ export default {
     },
     funJumpGoodsOrder (item = {}) {
       const { id } = item
-      this.$router.push({ name: 'goodsOrder', params: { goodsId: Crypto.encrypt(id.toString()) } })
+      this.$router.push({ name: 'goodsOrder', query: { id: Crypto.encrypt(id.toString()) } })
     },
     funJumpGoodsDetail (item = {}) {
       const { id } = item
-      this.$router.push({ name: 'goodsDetail', params: { goodsId: Crypto.encrypt(id.toString()) } })
+      this.$router.push({ name: 'goodsDetail', query: { id: Crypto.encrypt(id.toString()) } })
     },
     fetchExpressList () {
       this.$http({