TBtools-商品价格走势

htmldev/TBTools/package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "renren-fast-vue",
+  "name": "TBTools",
   "version": "1.2.2",
   "lockfileVersion": 1,
   "requires": true,
@@ -19676,6 +19676,11 @@
         }
       }
     },
+    "vue-jsonp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/vue-jsonp/download/vue-jsonp-2.0.0.tgz",
+      "integrity": "sha1-O/rFa7cpQaJRHBHhoSO4dvA0J/c="
+    },
     "vue-loader": {
       "version": "13.3.0",
       "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-13.3.0.tgz",

htmldev/TBTools/package.json

@@ -29,6 +29,7 @@
     "svg-sprite-loader": "3.7.3",
     "vue": "2.5.16",
     "vue-cookie": "1.1.4",
+    "vue-jsonp": "^2.0.0",
     "vue-router": "3.0.1",
     "vuex": "3.0.1",
     "xlsx": "^0.16.9"

htmldev/TBTools/src/main.js

@@ -10,8 +10,10 @@ import '@/assets/scss/index.scss'
 import httpRequest from '@/utils/httpRequest' // api: https://github.com/axios/axios
 import { isAuth } from '@/utils'
 import cloneDeep from 'lodash/cloneDeep'
+import { VueJsonp } from 'vue-jsonp'
 
 Vue.use(VueCookie)
+Vue.use(VueJsonp)
 Vue.config.productionTip = false
 
 // 非生产环境, 适配mockjs模拟数据                 // api: https://github.com/nuysoft/Mock

htmldev/TBTools/src/router/index.js

@@ -67,7 +67,7 @@ const mainRoutes = {
       path: '/tools-pricetrend',
       component: _import('modules/tools/tools-pricetrend'),
       name: 'toolsPricetrend',
-      meta: { title: '价格趋势' }
+      meta: { title: '价格走势' }
     },
     // 个人中心
     {

htmldev/TBTools/src/views/main-navbar.vue

@@ -16,10 +16,10 @@
                 <router-link :to="{name: 'toolsCredit'}">旺旺透视</router-link>
               </el-dropdown-item>
               <el-dropdown-item>
-                <router-link :to="{name: 'toolsPricetrend'}">价格趋势</router-link>
+                <router-link :to="{name: 'toolsOnline'}">指数转换</router-link>
               </el-dropdown-item>
               <el-dropdown-item>
-                <router-link :to="{name: 'toolsOnline'}">指数转换</router-link>
+                <router-link :to="{name: 'toolsPricetrend'}">价格走势</router-link>
               </el-dropdown-item>
               <el-dropdown-item>
                 <router-link :to="{name: 'toolsOrdersearch'}">淘客订单查询</router-link>

htmldev/TBTools/src/views/modules/tools/tools-pricetrend.vue

@@ -8,7 +8,8 @@
         </el-form-item>
       </el-form>
     </el-col>
-    <el-col :offset="1">
+    <el-col class="TT-goods-info" :offset="1">
+      <h3>价格走势</h3>
       <p>商品ID：{{ itemId }}</p>
       <p>最高价：{{ maxPrice }}</p>
       <p>最低价：{{ minPrice }}</p>
@@ -28,7 +29,7 @@ export default {
   data () {
     return {
       formData: {
-        productId: '602950702411' // 测试ID：602950702411
+        productId: '' // 测试ID：602950702411
       },
       isDisabled: false,
       rules: {
@@ -163,6 +164,14 @@ $--color-primary: #3E8EF7;
   }
 }
 
+.TT-goods-info {
+  p {
+    margin-top: 10px;
+    text-indent: 4em;
+    font-size: 16px;
+  }
+}
+
 .chart-box {
   min-height: 400px;
 }

htmldev/TBTools/src/views/modules/tools/tools-starkeysearch.vue

@@ -53,7 +53,13 @@ export default {
     submitForm (formName) {
       this.$refs[formName].validate((valid) => {
         if (!valid) {
+          return
         }
+        // 天猫 https://suggest.taobao.com/sug?code=utf-8&q=dia&_ksTS=1608391936207_1105&callback=jsonp1106&area=b2c&code=utf-8&k=1&bucketid=19&src=tmall_pc
+        // 淘宝 https://suggest.taobao.com/sug?code=utf-8&q=%E7%94%B5%E5%95%86&_ksTS=1608392073458_512&callback=jsonp513&k=1&area=c2c&bucketid=10
+        this.$jsonp('https://api.map.baidu.com/geocoder/v2/?callback=renderReverse&output=json&pois=1', {}).then((res) => {
+          console.log(res)
+        })
       })
     }
   }