Skip to content

Z
zhichan
Commit 8c76c221 by 刘泽奇
Options

123

parent 5d194a89
Showing with 287 additions and 225 deletions
igirl-channel-web/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-web/app/front/entry/public/js/index.js
......@@ -205,8 +205,6 @@ axios.get("/web/common/metaCtl/getRouteConfig").then(d => {
if ($.cookie('userpin')) {
this.getUserInfo();
}
},
watch: {
// 监听路由变化
......
igirl-channel-web/app/front/vues/pages/companydetail/companydetail.html
......@@ -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>
......
igirl-channel-web/app/front/vues/pages/companydetail/companydetail.js
......@@ -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();
},
......
igirl-channel-web/app/front/vues/pages/jdicbc/jdicbc.css
......@@ -361,4 +361,27 @@ p {
width: 100%;
display: flex;
justify-content: space-between;
}
\ No newline at end of file
}
/* 移入 */
.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
igirl-channel-web/app/front/vues/pages/jdicbc/jdicbc.html
<div class="jdtrademark">
<div class="jdicbc">
<div class="jdtrademark">
<div class="jdicbc-banner">
</div>
<div class="jdtrademark-warpper">
<div class="jdicbc-search">
<div>
<img src="/imgs/jdcloud/jdicbc/search.png" alt="">
<span>
工商核名
</span>
</div>
<div>
<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">
<ul>
<li @click="citySelected(el)" v-for="(el, i) in item.cityList" :key="i">{{el}}</li>
</ul>
</el-tab-pane>
</el-tabs>
</p>
<input type="text" v-model="companyName" placeholder="请输入公司名">
<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>
</ul>
</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">
{{item}}</li>
</ul>
<div class="jdicbc-banner">
</div>
<div class="jdtrademark-warpper">
<div class="jdicbc-search">
<div>
<img src="/imgs/jdcloud/jdicbc/search.png" alt="">
<span>
工商核名
</span>
</div>
<div>
<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">
<ul>
<li @click="citySelected(el)" v-for="(el, i) in item.cityList" :key="i">{{el}}</li>
</ul>
</el-tab-pane>
</el-tabs>
</p>
<input type="text" v-model="companyName" placeholder="请输入公司名">
<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>
</ul>
</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">
{{item}}</li>
</ul>
</div>
</div>
<div @click="goVerification">
获取核名结果
</div>
<div @click="goVerification">
获取核名结果
</div>
</div>
</div>
</div>
<div class="brandreg">
<div style="width: 1200px;margin: 30px auto 0;">
<div class="brand" style="width:100%;">
<div style="width:1200px;margin:0 auto">
<div style="width:1200px">
<div class="brand-title">商标注册申请</div>
<div class="jdicbc-selected">
<div>
地区：<el-cascader v-model="regionValue" :options="region" @change="handleChange">
</el-cascader>
</div>
<div>
公司类型：<el-select v-model="typeValue" placeholder="请选择">
<el-option v-for="item in pullDownType" :key="item" :label="item" :value="item">
</el-option>
</el-select>
</div>
<div>
组织形式：<el-select v-model="formValue" placeholder="请选择">
<el-option v-for="item in pullDownForm" :key="item" :label="item" :value="item">
</el-option>
</el-select>
</div>
<div class="brandreg">
<div style="width: 1200px;margin: 30px auto 0;">
<div class="brand" style="width:100%;">
<div style="width:1200px;margin:0 auto">
<div style="width:1200px">
<div class="brand-title">公司注册申请</div>
<!-- <div class="jdicbc-selected">
<div>
地区：<el-cascader v-model="regionValue" :options="region" @change="handleChange">
</el-cascader>
</div>
<div>
公司类型：<el-select v-model="typeValue" placeholder="请选择">
<el-option v-for="item in pullDownType" :key="item" :label="item" :value="item">
</el-option>
</el-select>
</div>
<div>
组织形式：<el-select v-model="formValue" placeholder="请选择">
<el-option v-for="item in pullDownForm" :key="item" :label="item" :value="item">
</el-option>
</el-select>
</div>
</div> -->
</div>
</div>
<!-- 轮播部分 -->
<div class="brandreg-swiper" @mouseenter="dataList.length>3 ? showArrows = true : showArrows=false">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(item, index) in dataList"
: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 class="brandreg-swiper">
<div class="swiper-container">
<div class="swiper-wrapper">
<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>
<img :src="item.img" alt="">
<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>
{{item.title}}
<div><sup>￥</sup><span>{{item.price}}</span>/件
</div>
<div class="brandreg-swiper-content-button" @click="toBuy(item)"
:class="{\'brandreg-swiper-content-button-enter\':index==current}">
立即购买
</div>
</div>
</div>
</div>
<div class="brandreg-swiper-content">
<ul>
<li v-for="(item, index) in item.describe" :key="index">
<div><img src="imgs/jdcloud/jdicbc/dbx.png" alt="">
</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 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.info}}
<div>
{{item.item_name}}
</div>
</li>
</ul>
<div>
<div><sup>￥</sup><span>300</span>/件
</div>
<div class="brandreg-swiper-content-button"
:class="{\'brandreg-swiper-content-button-enter\':index==current}">
立即购买
</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>
<!-- Add Pagination -->
<!-- <div class="swiper-pagination"></div> -->
</div>
<!-- 控制箭头隐藏显示 -->
<div v-show="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>
</div>
</div>
<div class="jdicbc-flow">
<div class="jdicbc-flow">
</div>
<div class="jdicbc-materials-warpper">
<div class="jdicbc-materials">
<div>
<h3>你需要准备的材料</h3>
</div>
<div class="jdicbc-materials-warpper">
<div class="jdicbc-materials">
<div>
<div style="width:176px;height: 182px;position: absolute;left: 0; bottom: 0;">
<img src="imgs/jdcloud/jdicbc/file.png" alt="">
<h3>你需要准备的材料</h3>
<div>
<div style="width:176px;height: 182px;position: absolute;left: 0; bottom: 0;">
<img src="imgs/jdcloud/jdicbc/file.png" alt="">
</div>
<ul>
<li v-for="(item, index) in materials" :key="index">
<div>
<img :src="item.img" alt="">
</div>
<p>{{item.text}}</p>
</li>
</ul>
</div>
<ul>
<li v-for="(item, index) in materials" :key="index">
<div>
<img :src="item.img" alt="">
</div>
<p>{{item.text}}</p>
</li>
</ul>
</div>
</div>
<div>
<h3>注册成功后你可获得</h3>
<div>
<div style="width:773px">
<div style="width:135px;height:135px;">
<img src="imgs/jdcloud/jdicbc/license.png" alt="">
</div>
<p>
<div style="width:19px;height:19px;margin:0 15px;">
<img src="imgs/jdcloud/jdicbc/q1.png" alt="">
</div>
<div>
营业执照正本、副本
</div>
</p>
</div>
<h3>注册成功后你可获得</h3>
<div>
<div style="width:140px;height:115px">
<img src="imgs/jdcloud/jdicbc/invoice.png" alt="">
</div>
<p>
<div style="width:19px;height:19px;margin:0 15px;">
<img src="imgs/jdcloud/jdicbc/q2.png" alt="">
<div style="width:773px">
<div style="width:135px;height:135px;">
<img src="imgs/jdcloud/jdicbc/license.png" alt="">
</div>
<div>
公章、合同专用章、财务专用章、发票专用章、法人章
<p>
<div style="width:19px;height:19px;margin:0 15px;">
<img src="imgs/jdcloud/jdicbc/q1.png" alt="">
</div>
<div>
营业执照正本、副本
</div>
</p>
</div>
<div>
<div style="width:140px;height:115px">
<img src="imgs/jdcloud/jdicbc/invoice.png" alt="">
</div>
</p>
<p>
<div style="width:19px;height:19px;margin:0 15px;">
<img src="imgs/jdcloud/jdicbc/q2.png" alt="">
</div>
<div>
公章、合同专用章、财务专用章、发票专用章、法人章
</div>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
igirl-channel-web/app/front/vues/pages/jdicbc/jdicbc.js
......@@ -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,
......
igirl-channel-web/app/front/vues/pages/jdindentlist/jdindentlist.html
......@@ -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