Commit b2f2b22b by 尹亚亭

Merge branch 'channel-access' of gitlab.gongsibao.com:jiangyong/zhichan into channel-access

parents 42584e1c 021c60a4
import http from "@/http/http.js";
let baseUrl = "/api/web/action/patentQuery/springBoard";
//根据申请人获取专利量接口
export function paCountByApplicantName(name) {
return http.post(baseUrl, {
actionType: "paCountByApplicantName",
actionBody: {
applicant_name: name //公司名称
}
});
}
//根据申请人获取专利详情列表
export function paShortListByApplicantName(name) {
return http.post(baseUrl, {
actionType: "paShortListByApplicantName",
actionBody: {
applicant_name: name, //公司名称
page_size: 1000,
current_page: 1
}
});
}
//根据公司名称得到软件著作权数量
export function softwareCountByAuthor(name) {
return http.post(baseUrl, {
actionType: "softwareCountByAuthor",
actionBody: {
author: name
}
});
}
//根据公司名称得到软件著作权详情
export function softwareListByAuthor(name) {
return http.post(baseUrl, {
actionType: "softwareListByAuthor",
actionBody: {
author: name, //公司名称
page_size: 1000,
current_page: 1
}
});
}
//根据公司名称得到著作权量
export function worksCountByAuthor(name) {
return http.post(baseUrl, {
actionType: "worksCountByAuthor",
actionBody: {
author: name, //公司名称
}
});
}
//根据公司名称得到著作权详情
export function worksListByAuthor(name) {
return http.post(baseUrl, {
actionType: "worksListByAuthor",
actionBody: {
author: name, //公司名称
page_size: 1000,
current_page: 1
}
});
}
\ No newline at end of file
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
}
});
}
//申请人查询接口
export function findTrademarkzcr(name) {
return http.post(baseUrl, {
actionType: "findTrademarkzcr",
actionBody: {
regMan: name,
sqlbtabkey: "",
flzttabkey: "",
sqnftabkey: "",
zcrname: "",
xcl: [],
pageSize: 1000,
currentPage: 1
}
});
}
\ No newline at end of file
......@@ -9,7 +9,6 @@ export function getNiceQueryCategory(nclcodeSCode) {
nclcode: nclcodeSCode
},
actionType: "getNcl",
requrl: "/action/tmTools/springBoard"
});
}
......
<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" v-if="copyrightList.length != 0">
<tr v-for="(item, index) in itemList" :key="index">
<td>{{ getIndex(index) }}</td>
<td>{{ item.works_name ? item.works_name : "---" }}</td>
<td>{{ item.reg_num ? item.reg_num : "---" }}</td>
<td>{{ item.works_type ? item.works_type : "---" }}</td>
<td>{{ item.finish_time ? item.finish_time : "---" }}</td>
<td>{{ item.publish_time ? item.publish_time : "---" }}</td>
<td>
{{ item.first_publish_time ? item.first_publish_time : "---" }}
</td>
</tr>
</tbody>
<tbody v-else class="copyright-table-body">
<tr>
<td colspan="7">暂无数据</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>
import { worksListByAuthor } from "@/api/patentQuery.js";
export default {
props: ["name"],
data() {
return {
pageSize: 5,
currentPage: 1,
copyrightList: [],
itemList: []
};
},
mounted() {
worksListByAuthor(this.name).then(res => {
console.log(res, "worksListByAuthor");
if (res.status == 0 && res.data.data != null) {
this.copyrightList = res.data.data;
this.handleCurrentChange(1);
}
});
},
methods: {
handleCurrentChange(val) {
this.itemList = this.copyrightList.slice(
(val - 1) * this.pageSize,
val * this.pageSize
);
this.currentPage = val;
},
//获取序号
getIndex(index) {
return index + 1 + this.currentPage * this.pageSize - 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>
<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>
......@@ -11,40 +11,40 @@
<table>
<tr>
<td>法人代表</td>
<td>{{ companyInfo.legalRepresentative }}</td>
<td>{{ companyInfo.legalRepresentative ? companyInfo.legalRepresentative: "--" }}</td>
<td>注册资本</td>
<td>{{ companyInfo.registeredCapital }}</td>
<td>{{ companyInfo.registeredCapital? companyInfo.registeredCapital: "--" }}</td>
<td>营业期限</td>
<td>{{ companyInfo.businessTerm }}</td>
<td>{{ companyInfo.businessTerm? companyInfo.businessTerm: "--" }}</td>
</tr>
<tr>
<td>统一社会信用代码</td>
<td>{{ companyInfo.creditCode }}</td>
<td>{{ companyInfo.creditCode? companyInfo.creditCode: "--" }}</td>
<td>企业地址</td>
<td>{{ companyInfo.businessAddress }}</td>
<td>{{ companyInfo.businessAddress? companyInfo.businessAddress: "--" }}</td>
<td>公司类型</td>
<td>{{ companyInfo.companyType }}</td>
<td>{{ companyInfo.companyType? companyInfo.companyType: "--" }}</td>
</tr>
<tr>
<td>注册号</td>
<td>{{ companyInfo.registrID }}</td>
<td>{{ companyInfo.registrID? companyInfo.registrID: "--" }}</td>
<td>组织机构代码</td>
<td>{{ companyInfo.organizationCode }}</td>
<td>{{ companyInfo.organizationCode? companyInfo.organizationCode: "--" }}</td>
<td>所属行业</td>
<td>2015-12-08~2035-12-07</td>
</tr>
<tr>
<td>成立日期</td>
<td>{{companyInfo.dateIssue}}</td>
<td>{{companyInfo.dateIssue? companyInfo.dateIssue: "--"}}</td>
<td>发照日期</td>
<td>{{companyInfo.dateIssue}}</td>
<td>{{companyInfo.dateIssue? companyInfo.dateIssue: "--"}}</td>
<td>登记机关</td>
<td>{{companyInfo.registerOffice}}</td>
<td>{{companyInfo.registerOffice? companyInfo.registerOffice: "--"}}</td>
</tr>
<tr>
<td>经营范围</td>
<td colspan="5">
{{ companyInfo.scope }}
{{ companyInfo.scope? companyInfo.scope: "--" }}
</td>
</tr>
</table>
......
<template>
<div class="companyinformation">
<div
class="companyinformationLoading"
v-if="loading"
v-loading="true"
></div>
<div class="companyinformation-header">
<div class="companyinformation-header-main">
<img
......@@ -26,7 +31,7 @@
<div class="companyinformation-container-main-top">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item to="/home">首页</el-breadcrumb-item>
<el-breadcrumb-item>{{ $route.query.name }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ stateName }}</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="companyinformation-container-main-info">
......@@ -45,7 +50,7 @@
<!-- -->
<div class="companyinfo-right">
<div class="companyinfo-right-top">
<h1>{{ $route.query.name }}</h1>
<h1>{{ stateName }}</h1>
<div class="companyinfo-right-top-type">
<span>小微企业</span>
<span>小微企业</span>
......@@ -98,8 +103,22 @@
</thead>
<tbody class="companycertificateinfo-tbody">
<tr>
<td><span @click="showTable(1)">营业执照 1</span></td>
<td><span>商标注册证 78</span></td>
<td><span>营业执照 1</span></td>
<td>
<span @click="showTable(1)"
>商标注册证 {{ trademarkList.length }}</span
>
<span @click="showTable(2)">
专利证书 {{ paCount }}
</span>
<span @click="showTable(3)">
著作权 {{ worksCount }}
</span>
<span @click="showTable(4)">
软件著作权 {{ softwareCount }}
</span>
<span @click="showTable(5)"> 域名信息 1</span>
</td>
<td><span>一般纳税人证 1</span></td>
<td><span>食品流通许可证 1</span></td>
<td><span>互联网准入许可证 1</span></td>
......@@ -108,11 +127,43 @@
</table>
</div>
</transition>
<!-- 需要翻转的表格组件 -->
<transition name="el-zoom-in-center">
<Trademark v-show="show == 1" @unshowOne="unshow" />
<Trademark
v-show="show == 1"
@unshowOne="unshow"
:list="trademarkList"
/>
</transition>
<!-- <Trademark /> -->
<transition name="el-zoom-in-center">
<PatentCertificate
v-show="show == 2"
@unshowOne="unshow"
:name="$route.query.name"
/>
</transition>
<transition name="el-zoom-in-center">
<Copyright
v-show="show == 3"
@unshowOne="unshow"
:name="$route.query.name"
/>
</transition>
<transition name="el-zoom-in-center">
<SoftwareCopyright
v-show="show == 4"
@unshowOne="unshow"
:name="$route.query.name"
/>
</transition>
<transition name="el-zoom-in-center">
<DomainNameInfo
v-show="show == 5"
@unshowOne="unshow"
:name="$route.query.name"
/>
</transition>
<!-- -->
</div>
<div class="companycertificateinfo">
<h3><b></b> 竞争企业证照信息</h3>
......@@ -202,7 +253,9 @@
</div>
</div>
<div class="main-certificateinfo-right">
<h1>推荐证照</h1>
<h1>
<img src="@/assets/imgs/company/tuijian.png" alt="" /> 推荐证照
</h1>
<div class="zhengzhaoimg">
<img src="@/assets/imgs/company/zhengzhao1.png" alt="" />
<p>立即办理</p>
......@@ -231,20 +284,41 @@
<script>
import EnterpriseInfo from "./enterpriseInfo";
//需要翻转的表格
import Trademark from "./trademark";
import PatentCertificate from "./patentCertificate";
import Copyright from "./copyright";
import SoftwareCopyright from "./softwareCopyright";
import DomainNameInfo from "./domainNameInfo";
import {
getCompanyInfoByLikeName,
getEntregistryByCompanyName
} from "@/api/tmTools.js";
import {
paCountByApplicantName,
softwareCountByAuthor,
worksCountByAuthor
} from "@/api/patentQuery.js";
import { findTrademarkzcr } from "@/api/tmQuery.js";
export default {
components: {
EnterpriseInfo,
Trademark
Trademark,
PatentCertificate,
Copyright,
SoftwareCopyright,
DomainNameInfo
},
data() {
return {
//loading
loading: false,
//输入框内容
state: "",
stateName: "",
//浏览量
browseVolume: 0,
//dialog弹窗
......@@ -266,16 +340,65 @@ export default {
businessTerm: null,
requestId: null
},
show: 0
show: 0,
//专利证书数量
paCount: 0,
//软件注册权数量
softwareCount: 0,
//著作权数量
worksCount: 0,
//专利证书数据
trademarkList: []
};
},
mounted() {
this.state = this.$route.query.name;
this.stateName = this.$route.query.name;
this.loading = true;
getEntregistryByCompanyName(this.state).then(res => {
this.companyInfo = res;
console.log(res, "getEntregistryByCompanyName");
this.getInfo(res.name);
});
},
methods: {
//
getInfo(name) {
let p1 = new Promise(resolve => {
paCountByApplicantName(name).then(res => {
this.paCount = res.data;
resolve();
});
});
let p2 = new Promise(resolve => {
softwareCountByAuthor(name).then(res => {
this.softwareCount = res.data;
resolve();
});
});
let p3 = new Promise(resolve => {
worksCountByAuthor(name).then(res => {
this.worksCount = res.data;
resolve();
});
});
let p4 = new Promise(resolve => {
findTrademarkzcr(name).then(res => {
resolve();
if (res.status == 0) {
this.trademarkList = res.data.rows;
}
});
});
Promise.all([p1, p3, p2, p4])
.then(() => {
console.log(12312312312);
this.loading = false;
})
.catch(() => {
this.loading = false;
});
},
//翻转表格
showTable(index) {
this.show = null;
......@@ -283,8 +406,7 @@ export default {
this.show = index;
}, 200);
},
unshow(){
console.log(123);
unshow() {
this.showTable(0);
},
//打开弹框
......@@ -298,6 +420,7 @@ export default {
path: "/companyinformation",
query: { name: this.state }
});
window.location.reload();
this.saveLocalStorage();
getEntregistryByCompanyName(this.state).then(res => {
this.companyInfo = res;
......@@ -361,9 +484,17 @@ export default {
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.companyinformation {
width: 100%;
.companyinformationLoading {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
}
.companyinformation-header {
width: 100%;
height: 70px;
......@@ -385,7 +516,11 @@ export default {
display: flex;
border-radius: 2px;
overflow: hidden;
input {
border-radius: 0;
}
.el-autocomplete {
background: #fff;
flex: 1;
.el-input {
width: 100%;
......@@ -556,6 +691,12 @@ export default {
justify-content: space-between;
.main-certificateinfo-left {
width: 936px;
.companycertificateinfo:nth-child(1) {
thead td:hover {
background: #499bff;
color: #fff;
}
}
.companycertificateinfo {
width: 100%;
padding: 16px 16px 1px;
......@@ -601,7 +742,7 @@ export default {
tbody {
tr {
td {
padding: 10px 0;
padding: 10px 10px;
height: 40px;
text-align: center;
font-size: 14px;
......@@ -616,11 +757,15 @@ export default {
}
.companycertificateinfo-tbody {
tr {
span {
cursor: pointer;
}
span:hover {
color: #1478f0;
td {
span {
display: block;
cursor: pointer;
margin-bottom: 10px;
}
span:hover {
color: #1478f0;
}
}
}
}
......@@ -655,8 +800,12 @@ export default {
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 25px;
// line-height: 25px;
margin-bottom: 14px;
img {
height: 17.8px;
margin-right: 8px;
}
}
.zhengzhaoimg {
width: 100%;
......
<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"
v-if="patentCertificateList.length != 0"
>
<tr v-for="(item, index) in itemList" :key="index">
<td>{{ getIndex(index) }}</td>
<td>{{ item.pub_type }}</td>
<td>{{ item.filing_no }}</td>
<td>{{ item.pub_time }}</td>
<td>{{ item.abstr_text }}</td>
</tr>
</tbody>
<tbody v-else class="patentCertificate-table-body">
<tr class="notList">
<td colspan="5">暂无数据</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>
import { paShortListByApplicantName } from "@/api/patentQuery.js";
export default {
props: ["name"],
data() {
return {
pageSize: 5,
currentPage: 1,
patentCertificateList: [],
itemList: []
};
},
mounted() {
paShortListByApplicantName(this.name).then(res => {
// console.log(res, "paShortListByApplicantName");
if (res.status == 0) {
this.patentCertificateList = res.data.data;
this.handleCurrentChange(1);
}
});
},
methods: {
handleCurrentChange(val) {
this.itemList = this.patentCertificateList.slice(
(val - 1) * this.pageSize,
val * this.pageSize
);
this.currentPage = val;
},
//获取序号
getIndex(index) {
return index + 1 + this.currentPage * this.pageSize - 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%;
.notList {
td {
text-align: center !important;
}
}
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>
<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"
v-if="softwareCopyrightList.length != 0"
>
<tr v-for="(item, index) in itemList" :key="index">
<td>{{ getIndex(index) }}</td>
<td>{{ item.full_name ? item.full_name : "---" }}</td>
<td>{{ item.reg_num ? item.reg_num : "---" }}</td>
<td>{{ item.software_version ? item.software_version : "---" }}</td>
<td>{{ item.cat_num ? item.cat_num : "---" }}</td>
<td>{{ item.reg_time ? item.reg_time : "---" }}</td>
<td>{{ item.simple_name ? item.simple_name : "---" }}</td>
</tr>
</tbody>
<tbody v-else class="softwareCopyright-table-body">
<tr class="notList">
<td colspan="7">暂无数据</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>
import { softwareListByAuthor } from "@/api/patentQuery.js";
export default {
props: ["name"],
data() {
return {
pageSize: 5,
currentPage: 1,
softwareCopyrightList: [],
itemList: []
};
},
mounted() {
softwareListByAuthor(this.name).then(res => {
// console.log(res, "softwareListByAuthor");
if (res.status == 0) {
this.softwareCopyrightList = res.data.data;
this.handleCurrentChange(1);
}
});
this.handleCurrentChange(1);
},
methods: {
handleCurrentChange(val) {
this.itemList = this.softwareCopyrightList.slice(
(val - 1) * this.pageSize,
val * this.pageSize
);
this.currentPage = val;
},
//获取序号
getIndex(index) {
return index + 1 + this.currentPage * this.pageSize - 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>
<template>
<div class="trademark">
<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><span>企业证照信息</span></el-breadcrumb-item>
<el-breadcrumb-item>商标注册证</el-breadcrumb-item>
</el-breadcrumb>
</h3>
......@@ -22,16 +21,23 @@
<td>详情</td>
</tr>
</thead>
<tbody class="trademark-table-body">
<tr v-for="(item, index) in trademarkList" :key="index">
<td>序号</td>
<td><img :src="item.img" alt="" /></td>
<td>{{ item.name }}</td>
<td>{{ item.zhucehao }}</td>
<td>{{ item.leibie }}</td>
<td>{{ item.status }}</td>
<td>{{ item.time }}</td>
<td>详情</td>
<tbody class="trademark-table-body" v-if="trademarkList.length != 0">
<tr v-for="(item, index) in itemList" :key="index">
<td>{{ getIndex(index) }}</td>
<td><img :src="item.logo" alt="" /></td>
<td>{{ item.sbmc ? item.sbmc : "---" }}</td>
<td>{{ item.sbzch ? item.sbzch : "---" }}</td>
<td>{{ item.gjfl ? item.gjfl : "---" }}</td>
<td>{{ item.sbzt ? item.sbzt : "---" }}</td>
<td>{{ item.sqrq ? item.sqrq : "---" }}</td>
<td class="gotoDetail" @click="gotoDetail(item.sbzch, item.gjfl)">
详情
</td>
</tr>
</tbody>
<tbody v-else class="trademark-table-body">
<tr class="notList">
<td colspan="8">暂无数据</td>
</tr>
</tbody>
</table>
......@@ -47,123 +53,44 @@
</template>
<script>
import img from "../../../assets/imgs/company/zhengzhao2.png";
export default {
props: ["list"],
data() {
return {
pageSize: 5,
trademarkList: [
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "213",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
}
],
itemList:[]
currentPage: 1,
trademarkList: [],
itemList: []
};
},
mounted() {},
watch: {
list() {
this.trademarkList = this.list;
this.handleCurrentChange(1);
}
},
methods: {
//跳转详情页
gotoDetail(sbzch, gjfl) {
this.$router.push({ path: "/jdbycdetailtm", query: { sbzch, gjfl } });
},
handleCurrentChange(val) {
console.log(val);
this.itemList = this.trademarkList.slice(val-1,)
this.itemList = this.trademarkList.slice(
(val - 1) * this.pageSize,
val * this.pageSize
);
this.currentPage = val;
},
//获取序号
getIndex(index) {
return index + 1 + this.currentPage * this.pageSize - this.pageSize;
},
indexMethod(index) {
return index * 2;
},
//翻转
showTable() {
console.log(12312313);
this.$emit("unshowOne");
}
}
......@@ -173,7 +100,26 @@ export default {
<style lang="scss">
.trademark {
width: 100%;
.gotoDetail {
color: #1478f0;
cursor: pointer;
}
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 {
......@@ -182,7 +128,6 @@ export default {
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 22px;
cursor: pointer;
}
}
.el-breadcrumb__item:nth-child(2) {
......@@ -198,12 +143,19 @@ export default {
}
table {
width: 100%;
text-align: center;
.trademark-table-header {
width: 100%;
tr {
width: 100%;
td {
width: 12.5% !important;
width: 12.5%;
padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid #e4eef6;
background: #f2f9fc;
}
}
}
......@@ -211,9 +163,16 @@ export default {
width: 100%;
tr {
width: 100%;
.notList {
text-align: center;
}
td {
width: 12.5% !important;
width: 12.5%;
padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid #e4eef6;
img {
width: 60px;
height: 34px;
......@@ -224,5 +183,10 @@ export default {
}
}
}
.el-pagination {
display: flex;
justify-content: center;
margin: 19px 0;
}
}
</style>
<template>
<div class="drawer-company">
<div class="drawerLoading" v-if="loading" v-loading="true"></div>
<div class="drawer-company-top">
<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">
<img src="@/assets/imgs/jdt/GSlogo.png" alt="" />
</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 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>
</template>
<script>
import { getCompanyInfoNoUser } from "@/api/tmQuery.js";
export default {
// props: ["data"],
props: ["title"],
data() {
return {
data: {
name: "广州市玮誉贸易有限公司",
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"
}
data: {},
loading: false
};
},
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>
......@@ -51,36 +106,66 @@ export default {
.drawer-company-top {
width: 100%;
}
.drawerLoading {
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}
.company-top-title {
width: 100%;
height: 122px;
margin-bottom: 30px;
.company-name {
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 {
float: right;
border-radius: 5px;
overflow: hidden;
}
}
.company-top-msg{
.drawer-company-main {
width: 100%;
margin-bottom: 40px;
table {
width: 100%;
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;
}
tr {
width: 100%;
td:nth-child(odd) {
text-align: center;
border: 0.25px solid #d8d8d8;
white-space: nowrap;
padding: 0 10px;
}
td:nth-child(even) {
padding: 15px 30px;
border: 0.25px solid #d8d8d8;
}
}
}
}
</style>
......@@ -10,17 +10,19 @@
></el-input>
<span class="quxiao">取消</span>
</div>
<!-- 树形控件 -->
<div class="classTrademark-left-tree">
<!-- 树形控件 -->
<el-tree
:data="ncldata"
show-checkbox
empty-text="暂无数据"
node-key="id"
default-expand-all
:expand-on-click-node="false"
node-key="id"
ref="tree"
highlight-current
:props="props"
></el-tree>
@node-click="getNcldata"
>
</el-tree>
</div>
</div>
<!-- -->
......@@ -66,9 +68,11 @@
</template>
<script>
// import { getNiceQueryCategory } from "@/api/tmTools.js";
export default {
data() {
return {
//输入框关键字
keyZi: "",
props: {
label(data) {
......@@ -80,6 +84,7 @@ export default {
},
children: "children"
},
//尼斯数据
ncldata: [
{ code: "01", name: "化学原料", type: 1 },
{ code: "02", name: "颜料油漆", type: 1 },
......@@ -127,27 +132,19 @@ export default {
{ code: "44", name: "医疗园艺", type: 1 },
{ code: "45", name: "社会服务", type: 1 }
],
classDataList: [
"121233",
"1qwe23",
"12qwe3",
"12weqwe3",
"123",
"12adsa3",
"12qweq3",
"12dad3",
"1asd23",
"12asd3",
"12adqwe3"
]
//右边已选中类别
classDataList: []
};
},
methods: {
//点击关闭,单个删除右边标签
handleClose(tag) {
console.log(tag);
this.classDataList.splice(this.classDataList.indexOf(tag), 1);
},
//清空右边已选中类别
deleteClassData() {
if (!this.classDataList.length) return;
this.$confirm("确定清空所有已选商品/服务项吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......@@ -166,6 +163,16 @@ export default {
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() {}
......@@ -238,6 +245,16 @@ export default {
border: 1px solid #dee0eb;
border-top: none;
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 {
width: 100%;
......
......@@ -47,7 +47,7 @@ export default {
},
btnInnerText: "获取验证码",
flag: true,
timeNum: 60,
timeNum: 120,
timer: null,
rules: {
name: [{ required: true, message: "请输入账号", trigger: "blur" }],
......@@ -99,7 +99,7 @@ export default {
submitForm() {
let from = {
mobile: this.ruleForm.name, // Y 手机号
vcode: this.ruleForm.password, // Y 验证码
vcode: this.ruleForm.verificationCode, // Y 验证码
newPwd: this.ruleForm.password, // Y 新密码
userpin: getCookie("userpin") || "" // N 用户登录凭证key
};
......
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