Commit 021c60a4 by 任建

rj

parent 4efacb9c
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
...@@ -9,6 +9,7 @@ export function tradeMarkDetail(params) { ...@@ -9,6 +9,7 @@ export function tradeMarkDetail(params) {
actionBody: params actionBody: params
}); });
} }
//企业查询接口 //企业查询接口
export function getCompanyInfoNoUser(name) { export function getCompanyInfoNoUser(name) {
return http.post(baseUrl, { return http.post(baseUrl, {
...@@ -17,4 +18,21 @@ export function getCompanyInfoNoUser(name) { ...@@ -17,4 +18,21 @@ export function getCompanyInfoNoUser(name) {
company_name: name 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
...@@ -22,15 +22,22 @@ ...@@ -22,15 +22,22 @@
<td>首次发布日期</td> <td>首次发布日期</td>
</tr> </tr>
</thead> </thead>
<tbody class="copyright-table-body"> <tbody class="copyright-table-body" v-if="copyrightList.length != 0">
<tr v-for="(item, index) in itemList" :key="index"> <tr v-for="(item, index) in itemList" :key="index">
<td>{{ "0" + (index + 1) }}</td> <td>{{ getIndex(index) }}</td>
<td>{{ item.name }}</td> <td>{{ item.works_name ? item.works_name : "---" }}</td>
<td>{{ item.dengjihao }}</td> <td>{{ item.reg_num ? item.reg_num : "---" }}</td>
<td>{{ item.type }}</td> <td>{{ item.works_type ? item.works_type : "---" }}</td>
<td>{{ item.finishTime }}</td> <td>{{ item.finish_time ? item.finish_time : "---" }}</td>
<td>{{ item.registerTime }}</td> <td>{{ item.publish_time ? item.publish_time : "---" }}</td>
<td>{{ item.firstTime }}</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> </tr>
</tbody> </tbody>
</table> </table>
...@@ -46,129 +53,25 @@ ...@@ -46,129 +53,25 @@
</template> </template>
<script> <script>
import { worksListByAuthor } from "@/api/patentQuery.js";
export default { export default {
props: ["name"],
data() { data() {
return { return {
pageSize: 5, pageSize: 5,
copyrightList: [ currentPage: 1,
{ 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: [] itemList: []
}; };
}, },
mounted() { mounted() {
this.handleCurrentChange(1); 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: { methods: {
handleCurrentChange(val) { handleCurrentChange(val) {
...@@ -176,6 +79,11 @@ export default { ...@@ -176,6 +79,11 @@ export default {
(val - 1) * this.pageSize, (val - 1) * this.pageSize,
val * this.pageSize val * this.pageSize
); );
this.currentPage = val;
},
//获取序号
getIndex(index) {
return index + 1 + this.currentPage * this.pageSize - this.pageSize;
}, },
indexMethod(index) { indexMethod(index) {
return index * 2; return index * 2;
......
<template> <template>
<div class="companyinformation"> <div class="companyinformation">
<div
class="companyinformationLoading"
v-if="loading"
v-loading="true"
></div>
<div class="companyinformation-header"> <div class="companyinformation-header">
<div class="companyinformation-header-main"> <div class="companyinformation-header-main">
<img <img
...@@ -26,7 +31,7 @@ ...@@ -26,7 +31,7 @@
<div class="companyinformation-container-main-top"> <div class="companyinformation-container-main-top">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item to="/home">首页</el-breadcrumb-item> <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> </el-breadcrumb>
</div> </div>
<div class="companyinformation-container-main-info"> <div class="companyinformation-container-main-info">
...@@ -45,7 +50,7 @@ ...@@ -45,7 +50,7 @@
<!-- --> <!-- -->
<div class="companyinfo-right"> <div class="companyinfo-right">
<div class="companyinfo-right-top"> <div class="companyinfo-right-top">
<h1>{{ $route.query.name }}</h1> <h1>{{ stateName }}</h1>
<div class="companyinfo-right-top-type"> <div class="companyinfo-right-top-type">
<span>小微企业</span> <span>小微企业</span>
<span>小微企业</span> <span>小微企业</span>
...@@ -100,10 +105,18 @@ ...@@ -100,10 +105,18 @@
<tr> <tr>
<td><span>营业执照 1</span></td> <td><span>营业执照 1</span></td>
<td> <td>
<span @click="showTable(1)">商标注册证 78</span> <span @click="showTable(1)"
<span @click="showTable(2)"> 专利证书 2 </span> >商标注册证 {{ trademarkList.length }}</span
<span @click="showTable(3)"> 著作权 0 </span> >
<span @click="showTable(4)"> 软件著作权 13 </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> <span @click="showTable(5)"> 域名信息 1</span>
</td> </td>
<td><span>一般纳税人证 1</span></td> <td><span>一般纳税人证 1</span></td>
...@@ -116,19 +129,39 @@ ...@@ -116,19 +129,39 @@
</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"
:list="trademarkList"
/>
</transition> </transition>
<transition name="el-zoom-in-center"> <transition name="el-zoom-in-center">
<PatentCertificate v-show="show == 2" @unshowOne="unshow" /> <PatentCertificate
v-show="show == 2"
@unshowOne="unshow"
:name="$route.query.name"
/>
</transition> </transition>
<transition name="el-zoom-in-center"> <transition name="el-zoom-in-center">
<Copyright v-show="show == 3" @unshowOne="unshow" /> <Copyright
v-show="show == 3"
@unshowOne="unshow"
:name="$route.query.name"
/>
</transition> </transition>
<transition name="el-zoom-in-center"> <transition name="el-zoom-in-center">
<SoftwareCopyright v-show="show == 4" @unshowOne="unshow" /> <SoftwareCopyright
v-show="show == 4"
@unshowOne="unshow"
:name="$route.query.name"
/>
</transition> </transition>
<transition name="el-zoom-in-center"> <transition name="el-zoom-in-center">
<DomainNameInfo v-show="show == 5" @unshowOne="unshow" /> <DomainNameInfo
v-show="show == 5"
@unshowOne="unshow"
:name="$route.query.name"
/>
</transition> </transition>
<!-- --> <!-- -->
</div> </div>
...@@ -262,6 +295,14 @@ import { ...@@ -262,6 +295,14 @@ import {
getCompanyInfoByLikeName, getCompanyInfoByLikeName,
getEntregistryByCompanyName getEntregistryByCompanyName
} from "@/api/tmTools.js"; } from "@/api/tmTools.js";
import {
paCountByApplicantName,
softwareCountByAuthor,
worksCountByAuthor
} from "@/api/patentQuery.js";
import { findTrademarkzcr } from "@/api/tmQuery.js";
export default { export default {
components: { components: {
EnterpriseInfo, EnterpriseInfo,
...@@ -273,8 +314,11 @@ export default { ...@@ -273,8 +314,11 @@ export default {
}, },
data() { data() {
return { return {
//loading
loading: false,
//输入框内容 //输入框内容
state: "", state: "",
stateName: "",
//浏览量 //浏览量
browseVolume: 0, browseVolume: 0,
//dialog弹窗 //dialog弹窗
...@@ -296,16 +340,65 @@ export default { ...@@ -296,16 +340,65 @@ export default {
businessTerm: null, businessTerm: null,
requestId: null requestId: null
}, },
show: 0 show: 0,
//专利证书数量
paCount: 0,
//软件注册权数量
softwareCount: 0,
//著作权数量
worksCount: 0,
//专利证书数据
trademarkList: []
}; };
}, },
mounted() { mounted() {
this.state = this.$route.query.name; this.state = this.$route.query.name;
this.stateName = this.$route.query.name;
this.loading = true;
getEntregistryByCompanyName(this.state).then(res => { getEntregistryByCompanyName(this.state).then(res => {
this.companyInfo = res; this.companyInfo = res;
console.log(res, "getEntregistryByCompanyName");
this.getInfo(res.name);
}); });
}, },
methods: { 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) { showTable(index) {
this.show = null; this.show = null;
...@@ -327,6 +420,7 @@ export default { ...@@ -327,6 +420,7 @@ export default {
path: "/companyinformation", path: "/companyinformation",
query: { name: this.state } query: { name: this.state }
}); });
window.location.reload();
this.saveLocalStorage(); this.saveLocalStorage();
getEntregistryByCompanyName(this.state).then(res => { getEntregistryByCompanyName(this.state).then(res => {
this.companyInfo = res; this.companyInfo = res;
...@@ -393,6 +487,14 @@ export default { ...@@ -393,6 +487,14 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.companyinformation { .companyinformation {
width: 100%; width: 100%;
.companyinformationLoading {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
}
.companyinformation-header { .companyinformation-header {
width: 100%; width: 100%;
height: 70px; height: 70px;
...@@ -590,7 +692,7 @@ export default { ...@@ -590,7 +692,7 @@ export default {
.main-certificateinfo-left { .main-certificateinfo-left {
width: 936px; width: 936px;
.companycertificateinfo:nth-child(1) { .companycertificateinfo:nth-child(1) {
thead td:hover{ thead td:hover {
background: #499bff; background: #499bff;
color: #fff; color: #fff;
} }
......
...@@ -20,13 +20,21 @@ ...@@ -20,13 +20,21 @@
<td>摘要</td> <td>摘要</td>
</tr> </tr>
</thead> </thead>
<tbody class="patentCertificate-table-body"> <tbody
class="patentCertificate-table-body"
v-if="patentCertificateList.length != 0"
>
<tr v-for="(item, index) in itemList" :key="index"> <tr v-for="(item, index) in itemList" :key="index">
<td>{{ "0" + (index + 1) }}</td> <td>{{ getIndex(index) }}</td>
<td>{{ item.patentType }}</td> <td>{{ item.pub_type }}</td>
<td>{{ item.gongkaihao }}</td> <td>{{ item.filing_no }}</td>
<td>{{ item.time }}</td> <td>{{ item.pub_time }}</td>
<td>{{ item.zhaiyao }}</td> <td>{{ item.abstr_text }}</td>
</tr>
</tbody>
<tbody v-else class="patentCertificate-table-body">
<tr class="notList">
<td colspan="5">暂无数据</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
...@@ -42,115 +50,25 @@ ...@@ -42,115 +50,25 @@
</template> </template>
<script> <script>
import { paShortListByApplicantName } from "@/api/patentQuery.js";
export default { export default {
props: ["name"],
data() { data() {
return { return {
pageSize: 5, pageSize: 5,
patentCertificateList: [ currentPage: 1,
{ 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: [] itemList: []
}; };
}, },
mounted() { mounted() {
this.handleCurrentChange(1); paShortListByApplicantName(this.name).then(res => {
// console.log(res, "paShortListByApplicantName");
if (res.status == 0) {
this.patentCertificateList = res.data.data;
this.handleCurrentChange(1);
}
});
}, },
methods: { methods: {
handleCurrentChange(val) { handleCurrentChange(val) {
...@@ -158,6 +76,11 @@ export default { ...@@ -158,6 +76,11 @@ export default {
(val - 1) * this.pageSize, (val - 1) * this.pageSize,
val * this.pageSize val * this.pageSize
); );
this.currentPage = val;
},
//获取序号
getIndex(index) {
return index + 1 + this.currentPage * this.pageSize - this.pageSize;
}, },
indexMethod(index) { indexMethod(index) {
return index * 2; return index * 2;
...@@ -222,21 +145,26 @@ export default { ...@@ -222,21 +145,26 @@ export default {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
border: 1px solid #E4EEF6; border: 1px solid #e4eef6;
background: #F2F9FC; background: #f2f9fc;
} }
td:last-child{ td:last-child {
width: 400px; width: 400px;
} }
} }
} }
.patentCertificate-table-body { .patentCertificate-table-body {
width: 100%; width: 100%;
.notList {
td {
text-align: center !important;
}
}
tr { tr {
width: 100%; width: 100%;
td { td {
padding: 15px; padding: 15px;
border: 1px solid #E4EEF6; border: 1px solid #e4eef6;
img { img {
width: 60px; width: 60px;
height: 34px; height: 34px;
...@@ -244,7 +172,7 @@ export default { ...@@ -244,7 +172,7 @@ export default {
display: inline-block; display: inline-block;
} }
} }
td:last-child{ td:last-child {
text-align: left; text-align: left;
} }
} }
......
...@@ -4,9 +4,7 @@ ...@@ -4,9 +4,7 @@
<p class="el-icon-back" @click="showTable">返回</p> <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>企业证照信息</span></el-breadcrumb-item
>
<el-breadcrumb-item>软件著作权</el-breadcrumb-item> <el-breadcrumb-item>软件著作权</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</h3> </h3>
...@@ -22,15 +20,23 @@ ...@@ -22,15 +20,23 @@
<td>软件简称</td> <td>软件简称</td>
</tr> </tr>
</thead> </thead>
<tbody class="softwareCopyright-table-body"> <tbody
class="softwareCopyright-table-body"
v-if="softwareCopyrightList.length != 0"
>
<tr v-for="(item, index) in itemList" :key="index"> <tr v-for="(item, index) in itemList" :key="index">
<td>{{ "0" + (index + 1) }}</td> <td>{{ getIndex(index) }}</td>
<td>{{ item.name }}</td> <td>{{ item.full_name ? item.full_name : "---" }}</td>
<td>{{ item.dengjihao }}</td> <td>{{ item.reg_num ? item.reg_num : "---" }}</td>
<td>{{ item.version }}</td> <td>{{ item.software_version ? item.software_version : "---" }}</td>
<td>{{ item.fenleihao }}</td> <td>{{ item.cat_num ? item.cat_num : "---" }}</td>
<td>{{ item.registerTime }}</td> <td>{{ item.reg_time ? item.reg_time : "---" }}</td>
<td>{{ item.jiancheng }}</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> </tr>
</tbody> </tbody>
</table> </table>
...@@ -46,108 +52,25 @@ ...@@ -46,108 +52,25 @@
</template> </template>
<script> <script>
import { softwareListByAuthor } from "@/api/patentQuery.js";
export default { export default {
props: ["name"],
data() { data() {
return { return {
pageSize: 5, pageSize: 5,
softwareCopyrightList: [ currentPage: 1,
{ 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: [] itemList: []
}; };
}, },
mounted() { 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); this.handleCurrentChange(1);
}, },
methods: { methods: {
...@@ -156,6 +79,11 @@ export default { ...@@ -156,6 +79,11 @@ export default {
(val - 1) * this.pageSize, (val - 1) * this.pageSize,
val * this.pageSize val * this.pageSize
); );
this.currentPage = val;
},
//获取序号
getIndex(index) {
return index + 1 + this.currentPage * this.pageSize - this.pageSize;
}, },
indexMethod(index) { indexMethod(index) {
return index * 2; return index * 2;
......
...@@ -21,16 +21,23 @@ ...@@ -21,16 +21,23 @@
<td>详情</td> <td>详情</td>
</tr> </tr>
</thead> </thead>
<tbody class="trademark-table-body"> <tbody class="trademark-table-body" v-if="trademarkList.length != 0">
<tr v-for="(item, index) in itemList" :key="index"> <tr v-for="(item, index) in itemList" :key="index">
<td>{{ "0" + (index + 1) }}</td> <td>{{ getIndex(index) }}</td>
<td><img :src="item.img" alt="" /></td> <td><img :src="item.logo" alt="" /></td>
<td>{{ item.name }}</td> <td>{{ item.sbmc ? item.sbmc : "---" }}</td>
<td>{{ item.zhucehao }}</td> <td>{{ item.sbzch ? item.sbzch : "---" }}</td>
<td>{{ item.leibie }}</td> <td>{{ item.gjfl ? item.gjfl : "---" }}</td>
<td>{{ item.status }}</td> <td>{{ item.sbzt ? item.sbzt : "---" }}</td>
<td>{{ item.time }}</td> <td>{{ item.sqrq ? item.sqrq : "---" }}</td>
<td>详情</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> </tr>
</tbody> </tbody>
</table> </table>
...@@ -46,121 +53,38 @@ ...@@ -46,121 +53,38 @@
</template> </template>
<script> <script>
import img from "../../../assets/imgs/company/zhengzhao2.png";
export default { export default {
props: ["list"],
data() { data() {
return { return {
pageSize: 5, pageSize: 5,
trademarkList: [ currentPage: 1,
{ trademarkList: [],
img: img,
name: "asd",
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: "qwe",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "ghkghkj",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "gjgh",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "ghj",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "hj",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "gffgfg",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "tyuiuy",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "poiu",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "qterd",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
},
{
img: img,
name: "bcfd",
zhucehao: "1231321321asdasd213",
leibie: 0,
status: "已注册",
time: "2017-12-08"
}
],
itemList: [] itemList: []
}; };
}, },
mounted() { mounted() {},
this.handleCurrentChange(1); watch: {
list() {
this.trademarkList = this.list;
this.handleCurrentChange(1);
}
}, },
methods: { methods: {
//跳转详情页
gotoDetail(sbzch, gjfl) {
this.$router.push({ path: "/jdbycdetailtm", query: { sbzch, gjfl } });
},
handleCurrentChange(val) { handleCurrentChange(val) {
this.itemList = this.trademarkList.slice( this.itemList = this.trademarkList.slice(
(val - 1) * this.pageSize, (val - 1) * this.pageSize,
val * this.pageSize val * this.pageSize
); );
this.currentPage = val;
},
//获取序号
getIndex(index) {
return index + 1 + this.currentPage * this.pageSize - this.pageSize;
}, },
indexMethod(index) { indexMethod(index) {
return index * 2; return index * 2;
...@@ -176,6 +100,10 @@ export default { ...@@ -176,6 +100,10 @@ export default {
<style lang="scss"> <style lang="scss">
.trademark { .trademark {
width: 100%; width: 100%;
.gotoDetail {
color: #1478f0;
cursor: pointer;
}
h3 { h3 {
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -235,6 +163,9 @@ export default { ...@@ -235,6 +163,9 @@ export default {
width: 100%; width: 100%;
tr { tr {
width: 100%; width: 100%;
.notList {
text-align: center;
}
td { td {
width: 12.5%; width: 12.5%;
padding: 15px; padding: 15px;
......
...@@ -298,6 +298,7 @@ export default { ...@@ -298,6 +298,7 @@ export default {
this.detaildata = res.data.detaildata[0]; this.detaildata = res.data.detaildata[0];
this.registeredList = res.data.nclexist; this.registeredList = res.data.nclexist;
this.unregisteredList = res.data.nclnotexist; this.unregisteredList = res.data.nclnotexist;
console.log(this.detaildata);
}); });
}, },
methods: { methods: {
......
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<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
......
...@@ -99,7 +99,7 @@ export default { ...@@ -99,7 +99,7 @@ export default {
submitForm() { submitForm() {
let from = { let from = {
mobile: this.ruleForm.name, // Y 手机号 mobile: this.ruleForm.name, // Y 手机号
vcode: this.ruleForm.password, // Y 验证码 vcode: this.ruleForm.verificationCode, // Y 验证码
newPwd: this.ruleForm.password, // Y 新密码 newPwd: this.ruleForm.password, // Y 新密码
userpin: getCookie("userpin") || "" // N 用户登录凭证key 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