Commit 8c76c221 by 刘泽奇

123

parent 5d194a89
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -205,8 +205,6 @@ axios.get("/web/common/metaCtl/getRouteConfig").then(d => {
if ($.cookie('userpin')) {
this.getUserInfo();
}
},
watch: {
// 监听路由变化
......
......@@ -14,7 +14,6 @@
</div>
</div>
<div class="companydetail-warpper">
<div>
<div style="display:flex;height: 60px;align-items: center;">
<div style="background:#ffffff;
......@@ -24,7 +23,7 @@
border-radius:100%;margin: 0 10px 0 20px;">
</div>
<div style="font-size: 16px;">
北京蜀天下科技有限公司详情
{{companyName}}
</div>
</div>
</div>
......@@ -43,7 +42,6 @@
<div class="jdindentdetail-flow">
<div class="jdindentdetail-main-step-col">
<el-steps :active="currentStep" align-center process-status="process">
<!-- <el-step v-show="itemCode" title="方案不通过"></el-step> -->
<el-step title="已下单"></el-step>
<el-step title="已提交材料"></el-step>
......@@ -76,9 +74,8 @@
</el-table>
</div>
<div class="jdindentdetail-main-title">
企业信息
注册资本 / 出资比例
</div>
<div class="companydetail-info">
<table>
<tr style="background: #f6f9ff;">
......@@ -98,9 +95,9 @@
<td>联系地址</td>
</tr>
<tr>
<td>1</td>
<td></td>
<td></td>
<td></td>
<td>12</td>
<td></td>
<td></td>
<td></td>
......
......@@ -7,6 +7,7 @@
companyData: [],
channelFrom: null,
user_Name: "",
companyName:''
}
},
mounted: function() {
......@@ -17,11 +18,28 @@
}
});
this.getChannelFrom();
this.getDetail();
},
created: function() {
},
methods: {
getDetail(){
let obj = this.$root.copyParams({
"idempotentNo": "203915601880842"
}, "getIcbcOrderDetails", "/action/tmOrder/springBoard");
this.$root.loading = true;
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((d) => {
this.$root.loading = false;
if (d.status == 0) {
this.companyName = d.data.companyName;
console.log("返回信息", { ...d.data })
} else {
console.log(d.msg);
}
})
},
getChannelFrom(){
this.channelFrom = this.$root.getChannelPath();
},
......
......@@ -362,3 +362,26 @@ p {
display: flex;
justify-content: space-between;
}
/* 移入 */
.jdicbc .brandreg-swiper .swiper-slide-enter-btm {
height: 380px;
}
.jdicbc .brandreg-swiper .brandreg-swiper-hearder-enter-btm {
height: 80px;
background: #32b6e7;
color: #fff;
font-size: 18px;
line-height: 80px;
}
.jdicbc .brandreg-swiper .brandreg-swiper-content-button-enter-btm {
background: #32b6e7;
border: 1px solid #32b6e7;
color: #fff;
cursor: pointer;
}
/* 结束 */
\ No newline at end of file
<div class="jdtrademark">
<div class="jdicbc">
<div class="jdtrademark">
<div class="jdicbc-banner">
</div>
......@@ -14,7 +15,8 @@
<div @click="cityShow = !cityShow">{{cityName}} <i class="el-icon-arrow-down"></i></div>
<p v-show="cityShow">
<el-tabs v-model="activeName">
<el-tab-pane :label="item.title" :name="item.title" v-for="(item, index) in city" :key="index">
<el-tab-pane :label="item.title" :name="item.title" v-for="(item, index) in city"
:key="index">
<ul>
<li @click="citySelected(el)" v-for="(el, i) in item.cityList" :key="i">{{el}}</li>
</ul>
......@@ -25,14 +27,17 @@
<div @click="industryShow = !industryShow">{{industry}} <i class="el-icon-arrow-down"></i></div>
<div class="jdicbc-industry" v-show="industryShow">
<ul>
<li @click="industrySelected(item)" v-for="(item, index) in industryList" :key="index">{{item}}
<li @click="industrySelected(item)" v-for="(item, index) in industryList" :key="index">
{{item}}
</li>
</ul>
</div>
<div @click="companyTypeShow = !companyTypeShow">{{companyType}}<i class="el-icon-arrow-down"></i></div>
<div @click="companyTypeShow = !companyTypeShow">{{companyType}}<i class="el-icon-arrow-down"></i>
</div>
<div class="jdicbc-companyType" v-show="companyTypeShow">
<ul>
<li @click="companyTypeSelected(item)" v-for="(item, index) in companyTypeList" :key="index">
<li @click="companyTypeSelected(item)" v-for="(item, index) in companyTypeList"
:key="index">
{{item}}</li>
</ul>
</div>
......@@ -49,8 +54,8 @@
<div style="width:1200px;margin:0 auto">
<div style="width:1200px">
<div class="brand-title">商标注册申请</div>
<div class="jdicbc-selected">
<div class="brand-title">公司注册申请</div>
<!-- <div class="jdicbc-selected">
<div>
地区:<el-cascader v-model="regionValue" :options="region" @change="handleChange">
</el-cascader>
......@@ -67,41 +72,41 @@
</el-option>
</el-select>
</div>
</div>
</div> -->
</div>
<!-- 轮播部分 -->
<div class="brandreg-swiper" @mouseenter="dataList.length>3 ? showArrows = true : showArrows=false">
<div class="brandreg-swiper">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in dataList"
<div class="swiper-slide" v-for="(item, index) in dataList.slice(0,3)"
:class="{ \'swiper-slide-enter\':index==current}"
@mouseenter="adHeight(index,$event)" :key="index">
<div class="brandreg-swiper-hearder"
:class="{\'brandreg-swiper-hearder-enter\':index==current}">
<div>
<div>
<img :src="item.img" alt="">
<img :src="item.pic_url" alt="">
</div>
<div>
{{item.title}}
{{item.item_name}}
</div>
</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.product_desc" :key="index">
<div><img src="imgs/jdcloud/jdicbc/dbx.png" alt="">
</div>
<div>{{item.info}}
<div>{{item}}
</div>
</li>
</ul>
<div>
<div><sup></sup><span>300</span>/件
<div><sup></sup><span>{{item.price}}</span>/件
</div>
<div class="brandreg-swiper-content-button"
<div class="brandreg-swiper-content-button" @click="toBuy(item)"
:class="{\'brandreg-swiper-content-button-enter\':index==current}">
立即购买
</div>
......@@ -115,7 +120,7 @@
<!-- <div class="swiper-pagination"></div> -->
</div>
<!-- 控制箭头隐藏显示 -->
<div v-show="showArrows" @mouseleave="showArrows = false">
<div v-if="showArrows" @mouseleave="showArrows = false">
<div class="swiper-button-prev"></div>
<!--左箭头。如果放置在swiper-container外面,需要自定义样式。-->
<div class="swiper-button-next"></div>
......@@ -124,10 +129,65 @@
</div>
<div class="brand-title">公司注册申请</div>
<!-- 下面 -->
<div class="brandreg-swiper">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in dataList.slice(3,6)"
:class="{ \'swiper-slide-enter-btm\':index==current2}"
@mouseenter="adHeight2(index,$event)" :key="index">
<div class="brandreg-swiper-hearder"
:class="{\'brandreg-swiper-hearder-enter-btm\':index==current2}">
<div>
<div>
<img :src="item.pic_url" alt="">
</div>
<div>
{{item.item_name}}
</div>
</div>
</div>
<div class="brandreg-swiper-content">
<ul>
<li v-for="(item, index) in item.product_desc" :key="index">
<div><img src="imgs/jdcloud/jdicbc/dbx.png" alt="">
</div>
<div>{{item}}
</div>
</li>
</ul>
<div>
<div><sup></sup><span>{{item.price}}</span>/件
</div>
<div class="brandreg-swiper-content-button" @click="toBuy(item)"
:class="{\'brandreg-swiper-content-button-enter-btm\':index==current2}">
立即购买
</div>
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<!-- <div class="swiper-pagination"></div> -->
</div>
<!-- 控制箭头隐藏显示 -->
<div v-if="showArrows" @mouseleave="showArrows = false">
<div class="swiper-button-prev"></div>
<!--左箭头。如果放置在swiper-container外面,需要自定义样式。-->
<div class="swiper-button-next"></div>
<!--右箭头。如果放置在swiper-container外面,需要自定义样式。-->
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -187,4 +247,5 @@
</div>
</div>
</div>
</div>
\ No newline at end of file
......@@ -3,65 +3,11 @@
data: function() {
return {
dataList: [
{
"title": "123",
"img": "/imgs/jdcloud/jdtrademark/t1.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/t2.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/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"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
}, {
pic: "imgs/jdcloud/jdtrademark/dbx.png",
info: "xxxxxxxxxxxx"
}],
},
],
/*切换class */
current: 1,
current2: 1,
materials: [
{
img: "imgs/jdcloud/jdicbc/q1.png",
......@@ -277,10 +223,7 @@
}
},
mounted: function() {
var obj = this.$root.copyParams({ channelUserId: "", itemCode: "sbzc" }, "getProductListByTypeOneCode", "/action/tmOrder/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((d) => {
console.log(d,"cccccccccccccccccc");
});
this.getProductList();
var swiper = new Swiper('.swiper-container', {
slidesPerView: 3,
spaceBetween: 0,
......@@ -299,6 +242,22 @@
},
methods: {
getProductList(){
let obj = this.$root.copyParams({
"pathCode": "gsfu"
}, "getProductList", "/action/product/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((d) => {
if (d.status == 0) {
this.dataList = d.data;
console.log("返回信息", { ...d.data })
} else {
console.log(d.msg);
}
})
},
toBuy(k){
console.log(k.path_code, k.path_name)
},
handleChange(e){
let city = this.regionValue[0];
let area = this.regionValue[1];
......@@ -354,6 +313,9 @@
adHeight(index, event){
this.current = index;
},
adHeight2(index, event){
this.current2 = index;
},
goVerification(){
let obj = {
cityname: this.cityName,
......
......@@ -417,7 +417,7 @@
</el-tab-pane>
<!-- channelFrom != \'gsbhome\' -->
<el-tab-pane label="工商订单" name="second" v-if="0">
<el-tab-pane label="工商订单" name="second" v-if="channelFrom == \'jd\'">
<div class="jdindentlist">
<div class="jdindentlist-inquire">
<div class="jdindentlist-inquire-form">
......@@ -471,13 +471,8 @@
<el-button @click="icbcReset()">重置</el-button>
</div>
</div>
<div class="jdindentlist-null" v-if="tableData.length == 0">
<div>
<img src="/imgs/listnull.png" alt="">
</div>
<p>很抱歉,没有查询到您要搜索的内容!您也可以减少筛选范围再尝试~</p>
</div>
<div class="jdindentlist-list" v-else>
<div class="jdindentlist-list">
<el-table header-row-class-name="companydetail-name-header" :data="tableData" style="width: 100%">
<el-table-column prop="channelServiceNo" label="订单编号">
</el-table-column>
......@@ -518,12 +513,19 @@
</template>
</el-table-column>
</el-table>
<div class="jdindentlist-null" v-if="tableData.length == 0">
<div>
<img src="/imgs/listnull.png" alt="">
</div>
<p>很抱歉,没有查询到您要搜索的内容!您也可以减少筛选范围再尝试~</p>
</div>
<div class="jdindentlist-list-page">
<el-pagination @current-change="handleSizeChange()" :current-page.sync="currentPage"
:page-size="20" layout="prev, pager, next,jumper" :total="countPage">
</el-pagination>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
......
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