Skip to content

Z
zhichan
Commit 1ff4efd8 by 任建
Options

rj

parent 0cc9a986
Showing with 1452 additions and 157 deletions
channel-access/src/api/tmQuery.js 0 → 100644
import http from "@/http/http.js";
let baseUrl = "/api/web/action/tmQuery/springBoard";
// 商标详情查询接口
export function tradeMarkDetail(params) {
return http.post(baseUrl, {
actionType: "tradeMarkDetail",
actionBody: params
});
}
//企业查询接口
export function getCompanyInfoNoUser(name) {
return http.post(baseUrl, {
actionType: "getCompanyInfoNoUser",
actionBody: {
company_name: name
}
});
}
\ No newline at end of file
channel-access/src/api/tmTools.js
...@@ -9,7 +9,6 @@ export function getNiceQueryCategory(nclcodeSCode) { ...@@ -9,7 +9,6 @@ export function getNiceQueryCategory(nclcodeSCode) {
nclcode: nclcodeSCode nclcode: nclcodeSCode
}, },
actionType: "getNcl", actionType: "getNcl",
requrl: "/action/tmTools/springBoard"
}); });
} }
......
channel-access/src/views/pages/companyinformation/copyright.vue 0 → 100644
<template>
<div class="copyright">
<h3>
<p class="el-icon-back" @click="showTable">返回</p>
<b></b>
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item
><span @click="showTable">企业证照信息</span></el-breadcrumb-item
>
<el-breadcrumb-item>著作权</el-breadcrumb-item>
</el-breadcrumb>
</h3>
<table>
<thead class="copyright-table-header">
<tr>
<td>序号</td>
<td>作品名称</td>
<td>登记号</td>
<td>类型</td>
<td>创作完成日期</td>
<td>登记日期</td>
<td>首次发布日期</td>
</tr>
</thead>
<tbody class="copyright-table-body">
<tr v-for="(item, index) in itemList" :key="index">
<td>{{ "0" + (index + 1) }}</td>
<td>{{ item.name }}</td>
<td>{{ item.dengjihao }}</td>
<td>{{ item.type }}</td>
<td>{{ item.finishTime }}</td>
<td>{{ item.registerTime }}</td>
<td>{{ item.firstTime }}</td>
</tr>
</tbody>
</table>
<el-pagination
background
layout="prev, pager, next"
:page-size="pageSize"
:total="copyrightList.length"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</template>
<script>
export default {
data() {
return {
pageSize: 5,
copyrightList: [
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
},
{
name: "达摩院青橙奖LOGO",
dengjihao: "国作登字-2018-F-00675364",
type: "0",
finishTime: "2019-12-03",
registerTime: "2019-12-03",
firstTime: "2019-12-03"
}
],
itemList: []
};
},
mounted() {
this.handleCurrentChange(1);
},
methods: {
handleCurrentChange(val) {
this.itemList = this.copyrightList.slice(
(val - 1) * this.pageSize,
val * this.pageSize
);
},
indexMethod(index) {
return index * 2;
},
//翻转
showTable() {
this.$emit("unshowOne");
}
}
};
</script>
<style lang="scss">
.copyright {
width: 100%;
h3 {
display: flex;
align-items: center;
margin-bottom: 17px;
p {
margin-right: 8px;
font-size: 15px;
cursor: pointer;
}
b {
width: 2.5px;
height: 14px;
background: #1478f0;
display: block;
margin-right: 5px;
}
.el-breadcrumb {
.el-breadcrumb__item:nth-child(1) {
.el-breadcrumb__inner {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 22px;
}
}
.el-breadcrumb__item:nth-child(2) {
.el-breadcrumb__inner {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(20, 120, 240, 1);
line-height: 22px;
}
}
}
}
table {
width: 100%;
text-align: center;
.copyright-table-header {
width: 100%;
tr {
width: 100%;
td {
padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid #e4eef6;
background: #f2f9fc;
}
}
}
.copyright-table-body {
width: 100%;
tr {
width: 100%;
td {
padding: 15px;
border: 1px solid #e4eef6;
img {
width: 60px;
height: 34px;
border: 2px solid #ccc;
display: inline-block;
}
}
}
}
}
.el-pagination {
display: flex;
justify-content: center;
margin: 19px 0;
}
}
</style>
channel-access/src/views/pages/companyinformation/domainNameInfo.vue 0 → 100644
<template>
<div class="softwareCopyright">
<h3>
<p class="el-icon-back" @click="showTable">返回</p>
<b></b>
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item><span>企业证照信息</span></el-breadcrumb-item>
<el-breadcrumb-item>域名信息</el-breadcrumb-item>
</el-breadcrumb>
</h3>
<table>
<thead class="softwareCopyright-table-header">
<tr>
<td>序号</td>
<td>网站名称</td>
<td>域名</td>
<td>网站备案许可证号</td>
<td>审核时间</td>
</tr>
</thead>
<tbody class="softwareCopyright-table-body">
<tr v-for="(item, index) in itemList" :key="index">
<td>{{ "0" + (index + 1) }}</td>
<td>{{ item.name }}</td>
<td>{{ item.dengjihao }}</td>
<td>{{ item.version }}</td>
<td>{{ item.fenleihao }}</td>
</tr>
</tbody>
</table>
<el-pagination
background
layout="prev, pager, next"
:page-size="pageSize"
:total="softwareCopyrightList.length"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</template>
<script>
export default {
data() {
return {
pageSize: 5,
softwareCopyrightList: [
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
},
{
name: "萌颜APP",
dengjihao: "mengyan.com",
version: "浙ICP备09002987号-48",
fenleihao: "2019-12-03"
}
],
itemList: []
};
},
mounted() {
this.handleCurrentChange(1);
},
methods: {
handleCurrentChange(val) {
this.itemList = this.softwareCopyrightList.slice(
(val - 1) * this.pageSize,
val * this.pageSize
);
},
indexMethod(index) {
return index * 2;
},
//翻转
showTable() {
this.$emit("unshowOne");
}
}
};
</script>
<style lang="scss">
.softwareCopyright {
width: 100%;
h3 {
display: flex;
align-items: center;
margin-bottom: 17px;
p {
margin-right: 8px;
font-size: 15px;
cursor: pointer;
}
b {
width: 2.5px;
height: 14px;
background: #1478f0;
display: block;
margin-right: 5px;
}
.el-breadcrumb {
.el-breadcrumb__item:nth-child(1) {
.el-breadcrumb__inner {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 22px;
}
}
.el-breadcrumb__item:nth-child(2) {
.el-breadcrumb__inner {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(20, 120, 240, 1);
line-height: 22px;
}
}
}
}
table {
width: 100%;
text-align: center;
.softwareCopyright-table-header {
width: 100%;
tr {
width: 100%;
td {
padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid #e4eef6;
background: #f2f9fc;
}
}
}
.softwareCopyright-table-body {
width: 100%;
tr {
width: 100%;
td {
padding: 15px;
border: 1px solid #e4eef6;
img {
width: 60px;
height: 34px;
border: 2px solid #ccc;
display: inline-block;
}
}
}
}
}
.el-pagination {
display: flex;
justify-content: center;
margin: 19px 0;
}
}
</style>
channel-access/src/views/pages/companyinformation/enterpriseInfo.vue
...@@ -11,40 +11,40 @@ ...@@ -11,40 +11,40 @@
<table> <table>
<tr> <tr>
<td>法人代表</td> <td>法人代表</td>
<td>{{ companyInfo.legalRepresentative }}</td> <td>{{ companyInfo.legalRepresentative ? companyInfo.legalRepresentative: "--" }}</td>
<td>注册资本</td> <td>注册资本</td>
<td>{{ companyInfo.registeredCapital }}</td> <td>{{ companyInfo.registeredCapital? companyInfo.registeredCapital: "--" }}</td>
<td>营业期限</td> <td>营业期限</td>
<td>{{ companyInfo.businessTerm }}</td> <td>{{ companyInfo.businessTerm? companyInfo.businessTerm: "--" }}</td>
</tr> </tr>
<tr> <tr>
<td>统一社会信用代码</td> <td>统一社会信用代码</td>
<td>{{ companyInfo.creditCode }}</td> <td>{{ companyInfo.creditCode? companyInfo.creditCode: "--" }}</td>
<td>企业地址</td> <td>企业地址</td>
<td>{{ companyInfo.businessAddress }}</td> <td>{{ companyInfo.businessAddress? companyInfo.businessAddress: "--" }}</td>
<td>公司类型</td> <td>公司类型</td>
<td>{{ companyInfo.companyType }}</td> <td>{{ companyInfo.companyType? companyInfo.companyType: "--" }}</td>
</tr> </tr>
<tr> <tr>
<td>注册号</td> <td>注册号</td>
<td>{{ companyInfo.registrID }}</td> <td>{{ companyInfo.registrID? companyInfo.registrID: "--" }}</td>
<td>组织机构代码</td> <td>组织机构代码</td>
<td>{{ companyInfo.organizationCode }}</td> <td>{{ companyInfo.organizationCode? companyInfo.organizationCode: "--" }}</td>
<td>所属行业</td> <td>所属行业</td>
<td>2015-12-08~2035-12-07</td> <td>2015-12-08~2035-12-07</td>
</tr> </tr>
<tr> <tr>
<td>成立日期</td> <td>成立日期</td>
<td>{{companyInfo.dateIssue}}</td> <td>{{companyInfo.dateIssue? companyInfo.dateIssue: "--"}}</td>
<td>发照日期</td> <td>发照日期</td>
<td>{{companyInfo.dateIssue}}</td> <td>{{companyInfo.dateIssue? companyInfo.dateIssue: "--"}}</td>
<td>登记机关</td> <td>登记机关</td>
<td>{{companyInfo.registerOffice}}</td> <td>{{companyInfo.registerOffice? companyInfo.registerOffice: "--"}}</td>
</tr> </tr>
<tr> <tr>
<td>经营范围</td> <td>经营范围</td>
<td colspan="5"> <td colspan="5">
{{ companyInfo.scope }} {{ companyInfo.scope? companyInfo.scope: "--" }}
</td> </td>
</tr> </tr>
</table> </table>
......
channel-access/src/views/pages/companyinformation/index.vue
...@@ -98,8 +98,14 @@ ...@@ -98,8 +98,14 @@
</thead> </thead>
<tbody class="companycertificateinfo-tbody"> <tbody class="companycertificateinfo-tbody">
<tr> <tr>
<td><span @click="showTable(1)">营业执照 1</span></td> <td><span>营业执照 1</span></td>
<td><span>商标注册证 78</span></td> <td>
<span @click="showTable(1)">商标注册证 78</span>
<span @click="showTable(2)"> 专利证书 2 </span>
<span @click="showTable(3)"> 著作权 0 </span>
<span @click="showTable(4)"> 软件著作权 13 </span>
<span @click="showTable(5)"> 域名信息 1</span>
</td>
<td><span>一般纳税人证 1</span></td> <td><span>一般纳税人证 1</span></td>
<td><span>食品流通许可证 1</span></td> <td><span>食品流通许可证 1</span></td>
<td><span>互联网准入许可证 1</span></td> <td><span>互联网准入许可证 1</span></td>
...@@ -108,11 +114,23 @@ ...@@ -108,11 +114,23 @@
</table> </table>
</div> </div>
</transition> </transition>
<!-- 需要翻转的表格组件 -->
<transition name="el-zoom-in-center"> <transition name="el-zoom-in-center">
<Trademark v-show="show == 1" @unshowOne="unshow" /> <Trademark v-show="show == 1" @unshowOne="unshow" />
</transition> </transition>
<transition name="el-zoom-in-center">
<!-- <Trademark /> --> <PatentCertificate v-show="show == 2" @unshowOne="unshow" />
</transition>
<transition name="el-zoom-in-center">
<Copyright v-show="show == 3" @unshowOne="unshow" />
</transition>
<transition name="el-zoom-in-center">
<SoftwareCopyright v-show="show == 4" @unshowOne="unshow" />
</transition>
<transition name="el-zoom-in-center">
<DomainNameInfo v-show="show == 5" @unshowOne="unshow" />
</transition>
<!-- -->
</div> </div>
<div class="companycertificateinfo"> <div class="companycertificateinfo">
<h3><b></b> 竞争企业证照信息</h3> <h3><b></b> 竞争企业证照信息</h3>
...@@ -202,7 +220,9 @@ ...@@ -202,7 +220,9 @@
</div> </div>
</div> </div>
<div class="main-certificateinfo-right"> <div class="main-certificateinfo-right">
<h1>推荐证照</h1> <h1>
<img src="@/assets/imgs/company/tuijian.png" alt="" /> 推荐证照
</h1>
<div class="zhengzhaoimg"> <div class="zhengzhaoimg">
<img src="@/assets/imgs/company/zhengzhao1.png" alt="" /> <img src="@/assets/imgs/company/zhengzhao1.png" alt="" />
<p>立即办理</p> <p>立即办理</p>
...@@ -231,7 +251,13 @@ ...@@ -231,7 +251,13 @@
<script> <script>
import EnterpriseInfo from "./enterpriseInfo"; import EnterpriseInfo from "./enterpriseInfo";
//需要翻转的表格
import Trademark from "./trademark"; import Trademark from "./trademark";
import PatentCertificate from "./patentCertificate";
import Copyright from "./copyright";
import SoftwareCopyright from "./softwareCopyright";
import DomainNameInfo from "./domainNameInfo";
import { import {
getCompanyInfoByLikeName, getCompanyInfoByLikeName,
getEntregistryByCompanyName getEntregistryByCompanyName
...@@ -239,7 +265,11 @@ import { ...@@ -239,7 +265,11 @@ import {
export default { export default {
components: { components: {
EnterpriseInfo, EnterpriseInfo,
Trademark Trademark,
PatentCertificate,
Copyright,
SoftwareCopyright,
DomainNameInfo
}, },
data() { data() {
return { return {
...@@ -283,8 +313,7 @@ export default { ...@@ -283,8 +313,7 @@ export default {
this.show = index; this.show = index;
}, 200); }, 200);
}, },
unshow(){ unshow() {
console.log(123);
this.showTable(0); this.showTable(0);
}, },
//打开弹框 //打开弹框
...@@ -361,7 +390,7 @@ export default { ...@@ -361,7 +390,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.companyinformation { .companyinformation {
width: 100%; width: 100%;
.companyinformation-header { .companyinformation-header {
...@@ -385,7 +414,11 @@ export default { ...@@ -385,7 +414,11 @@ export default {
display: flex; display: flex;
border-radius: 2px; border-radius: 2px;
overflow: hidden; overflow: hidden;
input {
border-radius: 0;
}
.el-autocomplete { .el-autocomplete {
background: #fff;
flex: 1; flex: 1;
.el-input { .el-input {
width: 100%; width: 100%;
...@@ -556,6 +589,12 @@ export default { ...@@ -556,6 +589,12 @@ export default {
justify-content: space-between; justify-content: space-between;
.main-certificateinfo-left { .main-certificateinfo-left {
width: 936px; width: 936px;
.companycertificateinfo:nth-child(1) {
thead td:hover{
background: #499bff;
color: #fff;
}
}
.companycertificateinfo { .companycertificateinfo {
width: 100%; width: 100%;
padding: 16px 16px 1px; padding: 16px 16px 1px;
...@@ -601,7 +640,7 @@ export default { ...@@ -601,7 +640,7 @@ export default {
tbody { tbody {
tr { tr {
td { td {
padding: 10px 0; padding: 10px 10px;
height: 40px; height: 40px;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
...@@ -616,11 +655,15 @@ export default { ...@@ -616,11 +655,15 @@ export default {
} }
.companycertificateinfo-tbody { .companycertificateinfo-tbody {
tr { tr {
span { td {
cursor: pointer; span {
} display: block;
span:hover { cursor: pointer;
color: #1478f0; margin-bottom: 10px;
}
span:hover {
color: #1478f0;
}
} }
} }
} }
...@@ -655,8 +698,12 @@ export default { ...@@ -655,8 +698,12 @@ export default {
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
line-height: 25px; // line-height: 25px;
margin-bottom: 14px; margin-bottom: 14px;
img {
height: 17.8px;
margin-right: 8px;
}
} }
.zhengzhaoimg { .zhengzhaoimg {
width: 100%; width: 100%;
......
channel-access/src/views/pages/companyinformation/patentCertificate.vue 0 → 100644
<template>
<div class="patentCertificate">
<h3>
<p class="el-icon-back" @click="showTable">返回</p>
<b></b>
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item
><span @click="showTable">企业证照信息</span></el-breadcrumb-item
>
<el-breadcrumb-item>专利证书</el-breadcrumb-item>
</el-breadcrumb>
</h3>
<table>
<thead class="patentCertificate-table-header">
<tr>
<td>序号</td>
<td>专利类型</td>
<td>公开号</td>
<td>发布日期</td>
<td>摘要</td>
</tr>
</thead>
<tbody class="patentCertificate-table-body">
<tr v-for="(item, index) in itemList" :key="index">
<td>{{ "0" + (index + 1) }}</td>
<td>{{ item.patentType }}</td>
<td>{{ item.gongkaihao }}</td>
<td>{{ item.time }}</td>
<td>{{ item.zhaiyao }}</td>
</tr>
</tbody>
</table>
<el-pagination
background
layout="prev, pager, next"
:page-size="pageSize"
:total="patentCertificateList.length"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</template>
<script>
export default {
data() {
return {
pageSize: 5,
patentCertificateList: [
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
},
{
patentType: "发明专利",
gongkaihao: "CN110648182A",
time: "2019-12-03",
zhaiyao:
"商品自动定价方法、系统、介质和计算设备本发明的实施方式提供了一种商品自动定价方法。该商品自动定价方法包括：从多个历史数据中，获取环境状态信息，其中，环境状态信息包括表明用户对历史定价行为的响应信息；将环境状态信息输入强化深度"
}
],
itemList: []
};
},
mounted() {
this.handleCurrentChange(1);
},
methods: {
handleCurrentChange(val) {
this.itemList = this.patentCertificateList.slice(
(val - 1) * this.pageSize,
val * this.pageSize
);
},
indexMethod(index) {
return index * 2;
},
//翻转
showTable() {
this.$emit("unshowOne");
}
}
};
</script>
<style lang="scss">
.patentCertificate {
width: 100%;
h3 {
display: flex;
align-items: center;
margin-bottom: 17px;
p {
margin-right: 8px;
font-size: 15px;
cursor: pointer;
}
b {
width: 2.5px;
height: 14px;
background: #1478f0;
display: block;
margin-right: 5px;
}
.el-breadcrumb {
.el-breadcrumb__item:nth-child(1) {
.el-breadcrumb__inner {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 22px;
}
}
.el-breadcrumb__item:nth-child(2) {
.el-breadcrumb__inner {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(20, 120, 240, 1);
line-height: 22px;
}
}
}
}
table {
width: 100%;
text-align: center;
.patentCertificate-table-header {
width: 100%;
tr {
width: 100%;
td {
padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid #E4EEF6;
background: #F2F9FC;
}
td:last-child{
width: 400px;
}
}
}
.patentCertificate-table-body {
width: 100%;
tr {
width: 100%;
td {
padding: 15px;
border: 1px solid #E4EEF6;
img {
width: 60px;
height: 34px;
border: 2px solid #ccc;
display: inline-block;
}
}
td:last-child{
text-align: left;
}
}
}
}
.el-pagination {
display: flex;
justify-content: center;
margin: 19px 0;
}
}
</style>
channel-access/src/views/pages/companyinformation/softwareCopyright.vue 0 → 100644
<template>
<div class="softwareCopyright">
<h3>
<p class="el-icon-back" @click="showTable">返回</p>
<b></b>
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item
><span>企业证照信息</span></el-breadcrumb-item
>
<el-breadcrumb-item>软件著作权</el-breadcrumb-item>
</el-breadcrumb>
</h3>
<table>
<thead class="softwareCopyright-table-header">
<tr>
<td>序号</td>
<td>软件名称</td>
<td>登记号</td>
<td>版本号</td>
<td>分类号</td>
<td>登记批准日期</td>
<td>软件简称</td>
</tr>
</thead>
<tbody class="softwareCopyright-table-body">
<tr v-for="(item, index) in itemList" :key="index">
<td>{{ "0" + (index + 1) }}</td>
<td>{{ item.name }}</td>
<td>{{ item.dengjihao }}</td>
<td>{{ item.version }}</td>
<td>{{ item.fenleihao }}</td>
<td>{{ item.registerTime }}</td>
<td>{{ item.jiancheng }}</td>
</tr>
</tbody>
</table>
<el-pagination
background
layout="prev, pager, next"
:page-size="pageSize"
:total="softwareCopyrightList.length"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</template>
<script>
export default {
data() {
return {
pageSize: 5,
softwareCopyrightList: [
{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
},{
name: "萌颜APP",
dengjihao: "2019SR0203965",
version: "V1.0",
fenleihao: "30000-0000",
registerTime: "2019-12-03",
jiancheng: "萌颜"
}
],
itemList: []
};
},
mounted() {
this.handleCurrentChange(1);
},
methods: {
handleCurrentChange(val) {
this.itemList = this.softwareCopyrightList.slice(
(val - 1) * this.pageSize,
val * this.pageSize
);
},
indexMethod(index) {
return index * 2;
},
//翻转
showTable() {
this.$emit("unshowOne");
}
}
};
</script>
<style lang="scss">
.softwareCopyright {
width: 100%;
h3 {
display: flex;
align-items: center;
margin-bottom: 17px;
p {
margin-right: 8px;
font-size: 15px;
cursor: pointer;
}
b {
width: 2.5px;
height: 14px;
background: #1478f0;
display: block;
margin-right: 5px;
}
.el-breadcrumb {
.el-breadcrumb__item:nth-child(1) {
.el-breadcrumb__inner {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 22px;
}
}
.el-breadcrumb__item:nth-child(2) {
.el-breadcrumb__inner {
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(20, 120, 240, 1);
line-height: 22px;
}
}
}
}
table {
width: 100%;
text-align: center;
.softwareCopyright-table-header {
width: 100%;
tr {
width: 100%;
td {
padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid #e4eef6;
background: #f2f9fc;
}
}
}
.softwareCopyright-table-body {
width: 100%;
tr {
width: 100%;
td {
padding: 15px;
border: 1px solid #e4eef6;
img {
width: 60px;
height: 34px;
border: 2px solid #ccc;
display: inline-block;
}
}
}
}
}
.el-pagination {
display: flex;
justify-content: center;
margin: 19px 0;
}
}
</style>
channel-access/src/views/pages/companyinformation/trademark.vue
<template> <template>
<div class="trademark"> <div class="trademark">
<h3> <h3>
<p class="el-icon-back" @click="showTable">返回</p>
<b></b> <b></b>
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item <el-breadcrumb-item><span>企业证照信息</span></el-breadcrumb-item>
><span @click="showTable">企业证照信息</span></el-breadcrumb-item
>
<el-breadcrumb-item>商标注册证</el-breadcrumb-item> <el-breadcrumb-item>商标注册证</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</h3> </h3>
...@@ -23,8 +22,8 @@ ...@@ -23,8 +22,8 @@
</tr> </tr>
</thead> </thead>
<tbody class="trademark-table-body"> <tbody class="trademark-table-body">
<tr v-for="(item, index) in trademarkList" :key="index"> <tr v-for="(item, index) in itemList" :key="index">
<td>序号</td> <td>{{ "0" + (index + 1) }}</td>
<td><img :src="item.img" alt="" /></td> <td><img :src="item.img" alt="" /></td>
<td>{{ item.name }}</td> <td>{{ item.name }}</td>
<td>{{ item.zhucehao }}</td> <td>{{ item.zhucehao }}</td>
...@@ -55,7 +54,7 @@ export default { ...@@ -55,7 +54,7 @@ export default {
trademarkList: [ trademarkList: [
{ {
img: img, img: img,
name: "213", name: "asd",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -71,7 +70,7 @@ export default { ...@@ -71,7 +70,7 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "qwe",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -79,7 +78,7 @@ export default { ...@@ -79,7 +78,7 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "ghkghkj",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -87,7 +86,7 @@ export default { ...@@ -87,7 +86,7 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "gjgh",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -95,7 +94,7 @@ export default { ...@@ -95,7 +94,7 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "ghj",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -103,7 +102,7 @@ export default { ...@@ -103,7 +102,7 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "hj",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -111,7 +110,7 @@ export default { ...@@ -111,7 +110,7 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "gffgfg",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -119,7 +118,7 @@ export default { ...@@ -119,7 +118,7 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "tyuiuy",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -127,7 +126,7 @@ export default { ...@@ -127,7 +126,7 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "poiu",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -135,7 +134,7 @@ export default { ...@@ -135,7 +134,7 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "qterd",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
...@@ -143,27 +142,31 @@ export default { ...@@ -143,27 +142,31 @@ export default {
}, },
{ {
img: img, img: img,
name: "213", name: "bcfd",
zhucehao: "1231321321asdasd213", zhucehao: "1231321321asdasd213",
leibie: 0, leibie: 0,
status: "已注册", status: "已注册",
time: "2017-12-08" time: "2017-12-08"
} }
], ],
itemList:[] itemList: []
}; };
}, },
mounted() {
this.handleCurrentChange(1);
},
methods: { methods: {
handleCurrentChange(val) { handleCurrentChange(val) {
console.log(val); this.itemList = this.trademarkList.slice(
this.itemList = this.trademarkList.slice(val-1,) (val - 1) * this.pageSize,
val * this.pageSize
);
}, },
indexMethod(index) { indexMethod(index) {
return index * 2; return index * 2;
}, },
//翻转 //翻转
showTable() { showTable() {
console.log(12312313);
this.$emit("unshowOne"); this.$emit("unshowOne");
} }
} }
...@@ -174,6 +177,21 @@ export default { ...@@ -174,6 +177,21 @@ export default {
.trademark { .trademark {
width: 100%; width: 100%;
h3 { h3 {
display: flex;
align-items: center;
margin-bottom: 17px;
p {
margin-right: 8px;
font-size: 15px;
cursor: pointer;
}
b {
width: 2.5px;
height: 14px;
background: #1478f0;
display: block;
margin-right: 5px;
}
.el-breadcrumb { .el-breadcrumb {
.el-breadcrumb__item:nth-child(1) { .el-breadcrumb__item:nth-child(1) {
.el-breadcrumb__inner { .el-breadcrumb__inner {
...@@ -182,7 +200,6 @@ export default { ...@@ -182,7 +200,6 @@ export default {
font-weight: 500; font-weight: 500;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
line-height: 22px; line-height: 22px;
cursor: pointer;
} }
} }
.el-breadcrumb__item:nth-child(2) { .el-breadcrumb__item:nth-child(2) {
...@@ -198,12 +215,19 @@ export default { ...@@ -198,12 +215,19 @@ export default {
} }
table { table {
width: 100%; width: 100%;
text-align: center;
.trademark-table-header { .trademark-table-header {
width: 100%; width: 100%;
tr { tr {
width: 100%; width: 100%;
td { td {
width: 12.5% !important; width: 12.5%;
padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid #e4eef6;
background: #f2f9fc;
} }
} }
} }
...@@ -212,8 +236,12 @@ export default { ...@@ -212,8 +236,12 @@ export default {
tr { tr {
width: 100%; width: 100%;
td { td {
width: 12.5% !important; width: 12.5%;
padding: 15px; padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid #e4eef6;
img { img {
width: 60px; width: 60px;
height: 34px; height: 34px;
...@@ -224,5 +252,10 @@ export default { ...@@ -224,5 +252,10 @@ export default {
} }
} }
} }
.el-pagination {
display: flex;
justify-content: center;
margin: 19px 0;
}
} }
</style> </style>
channel-access/src/views/pages/jdbycdetailtm/companyInfo.vue
<template> <template>
<div class="drawer-company"> <div class="drawer-company">
<div class="drawerLoading" v-if="loading" v-loading="true"></div>
<div class="drawer-company-top"> <div class="drawer-company-top">
<div class="company-top-title"> <div class="company-top-title">
<div class="company-name">{{ data.name }}</div> <div class="company-name">
<h1>{{ data.name }}</h1>
<p>
<img src="@/assets/imgs/jdt/website.png" />{{
data.tel_info ? data.tel_info : "---"
}}
</p>
<p>
<i class="el-icon-search"></i
>{{ data.businessAddress ? data.businessAddress : "---" }}
</p>
</div>
<div class="company-img"> <div class="company-img">
<img src="@/assets/imgs/jdt/GSlogo.png" alt="" /> <img src="@/assets/imgs/jdt/GSlogo.png" alt="" />
</div> </div>
</div> </div>
<div class="company-top-msg">
<p><img src="@/assets/imgs/jdt/website.png" />{{ data.tel_info }}</p>
<p><i class="el-icon-search"></i>{{ data.businessAddress }}</p>
</div>
</div> </div>
<div class="drawer-company-main"></div> <div class="drawer-company-main">
<table>
<tr>
<td>统一社会信用代码</td>
<td>{{ data.creditCode ? data.creditCode : "---" }}</td>
<td>组织机构代码</td>
<td>{{ data.organizationCode ? data.organizationCode : "---" }}</td>
</tr>
<tr>
<td>注册号</td>
<td>{{ data.registrID ? data.registrID : "---" }}</td>
<td>经营状态</td>
<td>{{ data.managementState ? data.managementState : "---" }}</td>
</tr>
<tr>
<td>公司类型</td>
<td>{{ data.companyType ? data.companyType : "---" }}</td>
<td>成立日期</td>
<td>{{ data.foundation ? data.foundation : "---" }}</td>
</tr>
<tr>
<td>法定代表人</td>
<td>
{{ data.legalRepresentative ? data.legalRepresentative : "---" }}
</td>
<td>营业期限</td>
<td>{{ data.businessTerm ? data.businessTerm : "---" }}</td>
</tr>
<tr>
<td>注册资本</td>
<td>{{ data.registeredCapital ? data.registeredCapital : "---" }}</td>
<td>发照日期</td>
<td>{{ data.dateIssue ? data.dateIssue : "---" }}</td>
</tr>
<tr>
<td>登记机关</td>
<td colspan="3">
{{ data.registerOffice ? data.registerOffice : "---" }}
</td>
</tr>
<tr>
<td>营业范围</td>
<td colspan="3">{{ data.scope ? data.scope : "---" }}</td>
</tr>
</table>
</div>
</div> </div>
</template> </template>
<script> <script>
import { getCompanyInfoNoUser } from "@/api/tmQuery.js";
export default { export default {
// props: ["data"], props: ["title"],
data() { data() {
return { return {
data: { data: {},
name: "广州市玮誉贸易有限公司", loading: false
legalRepresentative: "侯丰羽",
managementState: "存续",
registeredCapital: "110.000万人民币",
foundedTime: "2003-12-2",
creditCode: "91440106755589300G",
registrID: "440106000073627",
organizationCode: "755589300",
companyType: "0",
registerOffice: "广州市天河区工商行政管理局",
businessAddress: "广州市天河区先烈东路296号8517-8519室",
scope:
"商品批发贸易(许可审批类商品除外);商品零售贸易(许可审批类商品除外);(依法须经批准的项目,经相关部门批准后方可开展经营活动)〓",
dateIssue: "2016-3-17",
businessTerm: "2003-12-2至null",
tel_info: "020-87259789"
}
}; };
},
mounted() {
this.getCompanyInfo();
},
methods: {
getCompanyInfo() {
this.loading = true;
getCompanyInfoNoUser(this.title).then(res => {
this.loading = false;
this.data = res.data;
});
}
},
watch: {
title() {
this.getCompanyInfo();
}
} }
}; };
</script> </script>
...@@ -51,36 +106,66 @@ export default { ...@@ -51,36 +106,66 @@ export default {
.drawer-company-top { .drawer-company-top {
width: 100%; width: 100%;
} }
.drawerLoading {
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
} }
.company-top-title { .company-top-title {
width: 100%; width: 100%;
height: 122px; height: 122px;
margin-bottom: 30px;
.company-name { .company-name {
float: left; float: left;
font-size: 20px; h1 {
font-size: 20px;
margin-bottom: 35px;
}
p {
width: 100%;
line-height: 30px;
display: flex;
align-items: center;
font-size: 14px;
color: #606266;
img {
width: 14px !important;
height: 14px !important;
margin-right: 10px;
}
i {
font-size: 14px;
margin-right: 10px;
}
}
} }
.company-img { .company-img {
float: right; float: right;
border-radius: 5px;
overflow: hidden;
} }
} }
.company-top-msg{ .drawer-company-main {
width: 100%;
margin-bottom: 40px;
table {
width: 100%; width: 100%;
p{ tr {
width: 100%; width: 100%;
line-height: 30px; td:nth-child(odd) {
display: flex; text-align: center;
align-items: center; border: 0.25px solid #d8d8d8;
font-size: 14px; white-space: nowrap;
color: #606266; padding: 0 10px;
img{ }
width: 14px !important; td:nth-child(even) {
height: 14px !important; padding: 15px 30px;
margin-right: 10px; border: 0.25px solid #d8d8d8;
} }
i{
font-size: 14px;
margin-right: 10px;
}
} }
}
} }
</style> </style>
channel-access/src/views/pages/jdbycdetailtm/index.vue
<template> <template>
<div class="jdbycdetailtm"> <div class="jdbycdetailtm">
<div class="detailLoading" v-loading="true" v-if="loading"></div>
<div class="jdbycdetailtm-container"> <div class="jdbycdetailtm-container">
<div class="jdbycdetailtm-top"> <div class="jdbycdetailtm-top">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
...@@ -31,10 +32,12 @@ ...@@ -31,10 +32,12 @@
</div> </div>
</td> </td>
</tr> </tr>
<!-- --> <!-- 主体内容 -->
<tr> <tr>
<td class="td-title">商标名称</td> <td class="td-title">商标名称</td>
<td class="td-content" colspan="2">{{ detaildata.sbmc }}</td> <td class="td-content" colspan="2">
{{ detaildata.sbmc ? detaildata.sbmc : "---" }}
</td>
<td class="imgtd" rowspan="5"> <td class="imgtd" rowspan="5">
<img <img
v-if="detaildata.logo" v-if="detaildata.logo"
...@@ -56,7 +59,7 @@ ...@@ -56,7 +59,7 @@
<tr> <tr>
<td class="td-title">法律状态</td> <td class="td-title">法律状态</td>
<td class="td-content" style="color: #108EE9;" colspan="2"> <td class="td-content" style="color: #108EE9;" colspan="2">
{{ detaildata.sbzt }} {{ detaildata.sbzt ? detaildata.sbzt : "---" }}
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -102,7 +105,17 @@ ...@@ -102,7 +105,17 @@
<!--商品/服务项目--> <!--商品/服务项目-->
<tr> <tr>
<td class="td-title" rowspan="2">商品/服务项目</td> <td class="td-title" rowspan="2">商品/服务项目</td>
<td class="project-title">已注册群组</td> <td class="project-title">
已注册群组
<el-button
v-if="registeredList.length"
v-clipboard:copy="toStringList(registeredList)"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
@click="toStringList(registeredList)"
>复制</el-button
>
</td>
<td class="project-title" colspan="2">未注册群组</td> <td class="project-title" colspan="2">未注册群组</td>
</tr> </tr>
<tr> <tr>
...@@ -130,13 +143,13 @@ ...@@ -130,13 +143,13 @@
<!-- --> <!-- -->
<tr> <tr>
<td class="td-title">初审公告期号</td> <td class="td-title">初审公告期号</td>
<td class="td-content click"> <td class="td-content">
{{ detaildata.csgg ? "第" + detaildata.csgg + "期" : "---" {{ detaildata.csgg ? "第" + detaildata.csgg + "期" : "---" }}
}}<i <!-- <i
v-if="detaildata.csgg" v-if="detaildata.csgg"
@click="getLinkUrl(detaildata.csgg)" @click="getLinkUrl(detaildata.csgg)"
class="el-icon-search" class="el-icon-search"
></i> ></i> -->
</td> </td>
<td class="td-title">初审公告日期</td> <td class="td-title">初审公告日期</td>
<td class="td-content"> <td class="td-content">
...@@ -145,13 +158,13 @@ ...@@ -145,13 +158,13 @@
</tr> </tr>
<tr> <tr>
<td class="td-title">注册公告期号</td> <td class="td-title">注册公告期号</td>
<td class="td-content click"> <td class="td-content ">
{{ detaildata.zcgg ? "第" + detaildata.zcgg + "期" : "---" {{ detaildata.zcgg ? "第" + detaildata.zcgg + "期" : "---" }}
}}<i <!-- <i
v-if="detaildata.zcgg" v-if="detaildata.zcgg"
@click="getLinkUrl(detaildata.zcgg)" @click="getLinkUrl(detaildata.zcgg)"
class="el-icon-search" class="el-icon-search"
></i> ></i> -->
</td> </td>
<td class="td-title">注册公告日期</td> <td class="td-title">注册公告日期</td>
<td class="td-content"> <td class="td-content">
...@@ -168,21 +181,32 @@ ...@@ -168,21 +181,32 @@
<td class="td-title">代理机构名称</td> <td class="td-title">代理机构名称</td>
<td class="td-content click"> <td class="td-content click">
{{ detaildata.dljg ? detaildata.dljg : "---" {{ detaildata.dljg ? detaildata.dljg : "---"
}}<i v-if="detaildata.dljg" class="el-icon-search"></i> }}<i
v-if="detaildata.dljg"
class="el-icon-search"
@click="getCompanyInfo(detaildata.dljg)"
></i>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="td-title">商标公告流程</td> <td class="td-title">商标公告流程</td>
<td class="td-content" colspan="3"> <td class="td-content" colspan="3">
<ul class="announcement-process"> <ul class="announcement-process" v-if="detaildata.lcxx.length">
<li <li
v-for="(item, index) in detaildata.lcxx" v-for="(item, index) in detaildata.lcxx"
:key="index" :key="index"
class="click" class="click"
> >
{{ item.name }} <i class="el-icon-search"></i> {{ item.name }}
<i
class="el-icon-search"
@click="showImgDialog(item.name, item.link_url)"
></i>
</li> </li>
</ul> </ul>
<ul v-else>
暂无
</ul>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -190,9 +214,14 @@ ...@@ -190,9 +214,14 @@
</div> </div>
</div> </div>
<!-- 图片弹出框 --> <!-- 图片弹出框 -->
<el-dialog :title="imgTitle" :visible.sync="centerDialogVisible" center> <el-dialog
:title="imgTitle"
:visible.sync="centerDialogVisible"
center
:width="imgUrl ? '30%' : '60%'"
>
<img v-if="imgUrl" :src="imgUrl" alt="" /> <img v-if="imgUrl" :src="imgUrl" alt="" />
<CompanyInfo v-else /> <CompanyInfo v-else :title="imgTitle" />
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -202,16 +231,18 @@ import icon1 from "@/assets/imgs/jdt/shenqing.png"; ...@@ -202,16 +231,18 @@ import icon1 from "@/assets/imgs/jdt/shenqing.png";
import icon2 from "@/assets/imgs/jdt/chushen.png"; import icon2 from "@/assets/imgs/jdt/chushen.png";
import icon3 from "@/assets/imgs/jdt/zhuce.png"; import icon3 from "@/assets/imgs/jdt/zhuce.png";
import icon4 from "@/assets/imgs/jdt/wuxiao.png"; import icon4 from "@/assets/imgs/jdt/wuxiao.png";
// //弹框组件
import CompanyInfo from "./companyInfo"; import CompanyInfo from "./companyInfo";
// //请求接口
import { tradeMarkDetail } from "@/api/tmQuery.js";
export default { export default {
components: { components: {
CompanyInfo CompanyInfo
}, },
data() { data() {
return { return {
//loading
loading: false,
//头部进度条 //头部进度条
tmstatus: null, tmstatus: null,
progressNarArr: [ progressNarArr: [
...@@ -232,24 +263,69 @@ export default { ...@@ -232,24 +263,69 @@ export default {
name: "已无效" name: "已无效"
} }
], ],
//主体 //主体内容
detaildata: {}, detaildata: {
lcxx: []
},
registeredList: [], registeredList: [],
unregisteredList: [], unregisteredList: [],
processList: [
"2019-03-13 商标注册公告（一）",
"2019-03-13 商标注册公告（一）"
],
//弹出框 //弹出框
centerDialogVisible: false, centerDialogVisible: false,
//弹框图片
imgTitle: "", imgTitle: "",
imgUrl: "" imgUrl: ""
}; };
}, },
mounted() {}, mounted() {
let params = {
sbzch: this.$route.query.sbzch,
gjfl: this.$route.query.gjfl
};
this.loading = true;
tradeMarkDetail(params).then(res => {
this.loading = false;
if (res.data.detaildata[0]) {
if (res.data.detaildata[0].sbzt == "申请中") {
this.tmstatus = 2;
} else if (res.data.detaildata[0].sbzt == "已初审") {
this.tmstatus = 3;
} else if (res.data.detaildata[0].sbzt == "已注册") {
this.tmstatus = 4;
} else if (res.data.detaildata[0].sbzt == "已无效") {
this.tmstatus = 5;
}
}
this.detaildata = res.data.detaildata[0];
this.registeredList = res.data.nclexist;
this.unregisteredList = res.data.nclnotexist;
});
},
methods: { methods: {
//复制数组到字符串
toStringList(list) {
let str = "";
list.forEach((item, index) => {
if (index < list.length - 1) {
str += `${item.code} ${item.small_name},`;
} else {
str += `${item.code} ${item.small_name}`;
}
});
return str;
},
//复制粘贴
onCopy() {
this.$message({
message: "复制成功！",
type: "success"
});
},
onError() {
this.$message.error("复制失败！");
},
//步骤条添加高亮
progressNarBgColor(i) { progressNarBgColor(i) {
var k = this.tmstatus; var k = this.tmstatus - 2;
if (i <= k) { if (i <= k) {
return "background:#62b5db"; return "background:#62b5db";
} else if (i > k) { } else if (i > k) {
...@@ -257,29 +333,30 @@ export default { ...@@ -257,29 +333,30 @@ export default {
} }
}, },
progressNarColor(i) { progressNarColor(i) {
var k = this.tmstatus; var k = this.tmstatus - 2;
if (i <= k) { if (i <= k) {
return "color:#0989c5"; return "color:rgb(9, 137, 197)";
} else if (i > k) { } else if (i > k) {
return "color:#bbbbbb;"; return "color:#bbbbbb;";
} }
}, },
progressNarBorColor(i) { progressNarBorColor(i) {
var k = this.tmstatus; var k = this.tmstatus - 2;
if (i < k) { if (i < k) {
return "border-color:#62b5db;"; return "border-color:#62b5db;";
} else if (i >= k) { } else if (i >= k) {
return "border-color:#eff1f9;"; return "border-color:#eff1f9;;";
} }
}, },
//显示弹窗
showImgDialog(title, url) { showImgDialog(title, url) {
this.imgTitle = title; this.imgTitle = title;
this.imgUrl = url; this.imgUrl = url;
this.centerDialogVisible = true; this.centerDialogVisible = true;
}, },
getLinkUrl(num) {}, getLinkUrl() {},
getCompanyInfo(name) { getCompanyInfo(name) {
this.showImgDialog("", ""); this.showImgDialog(name, "");
} }
} }
}; };
...@@ -288,9 +365,14 @@ export default { ...@@ -288,9 +365,14 @@ export default {
<style lang="scss"> <style lang="scss">
.jdbycdetailtm { .jdbycdetailtm {
width: 100%; width: 100%;
height: 100%;
background: #eceef3; background: #eceef3;
overflow: auto; .detailLoading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
i { i {
cursor: pointer; cursor: pointer;
} }
...@@ -325,12 +407,12 @@ export default { ...@@ -325,12 +407,12 @@ export default {
tr { tr {
width: 100%; width: 100%;
td { td {
border: 1px solid #d6daeb; border: 1px solid #e4eef6;
} }
.td-first { .td-first {
width: 300px; width: 300px;
height: 190px; height: 190px;
background: #f7f8fc; background: #f0f7fc;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
...@@ -342,13 +424,15 @@ export default { ...@@ -342,13 +424,15 @@ export default {
} }
.td-title { .td-title {
height: 40px; height: 40px;
background: #f7f8fc; background: #f0f7fc;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
letter-spacing: 0; letter-spacing: 0;
text-align: center; text-align: center;
line-height: 20px; line-height: 20px;
padding: 15px;
white-space: nowrap;
} }
.td-content { .td-content {
min-width: 300px; min-width: 300px;
...@@ -373,18 +457,21 @@ export default { ...@@ -373,18 +457,21 @@ export default {
} }
.project-title { .project-title {
width: 450px; width: 450px;
height: 40px; padding: 15px 0;
background: #f7f8fc; background: #f7f8fc;
text-align: center; text-align: center;
button {
padding: 0;
width: 60px;
height: 25px;
margin-left: 16px;
}
} }
} }
.register { .register {
display: flex;
flex-wrap: wrap;
width: 100%; width: 100%;
padding: 20px; padding: 20px;
li { li {
width: 50%;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 12px; font-size: 12px;
color: #666666; color: #666666;
......
channel-access/src/views/pages/jdindentdetail/classTrademark.vue
...@@ -10,17 +10,19 @@ ...@@ -10,17 +10,19 @@
></el-input> ></el-input>
<span class="quxiao">取消</span> <span class="quxiao">取消</span>
</div> </div>
<!-- 树形控件 -->
<div class="classTrademark-left-tree"> <div class="classTrademark-left-tree">
<!-- 树形控件 -->
<el-tree <el-tree
:data="ncldata" :data="ncldata"
show-checkbox show-checkbox
empty-text="暂无数据"
node-key="id"
default-expand-all default-expand-all
:expand-on-click-node="false" node-key="id"
ref="tree"
highlight-current
:props="props" :props="props"
></el-tree> @node-click="getNcldata"
>
</el-tree>
</div> </div>
</div> </div>
<!-- --> <!-- -->
...@@ -66,9 +68,11 @@ ...@@ -66,9 +68,11 @@
</template> </template>
<script> <script>
// import { getNiceQueryCategory } from "@/api/tmTools.js";
export default { export default {
data() { data() {
return { return {
//输入框关键字
keyZi: "", keyZi: "",
props: { props: {
label(data) { label(data) {
...@@ -80,6 +84,7 @@ export default { ...@@ -80,6 +84,7 @@ export default {
}, },
children: "children" children: "children"
}, },
//尼斯数据
ncldata: [ ncldata: [
{ code: "01", name: "化学原料", type: 1 }, { code: "01", name: "化学原料", type: 1 },
{ code: "02", name: "颜料油漆", type: 1 }, { code: "02", name: "颜料油漆", type: 1 },
...@@ -127,27 +132,19 @@ export default { ...@@ -127,27 +132,19 @@ export default {
{ code: "44", name: "医疗园艺", type: 1 }, { code: "44", name: "医疗园艺", type: 1 },
{ code: "45", name: "社会服务", type: 1 } { code: "45", name: "社会服务", type: 1 }
], ],
classDataList: [ //右边已选中类别
"121233", classDataList: []
"1qwe23",
"12qwe3",
"12weqwe3",
"123",
"12adsa3",
"12qweq3",
"12dad3",
"1asd23",
"12asd3",
"12adqwe3"
]
}; };
}, },
methods: { methods: {
//点击关闭，单个删除右边标签
handleClose(tag) { handleClose(tag) {
console.log(tag); console.log(tag);
this.classDataList.splice(this.classDataList.indexOf(tag), 1); this.classDataList.splice(this.classDataList.indexOf(tag), 1);
}, },
//清空右边已选中类别
deleteClassData() { deleteClassData() {
if (!this.classDataList.length) return;
this.$confirm("确定清空所有已选商品/服务项吗？", "提示", { this.$confirm("确定清空所有已选商品/服务项吗？", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
...@@ -166,6 +163,16 @@ export default { ...@@ -166,6 +163,16 @@ export default {
message: "已取消删除" message: "已取消删除"
}); });
}); });
},
//获取Ncldata
getNcldata(data, node, target) {
console.log(data, "data");
console.log(node, "node");
console.log(target, "target");
// getNiceQueryCategory(data.code).then(res => {
// console.log(res.data.rows, "res");
// return res.data.rows;
// });
} }
}, },
mounted() {} mounted() {}
...@@ -238,6 +245,16 @@ export default { ...@@ -238,6 +245,16 @@ export default {
border: 1px solid #dee0eb; border: 1px solid #dee0eb;
border-top: none; border-top: none;
overflow: auto; overflow: auto;
.el-tree-node__expand-icon {
color: #ccc;
}
}
.classTrademark-left-tree
> .el-tree
> .el-tree-node
> .el-tree-node__content
> .el-checkbox {
display: none;
} }
.classTrademark-right-top { .classTrademark-right-top {
width: 100%; width: 100%;
......
channel-access/src/views/pages/user/forgetPassword/index.vue
...@@ -47,7 +47,7 @@ export default { ...@@ -47,7 +47,7 @@ export default {
}, },
btnInnerText: "获取验证码", btnInnerText: "获取验证码",
flag: true, flag: true,
timeNum: 60, timeNum: 120,
timer: null, timer: null,
rules: { rules: {
name: [{ required: true, message: "请输入账号", trigger: "blur" }], name: [{ required: true, message: "请输入账号", trigger: "blur" }],
......
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