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">TB</span>
+            <span class="el-dropdown-link">淘宝工具</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

@@ -2,55 +2,59 @@
   <el-row>
     <el-col :span="12" :offset="6">
       <el-form :rules="rules" :model="formData" ref="dataForm">
-        <el-form-item prop="search">
-          <el-input placeholder="输入淘宝旺旺账号" clearable v-model="formData.search"></el-input>
+        <el-form-item prop="taobaoId">
+          <el-input placeholder="输入淘宝旺旺账号" clearable v-model="formData.taobaoId"></el-input>
           <el-button type="primary" @click="onSubmit">立即查询</el-button>
         </el-form-item>
       </el-form>
     </el-col>
     <el-col>
       <p class="TT-label">用户基本信息</p>
+      <div class="TT-avatar">
+        <p>用户头像</p>
+        <div class="avatar">
+          <img :src="accountInfo.touxiang" alt="">
+        </div>
+      </div>
       <table class="basic_table">
         <tbody>
         <tr>
           <td class="key">旺旺号：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.zhanghao }}</td>
           <td class="key">性别：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.xingbie }}</td>
           <td class="key">买家信誉：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.xinyu }}</td>
           <td class="key">认证：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.renzheng }}</td>
         </tr>
         <tr>
           <td class="key">会员级别：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.taobaojibie }}</td>
           <td class="key">活跃度：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.huoyuedu }}</td>
           <td class="key">好评率：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.haopinlv }}</td>
           <td class="key">每周平均信誉点击：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.zhouxinyu }}</td>
         </tr>
         <tr>
           <td class="key">每月平均信誉点击：</td>
-          <td class="value"></td>
-          <td class="key">淘龄（天）：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.yuexinyu }}</td>
+          <td class="key">淘龄（年）：</td>
+          <td class="value">{{ accountInfo.taoling }}</td>
           <td class="key">淘气值：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.taoqizhi }}</td>
           <td class="key">注册地区：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.diqu }}</td>
         </tr>
         <tr>
           <td class="key">注册时间：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.zhuceshijian }}</td>
           <td class="key">最后登录：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.zuihoudenglu }}</td>
           <td class="key">信誉月涨幅：</td>
-          <td class="value"></td>
-          <td class="key">总查询次数：</td>
-          <td class="value"></td>
+          <td class="value">{{ accountInfo.xinyuyuezhangfu }}</td>
         </tr>
         </tbody>
       </table>
@@ -70,10 +74,10 @@
             <td class="key">最近30天</td>
           </tr>
           <tr>
-            <td class="value"></td>
-            <td class="value"></td>
-            <td class="value"></td>
-            <td class="value"></td>
+            <td class="value">{{ accountInfo.zuijin1count}}</td>
+            <td class="value">{{ accountInfo.zuijin3count }}</td>
+            <td class="value">{{ accountInfo.zuijin7count }}</td>
+            <td class="value">{{ accountInfo.zuijin30count }}</td>
           </tr>
           </tbody>
         </table>
@@ -95,14 +99,14 @@
             <td class="key">其他</td>
           </tr>
           <tr>
-            <td class="value">0</td>
-            <td class="value">0</td>
-            <td class="value">0</td>
-            <td class="value">0</td>
-            <td class="value">0</td>
-            <td class="value">0</td>
-            <td class="value">0</td>
-            <td class="value">0</td>
+            <td class="value">{{ accountInfo.chapin }}</td>
+            <td class="value">{{ accountInfo.dajia }}</td>
+            <td class="value">{{ accountInfo.weigui }}</td>
+            <td class="value">{{ accountInfo.jiangquan }}</td>
+            <td class="value">{{ accountInfo.zhaocha }}</td>
+            <td class="value">{{ accountInfo.choujian }}</td>
+            <td class="value">{{ accountInfo.tuikuan }}</td>
+            <td class="value">{{ accountInfo.qita }}</td>
           </tr>
           </tbody>
         </table>
@@ -118,21 +122,9 @@
           <tbody>
           <tr>
             <td class="key">综合评分：</td>
-            <td class="value"></td>
+            <td class="value">{{ accountInfo.zonghepinfen }}</td>
             <td class="key">安全等级：</td>
-            <td class="value"></td>
-          </tr>
-          <tr>
-            <td class="key">上次查询时间：</td>
-            <td class="value"></td>
-            <td class="key">本次查询时间：</td>
-            <td class="value"></td>
-          </tr>
-          <tr style="display: none;">
-            <td class="key">上次查询IP：</td>
-            <td class="value"></td>
-            <td class="key">本次查询IP：</td>
-            <td class="value"></td>
+            <td class="value">{{ accountInfo.anquanjibie }}</td>
           </tr>
           </tbody>
         </table>
@@ -147,12 +139,13 @@ export default {
   data () {
     return {
       formData: {
-        search: ''
+        taobaoId: '' // 测试ID：tb27400835
       },
       isDisabled: false,
       rules: {
-        search: [{ required: true, message: '输入淘宝旺旺账号', trigger: 'blur' }]
-      }
+        taobaoId: [{ required: true, message: '输入淘宝旺旺账号', trigger: 'blur' }]
+      },
+      accountInfo: {}
     }
   },
   methods: {
@@ -166,14 +159,15 @@ export default {
         }
         this.isDisabled = true
         this.$http({
-          url: this.$http.adornUrl('/tb/getBiaoqian'),
+          url: this.$http.adornUrl('/tb/yanhao'),
           method: 'post',
           data: this.$http.adornData({
-            wangwang: this.formData.search
+            taobaoId: this.formData.taobaoId
           })
         }).then(({ data }) => {
           this.isDisabled = false
           if (data.status) {
+            this.accountInfo = data.data
             return
           }
           this.$message.error(data.msg)
@@ -219,6 +213,22 @@ $--color-primary: #3E8EF7;
   font-size: 16px;
 }
 
+.TT-avatar {
+  display: flex;
+
+  .avatar {
+    width: 120px;
+    height: 120px;
+    margin-left: 10px;
+    overflow: hidden;
+  }
+
+  img {
+    display: block;
+    width: 100%;
+  }
+}
+
 table {
   width: 100%;
   border-collapse: collapse;