TBtools-关键词搜索

htmldev/TBTools/README.md

@@ -34,7 +34,7 @@ npm run build --prod
 * [x] 用户中心：充值、消费记录
 * [ ] 商品价格走势
 * [ ] 店铺信息查询
-* [ ] 淘宝客订单检测
+* [x] 淘宝客订单检测
 * [ ] 淘宝天猫下拉关键词搜索 https://siddur.cn/starkeysearch.html
 * [ ] 淘宝商品评论
 * [ ] 淘宝商品详情

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

@@ -1,10 +1,62 @@
 <template>
-  <div>tools-starkeysearch</div>
+  <el-row>
+    <el-col :span="10">
+      <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+        <el-form-item label="关键词" prop="name">
+          <el-input v-model="ruleForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="数据来源" prop="resource">
+          <el-radio-group v-model="ruleForm.resource">
+            <el-radio label="淘宝"></el-radio>
+            <el-radio label="天猫"></el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="深度" prop="level">
+          <el-select v-model="ruleForm.level" placeholder="请选择深度级别">
+            <el-option label="一级" value="0"></el-option>
+            <el-option label="二级" value="1"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="submitForm('ruleForm')">一键淘词</el-button>
+          <el-button>数据导出</el-button>
+        </el-form-item>
+      </el-form>
+    </el-col>
+  </el-row>
 </template>
 
 <script>
 export default {
-  name: 'tools-starkeysearch'
+  name: 'tools-starkeysearch',
+  data () {
+    return {
+      ruleForm: {
+        name: '',
+        resource: '淘宝',
+        level: '0'
+      },
+      rules: {
+        name: [
+          { required: true, message: '请输入关键词', trigger: 'blur' }
+        ],
+        region: [
+          { required: true, message: '请选择数据来源', trigger: 'change' }
+        ],
+        level: [
+          { required: true, message: '请选择深度级别', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    submitForm (formName) {
+      this.$refs[formName].validate((valid) => {
+        if (!valid) {
+        }
+      })
+    }
+  }
 }
 </script>