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