TBtools-淘宝卡首屏

htmldev/TBTools/src/router/index.js

@@ -79,19 +79,13 @@ export const toolsRoutes = [
     component: _import('modules/tools/tools-productaskinfo'),
     name: 'toolsProductaskinfo',
     meta: { title: '商品问大家' }
+  },
+  {
+    path: '/tools-promote',
+    component: _import('modules/tools/tools-promote'),
+    name: 'toolsPromote',
+    meta: { title: '淘宝卡首屏' }
   }
-  // {
-  //   path: '/tools-similar',
-  //   component: _import('modules/tools/tools-similar'),
-  //   name: 'toolsSimilar',
-  //   meta: { title: '相似宝贝卡屏' }
-  // },
-  // {
-  //   path: '/tools-like',
-  //   component: _import('modules/tools/tools-like'),
-  //   name: 'toolsLike',
-  //   meta: { title: '猜你喜欢卡首屏' }
-  // }
 ]
 
 // 个人中心

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

@@ -0,0 +1,55 @@
+<template>
+  <el-row>
+    <el-col>
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane :label="item.label" :name="item.name" v-for="item in arrTab" :key="item.name">
+          <component :is="activeName"
+          />
+        </el-tab-pane>
+      </el-tabs>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import FirstPause from './tools-promote/firstPause'
+
+export default {
+  name: 'tools-promote',
+  components: {
+    FirstPause
+  },
+  data () {
+    return {
+      arrTab: [
+        {
+          label: '关键词卡首屏',
+          name: 'FirstPause'
+        },
+        {
+          label: '找相似入口',
+          name: 'Similar'
+        },
+        {
+          label: '洋淘秀卡首屏',
+          name: 'ForeignTao'
+        },
+        {
+          label: '猜你喜欢',
+          name: 'Guess'
+        }
+      ],
+      activeName: 'FirstPause'
+    }
+  },
+  methods: {
+    handleClick (tab, event) {
+      console.log(tab, event)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

htmldev/TBTools/src/views/modules/tools/tools-promote/commonform.vue

@@ -0,0 +1,93 @@
+<template>
+  <el-row v-loading="dataListLoading">
+    <el-col>
+      <el-form :model="dataForm" :rules="rules" label-width="120px" @keyup.enter.native="getDataList()" ref="dataForm">
+        <el-form-item label="搜索关键词：" prop="title">
+          <el-input v-model="dataForm.title" placeholder="请输入宝贝标题中包含的关键词" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="商品链接：" prop="productId">
+          <el-input v-model="dataForm.productId" placeholder="请输入您的宝贝链接或宝贝ID" clearable></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="getDataList()">生成</el-button>
+        </el-form-item>
+      </el-form>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+export default {
+  name: 'commonform',
+  props: {
+    promoteType: {
+      type: Number,
+      default: 0 // 卡首屏类型(0关键词1找相似入口2洋淘秀3猜你喜欢)
+    }
+  },
+  data () {
+    return {
+      dataForm: {
+        title: '',
+        productId: '' // 602950702411
+      },
+      rules: {
+        title: [
+          { required: true, message: '请输入宝贝标题中包含的关键词', trigger: 'blur' }
+        ],
+        productId: [
+          { required: true, message: '请输入您的宝贝链接或宝贝ID', trigger: 'blur' }
+        ]
+      },
+      dataListLoading: false
+    }
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      this.$refs['dataForm'].validate((valid) => {
+        if (!valid) {
+          return
+        }
+        this.dataListLoading = true
+        this.$http({
+          url: this.$http.adornUrl('/tb/kashouping'),
+          method: 'POST',
+          data: this.$http.adornData({
+            'title': this.dataForm.title,
+            'type': this.promoteType,
+            'productId': this.dataForm.productId
+          })
+        }).then(({ data }) => {
+          if (data.status) {
+          } else {
+            this.$message.error(data.msg)
+          }
+          this.dataListLoading = false
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+//$--color-primary: #3E8EF7;
+///deep/ .el-form-item {
+//  .el-form-item__content {
+//    display: flex;
+//    align-items: center;
+//
+//    input {
+//      border-top-right-radius: 0;
+//      border-bottom-right-radius: 0;
+//      border: 1px solid $--color-primary;
+//    }
+//
+//    button {
+//      border-top-left-radius: 0;
+//      border-bottom-left-radius: 0;
+//    }
+//  }
+//}
+</style>

htmldev/TBTools/src/views/modules/tools/tools-promote/firstPause.vue

@@ -0,0 +1,37 @@
+<template>
+  <el-row>
+    <el-col>
+      <p><b>关键词卡首屏：</b>主要用于解决新品在没排名，补手淘搜索关键词流量</p>
+      <div class="TT-explain">
+        <p>功能说明：请不要用一级词去卡屏，容易卡不上。</p>
+        <p>有权重！有权重！有权重！重要的事情说三遍！</p>
+        <p>备注：关键字卡首屏，如果自己进入的话会显示【淘内免费其他】，这个是淘宝对于自己进入店铺或多次进入店铺的人会显示，只要叫没有进入过你店铺的人进入就可以看到【手淘搜索】了。</p>
+      </div>
+    </el-col>
+    <el-col :span="14">
+      <Commonform
+      />
+    </el-col>
+    <el-col :span="9"></el-col>
+  </el-row>
+</template>
+
+<script>
+import Commonform from './commonform'
+
+export default {
+  name: 'firstPause',
+  components: {
+    Commonform
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.TT-explain {
+  padding: 8px 16px;
+  border-radius: 4px;
+  background-color: #fdf6ec;
+  color: #e6a23c;
+}
+</style>

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

@@ -1,13 +0,0 @@
-<template>
-  <div>similar</div>
-</template>
-
-<script>
-export default {
-  name: 'tools-similar'
-}
-</script>
-
-<style scoped>
-
-</style>