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 {
.brandreg-swiper-hearder {
display: flex;
box-sizing: border-box;
padding-left: 125px;
padding-left: 100px;
align-items: center;
height: 70px;
background: #2F3353;
......@@ -245,7 +245,7 @@ li {
.brandreg-swiper-content ul li>div:nth-child(1) {
width: 14px;
height: 16px;
/* height: 16px; */
margin-right: 14px;
margin-left: 41px;
}
......
igirl-channel-jdweb/app/front/vues/pages/jdtrademark/jdtrademark.html
......@@ -9,10 +9,10 @@
商标检索
</span>
</div>
<div>
<div @mouseleave="typeListShow = !typeListShow">
<input type="text" v-model="searchValue" placeholder="请输入您想检索的商标名称，申请号，申请人等信息">
<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>
<div style="margin: 15px 0;"></div>
......@@ -54,24 +54,23 @@
<div class="brandreg-swiper-hearder"
:class="{\'brandreg-swiper-hearder-enter\':index==current}">
<div>
<img :src="item.img" alt="">
<img :src="item.productLogo" alt="">
</div>
<div>
{{item.title}}
{{item.itemName}}
</div>
</div>
<div class="brandreg-swiper-content">
<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>{{item.info}}</div>
<div>{{item}}</div>
</li>
</ul>
<div>
<div><sup>￥</sup><span>300</span>/件</div>
<div><sup>￥</sup><span>{{item.proPrice}}</span>/件</div>
<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>
......
igirl-channel-jdweb/app/front/vues/pages/jdtrademark/jdtrademark.js
......@@ -19,33 +19,35 @@
isIndeterminate: true,
typeListShow: false,
translate: null,
dataList: [
dataList: [],
dataListFake: [
{
title: "123",
img: "/imgs/jdcloud/jdtrademark/t1.png",
describe: [{
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
info: "自己检索商标,准备官方所需注册材料"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
info: "提交迅速,及时反馈"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
}],
info: "全流程跟踪,掌握申请进度"
}
],
},
{
title: "123",
img: "/imgs/jdcloud/jdtrademark/t2.png",
describe: [{
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
info: "由专业代理人帮您检索分析,成功率高"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
info: "为您优化注册方案,全方位保护"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
info: "代理人全流程服务,24小时拿到官方申请号"
}],
},
{
......@@ -53,31 +55,18 @@
img: "/imgs/jdcloud/jdtrademark/t3.png",
describe: [{
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
}, {
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"
info: "专业代理人精准评估,风险共担"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
info: "注册不成功,全额退款"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
info: "24小时拿到官方申请号"
}],
},
],
current: 1,
serviceData: [
......@@ -135,7 +124,19 @@
}
},
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', {
slidesPerView: 3,
spaceBetween: 0,
......@@ -163,7 +164,7 @@
});
this.checkedType = data;
this.isIndeterminate = false;
console.log(this.checkedType,this.typeList, "1111111111");
console.log(this.checkedType, this.typeList, "1111111111");
} else {
this.checkedType = [];
......@@ -190,6 +191,30 @@
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"
......
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