tbtools-指数转化接数据

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

@@ -7,7 +7,7 @@
         </li>
         <li>
           <el-dropdown class="TT-login" :show-timeout="0" placement="bottom" style="cursor: pointer;">
-            <span class="el-dropdown-link">工具列表</span>
+            <span class="el-dropdown-link">TB</span>
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item>
                 <router-link :to="{name: 'toolsAnalyze'}">竞品透析</router-link>

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

@@ -1,8 +1,8 @@
 <template>
   <el-row>
     <el-col :span="12" :offset="6">
-      <el-form :model="formData">
-        <el-form-item>
+      <el-form :rules="rules" :model="formData" ref="dataForm">
+        <el-form-item prop="search">
           <el-input placeholder="输入淘宝旺旺账号" clearable v-model="formData.search"></el-input>
           <el-button type="primary" @click="onSubmit">立即查询</el-button>
         </el-form-item>
@@ -148,11 +148,40 @@ export default {
     return {
       formData: {
         search: ''
+      },
+      isDisabled: false,
+      rules: {
+        search: [{ required: true, message: '输入淘宝旺旺账号', trigger: 'blur' }]
       }
     }
   },
   methods: {
-    onSubmit () {}
+    onSubmit () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return
+        }
+        if (this.isDisabled) {
+          return
+        }
+        this.isDisabled = true
+        this.$http({
+          url: this.$http.adornUrl('/tb/getBiaoqian'),
+          method: 'post',
+          data: this.$http.adornData({
+            wangwang: this.formData.search
+          })
+        }).then(({ data }) => {
+          this.isDisabled = false
+          if (data.status) {
+            return
+          }
+          this.$message.error(data.msg)
+        }).catch(() => {
+          this.isDisabled = false
+        })
+      })
+    }
   }
 }
 </script>

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

@@ -49,12 +49,13 @@
             </div>
             <el-form class="mt-20" :label-position="'left'" ref="form" :model="formData0" label-width="90px">
               <el-form-item :label="item.label" v-for="(item, index) in formData0.data" :key="index">
-                <el-input placeholder="请输入内容" clearable v-model="formData0.data[index].value"></el-input>
+                <el-input class="TT-input" type="number" placeholder="请输入内容" clearable
+                          v-model.number="formData0.data[index].value"></el-input>
               </el-form-item>
             </el-form>
           </el-col>
           <el-col class="mt-160" :span="2" :offset="1">
-            <el-button type="primary">立即换算</el-button>
+            <el-button type="primary" :disabled="isDisabled" @click="onSubmit">立即换算</el-button>
           </el-col>
           <el-col :span="13" :offset="1">
             <el-row>
@@ -93,7 +94,7 @@ export default {
   name: 'toolsOnline',
   data () {
     return {
-      activeName: 'first',
+      activeName: 'second',
       menuData: [
         {
           title: '关键词页面指数【流量指数】',
@@ -202,26 +203,32 @@ export default {
       formData0: {
         data: [
           {
+            key: 'liuliang',
             label: '流量指数：',
             value: ''
           },
           {
+            key: 'jiaoyi',
             label: '交易指数：',
             value: ''
           },
           {
+            key: 'sousuorenqi',
             label: '搜索人气：',
             value: ''
           },
           {
+            key: 'shoucangrenqi',
             label: '收藏人气：',
             value: ''
           },
           {
+            key: 'jiagourenqi',
             label: '加购人气',
             value: ''
           },
           {
+            key: 'zhifuzhuanhualv',
             label: '转换指数：',
             value: ''
           }
@@ -230,26 +237,32 @@ export default {
       formData1: {
         data: [
           {
+            key: 'liuliang',
             label: '访客数：',
             value: ''
           },
           {
+            key: 'jiaoyi',
             label: '交易金额：',
             value: ''
           },
           {
+            key: 'sousuorenqi',
             label: '搜索人数：',
             value: ''
           },
           {
+            key: 'shoucangrenqi',
             label: '收藏人数：',
             value: ''
           },
           {
+            key: 'jiagourenqi',
             label: '加购人数：',
             value: ''
           },
           {
+            key: 'zhifuzhuanhualv',
             label: '转化率：',
             value: ''
           }
@@ -258,27 +271,28 @@ export default {
       formData2: {
         data: [
           {
-            label: 'uv价值：',
-            value: ''
-          },
-          {
+            key: 'kedanjia',
             label: '客单价：',
             value: ''
           },
           {
+            key: 'sousuozhanbi',
             label: '搜索占比：',
             value: ''
           },
           {
+            key: 'shoucanglv',
             label: '收藏率：',
             value: ''
           },
           {
+            key: 'jiagoulv',
             label: '加购率：',
             value: ''
           }
         ]
-      }
+      },
+      isDisabled: false
     }
   },
   methods: {
@@ -304,6 +318,41 @@ export default {
       formData.data.forEach((item, idx) => {
         this.$set(this[`formData${index}`]['data'][idx], 'value', '')
       })
+    },
+    onSubmit () {
+      const data = this.formData0.data
+      let postData = {}
+      data.forEach(item => {
+        postData[item.key] = item.value
+      })
+      if (this.isDisabled) {
+        return
+      }
+      this.isDisabled = true
+      this.$http({
+        url: this.$http.adornUrl('/tb/zhishuzhuanhua'),
+        method: 'post',
+        data: this.$http.adornData(postData)
+      }).then(({ data }) => {
+        this.isDisabled = false
+        if (data.status) {
+          const _keys = Object.keys(data.data)
+          this.formData1.data.forEach((item, index) => {
+            if (_keys.includes(item.key)) {
+              this.$set(this.formData1.data[index], 'value', data.data[item.key])
+            }
+          })
+          this.formData2.data.forEach((item, index) => {
+            if (_keys.includes(item.key)) {
+              this.$set(this.formData2.data[index], 'value', data.data[item.key])
+            }
+          })
+          return
+        }
+        this.$message.error(data.msg)
+      }).catch(() => {
+        this.isDisabled = false
+      })
     }
   }
 }
@@ -338,4 +387,15 @@ export default {
     align-items: center;
   }
 }
+
+/deep/ .TT-input {
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+}
 </style>