| | |
| | | 热门搜索: |
| | | <ul class="flex" style="margin-right: 10rpx"> |
| | | <li |
| | | v-for="item in hot" |
| | | v-for="(item, index) in hot" |
| | | :key="item.id" |
| | | @tap="HotClick(item.name)" |
| | | @tap="HotClick(item.name, index)" |
| | | :class="{ cursor: true, active: hotAciveIndex === index }" |
| | | style="margin: 0 0.05rem; color: #244a7b; cursor: pointer" |
| | | > |
| | | {{ item.name }} |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | hotAciveIndex: "", |
| | | // 机构统计 |
| | | institution: { |
| | | title: "机构统计", |
| | |
| | | }); |
| | | }, |
| | | // 右侧的list数据 |
| | | getMList(obj) { |
| | | getMList(key, index) { |
| | | if (index !== undefined) { |
| | | this.SearchValue = ""; |
| | | this.hotAciveIndex = index; |
| | | } else { |
| | | this.hotAciveIndex = ""; |
| | | } |
| | | this.pageLoading = true; |
| | | let Obj = { |
| | | medicalSearchType: this.searchType, |
| | | type: this.classifyType, //查询类型 取值:OFFICIAL->职官 INSTITUTION->机构 ALL->职官、机构 |
| | | name: this.SearchValue, //搜索框检索 |
| | | name: key ? key : this.SearchValue, //搜索框检索 |
| | | dynastyId: this.classifyId, //点击朝代查询数据时,带上此参数 |
| | | sort: this.rankVal, //排序方式 取值:CREATE创建时间,NAME名称 |
| | | page: this.CurrentPage, //第几页 |
| | |
| | | }, |
| | | // list数组 获取list里面的详情shuju |
| | | ListClick(item, index) { |
| | | console.log(item, "item"); |
| | | let Obj = { |
| | | rowId: item.requestId, |
| | | medicalSearchType: this.searchType, |
| | |
| | | this.getMList(); |
| | | }, |
| | | // 热门搜索 |
| | | HotClick(val) { |
| | | this.SearchValue = val; |
| | | this.getMList(); |
| | | HotClick(val, index) { |
| | | // this.SearchValue = val; |
| | | this.getMList(val, index); |
| | | }, |
| | | // 按照什么排序 |
| | | selectChange(e) { |
| | |
| | | } |
| | | |
| | | .creatureXinxi2 { |
| | | /* width: .24rem; */ |
| | | height: 0.17rem; |
| | | line-height: 1; |
| | | font-size: 0.12rem; |
| | | font-weight: 600; |
| | |
| | | } |
| | | |
| | | .creatureXinxi3 li { |
| | | height: 0.16rem; |
| | | line-height: 0.16rem; |
| | | background-color: #fff; |
| | | padding: 0 0.08rem; |
| | |
| | | /* --------- */ |
| | | /* 品级 */ |
| | | .pinji { |
| | | box-shadow: 2px 0px 3px #888; |
| | | box-shadow: 0 0 3px #888; |
| | | border-radius: 6px; |
| | | background-color: #fff; |
| | | width: 100%; |
| | | /* height: .6rem; |
| | |
| | | position: relative; |
| | | top: -0.25rem; |
| | | color: #2c2c2c; |
| | | font-weight: bold; |
| | | span { |
| | | font-weight: initial; |
| | | } |
| | | } |
| | | |
| | | /* 个人信息的按钮 */ |
| | |
| | | position: fixed; |
| | | right: 0; |
| | | top: 0; |
| | | z-index: 9999999999999999999999999999999999999999999 !important; |
| | | |
| | | z-index: 99999 !important; |
| | | > div { |
| | | height: 100%; |
| | | margin: 0 !important; |
| | | position: fixed; |
| | | right: 0; |
| | | top: 0; |
| | | top: 86px; |
| | | |
| | | > :nth-child(1) { |
| | | display: none; |
| | |
| | | |
| | | .search1 ::v-deep .uni-select__selector-item { |
| | | position: relative; |
| | | z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 !important; |
| | | z-index: 99999 !important; |
| | | |
| | | display: flex; |
| | | justify-content: center; |
| | |
| | | .nullBox { |
| | | width: 100%; |
| | | } |
| | | |
| | | .cursor.active { |
| | | color: #027edc !important; |
| | | font-weight: bold; |
| | | } |
| | | </style> |