From 20b94f55fe0b699d46cb5783b6a065f7748bafd2 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Tue, 18 Apr 2023 10:01:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=87=BA=E7=89=88=E7=A4=BE=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/pages/publication/monograph.vue | 74 ++---------------------------
src/pages/publication/patent.vue | 72 ++--------------------------
src/pages/publication/thesis.vue | 70 ++-------------------------
src/styles/page/publication.scss | 64 +++++++++++++++++++++++++
4 files changed, 75 insertions(+), 205 deletions(-)
create mode 100644 src/styles/page/publication.scss
diff --git a/src/pages/publication/monograph.vue b/src/pages/publication/monograph.vue
index 6865042..0592893 100644
--- a/src/pages/publication/monograph.vue
+++ b/src/pages/publication/monograph.vue
@@ -10,14 +10,12 @@
placeholder="请选择出版时间"
format="yyyy"
value-format="yyyy"
+ clearable
@change="initData">
@@ -43,7 +41,7 @@ export default {
patentClasses: ColumnConst.patentClasses,
searchTimer: null,
form: {
- monographQueryKeyWord: '',
+ title: '',
publicationTime: ''
},
classifications: [],
@@ -57,7 +55,7 @@ export default {
id() {
this.id && this.initData()
},
- 'form.monographQueryKeyWord': function (val) {
+ 'form.title': function (val) {
clearTimeout(this.searchTimer);
this.searchTimer = setTimeout(() => {
this.initData();
@@ -96,73 +94,11 @@ export default {
\ No newline at end of file
diff --git a/src/pages/publication/patent.vue b/src/pages/publication/patent.vue
index dbfcf4b..5fc5ea2 100644
--- a/src/pages/publication/patent.vue
+++ b/src/pages/publication/patent.vue
@@ -3,7 +3,7 @@
@@ -114,73 +110,11 @@ export default {
\ No newline at end of file
diff --git a/src/pages/publication/thesis.vue b/src/pages/publication/thesis.vue
index fe1107e..0ab5ddf 100644
--- a/src/pages/publication/thesis.vue
+++ b/src/pages/publication/thesis.vue
@@ -10,14 +10,12 @@
placeholder="请选择出版时间"
format="yyyy"
value-format="yyyy"
+ clearable
@change="initData">
@@ -89,58 +87,7 @@ export default {
\ No newline at end of file
diff --git a/src/styles/page/publication.scss b/src/styles/page/publication.scss
new file mode 100644
index 0000000..e32f15a
--- /dev/null
+++ b/src/styles/page/publication.scss
@@ -0,0 +1,64 @@
+.forms {
+ display: flex;
+ align-items: center;
+ padding: 15px;
+ margin-bottom: 20px;
+ background-color: #fff;
+ .item {
+ display: inline-flex;
+ align-items: center;
+ margin-right: 30px;
+ }
+ .label {
+ font-size: 16px;
+ color: #333;
+ white-space: nowrap;
+ }
+ /deep/.el-input__inner {
+ width: 100%;
+ height: 38px;
+ line-height: 38px;
+ border: 0;
+ background: #F7F7F7;
+ }
+ .search {
+ display: inline-flex;
+ width: 34%;
+ input {
+ width: 100%;
+ height: 38px;
+ padding: 0 15px;
+ font-size: 14px;
+ color: #333;
+ background: #F7F7F7;
+ border: 0;
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px;
+ &:focus {
+ outline: none;
+ }
+ }
+ }
+ .icon {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ width: 62px;
+ height: 38px;
+ background: #1583FF;
+ border-radius: 0px 6px 6px 0px;
+ cursor: pointer;
+ }
+}
+
+@media (max-width: 1200px) {
+ .forms {
+ padding: 1.25rem;
+ flex-direction: column;
+ .item, .search,div {
+ width: 80%;margin: 0 auto;
+ justify-content: center;
+ margin-top: 20px;
+ }
+ }
+}
\ No newline at end of file