From c423765d8a5ff0c58d23bb0a31af7df6c1fad95c Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 26 七月 2024 16:10:25 +0800
Subject: [PATCH] 1
---
src/pages/knowledgeBase/knowledgeBase.vue | 663 +++++++++++++++++++++++++++++-------------------------
1 files changed, 352 insertions(+), 311 deletions(-)
diff --git a/src/pages/knowledgeBase/knowledgeBase.vue b/src/pages/knowledgeBase/knowledgeBase.vue
index e7c65c2..b2e9093 100644
--- a/src/pages/knowledgeBase/knowledgeBase.vue
+++ b/src/pages/knowledgeBase/knowledgeBase.vue
@@ -1,7 +1,7 @@
<template>
<view>
<!-- 椤堕儴 -->
- <headNav idIndex="0" text="涓浗鍖诲浜虹墿鐭ヨ瘑搴�" />
+ <headNav idIndex="0" text="涓浗鍘嗕唬鍖诲浜虹墿鐭ヨ瘑搴�" />
<!-- 鎼滅储 -->
<view class="flex flex-center Search">
<!-- <luanqing-search class="search_bar" @onSearch="onSearch"></luanqing-search> -->
@@ -15,7 +15,7 @@
class="advancedSea"
@click="isAvancedClick"
style="color: #244a7b; cursor: pointer"
- >楂樼骇鎼滅储 锕�</view
+ >楂樼骇鎼滅储 {{ isAdvancedSearch ? "鈭�" : "鈭�" }}</view
>
</view>
<!-- 鐑棬鎼滅储 -->
@@ -26,11 +26,11 @@
鐑棬鎼滅储锛�
<ul class="flex" style="margin-right: 10rpx">
<li
- v-for="item in hot"
- @click="hotSearchClick(item)"
+ v-for="(item, index) in hot"
+ @click="hotSearchClick(item, index)"
:key="item.id"
- class="cursor"
- style="color: #5879a4"
+ :class="{ cursor: true, active: hotAciveIndex === index }"
+ style="color: #244a7b"
>
{{ item.name }}
</li>
@@ -47,7 +47,16 @@
class="advancedSeaTrue1"
>
<h3>楂樼骇鎼滅储</h3>
- <MyForm @submit="onSubmit" @reset="resetForm" :from="from" />
+ <MyForm
+ @submit="
+ (data) => {
+ CurrentPage = 1;
+ onSubmit(data);
+ }
+ "
+ @reset="resetForm"
+ :from="from"
+ />
</view>
</view>
<uni-row
@@ -77,24 +86,24 @@
:style="{
background: profession.index === item.tagId ? '#d6e3f4' : '',
borderRadius: profession.index === item.tagId ? '60rpx' : '',
- display: index + 1 > professionIndex ? 'none' : 'flex',
+ display: index + 1 > professionIndex ? 'none' : 'flex'
}"
v-for="(item, index) in profession.list"
:key="index"
style="padding: 0 20rpx; line-height: 0.3rem; height: 0.3rem"
@click="handInstitCLick(item, 'a')"
>
- <view class="">{{ item.tagName }}</view>
- <view class="">{{ item.count }}</view>
+ <view>{{ item.tagName }}</view>
+ <view>{{ item.count }}</view>
</li>
</ul>
<view v-if="profession.list.length - 1 > 3" class="flex flex-center">
<view
class="toggleButton"
- style="color: #c1d3ea"
+ style="color: #244a7b"
@click="shrinkClick('a', '鑱屼笟')"
>
- {{ activeBox !== "a" ? "鏇村 锕�" : "鏀惰捣 锔�" }}
+ {{ activeBox !== "a" ? "鏇村 鈭�" : "鏀惰捣 鈭�" }}
</view>
</view>
</view>
@@ -115,24 +124,24 @@
:style="{
background: dynasty.index === item.dynastyId ? '#d6e3f4' : '',
borderRadius: dynasty.index === item.dynastyId ? '60rpx' : '',
- display: index + 1 > dynastyIndex ? 'none' : 'flex',
+ display: index + 1 > dynastyIndex ? 'none' : 'flex'
}"
v-for="(item, index) in dynasty.list"
:key="index"
style="padding: 0 20rpx"
@click="handInstitCLick(item, 'b')"
>
- <view class="">{{ item.dynastyName }}</view>
- <view class="">{{ item.count }}</view>
+ <view>{{ item.dynastyName }}</view>
+ <view>{{ item.count }}</view>
</li>
</ul>
<view v-if="dynasty.list.length - 1 > 3" class="flex flex-center">
<view
class="toggleButton"
- style="color: #c1d3ea"
+ style="color: #244a7b"
@click="shrinkClick('b', '鏃舵湡')"
>
- {{ activeBox !== "b" ? "鏇村 锕�" : "鏀惰捣 锔�" }}
+ {{ activeBox !== "b" ? "鏇村 鈭�" : "鏀惰捣 鈭�" }}
</view>
</view>
</view>
@@ -160,12 +169,12 @@
style="padding: 0 20rpx; color: #244a7b"
@click="handInstitCLick(item, 'c')"
>
- <view class="">{{ index + 1 + ". " + item.source }}</view>
+ <view>{{ index + 1 + ". " + item.source }}</view>
</li>
</ul>
<!-- <view class="flex flex-center">
<view class="toggleButton" style="font-size: 25rpx;color: #C1D3EA;" @click="shrinkClick('b')">
- {{ activeBox !== 'b' ? '鏇村 锕�' : '鏀惰捣 锔�' }}
+ {{ activeBox !== 'b' ? '鏇村 鈭�' : '鏀惰捣 鈭�' }}
</view>
</view> -->
</view>
@@ -182,12 +191,25 @@
"
>
<view class="flex lightTop" style="width: 100%; margin: 0.1rem 0">
- <view class="" style="color: #2c2c2c">鍏眥{ total }}鏉�</view>
+ <view style="color: #2c2c2c">鍏眥{ total }}鏉�</view>
<el-button size="small" @click="exportClick">涓嬭浇</el-button>
</view>
- <el-table :data="tableData" class="lightBo" style="width: 100%">
+ <el-table
+ :data="tableData"
+ class="lightBo"
+ style="width: 100%"
+ empty-text="鏆傛棤鎼滅储淇℃伅"
+ >
<el-table-column prop="id" label="搴忓彿" width="110"></el-table-column>
- <el-table-column prop="personName" label="濮撳悕"></el-table-column>
+ <el-table-column prop="personName" label="濮撳悕">
+ <template slot-scope="scope">
+ <a
+ style="cursor: pointer; color: #027edc"
+ @click="gotoDetail(scope.row.id)"
+ >{{ scope.row.personName }}</a
+ >
+ </template>
+ </el-table-column>
<el-table-column prop="personAlias" label="鍒悕"></el-table-column>
<el-table-column
prop="gender"
@@ -213,7 +235,7 @@
<el-table-column prop="official" label="瀹樿亴"></el-table-column>
</el-table>
<!-- 鍒嗛〉 -->
- <el-row class="fenye" style="position: absolute; bottom: 0.1rem">
+ <el-row class="fenye">
<el-pagination
class="paging flex"
:current-page="CurrentPage"
@@ -247,14 +269,16 @@
getPList,
getHotSearch,
getPersonList,
+ getInstitutionList
} from "@/api/index.js";
export default {
components: {
Footer1,
- MyForm,
+ MyForm
},
data() {
return {
+ hotAciveIndex: "",
// 楂樼骇鎼滅储鏄剧ず
isAdvancedSearch: false,
// 楂樼骇鎼滅储
@@ -264,19 +288,19 @@
type: "input",
label: "濮撳悕",
name: "name",
- value: "",
+ value: ""
},
{
type: "input",
label: "鍒悕",
name: "alias",
- value: "",
+ value: ""
},
{
type: "input",
label: "绫嶈疮",
name: "nativePlace",
- value: "",
+ value: ""
},
{
type: "select",
@@ -286,20 +310,20 @@
options: [
{
label: "鍖诲",
- value: "1",
+ value: "1"
},
{
label: "涓栧",
- value: "2",
- },
- ],
+ value: "2"
+ }
+ ]
},
- {
- type: "input",
- label: "鑱屽畼",
- name: "official",
- value: "",
- },
+ // {
+ // type: "input",
+ // label: "鑱屽畼",
+ // name: "official",
+ // value: ""
+ // },
{
type: "select",
label: "鎬у埆",
@@ -308,31 +332,31 @@
options: [
{
label: "鏈寚鏄�",
- value: "UNKNOWN",
+ value: "UNKNOWN"
},
{
label: "鐢�",
- value: "MALE",
+ value: "MALE"
},
{
label: "濂�",
- value: "WOMAN",
- },
- ],
+ value: "WOMAN"
+ }
+ ]
},
{
type: "input",
label: "鏃舵湡",
name: "dynasty",
- value: "",
- },
- {
- type: "input",
- label: "鏈烘瀯",
- name: "institution",
- value: "",
- },
- ],
+ value: ""
+ }
+ // {
+ // type: "select",
+ // label: "鏈烘瀯",
+ // name: "institution",
+ // options: []
+ // }
+ ]
},
// 鐑棬鎼滅储
@@ -342,7 +366,7 @@
title: "鑱屼笟",
index: 0,
id: 0,
- list: [],
+ list: []
},
// 鐜板湪澶氬皯鏉¤亴涓氭暟鎹�
professionIndex: 4,
@@ -353,7 +377,7 @@
title: "鏃舵湡",
id: "",
index: "",
- list: [],
+ list: []
},
// 鐜板湪澶氬皯鏉℃椂鏈熸暟鎹�
dynastyIndex: 4,
@@ -362,12 +386,12 @@
title: "鏉ユ簮",
index: 0,
id: 0,
- list: [],
+ list: []
},
// 琛ㄦ牸鐨勬暟缁�
tableData: [],
// 鍒嗛〉鐨勬�绘暟
- total: 100,
+ total: 0,
// 褰撳墠椤�
CurrentPage: 1,
// 涓�椤垫樉绀哄灏戞潯鏁版嵁
@@ -381,23 +405,59 @@
nativePlace: "",
tagId: "",
official: "",
- genderType: "",
+ genderType: ""
},
+ aSearchData: ""
};
},
onLoad(options) {
- console.log(options.keyword);
- this.onSearch({ text: options.keyword });
+ if (options.isAdvancedSearch && options.isAdvancedSearch == "1") {
+ this.isAdvancedSearch = true;
+ }
+ if (options.official) {
+ if (options.official) {
+ this.from.from[
+ this.from.from.findIndex((item) => item.name == "official")
+ ].value = options.official;
+ }
+
+ const result = this.from.from.reduce((obj, item) => {
+ obj[item.name] = item.value;
+ return obj;
+ }, {});
+ // 鎻愪氦閫昏緫
+ this.onSubmit(result);
+ } else {
+ if (options.dynasty) {
+ this.dynasty.index = Number(options.dynasty);
+ this.dynasty.id = Number(options.dynasty);
+ }
+ this.onSearch({ text: options.keyword });
+ }
},
mounted() {
- // 淇敼涓ゆ鐨勯珮搴︿繚鎸佷竴鑷�
- var box1Height = document.querySelector(".fbox2").offsetHeight;
- document.querySelector(".fbox3").style.height =
- box1Height + box1Height / 18 + "px";
- console.log(box1Height, "box1Height");
this.getStatistics();
+ this.institutionList();
},
methods: {
+ institutionList() {
+ getInstitutionList().then((res) => {
+ this.$set(
+ this.from.from[
+ this.from.from.findIndex((item) => item.name == "institution")
+ ],
+ "options",
+ res.list.map((item) => {
+ return {
+ label: item.name,
+ value: item.id
+ };
+ })
+ );
+
+ console.log(this.from.from);
+ });
+ },
//閲嶇疆鎼滅储缁撴灉
resetForm() {
this.onSearch("");
@@ -412,7 +472,6 @@
// 涓嬭浇鎸夐挳
async exportClick() {
const dataList = this.tableData;
- console.log(this.keywords, "keywords");
let Obj = {
keywords: "", //鎼滅储妗嗘绱�
// keywords: this.keywords, //鎼滅储妗嗘绱�
@@ -427,14 +486,11 @@
institution: "", //鏈烘瀯
bookId: null, //鏉ユ簮id
page: 1,
- pageSize: 1,
+ pageSize: 1
};
- console.log(Obj, "Obj");
// // 鎼滅储
await getPDownload(Obj).then((res) => {
- console.log(res, "exportClick");
// if (res.success) {
- // console.log(res, "鎼滅储鎺ュ彛");
// this.tableData = res.list;
// // 鎬绘暟閲�
// this.total = res.npage.totalCount;
@@ -453,7 +509,7 @@
鍗掑勾: dataList[i].deathYear,
绫嶈疮: dataList[i].nativePlace,
绀句細韬唤: dataList[i].socialDistinction,
- 瀹樿亴: dataList[i].official,
+ 瀹樿亴: dataList[i].official
};
dataTable.push(obj); // 璁剧疆excel姣忓垪鑾峰彇鐨勬暟鎹簮
@@ -479,7 +535,7 @@
"鍗掑勾",
"绫嶈疮",
"绀句細韬唤",
- "瀹樿亴",
+ "瀹樿亴"
],
// excel鏂囦欢鍒楀悕
sheetFilter: [
@@ -493,28 +549,26 @@
"鍗掑勾",
"绫嶈疮",
"绀句細韬唤",
- "瀹樿亴",
- ],
+ "瀹樿亴"
+ ]
// columnWidths: ['10', '10', '20'] //excel鍒楀搴﹁缃�
- },
+ }
];
this.Ture();
},
// 鎺ュ彛
- async getStatistics() {
+ getStatistics() {
// 鐑棬鎼滅储
- await getHotSearch().then((res) => {
- console.log(res, "鐑棬鎼滅储");
+ getHotSearch().then((res) => {
this.hot = Object.keys(res.object).map((key) => {
return {
id: parseInt(key),
- name: res.object[key],
+ name: res.object[key]
};
});
});
// 鍙充晶鑱屼笟銆佹椂鏈熴�佹潵婧愮殑鏁版嵁
- await getPDataStatistics().then((res) => {
- console.log(res, "鎺ュ彛鎴愬姛sdsdfsdsfs");
+ getPDataStatistics().then((res) => {
let totalCount1 = res.object.occupationStatistic.details.reduce(
(total, item) => total + item.count,
0
@@ -526,7 +580,7 @@
// 鑱屼笟
this.profession.list = [
{ count: totalCount1, tagName: "鍏ㄩ儴", tagId: 0 },
- ...res.object.occupationStatistic.details,
+ ...res.object.occupationStatistic.details
];
// 楂樼骇鎼滅储閲岄潰鐨勮亴涓�--------------------------------------------------
// 鎵惧埌鑱屼笟瀛楁鍦� from 瀵硅薄涓殑绱㈠紩
@@ -538,7 +592,7 @@
// 灏� profession.list 杞崲涓� options 鏍煎紡
const options = this.profession.list.map((item) => ({
label: item.tagName,
- value: item.tagId.toString(), // 灏� id 杞崲涓哄瓧绗︿覆锛岀‘淇濅笌 value 绫诲瀷涓�鑷�
+ value: item.tagId.toString() // 灏� id 杞崲涓哄瓧绗︿覆锛岀‘淇濅笌 value 绫诲瀷涓�鑷�
}));
// 鏇存柊鑱屼笟瀛楁鐨� options 灞炴��
@@ -549,17 +603,21 @@
// 鏃舵湡
this.dynasty.list = [
{ count: totalCount2, dynastyName: "鍏ㄩ儴", dynastyId: "" },
- ...res.object.dynastyStatistic.details,
+ ...res.object.dynastyStatistic.details
];
// 鏉ユ簮
this.source.list = res.object.sourceStatistic.details;
this.source.index = this.source.list[0].bookId;
});
},
+ gotoDetail(id) {
+ uni.navigateTo({
+ url: "/pages/character/detail?id=" + id
+ });
+ },
// 鐑棬鎼滅储
- hotSearchClick(item) {
- this.onSearch({ text: item.name });
- console.log(item, "鐑棬鎼滅储");
+ hotSearchClick(item, index) {
+ this.onSearch({ text: item.name }, index);
},
// 宸︿晶鐨勬満鏋勭粺璁＄瓑绛夋寜閽�
handInstitCLick(item, name) {
@@ -575,16 +633,12 @@
this.dynasty.index = item.dynastyId;
this.dynasty.id = item.dynastyId;
this.CurrentPage = 1;
- console.log(item);
} else if (name == "c") {
this.source.index = item.bookId;
this.source.id = item.bookId;
this.CurrentPage = 1;
- console.log("鏉ユ簮");
}
this.onSearch("");
-
- console.log(item, name);
},
isAvancedClick() {
this.isAdvancedSearch = !this.isAdvancedSearch;
@@ -596,10 +650,16 @@
document.querySelector(".fbox1").style.height = box1Height + "px";
}
});
+ if (this.isAdvancedSearch) {
+ this.keywords = "";
+ this.CurrentPage = 1;
+ }
},
// 楂樼骇鎼滅储
async onSubmit(val) {
- console.log(val);
+ this.keywords = "";
+ this.hotAciveIndex = "";
+ this.aSearchData = val;
this.profession.index = Number(val.tagId);
this.profession.id = Number(val.tagId);
const currentDynasty = this.dynasty.list.find(
@@ -610,7 +670,7 @@
this.dynasty.id = currentDynasty.dynastyId;
}
this.submitData = val;
- this.CurrentPage = 1;
+
let Obj = {
keywords: "", //鎼滅储妗嗘绱�
name: val.name, //濮撳悕
@@ -622,25 +682,28 @@
dynasty: val.dynasty, //鏈濅唬id
dynastyId: this.dynasty.id, //鏈濅唬id
institution: val.institution, //鏈烘瀯
- bookId: null, //鏉ユ簮id
page: this.CurrentPage,
- pageSize: this.pageSize,
+ pageSize: this.pageSize
};
// // 鎼滅储
await getPersonList(Obj).then((res) => {
- console.log(res);
if (res.success) {
- console.log(res, "鎼滅储鎺ュ彛");
this.tableData = res.list;
// 鎬绘暟閲�
this.total = res.npage.totalCount;
}
});
- console.log(val);
},
// 鍩虹鎼滅储
- async onSearch(val) {
+ async onSearch(val, index) {
this.keywords = val.text;
+ this.aSearchData = "";
+ if (index !== undefined) {
+ this.keywords = "";
+ this.hotAciveIndex = index;
+ } else {
+ this.hotAciveIndex = "";
+ }
let Obj = {
keywords: val.text, //鎼滅储妗嗘绱�
name: "", //濮撳悕
@@ -654,40 +717,31 @@
institution: "", //鏈烘瀯
bookId: this.source.id, //鏉ユ簮id
page: this.CurrentPage,
- pageSize: this.pageSize,
+ pageSize: this.pageSize
};
- console.log(Obj, "ObjObjObj");
// // 鎼滅储
await getPersonList(Obj).then((res) => {
if (res.success) {
- console.log(res, "鎼滅储鎺ュ彛");
this.tableData = res.list;
// 鎬绘暟閲�
this.total = res.npage.totalCount;
}
});
- // console.log(val, '澹ぇ澶絾鏄�');
},
// 鐑棬鎼滅储
HotClick(id) {
this.hot.forEach((item) => {
if (item.id === id) {
- console.log(item.id === id);
item.bgColor = true;
} else {
- console.log(item.id === id);
item.bgColor = false;
}
});
},
// 灞曞紑鏀剁缉
shrinkClick(box, name) {
- console.log(box);
- console.log(this.dynasty.list);
-
// this.activeBox = this.activeBox === 'a' ? null : 'a';
if (name == "鑱屼笟") {
- console.log("鑱屼笟");
this.professionIndex =
this.professionIndex < this.profession.list.length
? this.profession.list.length
@@ -695,7 +749,6 @@
this.dynastyIndex = 4;
this.activeBox = this.activeBox === "a" ? null : "a";
} else {
- console.log("鏃舵湡");
this.dynastyIndex =
this.dynastyIndex < this.dynasty.list.length
? this.dynasty.list.length
@@ -708,29 +761,36 @@
CurrentChange(val) {
if (this.CurrentPage != val) {
this.CurrentPage = val;
- console.log("褰撳墠椤�", val);
- this.onSearch("");
+ if (this.isAdvancedSearch) {
+ this.onSubmit(this.aSearchData);
+ } else {
+ this.onSearch({ text: this.keywords });
+ }
}
},
// 涓婁竴椤�
PrevClick(val) {
if (this.CurrentPage != val) {
this.CurrentPage = val;
- // console.log('涓婁竴椤�', val);
- // console.log(this.CurrentPage);
- this.onSearch("");
+ if (this.isAdvancedSearch) {
+ this.onSubmit(this.aSearchData);
+ } else {
+ this.onSearch({ text: this.keywords });
+ }
}
},
// 涓嬩竴椤�
NextClick(val) {
if (this.CurrentPage != val) {
- // console.log('涓嬩竴椤�',val);
this.CurrentPage = val;
- // console.log(this.CurrentPage);
- this.onSearch("");
+ if (this.isAdvancedSearch) {
+ this.onSubmit(this.aSearchData);
+ } else {
+ this.onSearch({ text: this.keywords });
+ }
}
- },
- },
+ }
+ }
};
</script>
@@ -805,46 +865,42 @@
/* 鍙充晶 */
.rightList {
padding-left: 0.2rem !important;
+}
+.rightList .light {
+ padding: 0.1rem 0.2rem !important;
+}
- .light {
- padding: 0.1rem 0.2rem !important;
- }
+.rightList .lightTop {
+ font-size: 0.14rem !important;
+}
- .lightTop {
- font-size: 0.14rem !important;
- }
+.rightList .el-button {
+ font-size: 0.12rem !important;
+ padding: 0.05rem 0.18rem !important;
+}
- .el-button {
- font-size: 0.12rem !important;
- padding: 0.05rem 0.18rem !important;
- }
+.rightList .lightBo {
+ font-size: 0.14rem !important;
+}
- .lightBo {
- font-size: 0.14rem !important;
+.rightList .lightBo .is-leaf {
+ background-color: #c1d3ea !important;
+ color: #2c2c2c !important;
+ font-weight: 400;
+}
- .is-leaf {
- background-color: #c1d3ea !important;
- color: #2c2c2c !important;
- font-weight: 400;
+.rightList .lightBo .is-leaf .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
+}
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
-
- .el-table__body-wrapper {
- .el-table__row {
- height: 0.46rem !important;
- line-height: 0.46rem !important;
-
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
+.rightList .el-table__body-wrapper .el-table__row {
+ height: 0.46rem !important;
+ line-height: 0.46rem !important;
+}
+.rightList .el-table__body-wrapper .el-table__row .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
}
@media screen and (min-width: 2560px) and (max-width: 3840px) {
@@ -866,11 +922,11 @@
.hotSearch {
font-size: 0.12rem !important;
margin-bottom: 0.19rem !important;
+ }
- li {
- font-size: 0.12rem !important;
- margin: 0 0.1rem;
- }
+ .hotSearch li {
+ font-size: 0.12rem !important;
+ margin: 0 0.1rem;
}
.advancedSeaTrue,
@@ -927,33 +983,32 @@
padding: 0.1rem 0.09rem;
min-height: 2rem !important;
position: relative;
+ }
+ .boox ul {
+ margin-top: 0.16rem !important;
+ }
- ul {
- margin-top: 0.16rem !important;
- }
+ .boox h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+ }
- h3 {
- font-size: 0.14rem;
- margin-left: 0.1rem;
- }
+ .boox li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ }
- li {
- height: 0.3rem;
- line-height: 0.3rem;
- padding: 0 0.2rem !important;
- margin: 0.05rem 0 !important;
- border-radius: 0.3rem !important;
- }
+ .boox .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+ }
- .toggleButton1 {
- position: absolute;
- bottom: 0.1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: 0.14rem !important;
- }
+ .boox .toggleButton {
+ font-size: 0.14rem !important;
}
.zhongjianleft {
@@ -988,46 +1043,42 @@
/* 鍙充晶 */
.rightList {
padding-left: 0.2rem !important;
+ }
+ .rightList .light {
+ padding: 0.1rem 0.2rem !important;
+ }
- .light {
- padding: 0.1rem 0.2rem !important;
- }
+ .rightList .lightTop {
+ font-size: 0.14rem !important;
+ }
- .lightTop {
- font-size: 0.14rem !important;
- }
+ .rightList .el-button {
+ font-size: 0.12rem !important;
+ padding: 0.05rem 0.18rem !important;
+ }
- .el-button {
- font-size: 0.12rem !important;
- padding: 0.05rem 0.18rem !important;
- }
+ .rightList .lightBo {
+ font-size: 0.14rem !important;
+ }
- .lightBo {
- font-size: 0.14rem !important;
+ .rightList .lightBo .is-leaf {
+ background-color: #c1d3ea !important;
+ color: #2c2c2c !important;
+ font-weight: 400;
+ }
- .is-leaf {
- background-color: #c1d3ea !important;
- color: #2c2c2c !important;
- font-weight: 400;
+ .rightList .lightBo .is-leaf .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
+ }
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
-
- .el-table__body-wrapper {
- .el-table__row {
- height: 0.46rem !important;
- line-height: 0.46rem !important;
-
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
+ .rightList .el-table__body-wrapper .el-table__row {
+ height: 0.46rem !important;
+ line-height: 0.46rem !important;
+ }
+ .rightList .el-table__body-wrapper .el-table__row .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
}
}
@@ -1050,11 +1101,11 @@
.hotSearch {
font-size: 0.12rem !important;
margin-bottom: 0.19rem !important;
+ }
- li {
- font-size: 0.12rem !important;
- margin: 0 0.1rem;
- }
+ .hotSearch li {
+ font-size: 0.12rem !important;
+ margin: 0 0.1rem;
}
.advancedSeaTrue1 {
border: 1px solid #c1d3ea;
@@ -1113,34 +1164,33 @@
padding: 0.1rem 0.09rem;
min-height: 2rem !important;
position: relative;
+ }
+ .boox ul {
+ margin-top: 0.16rem !important;
+ margin-bottom: 0.2rem !important;
+ }
- ul {
- margin-top: 0.16rem !important;
- margin-bottom: 0.2rem !important;
- }
+ .boox h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+ }
- h3 {
- font-size: 0.14rem;
- margin-left: 0.1rem;
- }
+ .boox li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ }
- li {
- height: 0.3rem;
- line-height: 0.3rem;
- padding: 0 0.2rem !important;
- margin: 0.05rem 0 !important;
- border-radius: 0.3rem !important;
- }
+ .boox .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+ }
- .toggleButton1 {
- position: absolute;
- bottom: 0.1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: 0.14rem !important;
- }
+ .boox .toggleButton {
+ font-size: 0.14rem !important;
}
.zhongjianleft {
@@ -1177,46 +1227,42 @@
.rightList {
width: 100%;
padding-left: 0.2rem !important;
+ }
+ .rightList .light {
+ padding: 0.1rem 0.2rem !important;
+ }
- .light {
- padding: 0.1rem 0.2rem !important;
- }
+ .rightList .lightTop {
+ font-size: 0.14rem !important;
+ }
- .lightTop {
- font-size: 0.14rem !important;
- }
+ .rightList .el-button {
+ font-size: 0.12rem !important;
+ padding: 0.05rem 0.18rem !important;
+ }
- .el-button {
- font-size: 0.12rem !important;
- padding: 0.05rem 0.18rem !important;
- }
+ .rightList .lightBo {
+ font-size: 0.14rem !important;
+ }
+ .rightList .lightBo .is-leaf {
+ background-color: #c1d3ea !important;
+ color: #2c2c2c !important;
+ font-weight: 400;
+ }
- .lightBo {
- font-size: 0.14rem !important;
+ .rightList .lightBo .is-leaf .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
+ }
- .is-leaf {
- background-color: #c1d3ea !important;
- color: #2c2c2c !important;
- font-weight: 400;
+ .rightList .el-table__body-wrapper .el-table__row {
+ height: 0.46rem !important;
+ line-height: 0.46rem !important;
+ }
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
-
- .el-table__body-wrapper {
- .el-table__row {
- height: 0.46rem !important;
- line-height: 0.46rem !important;
-
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
+ .rightList .el-table__body-wrapper .el-table__row .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
}
}
@@ -1227,20 +1273,16 @@
.hotSearch {
font-size: 0.12rem;
margin-bottom: 0.19rem;
-
- li {
- font-size: 0.12rem;
- margin: 0 0.1rem;
- }
}
-/* .a {
- height: 2rem;
- }
-
- .b {
- height: 100px;
- } */
+.hotSearch li {
+ font-size: 0.12rem;
+ margin: 0 0.1rem;
+}
+.hotSearch li.active {
+ color: #027edc !important;
+ font-weight: bold;
+}
.box {
transition: height 0.3s;
@@ -1256,34 +1298,33 @@
min-height: 2rem !important;
position: relative;
border: 1px solid #c1d3ea !important;
+}
+.boox ul {
+ margin-top: 0.16rem !important;
+}
- ul {
- margin-top: 0.16rem !important;
- }
+.boox h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+}
- h3 {
- font-size: 0.14rem;
- margin-left: 0.1rem;
- }
+.boox li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ font-size: 0.14rem;
+}
- li {
- height: 0.3rem;
- line-height: 0.3rem;
- padding: 0 0.2rem !important;
- margin: 0.05rem 0 !important;
- border-radius: 0.3rem !important;
- font-size: 0.14rem;
- }
+.boox .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+}
- .toggleButton1 {
- position: absolute;
- bottom: 0.1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: 0.14rem !important;
- }
+.boox .toggleButton {
+ font-size: 0.14rem !important;
}
::v-deep .el-table th,
--
Gitblit v1.9.1