| | |
| | | </ul> |
| | | <!-- 高级搜索 --> |
| | | <div v-if="isDisplay" class="page-search"> |
| | | <MyForm class="myfrom" @submit=" |
| | | (data) => { |
| | | CurrentPage = 1; |
| | | onSubmit(data); |
| | | } |
| | | " @reset="resetForm" :from="from" /> |
| | | <MyForm |
| | | class="myfrom" |
| | | @submit=" |
| | | (data) => { |
| | | CurrentPage = 1; |
| | | onSubmit(data); |
| | | } |
| | | " |
| | | @reset="resetForm" |
| | | :from="from" |
| | | /> |
| | | </div> |
| | | <!-- 搜索结果 --> |
| | | <div class="page-content"> |
| | |
| | | <li class="left-title"> |
| | | <span>{{ category.title }}</span> |
| | | <p @click="category.isDisplay = !category.isDisplay"> |
| | | <img :src="[category.isDisplay ? topIcon : bottomIcon]" alt="" /> |
| | | <img |
| | | :src="[category.isDisplay ? topIcon : bottomIcon]" |
| | | alt="" |
| | | /> |
| | | </p> |
| | | </li> |
| | | <li class="left-main" v-if="category.isDisplay"> |
| | | <div class="category-main" v-for="(item, index) in category.list" :key="index"> |
| | | <el-checkbox class="el-checkbox" style="display: inline-block; vertical-align: middle;" |
| | | v-model="item.checked" :title="item.name">{{ item.name }}</el-checkbox> |
| | | <span class="" style="display: inline-block; vertical-align: middle;">{{ item.num }}</span> |
| | | <div |
| | | class="category-main" |
| | | v-for="(item, index) in category.list" |
| | | :key="index" |
| | | > |
| | | <el-checkbox |
| | | class="el-checkbox" |
| | | v-model="item.checked" |
| | | :title="item.name" |
| | | @change="categoryChange(item)" |
| | | style="display: inline-block; vertical-align: middle" |
| | | >{{ item.name }}</el-checkbox |
| | | > |
| | | <span |
| | | class="" |
| | | style="display: inline-block; vertical-align: middle" |
| | | >{{ item.num }}</span |
| | | > |
| | | </div> |
| | | </li> |
| | | </ul> |
| | |
| | | <span>{{ annual.title }}</span> |
| | | <span> |
| | | 时间 |
| | | <img class="sort-Icon" :src="[isDisplay ? sortTop : sortBottom]" alt="" /> |
| | | <img |
| | | class="sort-Icon" |
| | | :src="[isDisplay ? sortTop : sortBottom]" |
| | | alt="" |
| | | /> |
| | | </span> |
| | | <span>文献量 |
| | | <img class="sort-Icon" :src="[isDisplay ? sortBottom : sortTop]" alt="" /> |
| | | <span |
| | | >文献量 |
| | | <img |
| | | class="sort-Icon" |
| | | :src="[isDisplay ? sortBottom : sortTop]" |
| | | alt="" |
| | | /> |
| | | </span> |
| | | </div> |
| | | <p @click="annual.isDisplay = !annual.isDisplay"> |
| | | <img :src="[annual.isDisplay ? topIcon : bottomIcon]" alt="" /> |
| | | <img |
| | | :src="[annual.isDisplay ? topIcon : bottomIcon]" |
| | | alt="" |
| | | /> |
| | | </p> |
| | | </li> |
| | | <li class="left-main" v-if="annual.isDisplay"> |
| | | <div class="annual-main" :style="{ |
| | | display: index + 1 > professionIndex ? 'none' : '', |
| | | }" v-for="(item, index) in annual.list" :key="index"> |
| | | <el-checkbox class="el-checkbox" v-model="item.checked" :title="item.years">{{ item.years |
| | | }}</el-checkbox> |
| | | <div |
| | | class="annual-main" |
| | | :style="{ |
| | | display: index + 1 > professionIndex ? 'none' : '', |
| | | }" |
| | | v-for="(item, index) in annual.list" |
| | | :key="index" |
| | | > |
| | | <el-checkbox |
| | | class="el-checkbox" |
| | | v-model="item.checked" |
| | | :title="item.years" |
| | | >{{ item.years }}</el-checkbox |
| | | > |
| | | <span class="">{{ item.num }}</span> |
| | | </div> |
| | | <p class="annual-footer" v-if="annual.list && annual.list.length > 5" @click="shrinkClick('a', '年度')"> |
| | | <p |
| | | class="annual-footer" |
| | | v-if="annual.list && annual.list.length > 5" |
| | | @click="shrinkClick('a', '年度')" |
| | | > |
| | | {{ activeBox !== "a" ? "更多 ∨" : "收起 ∧" }} |
| | | </p> |
| | | </li> |
| | |
| | | <span>{{ sources.title }}</span> |
| | | <span> |
| | | 文献量 |
| | | <img class="sort-Icon" :src="[isDisplay ? sortBottom : sortTop]" alt="" /> |
| | | <img |
| | | class="sort-Icon" |
| | | :src="[isDisplay ? sortBottom : sortTop]" |
| | | alt="" |
| | | /> |
| | | </span> |
| | | </div> |
| | | <p @click="sources.isDisplay = !sources.isDisplay"> |
| | | <img :src="[sources.isDisplay ? topIcon : bottomIcon]" alt="" /> |
| | | <img |
| | | :src="[sources.isDisplay ? topIcon : bottomIcon]" |
| | | alt="" |
| | | /> |
| | | </p> |
| | | </li> |
| | | <li class="left-main" v-if="sources.isDisplay"> |
| | | <div class="sources-main" v-for="(item, index) in sources.list" :key="index" :style="{ |
| | | display: index + 1 > dynastyIndex ? 'none' : '', |
| | | }"> |
| | | <el-checkbox class="el-checkbox" :title="item.name" v-model="item.checked">{{ item.name |
| | | }}</el-checkbox> |
| | | <div |
| | | class="sources-main" |
| | | v-for="(item, index) in sources.list" |
| | | :key="index" |
| | | :style="{ |
| | | display: index + 1 > dynastyIndex ? 'none' : '', |
| | | }" |
| | | > |
| | | <el-checkbox |
| | | class="el-checkbox" |
| | | :title="item.name" |
| | | v-model="item.checked" |
| | | >{{ item.name }}</el-checkbox |
| | | > |
| | | <span class="">{{ item.num }}</span> |
| | | </div> |
| | | <p class="sources-footer" v-if="sources.list && sources.list.length > 5" |
| | | @click="shrinkClick('b', '文献来源')"> |
| | | <p |
| | | class="sources-footer" |
| | | v-if="sources.list && sources.list.length > 5" |
| | | @click="shrinkClick('b', '文献来源')" |
| | | > |
| | | {{ activeBox !== "b" ? "更多 ∨" : "收起 ∧" }} |
| | | </p> |
| | | </li> |
| | |
| | | <li class="left-title"> |
| | | <span>{{ subject.title }}</span> |
| | | <p @click="subject.isDisplay = !subject.isDisplay"> |
| | | <img :src="[subject.isDisplay ? topIcon : bottomIcon]" alt="" /> |
| | | <img |
| | | :src="[subject.isDisplay ? topIcon : bottomIcon]" |
| | | alt="" |
| | | /> |
| | | </p> |
| | | </li> |
| | | <li class="left-main" v-if="subject.isDisplay"> |
| | | <div class="category-main" v-for="(item, index) in subject.list" :key="index"> |
| | | <el-checkbox class="el-checkbox" v-model="item.checked" :title="item.name">{{ item.name |
| | | }}</el-checkbox> |
| | | <div |
| | | class="category-main" |
| | | v-for="(item, index) in subject.list" |
| | | :key="index" |
| | | > |
| | | <el-checkbox |
| | | class="el-checkbox" |
| | | v-model="item.checked" |
| | | :title="item.name" |
| | | @change="subjectChange(item)" |
| | | >{{ item.name }}</el-checkbox |
| | | > |
| | | <span class="">{{ item.num }}</span> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | <div class="content-right" v-loading="loading" element-loading-text="检索结果加载中" |
| | | element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)"> |
| | | <div |
| | | class="content-right" |
| | | v-loading="loading" |
| | | element-loading-text="检索结果加载中" |
| | | element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0)" |
| | | > |
| | | <!-- title部分 --> |
| | | <ul class="right-header"> |
| | | <li v-for="(item, index) in associationList" :key="index"> |
| | | <p>{{ item.type }} : {{ item.content }}</p> |
| | | <img @click="removeAssociationList(item.content)" :src="errorIcon" alt="" /> |
| | | <img |
| | | @click="removeAssociationList(item.content)" |
| | | :src="errorIcon" |
| | | alt="" |
| | | /> |
| | | </li> |
| | | </ul> |
| | | <!-- 共xx条 --> |
| | | <ul class="right-number"> |
| | | <ul class="number-number"> |
| | | 共找到<span>{{ this.total }}</span>条结果 |
| | | 共找到<span>{{ this.total }}</span |
| | | >条结果 |
| | | </ul> |
| | | <ul class="number-time"> |
| | | 发表时间 |
| | | <span><img :src="sortBottom" alt="" /></span> |
| | | <span @click="sortChange()" |
| | | ><img :src="!postedSortInfo ? sortBottom : sortTop" alt="" |
| | | /></span> |
| | | </ul> |
| | | </ul> |
| | | <!-- 结果展示 --> |
| | | <ul class="right-main" v-for="(item, index) in resultList" :key="index"> |
| | | <ul |
| | | class="right-main" |
| | | v-for="(item, index) in resultList" |
| | | :key="index" |
| | | > |
| | | <li class="main-name"> |
| | | <p>{{ item.name }}</p> |
| | | <p> |
| | |
| | | </li> |
| | | <li class="main-keyword" v-if="item.keyWords && item.keyWords.length > 0"> |
| | | <span>关键词:</span> |
| | | <span class="keyWord" v-for="(citem, cindex) in item.keyWords" :key="cindex"> |
| | | <span |
| | | class="keyWord" |
| | | v-for="(citem, cindex) in item.keyWords" |
| | | :key="cindex" |
| | | > |
| | | {{ citem }} |
| | | </span> |
| | | </li> |
| | | </ul> |
| | | <!-- 分页 --> |
| | | <div class="pagination" v-if="total > 6"> |
| | | <el-pagination @current-change="handleCurrentChange" class="msg-pagination-container" |
| | | :background="isBackground" layout="prev, pager, next" :total="total" :page-size="6"> |
| | | <el-pagination |
| | | @current-change="handleCurrentChange" |
| | | class="msg-pagination-container" |
| | | :background="isBackground" |
| | | layout="prev, pager, next" |
| | | :total="total" |
| | | :page-size="6" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | categoryChecList: [], |
| | | subjectCheckList: [], |
| | | |
| | | postedSortInfo: true, |
| | | // 年度 |
| | | annual: { |
| | | title: "年度", |
| | |
| | | total: 0, |
| | | paginationPage: 1, |
| | | loading: false, |
| | | labelList: { |
| | | abstract: "摘要", |
| | | author: "作者", |
| | | keyword: "关键词", |
| | | source: "来源", |
| | | title: "标题", |
| | | year: "年份", |
| | | }, |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | async onSubmit(val) { }, |
| | | categoryChange(val) { |
| | | console.log(val, "val"); |
| | | if (val.checked) { |
| | | this.categoryChecList.push(val.value); |
| | | } else { |
| | | const index = this.categoryChecList.findIndex( |
| | | (item) => item === val.value |
| | | ); |
| | | this.categoryChecList.splice(index, 1); |
| | | } |
| | | this.getItemList(); |
| | | }, |
| | | |
| | | subjectChange(val) { |
| | | console.log(val, "val"); |
| | | if (val.checked) { |
| | | this.subjectCheckList.push(val.value); |
| | | } else { |
| | | const index = this.subjectCheckList.findIndex( |
| | | (item) => item === val.value |
| | | ); |
| | | this.subjectCheckList.splice(index, 1); |
| | | } |
| | | this.getItemList(); |
| | | }, |
| | | |
| | | async onSubmit(val) { |
| | | for (let key in val) { |
| | | if (val[key] != "") { |
| | | this.associationList.push({ |
| | | type: this.labelList[key], |
| | | content: val[key], |
| | | value: key, |
| | | }); |
| | | } |
| | | } |
| | | console.log(this.associationList, "this.associationList"); |
| | | this.getItemList(); |
| | | }, |
| | | //重置搜索结果 |
| | | resetForm() { |
| | | // this.onSearch(""); |
| | |
| | | this.getSelectContent(this.subjectAffiliationRefCode), |
| | | this.getSelectContent(this.resourceTypeRefCode), |
| | | ]); |
| | | this.subject.list = subjectListResult.option |
| | | console.log(subjectListResult.option); |
| | | this.subject.list = subjectListResult.option; |
| | | this.category.list = resourceListResult.option; |
| | | if (this.category.list && this.category.list.length) { |
| | | this.category.list.forEach((item) => { |
| | | this.resourceTypeValueList.push(item.value) |
| | | this.resourceTypeValueList.push(item.value); |
| | | }); |
| | | } |
| | | this.getItemList() |
| | | this.getItemList(); |
| | | } catch (error) { |
| | | console.error("获取下拉框数据失败:", error); |
| | | } |
| | |
| | | handleSearch(isText) { |
| | | this.associationList = [] |
| | | if (isText.text != "") { |
| | | this.inputValue = isText.text |
| | | this.inputType = isText.type |
| | | this.inputValue = isText.text; |
| | | this.inputType = isText.type; |
| | | this.associationList.push({ |
| | | type: isText.label, |
| | | content: isText.text, |
| | | }); |
| | | this.getItemList() |
| | | this.getItemList(); |
| | | } |
| | | }, |
| | | |
| | |
| | | queryType: "*", |
| | | paging: { |
| | | start: (this.paginationPage - 1) * 6, |
| | | size: 6 |
| | | size: 6, |
| | | }, |
| | | sort: { |
| | | year: this.postedSortInfo ? "Desc" : "Asc", |
| | | }, |
| | | fields: { |
| | | cmsType: ["cmsItem"], |
| | | "resourceType*": this.resourceTypeValueList, |
| | | "resourceType*": |
| | | this.categoryChecList.length > 0 |
| | | ? this.categoryChecList |
| | | : this.resourceTypeValueList, |
| | | source: [], |
| | | year: [], |
| | | abstract: [], |
| | |
| | | AIReading: [], |
| | | file: [], |
| | | IssueNumber: [], |
| | | "subjectAffiliation*": this.subjectCheckList, |
| | | ...searchData, |
| | | }, |
| | | }) |
| | |
| | | console.log(res, "全部内容"); |
| | | |
| | | res.datas.forEach((item) => { |
| | | item.year = moment(item.year).format("YYYY-MM-DD") |
| | | if (typeof item.keyWords === 'string') { |
| | | item.year = moment(item.year).format("YYYY-MM-DD"); |
| | | if (typeof item.keyWords === "string") { |
| | | item.keyWords = item.keyWords.split(";;"); |
| | | } else { |
| | | // 设置一个默认值或者进行其他错误处理 |
| | |
| | | this.resultList = res.datas |
| | | this.total = res.total; |
| | | this.loading = false; |
| | | }) |
| | | }); |
| | | }, |
| | | // 处理页码变化 |
| | | handleCurrentChange(newPage) { |
| | |
| | | } |
| | | }); |
| | | }, |
| | | |
| | | sortChange() { |
| | | this.postedSortInfo = !this.postedSortInfo; |
| | | this.getItemList(); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | border-color: #d1d1d1; |
| | | } |
| | | |
| | | ::v-deep .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label { |
| | | ::v-deep .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label { |
| | | color: #2c2c2c; |
| | | } |
| | | |
| | | ::v-deep .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner, |
| | | ::v-deep .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner { |
| | | ::v-deep |
| | | .el-checkbox |
| | | .el-checkbox__input.is-indeterminate |
| | | .el-checkbox__inner { |
| | | border-color: #8f7a5a; |
| | | background-color: #8f7a5a; |
| | | } |
| | |
| | | background-color: #87a8b9; |
| | | color: #fff; |
| | | margin-right: 10px; |
| | | |
| | | } |
| | | |
| | | span:nth-child(2) { |
| | |
| | | font-weight: 350; |
| | | padding-right: 10px; |
| | | color: #333; |
| | | |
| | | } |
| | | |
| | | span:nth-child(3) { |
| | |
| | | color: #333; |
| | | border-left: 1px solid #2c2c2c; |
| | | } |
| | | |
| | | |
| | | |
| | | margin-bottom: 10px; |
| | | } |
| | |
| | | border: 1px solid #cccccc; |
| | | } |
| | | |
| | | :deep.msg-pagination-container.is-background .el-pager li:not(.disabled).active { |
| | | :deep.msg-pagination-container.is-background |
| | | .el-pager |
| | | li:not(.disabled).active { |
| | | /*当前选中页数的样式进行修改*/ |
| | | background-color: #937950; |
| | | color: #fff; |