Skip to content

Z
zhichan
Commit cd959b15 by 刘泽奇
Options

123

parent 28badf3c
Showing with 62 additions and 38 deletions
igirl-channel-jdweb/app/front/entry/public/css/pagecom.css
This source diff could not be displayed because it is too large. You can view the blob instead.
igirl-channel-jdweb/app/front/vues/pages/jdtrademark/jdtrademark.css
...@@ -204,7 +204,7 @@ li { ...@@ -204,7 +204,7 @@ li {
.brandreg-swiper-hearder { .brandreg-swiper-hearder {
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
padding-left: 125px; padding-left: 100px;
align-items: center; align-items: center;
height: 70px; height: 70px;
background: #2F3353; background: #2F3353;
...@@ -245,7 +245,7 @@ li { ...@@ -245,7 +245,7 @@ li {
.brandreg-swiper-content ul li>div:nth-child(1) { .brandreg-swiper-content ul li>div:nth-child(1) {
width: 14px; width: 14px;
height: 16px; /* height: 16px; */
margin-right: 14px; margin-right: 14px;
margin-left: 41px; margin-left: 41px;
} }
......
igirl-channel-jdweb/app/front/vues/pages/jdtrademark/jdtrademark.html
...@@ -9,10 +9,10 @@ ...@@ -9,10 +9,10 @@
商标检索 商标检索
</span> </span>
</div> </div>
<div> <div @mouseleave="typeListShow = !typeListShow">
<input type="text" v-model="searchValue" placeholder="请输入您想检索的商标名称，申请号，申请人等信息"> <input type="text" v-model="searchValue" placeholder="请输入您想检索的商标名称，申请号，申请人等信息">
<div @mouseenter="typeListShow = !typeListShow">全部类别 <i class="el-icon-arrow-down"></i></div> <div @mouseenter="typeListShow = !typeListShow">全部类别 <i class="el-icon-arrow-down"></i></div>
<div @mouseleave="typeListShow = !typeListShow" class="jdtrademark-typelist" v-show="typeListShow"> <div class="jdtrademark-typelist" v-show="typeListShow">
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选 <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选
</el-checkbox> </el-checkbox>
<div style="margin: 15px 0;"></div> <div style="margin: 15px 0;"></div>
...@@ -54,24 +54,23 @@ ...@@ -54,24 +54,23 @@
<div class="brandreg-swiper-hearder" <div class="brandreg-swiper-hearder"
:class="{\'brandreg-swiper-hearder-enter\':index==current}"> :class="{\'brandreg-swiper-hearder-enter\':index==current}">
<div> <div>
<img :src="item.img" alt=""> <img :src="item.productLogo" alt="">
</div> </div>
<div> <div>
{{item.title}} {{item.itemName}}
</div> </div>
</div> </div>
<div class="brandreg-swiper-content"> <div class="brandreg-swiper-content">
<ul> <ul>
<li v-for="(item, index) in item.describe" :key="index"> <li v-for="(item, index) in item.productDesc.desc" :key="index">
<div><img src="imgs/jdcloud/jdicbc/dbx.png" alt=""></div> <div><img src="imgs/jdcloud/jdicbc/dbx.png" alt=""></div>
<div>{{item.info}}</div> <div>{{item}}</div>
</li> </li>
</ul> </ul>
<div> <div>
<div><sup>￥</sup><span>300</span>/件</div> <div><sup>￥</sup><span>{{item.proPrice}}</span>/件</div>
<div class="brandreg-swiper-content-button" <div class="brandreg-swiper-content-button"
:class="{\'brandreg-swiper-content-button-enter\':index==current}">立即购买 :class="{\'brandreg-swiper-content-button-enter\':index==current}" @click="jumpJdProductDetails(item,$event)">立即购买
</div> </div>
</div> </div>
</div> </div>
......
igirl-channel-jdweb/app/front/vues/pages/jdtrademark/jdtrademark.js
...@@ -19,33 +19,35 @@ ...@@ -19,33 +19,35 @@
isIndeterminate: true, isIndeterminate: true,
typeListShow: false, typeListShow: false,
translate: null, translate: null,
dataList: [ dataList: [],
dataListFake: [
{ {
title: "123", title: "123",
img: "/imgs/jdcloud/jdtrademark/t1.png", img: "/imgs/jdcloud/jdtrademark/t1.png",
describe: [{ describe: [{
pic: "imgs/jdcloud/jdtrademark/dbx.png", pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx" info: "自己检索商标,准备官方所需注册材料"
}, { }, {
pic: "imgs/jdcloud/jdtrademark/dbx.png", pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx" info: "提交迅速,及时反馈"
}, { }, {
pic: "imgs/jdcloud/jdtrademark/dbx.png", pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx" info: "全流程跟踪,掌握申请进度"
}], }
],
}, },
{ {
title: "123", title: "123",
img: "/imgs/jdcloud/jdtrademark/t2.png", img: "/imgs/jdcloud/jdtrademark/t2.png",
describe: [{ describe: [{
pic: "imgs/jdcloud/jdtrademark/dbx.png", pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx" info: "由专业代理人帮您检索分析,成功率高"
}, { }, {
pic: "imgs/jdcloud/jdtrademark/dbx.png", pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx" info: "为您优化注册方案,全方位保护"
}, { }, {
pic: "imgs/jdcloud/jdtrademark/dbx.png", pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx" info: "代理人全流程服务,24小时拿到官方申请号"
}], }],
}, },
{ {
...@@ -53,31 +55,18 @@ ...@@ -53,31 +55,18 @@
img: "/imgs/jdcloud/jdtrademark/t3.png", img: "/imgs/jdcloud/jdtrademark/t3.png",
describe: [{ describe: [{
pic: "imgs/jdcloud/jdtrademark/dbx.png", pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx" info: "专业代理人精准评估,风险共担"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
}],
},
{
title: "123",
img: "/imgs/jdcloud/jdtrademark/t1.png",
describe: [{
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
}, { }, {
pic: "imgs/jdcloud/jdtrademark/dbx.png", pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx" info: "注册不成功,全额退款"
}, { }, {
pic: "imgs/jdcloud/jdtrademark/dbx.png", pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx" info: "24小时拿到官方申请号"
}], }],
}, },
], ],
current: 1, current: 1,
serviceData: [ serviceData: [
...@@ -135,7 +124,19 @@ ...@@ -135,7 +124,19 @@
} }
}, },
mounted: function() { mounted: function() {
this.$root.loading = true;
var obj = this.$root.copyParams({ channelUserId: "", itemCode: "sbfu" }, "getProductListByTypeOneCode", "/action/tmOrder/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((d) => {
this.$root.loading = false;
console.log(d, "cccccccccccccccccc");
if (d.status == 0) {
this.dataList = d.data;
this.dataList.map((item, index) => {
console.log(item.productDesc);
item.productDesc = JSON.parse(item.productDesc);
});
}
});
var swiper = new Swiper('.swiper-container', { var swiper = new Swiper('.swiper-container', {
slidesPerView: 3, slidesPerView: 3,
spaceBetween: 0, spaceBetween: 0,
...@@ -163,7 +164,7 @@ ...@@ -163,7 +164,7 @@
}); });
this.checkedType = data; this.checkedType = data;
this.isIndeterminate = false; this.isIndeterminate = false;
console.log(this.checkedType,this.typeList, "1111111111"); console.log(this.checkedType, this.typeList, "1111111111");
} else { } else {
this.checkedType = []; this.checkedType = [];
...@@ -190,6 +191,30 @@ ...@@ -190,6 +191,30 @@
tminput: this.searchValue, tminput: this.searchValue,
} }
}); });
},
jumpJdProductDetails(code, e){
if (code.channelItemCode) {
switch (code.itemCode) {
case "zzsbzc":
this.$router.push({ path: "/jd/selftmreg", query: {} });
break;
case "fzsbzc":
case "dbsbzc":
let productId = code.channelItemCode.split('-')[code.channelItemCode.split('-').length - 1];
window.open(`https://market.jdcloud.com/service/details/${productId}`);
break;
default:
break;
}
} else {
return
}
console.log(code, e);
} }
}, },
vname: "gsb-jdtrademark" vname: "gsb-jdtrademark"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment