Skip to content

Z
zhichan
Commit 158d6438 by 尹亚亭
Options

0121

parent a372502b
Showing with 238 additions and 161 deletions
channel-access/src/api/tmQuery.js
...@@ -34,7 +34,6 @@ export function noticequeryTMZCSQ() { ...@@ -34,7 +34,6 @@ export function noticequeryTMZCSQ() {
export function noticequery(params) { export function noticequery(params) {
return http.post(baseUrl, { return http.post(baseUrl, {
actionType: "noticequery", actionType: "noticequery",
actionBody: params actionBody: params
}); });
} }
...@@ -43,10 +42,6 @@ export function noticequery(params) { ...@@ -43,10 +42,6 @@ export function noticequery(params) {
export function noticeSearch(params) { export function noticeSearch(params) {
return http.post(baseUrl, { return http.post(baseUrl, {
actionType: "noticesearch", actionType: "noticesearch",
// actionBody: {
// csggqh: 1663, //公告期号
// sbzch: "36280736" //商标注册号
// }
actionBody: params actionBody: params
}); });
} }
......
channel-access/src/views/pages/bycnoticedetail/Bycnoticedetail.vue
<template> <template>
<div class="notice-details-page"> <div class="notice-details-page">
<div class="nav"> <div class="noticedetail-nav">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/bycnoticetm' }" <el-breadcrumb-item :to="{ path: '/bycnoticetm' }"
>商标公告查询</el-breadcrumb-item >商标公告查询</el-breadcrumb-item
...@@ -14,8 +14,7 @@ ...@@ -14,8 +14,7 @@
> >
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div class="show-notice"> <div class="show-notice" v-loading="loading">
<!-- 优化点：数据图片的展示：GET net::ERR_NAME_NOT_RESOLVED 给予相应提示 -->
<img :src="linkurl" alt="" /> <img :src="linkurl" alt="" />
</div> </div>
</div> </div>
...@@ -30,10 +29,11 @@ export default { ...@@ -30,10 +29,11 @@ export default {
ggqh: "", ggqh: "",
sbzch: "" sbzch: ""
}, },
// 面包屑部分： 商标名称 sbmc: "", // 面包屑部分： 商标名称
sbmc: "", linkurl: "", // 返回数据中的公告图形
// 返回数据中的公告图形
linkurl: "" // 动画加载
loading: false
}; };
}, },
created() { created() {
...@@ -43,6 +43,7 @@ export default { ...@@ -43,6 +43,7 @@ export default {
this.noticesearchparams.ggqh = this.$route.query.ggqh.split("(")[0]; this.noticesearchparams.ggqh = this.$route.query.ggqh.split("(")[0];
this.noticesearchparams.sbzch = this.$route.query.sbzch; this.noticesearchparams.sbzch = this.$route.query.sbzch;
this.loading = true; // 查询数据之前显示 loading
// 进行公告详情查询 // 进行公告详情查询
noticeSearch(this.noticesearchparams).then(res => { noticeSearch(this.noticesearchparams).then(res => {
if (res.status == 0) { if (res.status == 0) {
...@@ -56,11 +57,12 @@ export default { ...@@ -56,11 +57,12 @@ export default {
// 状态码不是 0 // 状态码不是 0
else { else {
this.linkurl = res.data.linkurl; this.linkurl = res.data.linkurl;
// 域名处理 http://sbggwj.saic.gov.cn:8000/ 变为 http://sbggwj.sbj.cnipa.gov.cn:8000/ 公告才可以访问 // 优化点：域名处理 http://sbggwj.saic.gov.cn:8000/ 变为 http://sbggwj.sbj.cnipa.gov.cn:8000/ 公告才可以访问
let linkpart2 = this.linkurl.split(":8000")[1]; let linkpart2 = this.linkurl.split(":8000")[1];
let rightlinkpart1 = "http://sbggwj.sbj.cnipa.gov.cn"; let rightlinkpart1 = "http://sbggwj.sbj.cnipa.gov.cn";
let rightlinkurl = rightlinkpart1.concat(":8000", linkpart2); let rightlinkurl = rightlinkpart1.concat(":8000", linkpart2);
this.linkurl = rightlinkurl; this.linkurl = rightlinkurl;
this.loading = false; //数据查询成功之后隐藏 loading
} }
} else { } else {
this.$notify.error({ this.$notify.error({
...@@ -73,24 +75,39 @@ export default { ...@@ -73,24 +75,39 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss">
.notice-details-page { .notice-details-page {
min-height: calc(100% - 70px); min-height: calc(100% - 70px);
.el-breadcrumb {
.el-breadcrumb__item {
.el-breadcrumb__inner {
color: #03004c;
font-size: 16px;
}
}
span:nth-child(3) {
.el-breadcrumb__inner {
color: #0989c5;
font-size: 16px;
}
}
}
} }
.nav { .noticedetail-nav {
width: 1200px; width: 889px;
margin: 0 auto; margin: 0 auto;
padding: 20px 0; padding: 20px 0;
} }
.show-notice { .show-notice {
width: 889px; width: 889px;
height: 1260px; height: 1260px;
padding-top: 50px; padding-top: 10px;
margin: 0 auto; margin: 0 auto;
img { img {
display: block; display: block;
border: 1px solid gray; border: 1px solid gray;
width: 100%;
} }
} }
</style> </style>
channel-access/src/views/pages/bycnoticeindex/Bycnoticeindex.vue
<template> <template>
<div> <div>
<!-- 头部导航面包屑 --> <!-- 头部导航面包屑 -->
<div class="nav"> <div class="noticeindex-nav">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/bycnoticetm' }" <el-breadcrumb-item :to="{ path: '/bycnoticetm' }"
>商标公告查询</el-breadcrumb-item >商标公告查询</el-breadcrumb-item
> >
<el-breadcrumb-item>{{ choiceForm.num }}期公告</el-breadcrumb-item> <el-breadcrumb-item v-if="choiceForm.num"
>{{ choiceForm.num }}期公告</el-breadcrumb-item
>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
...@@ -18,11 +20,10 @@ ...@@ -18,11 +20,10 @@
<el-select <el-select
v-model="choiceForm.type" v-model="choiceForm.type"
placeholder="请选择" placeholder="请选择"
class="info-box"
@change="changeType" @change="changeType"
> >
<el-option label="商标初步审定公告" value="TMZCSQ"></el-option>
<!--TMZCSQ TMZCZC TMQTZC--> <!--TMZCSQ TMZCZC TMQTZC-->
<el-option label="商标初步审定公告" value="TMZCSQ"></el-option>
<el-option label="商标注册公告（一）" value="TMZCZC"></el-option> <el-option label="商标注册公告（一）" value="TMZCZC"></el-option>
<el-option label="商标注册公告（二）" value="TMQTZC"></el-option> <el-option label="商标注册公告（二）" value="TMQTZC"></el-option>
</el-select> </el-select>
...@@ -30,7 +31,6 @@ ...@@ -30,7 +31,6 @@
<el-form-item label="公告期号：" class="left-span"> <el-form-item label="公告期号：" class="left-span">
<el-input <el-input
v-model="choiceForm.num" v-model="choiceForm.num"
class="info-box"
placeholder="请输入公告期号" placeholder="请输入公告期号"
></el-input> ></el-input>
</el-form-item> </el-form-item>
...@@ -38,7 +38,6 @@ ...@@ -38,7 +38,6 @@
<el-input <el-input
v-model="choiceForm.user" v-model="choiceForm.user"
placeholder="请输入申请人名称" placeholder="请输入申请人名称"
class="info-box"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-row> </el-row>
...@@ -46,7 +45,6 @@ ...@@ -46,7 +45,6 @@
<el-form-item label="商标名称：" class="left-span"> <el-form-item label="商标名称：" class="left-span">
<el-input <el-input
v-model="choiceForm.name" v-model="choiceForm.name"
class="info-box"
placeholder="请输入商标名称" placeholder="请输入商标名称"
></el-input> ></el-input>
</el-form-item> </el-form-item>
...@@ -54,7 +52,6 @@ ...@@ -54,7 +52,6 @@
<el-select <el-select
v-model="choiceForm.kind" v-model="choiceForm.kind"
placeholder="全部类别" placeholder="全部类别"
class="info-box"
@change="changeKind" @change="changeKind"
> >
<el-option <el-option
...@@ -68,7 +65,6 @@ ...@@ -68,7 +65,6 @@
<el-form-item label="申请号：" class="left-span"> <el-form-item label="申请号：" class="left-span">
<el-input <el-input
v-model="choiceForm.digit" v-model="choiceForm.digit"
class="info-box"
placeholder="请输入商标申请号" placeholder="请输入商标申请号"
></el-input> ></el-input>
</el-form-item> </el-form-item>
...@@ -91,12 +87,12 @@ ...@@ -91,12 +87,12 @@
<div class="record"> <div class="record">
<div class="title"> <div class="title">
共 共
<span>&nbsp;{{ count }}&nbsp;</span>条公告数据 <span>&nbsp;{{ count > 10000 ? 10000 : count }}&nbsp;</span>条公告数据
</div> </div>
</div> </div>
<!-- 商标表格 --> <!-- 商标表格 -->
<div class="brand-form-wrap"> <div class="brand-form-wrap">
<el-table :data="brandData" class="brand-form"> <el-table :data="brandData" class="brand-form" v-loading="loading">
<el-table-column <el-table-column
prop="logo" prop="logo"
label="商标图样" label="商标图样"
...@@ -104,7 +100,9 @@ ...@@ -104,7 +100,9 @@
width="150" width="150"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div class="img-wrap">
<img :src="scope.row.logo" alt="" /> <img :src="scope.row.logo" alt="" />
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
...@@ -112,44 +110,54 @@ ...@@ -112,44 +110,54 @@
label="商标名称" label="商标名称"
align="center" align="center"
width="100" width="100"
></el-table-column> >
<template slot-scope="scope">
<span>{{ scope.row.sbmc ? scope.row.sbmc : "---" }}</span>
</template></el-table-column
>
<el-table-column <el-table-column
prop="sblb" prop="sblb"
label="商标类别" label="商标类别"
align="center" align="center"
width="100" width="100"
></el-table-column> >
<el-table-column <template slot-scope="scope">
prop="sbzch" <span>{{ scope.row.sblb ? scope.row.sblb : "---" }}</span>
label="申请号" </template></el-table-column
align="center" >
width="100" <el-table-column prop="sbzch" label="申请号" align="center" width="100">
></el-table-column> <template slot-scope="scope">
<el-table-column <span>{{ scope.row.sbzch ? scope.row.sbzch : "---" }}</span>
prop="zcr" </template></el-table-column
label="申请人" >
align="center" <el-table-column prop="zcr" label="申请人" align="center" width="300">
width="300" <template slot-scope="scope">
></el-table-column> <!-- 申请人返回的是" " 不是"",故加个trim去掉空格-->
<span>{{ scope.row.zcr.trim() ? scope.row.zcr : "---" }}</span>
</template></el-table-column
>
<el-table-column <el-table-column
prop="gglx" prop="gglx"
label="公告类型" label="公告类型"
align="center" align="center"
width="200" width="200"
></el-table-column> >
<template slot-scope="scope">
<span>{{ scope.row.gglx ? scope.row.gglx : "---" }}</span>
</template>
</el-table-column>
<el-table-column <el-table-column
prop="ggqh" prop="ggqh"
label="公告期号" label="公告期号"
align="center" align="center"
width="150" width="150"
></el-table-column>
<el-table-column
prop="branddetail"
label="公告详情"
align="center"
width="90"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.ggqh ? scope.row.ggqh : "---" }}</span>
</template></el-table-column
>
<el-table-column prop="branddetail" label="公告详情" align="center">
<template slot-scope="scope">
<el-button <el-button
type="text" type="text"
size="small" size="small"
...@@ -167,7 +175,7 @@ ...@@ -167,7 +175,7 @@
background background
layout="prev, pager, next" layout="prev, pager, next"
:page-size="20" :page-size="20"
:total="count" :total="count > 10000 ? 10000 : count"
:current-page="noticequeryparams.currentPage" :current-page="noticequeryparams.currentPage"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
></el-pagination> ></el-pagination>
...@@ -255,13 +263,15 @@ export default { ...@@ -255,13 +263,15 @@ export default {
}, },
// 共查出的数据条数 // 共查出的数据条数
count: 0 count: 0,
// loading动画
loading: false
}; };
}, },
methods: { methods: {
// 点击 公告详情 跳到对应的公告详情页面 // 点击 公告详情 跳到对应的公告详情页面
passNoticeNumber(index, row) { passNoticeNumber(index, row) {
// console.log(index, row);
// 提交请求 // 提交请求
this.$router.push({ this.$router.push({
path: "/bycnoticedetail", path: "/bycnoticedetail",
...@@ -277,64 +287,38 @@ export default { ...@@ -277,64 +287,38 @@ export default {
async handleCurrentChange(val) { async handleCurrentChange(val) {
// 改变当前页码为点击到的高亮的页码 // 改变当前页码为点击到的高亮的页码
this.noticequeryparams.currentPage = val; this.noticequeryparams.currentPage = val;
// 提交查询参数 this.commonParams(); // 提交查询参数
this.noticequeryparams.noticenumber = this.choiceForm.num;
this.noticequeryparams.applynumber = this.choiceForm.digit;
this.noticequeryparams.tmname = this.choiceForm.name;
this.noticequeryparams.applier = this.choiceForm.user;
this.noticequeryparams.noticetype = this.choiceForm.type;
this.noticequeryparams.nclNum = this.choiceForm.kind;
let result = await noticequery(this.noticequeryparams).then(res => { this.loading = true; // 查询数据之前显示 loading
if (res.status == 0) { let result = await this.getNoticeQuery();
if (res.data.rows.length == 0) {
this.$notify({
title: "警告",
message: "没有该商品", // 服务器端返回的数据为空
type: "warning"
});
} else {
return res.data; // 返回请求成功的非空数据
}
} else {
// 服务器端请求失败
this.$notify.error({
title: "错误",
message: res.msg
});
}
});
// 如果查询后没有数据 就显示 0条记录 并 把表格数据置为空
if (result == undefined) { if (result == undefined) {
this.brandData = []; this.brandData = [];
this.count = 0; this.count = 0;
} else { } else {
// 请求回来的数据装填 数据表 和 记录条数 // 请求回来的数据装填 数据表 和 记录条数
this.brandData = result.rows; this.brandData = result.rows;
this.loading = false; //数据查询成功之后隐藏 loading
this.count = result.count; this.count = result.count;
} }
}, },
// 提交查询
async onSubmit() {
console.log("submit!");
// 提交查询参数 // 提交查询参数
commonParams() {
this.noticequeryparams.noticenumber = this.choiceForm.num; this.noticequeryparams.noticenumber = this.choiceForm.num;
this.noticequeryparams.applynumber = this.choiceForm.digit; this.noticequeryparams.applynumber = this.choiceForm.digit;
this.noticequeryparams.tmname = this.choiceForm.name; this.noticequeryparams.tmname = this.choiceForm.name;
this.noticequeryparams.applier = this.choiceForm.user; this.noticequeryparams.applier = this.choiceForm.user;
this.noticequeryparams.noticetype = this.choiceForm.type; this.noticequeryparams.noticetype = this.choiceForm.type;
this.noticequeryparams.nclNum = this.choiceForm.kind; this.noticequeryparams.nclNum = this.choiceForm.kind;
this.noticequeryparams.currentPage = 1; },
console.log(this.noticequeryparams);
let result = await noticequery(this.noticequeryparams).then(res => { // 请求数据的方法提取
console.log(res); getNoticeQuery() {
return noticequery(this.noticequeryparams).then(res => {
if (res.status == 0) { if (res.status == 0) {
if (res.data.rows.length == 0) {
} else {
return res.data; // 返回请求成功的非空数据 return res.data; // 返回请求成功的非空数据
}
} else { } else {
// 服务器端请求失败 // 服务器端请求失败
this.$notify.error({ this.$notify.error({
...@@ -343,15 +327,32 @@ export default { ...@@ -343,15 +327,32 @@ export default {
}); });
} }
}); });
},
// 提交查询
async onSubmit() {
this.commonParams(); // 提交查询参数
if (/\D/.test(this.noticequeryparams.noticenumber)) {
// 数字
this.$message({
message: "工期号只能是数字",
type: "warning"
});
} else {
this.noticequeryparams.currentPage = 1;
this.loading = true; // 查询数据之前显示 loading
let result = await this.getNoticeQuery();
// 如果查询后没有数据 就显示 0条记录 并 把表格数据置为空 // 如果查询后没有数据 就显示 0条记录 并 把表格数据置为空
if (result == undefined) { if (result == undefined) {
this.brandData = []; this.brandData = [];
this.count = 0; this.count = 0;
} else { } else {
this.brandData = result.rows; this.brandData = result.rows;
this.loading = false; //数据查询成功之后隐藏 loading
this.count = result.count; this.count = result.count;
} }
}
}, },
// 下拉select框的选择条目的改变 // 下拉select框的选择条目的改变
...@@ -366,7 +367,6 @@ export default { ...@@ -366,7 +367,6 @@ export default {
// 重置公告查询选项 // 重置公告查询选项
clearChoices() { clearChoices() {
console.log("clear, clear, clear");
this.choiceForm.num = null; this.choiceForm.num = null;
this.choiceForm.type = null; this.choiceForm.type = null;
this.choiceForm.user = null; this.choiceForm.user = null;
...@@ -379,28 +379,16 @@ export default { ...@@ -379,28 +379,16 @@ export default {
// form表格接收传过来的参数 并 装填上 // form表格接收传过来的参数 并 装填上
this.choiceForm.type = this.$route.query.type; this.choiceForm.type = this.$route.query.type;
this.choiceForm.num = this.$route.query.noticenum; this.choiceForm.num = this.$route.query.noticenum;
this.commonParams(); // 提交查询参数
// 获取 公告查询的参数
this.noticequeryparams.noticenumber = this.choiceForm.num;
this.noticequeryparams.applynumber = this.choiceForm.digit;
this.noticequeryparams.tmname = this.choiceForm.name;
this.noticequeryparams.applier = this.choiceForm.user;
this.noticequeryparams.noticetype = this.choiceForm.type;
this.noticequeryparams.nclNum = this.choiceForm.kind;
// 进行公告查询 并 对返回的数据进行处理 // 进行公告查询 并 对返回的数据进行处理
this.loading = true; // 查询数据之前显示 loading
noticequery(this.noticequeryparams).then(res => { noticequery(this.noticequeryparams).then(res => {
if (res.status == 0) { if (res.status == 0) {
if (res.data.rows.length == 0) { // 查询成功有数据就装填在表格里面 无数据表格提示查询数据为空
// 服务器端返回的数据为空
// this.$notify({
// title: "警告",
// message: "没有该商品",
// type: "warning"
// });
} else {
this.brandData = res.data.rows; this.brandData = res.data.rows;
this.loading = false; //数据查询成功之后隐藏 loading
this.count = res.data.count; this.count = res.data.count;
}
} else { } else {
// 服务器端请求失败 // 服务器端请求失败
this.$notify.error({ this.$notify.error({
...@@ -414,27 +402,56 @@ export default { ...@@ -414,27 +402,56 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss">
/* 头部导航面包屑 */ /* 头部导航面包屑 */
.nav { .noticeindex-nav {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
padding-top: 21px; padding-top: 21px;
padding-bottom: 18px; padding-bottom: 19px;
// 样式，，，
.el-breadcrumb > .el-breadcrumb__item > .el-breadcrumb__inner { .el-breadcrumb {
color: rgb(9, 137, 197); span:nth-child(1) {
.el-breadcrumb__inner.is-link {
color: #03004c;
font-size: 16px; font-size: 16px;
} }
}
span:nth-child(2) {
.el-breadcrumb__inner {
color: #0989c5;
font-size: 16px;
}
}
}
} }
/* 查询选择表单 */ /* 查询选择表单 */
.choice-form { .choice-form {
background: #f7f8fc; background: rgba(247, 248, 252, 1);
border: 1px solid #eff1f9; border: 1px solid rgba(239, 241, 249, 1);
width: 1198px; width: 1200px;
height: 129px; height: 131px;
margin: 0 auto; margin: 0 auto;
.el-form {
.el-row {
.el-form-item {
.el-input {
.el-input__inner {
width: 220px;
height: 34px;
border-radius: 0px;
}
}
}
.el-form-item {
.el-button {
padding: 0;
border-radius: 0px;
}
}
}
}
.first-row { .first-row {
margin-top: 18px; margin-top: 18px;
...@@ -445,15 +462,6 @@ export default { ...@@ -445,15 +462,6 @@ export default {
height: 34px; height: 34px;
} }
.info-box {
width: 220px;
height: 334px;
}
/* .el-input__inner {
border-radius: 0px;
} */
.btn-size { .btn-size {
width: 60px; width: 60px;
height: 34px; height: 34px;
...@@ -482,31 +490,45 @@ export default { ...@@ -482,31 +490,45 @@ export default {
/* 商标表格 */ /* 商标表格 */
.brand-form-wrap { .brand-form-wrap {
width: 1198px; width: 1200px;
margin: 0 auto; margin: 0 auto;
border: 1px solid #d6daeb; border: 1px solid #d6daeb;
border-bottom: none;
.brand-form { .brand-form {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
.img-wrap {
width: 80px;
height: 80px;
margin: 0 auto;
background: url("https://gsb-zc.oss-cn-beijing.aliyuncs.com/zc_imagequery293101543401586324201828183946324czhd.png")
no-repeat;
background-size: 100% 100%;
}
img { img {
display: block; display: block;
width: 80px; width: 80px;
height: 80px; height: 80px;
margin: 0 auto;
}
.el-table__header-wrapper .el-table__header .has-gutter tr th {
background: rgba(247, 248, 252, 1);
} }
} }
} }
/* 分页器 */ /* 分页器 */
.pagenation { .pagenation {
background: #f7f8fc; width: 1200px;
height: 60px;
width: 1198px; background: #fff;
height: 59px; border: 1px solid rgba(214, 218, 235, 1);
margin: 0 auto; margin: 0 auto;
text-align: right; text-align: right;
.el-pagination {
margin: 15px 0;
}
} }
</style> </style>
channel-access/src/views/pages/bycnoticetm/Bycnoticetm.vue
<template> <template>
<div class="noticepage"> <div class="noticepage">
<!-- 头部导航面包屑 --> <!-- 头部导航面包屑 -->
<div class="nav"> <div class="noticetm-nav">
<span>商标公告查询</span> <span>商标公告查询</span>
</div> </div>
<!-- 查询选择表单 --> <!-- 查询选择表单 -->
<div class="choice-form"> <div class="choice-form">
<el-form :inline="true" :model="choiceForm" :rules="rule"> <el-form :inline="true" :model="choiceForm">
<el-row class="first-row"> <el-row class="first-row">
<el-form-item label="公告类型：" class="left-span"> <el-form-item label="公告类型：" class="left-span">
<el-select <el-select
...@@ -76,6 +76,7 @@ ...@@ -76,6 +76,7 @@
</template> </template>
<script> <script>
// 近12期初审公告 公告查询接口
import { noticequeryTMZCSQ } from "@/api/tmQuery.js"; import { noticequeryTMZCSQ } from "@/api/tmQuery.js";
export default { export default {
data() { data() {
...@@ -85,30 +86,47 @@ export default { ...@@ -85,30 +86,47 @@ export default {
type: "TMZCSQ", // 公告类型 type: "TMZCSQ", // 公告类型
num: null // 公告期号 num: null // 公告期号
}, },
rule: {},
// 商标表格数据 // 商标表格数据
brandData: [], brandData: [],
// 动画 // loading动画
loading: false loading: false,
// 最大工期号
maxNum: null
}; };
}, },
methods: { methods: {
// 点击 查询 按钮，提交表单数据进行查询
onSubmit() { onSubmit() {
console.log(this.choiceForm.num); // 关于输入的工期号的验证判断
if (this.choiceForm.num == null) { if (this.choiceForm.num == null) {
console.log("konhkongkong"); // 非空
this.$message({ this.$message({
message: "请输入目标", message: "请输入目标",
type: "warning" type: "warning"
}); });
} else if (/\D/.test(this.choiceForm.num)) { } else if (/\D/.test(this.choiceForm.num)) {
// 数字
this.$message({
message: "工期号只能是正整数数字",
type: "warning"
});
} else if (this.choiceForm.num <= 0) {
// 大于0
this.$message({
message: "工期号是大于0的数字",
type: "warning"
});
} else if (this.choiceForm.num > this.maxNum) {
// 小于最大工期号
this.$message({ this.$message({
message: "工期号只能是数字", message: `工期号是小于或等于最大工期号${this.maxNum}的数字`,
type: "warning" type: "warning"
}); });
} else { } else {
// 验证通过，提交表单的数据，在详情页面显示查询结果
this.$router.push({ this.$router.push({
path: "/bycnoticeindex", path: "/bycnoticeindex",
query: { query: {
...@@ -118,11 +136,11 @@ export default { ...@@ -118,11 +136,11 @@ export default {
}); });
} }
}, },
// 选择不同的 初审公告 注册公告一 注册公告二 三种类型对应不同的类型接口参数
changeOption(value) { changeOption(value) {
// console.log(value);
this.choiceForm.type = value; this.choiceForm.type = value;
console.log("change change", this.choiceForm.type);
}, },
// 点击公告详情 按钮，提交工期号和公告类型进行查询，在详情页面显示查询结果
passNoticeNumber(index, row) { passNoticeNumber(index, row) {
this.choiceForm.num = row.notice_issue; this.choiceForm.num = row.notice_issue;
// 提交请求 // 提交请求
...@@ -138,13 +156,23 @@ export default { ...@@ -138,13 +156,23 @@ export default {
created() { created() {
// 刷新页面取消查询的query参数 // 刷新页面取消查询的query参数
this.$router.push("/bycnoticetm"); this.$router.push("/bycnoticetm");
this.loading = true;
this.loading = true; // 查询数据之前显示 loading
noticequeryTMZCSQ().then(res => { noticequeryTMZCSQ().then(res => {
if (res.status == 0) {
this.brandData = res.data.rows; this.brandData = res.data.rows;
this.loading = false; this.loading = false; //数据查询成功之后隐藏 loading
if (res.data.rows.length != 0) {
this.maxNum = res.data.rows[0].notice_issue; // 保留数据中的最大工期号
}
} else {
this.$notify.error({
title: "错误", // 服务器端请求失败
message: res.msg
}); });
}, }
mounted() {} });
}
}; };
</script> </script>
...@@ -156,32 +184,36 @@ export default { ...@@ -156,32 +184,36 @@ export default {
.choice-form { .choice-form {
.el-input__inner { .el-input__inner {
border-radius: 0px; border-radius: 0px;
height: 34px;
width: 300px;
} }
} }
.has-gutter tr th { .has-gutter tr th {
background: #d6daeb; background: #d6daeb;
} }
/* 头部导航面包屑 */ /* 头部导航面包屑 */
.nav { .noticetm-nav {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
padding-top: 21px; padding-top: 21px;
padding-bottom: 18px; padding-bottom: 19px;
span { span {
font-weight: 500; width: 96px;
line-height: 20px; height: 21px;
font-size: 16px; font-size: 16px;
color: #03004c; color: rgba(3, 0, 76, 1);
line-height: 21px;
} }
} }
/* 查询选择表单 */ /* 查询选择表单 */
.choice-form { .choice-form {
background: #f7f8fc; width: 1200px;
border: 1px solid #eff1f9;
width: 1198px;
height: 76px; height: 76px;
background: rgba(247, 248, 252, 1);
border: 1px solid rgba(239, 241, 249, 1);
margin: 0 auto; margin: 0 auto;
.first-row { .first-row {
margin-top: 18px; margin-top: 18px;
button.el-button { button.el-button {
...@@ -192,6 +224,7 @@ export default { ...@@ -192,6 +224,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
border-radius: 0; border-radius: 0;
line-height: 0; line-height: 0;
margin-top: 2px;
} }
} }
...@@ -219,24 +252,34 @@ export default { ...@@ -219,24 +252,34 @@ export default {
margin: 0 auto; margin: 0 auto;
height: 40px; height: 40px;
span { span {
padding-left: 17px; padding-left: 20px;
width: 113px;
height: 20px;
font-size: 14px; font-size: 14px;
color: rgb(130, 130, 130); font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 40px; line-height: 40px;
} }
} }
/* 商标表格 */ /* 商标表格 */
.brand-form-wrap { .brand-form-wrap {
width: 1198px; width: 1200px;
margin: 0 auto; margin: 0 auto;
border: 1px solid #d6daeb; border: 1px solid #d6daeb;
margin-bottom: 100px; margin-bottom: 100px;
.brand-form { .brand-form {
font-family: PingFangSC-Regular; font-size: 12px;
font-size: 14px; font-family: PingFangSC-Regular, PingFang SC;
color: #333333; font-weight: 400;
// 样式，，， color: rgba(102, 102, 102, 1);
th.is-center {
padding: 8px 0px;
}
td.is-center {
padding: 4px 0px;
}
} }
.el-table__row { .el-table__row {
td:nth-child(4) { td:nth-child(4) {
......
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