From d4211fd96865e58217d63efaf4d8f6609fb24ae6 Mon Sep 17 00:00:00 2001
From: mh-two-thousand-and-two <17391232786@163.com>
Date: 星期二, 16 四月 2024 17:43:33 +0800
Subject: [PATCH] 更新数据
---
src/pages/knowledgeBase/knowledgeBase.vue | 697 +++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 498 insertions(+), 199 deletions(-)
diff --git a/src/pages/knowledgeBase/knowledgeBase.vue b/src/pages/knowledgeBase/knowledgeBase.vue
index 1e38a16..2581ee6 100644
--- a/src/pages/knowledgeBase/knowledgeBase.vue
+++ b/src/pages/knowledgeBase/knowledgeBase.vue
@@ -1,7 +1,7 @@
<template>
<view>
<!-- 椤堕儴 -->
- <headNav text="涓浗鍖诲浜虹墿鐭ヨ瘑搴�"/>
+ <headNav idIndex="0" text="涓浗鍖诲浜虹墿鐭ヨ瘑搴�" />
<!-- 鎼滅储 -->
<view class="flex flex-center Search">
<!-- <luanqing-search class="search_bar" @onSearch="onSearch"></luanqing-search> -->
@@ -17,7 +17,8 @@
:style="{color:item.bgColor==true?'#5879a4':'#000'}">
{{item.name}}
</li>-->
- <li v-for="item in hot" @click="hotSearchClick(item)" :key="item.id" class="cursor" style="color: #5879a4;">
+ <li v-for="item in hot" @click="hotSearchClick(item)" :key="item.id" class="cursor"
+ style="color: #5879a4;">
{{item.name}}
</li>
</ul>
@@ -30,27 +31,30 @@
</view>
</view>
<uni-row class="demo-uni-row zhushuju flex flex-items-start" style="padding: 0 230rpx; ">
- <uni-col :span="5" class="fbox">
+ <!-- 宸︿晶 -->
+ <view class="fbox2" style="width: 2.6rem;">
<!-- 鑱屼笟 -->
- <view class="demo-uni-col zhiye dark box boox"
- style="margin-bottom: 40rpx;background-color: #fff; border: 2rpx solid #e0e0e0;">
+ <view class="demo-uni-col zhiye dark box boox"
+ style="width: 2.6rem; margin-bottom: 40rpx;background-color: #fff; border: 2rpx solid #e0e0e0;min-height: 2rem;">
<h3>{{profession.title}}</h3>
- <ul style="margin-top: 10rpx;" :class="{ 'a': activeBox === 'a'?'a':'' }">
+ <ul style="margin-top: 10rpx;" :class="{ 'a': activeBox === 'a'?'a':'' }">
<!-- background-color: #d6e3f4;border-radius: 60rpx; -->
<li class="flex"
- :style="{'background':profession.index === index ? '#d6e3f4' :'','borderRadius': profession.index === index ? '60rpx' :''}"
- v-for="(item,index) in profession.list" :key="index" style="padding:0 20rpx;" @click="handInstitCLick(index,'a')">
- <view class="">{{item.name}}</view>
- <view class="">{{item.number}}</view>
+ :style="{'background':profession.index === item.tagId ? '#d6e3f4' :'','borderRadius': profession.index === item.tagId ? '60rpx' :'',display:index+1>professionIndex?'none':'flex'}"
+ v-for="(item,index) in profession.list" :key="index"
+ style="padding:0 20rpx;line-height: .3rem;height: .3rem;"
+ @click="handInstitCLick(item,'a')">
+ <view class="">{{item.tagName}}</view>
+ <view class="">{{item.count}}</view>
</li>
</ul>
- <view v-if="profession.list.length-1 >3" class="flex flex-center toggleButton1">
- <view class="toggleButton" style="color: #C1D3EA;" @click="shrinkClick('a')">
+ <view v-if="profession.list.length-1 >3" class="flex flex-center ">
+ <view class="toggleButton" style="color: #C1D3EA;" @click="shrinkClick('a','鑱屼笟')">
{{ activeBox !== 'a' ? '鏇村 锕�' : '鏀惰捣 锔�' }}
</view>
</view>
</view>
- <!-- 涓栦唬 -->
+ <!-- 鏃舵湡 -->
<view class="demo-uni-col dark box boox zhongjianleft"
style="background-color: #fff;border: 2rpx solid #e0e0e0;"
:style="{'marginBottom': isAdvancedSearch ===true ? '0': '40rpx'}">
@@ -58,14 +62,15 @@
<ul style="margin-top: 10rpx;" :class="{ 'b': activeBox === 'b'?'b':'' }">
<!-- background-color: #d6e3f4;border-radius: 60rpx; -->
<li class="flex"
- :style="{'background':dynasty.index === index ? '#d6e3f4' :'','borderRadius': dynasty.index === index ? '60rpx' :''}"
- v-for="(item,index) in dynasty.list" :key="index" style="padding:0 20rpx;" @click="handInstitCLick(index,'b')">
- <view class="">{{item.name}}</view>
- <view class="">{{item.number}}</view>
+ :style="{'background':dynasty.index === item.dynastyId ? '#d6e3f4' :'','borderRadius': dynasty.index === item.dynastyId ? '60rpx' :'',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>
</li>
</ul>
- <view v-if="dynasty.list.length-1 >3" class="flex flex-center toggleButton1">
- <view class="toggleButton" style="color: #C1D3EA;" @click="shrinkClick('b')">
+ <view v-if="dynasty.list.length-1 >3" class="flex flex-center ">
+ <view class="toggleButton" style="color: #C1D3EA;" @click="shrinkClick('b','鏃舵湡')">
{{ activeBox !== 'b' ? '鏇村 锕�' : '鏀惰捣 锔�' }}
</view>
</view>
@@ -77,38 +82,45 @@
<ul class="laiyuan" style="margin-top: 10rpx;" :class="{ 'b': activeBox === 'b'?'b':'' }">
<!-- background-color: #d6e3f4;border-radius: 60rpx; -->
<li class="flex liClick" v-for="(item,index) in source.list" :key="index"
- style="padding:0 20rpx;color: #244A7B;">
- <view class="">{{ index+1 + '. ' +item.name}}</view>
- <view class="">{{item.number}}</view>
+ style="padding:0 20rpx;color: #244A7B;" @click="handInstitCLick(item,'c')">
+ <view class="">{{ 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' ? '鏇村 锕�' : '鏀惰捣 锔�' }}</view>
- </view> -->
+ <view class="toggleButton" style="font-size: 25rpx;color: #C1D3EA;" @click="shrinkClick('b')">
+ {{ activeBox !== 'b' ? '鏇村 锕�' : '鏀惰捣 锔�' }}
+ </view>
+ </view> -->
</view>
- </uni-col>
- <uni-col :span="19" class="rightList">
- <view class="demo-uni-col light fbox1"
- style=" background-color: #fff;border: 1px solid #e0e0e0;padding: 10rpx 20rpx;">
- <view class="flex lightTop" style="margin:10rpx 0">
- <view class="" style="color: #2C2C2C;">鍏�1374鏉�</view>
- <el-button>涓嬭浇</el-button>
- </view>
- <el-table :data="tableData" class="lightBo" style="width: 100%">
- <el-table-column prop="serialNumber" label="搴忓彿" width="110"></el-table-column>
- <el-table-column prop="name" label="濮撳悕"></el-table-column>
- <el-table-column prop="another" label="鍒悕"></el-table-column>
- <el-table-column prop="gender" label="鎬у埆" width="70"></el-table-column>
- <el-table-column prop="epoch" label="鏃舵湡"></el-table-column>
- <el-table-column prop="year" label="鐢熷勾" width="130"></el-table-column>
- <el-table-column prop="death" label="鍗掑勾" width="130"></el-table-column>
- <el-table-column prop="nativePlace" label="绫嶈疮"></el-table-column>
- <el-table-column prop="socialIdentity" label="绀句細韬唤"></el-table-column>
- <el-table-column prop="officialPosition" label="瀹樿亴"></el-table-column>
- </el-table>
+ </view>
+ <!-- 鍙充晶 -->
+ <view class="rightList demo-uni-col light fbox3 relative flex flex-column flex-grow: 1;"
+ style="width: 100%; margin-left: .2rem; background-color: #fff;border: 1px solid #C1D3EA;padding: 10rpx 20rpx;">
+ <view class="flex lightTop" style="width: 100%; margin:.1rem 0">
+ <view class="" style="color: #2C2C2C;">鍏�1374鏉�</view>
+ <el-button size="small" @click="exportClick">涓嬭浇</el-button>
</view>
- </uni-col>
+ <el-table :data="tableData" class="lightBo" style="width: 100%">
+ <el-table-column prop="id" label="搴忓彿" width="110"></el-table-column>
+ <el-table-column prop="personName" label="濮撳悕"></el-table-column>
+ <el-table-column prop="personAlias" label="鍒悕"></el-table-column>
+ <el-table-column prop="gender" label="鎬у埆" width="70"></el-table-column>
+ <el-table-column prop="period" label="鏃舵湡"></el-table-column>
+ <el-table-column prop="birthYear" label="鐢熷勾" width="130"></el-table-column>
+ <el-table-column prop="deathYear" label="鍗掑勾" width="130"></el-table-column>
+ <el-table-column prop="nativePlace" label="绫嶈疮"></el-table-column>
+ <el-table-column prop="socialDistinction" label="绀句細韬唤"></el-table-column>
+ <el-table-column prop="official" label="瀹樿亴"></el-table-column>
+ </el-table>
+ <!-- 鍒嗛〉 -->
+ <el-row class="fenye" style="position: absolute;bottom: .1rem;">
+ <el-pagination class="paging flex" :current-page="CurrentPage" :total="total" :page-size="pageSize"
+ @current-change="CurrentChange" @prev-click="PrevClick" @next-click="NextClick" prev-text="涓婁竴椤�"
+ next-text="涓嬩竴椤�" background layout="prev, pager, next">
+ </el-pagination>
+ </el-row>
+ </view>
+
</uni-row>
<div class="abox"></div>
<Footer1 />
@@ -118,6 +130,14 @@
<script>
import Footer1 from '@/components/footer/footer'
import MyForm from '@/components/form/form.vue'
+ // 涓嬭浇闇�瑕佸鍏ョ殑渚濊禆
+ import ExportJsonExcel from "js-export-excel";
+ import {
+ getPDataStatistics,
+ getPDownload,
+ getPList,
+ getHotSearch
+ } from '@/api/index.js'
export default {
components: {
Footer1,
@@ -146,12 +166,12 @@
label: '绫嶈疮',
name: 'nativePlace',
value: ''
- },
+ },
{
type: 'select',
label: '鑱屼笟',
value: '',
- name: 'occupation',
+ name: 'tagId',
options: [{
label: '鍖诲',
value: '1'
@@ -165,28 +185,31 @@
{
type: 'input',
label: '鑱屽畼',
- name: 'officials',
+ name: 'official',
value: ''
},
{
type: 'select',
label: '鎬у埆',
value: '',
- name: 'sex',
+ name: 'genderType',
options: [{
+ label: '鏈寚鏄�',
+ value: 'UNKNOWN'
+ }, {
label: '鐢�',
- value: '鐢�'
+ value: 'MALE'
},
{
label: '濂�',
- value: '濂�'
+ value: 'WOMAN'
}
]
},
{
type: 'input',
label: '鏃舵湡',
- name: 'time',
+ name: 'dynasty',
value: ''
},
{
@@ -197,147 +220,190 @@
}
]
},
+
// 鐑棬鎼滅储
- hot: [{
- id: 1,
- name: '鏉庢椂鐝�',
- bgColor: false
- }, {
- id: 2,
- name: '鏉庢椂鐝�2',
- bgColor: false
- }, {
- id: 3,
- name: '鏉庢椂鐝�3',
- bgColor: false
- }, ],
+ hot: [],
// 鑱屼笟
profession: {
title: '鑱屼笟',
index: 0,
- list: [{
- name: '鍏ㄩ儴',
- id: 1,
- number: 829
- },
- {
- name: '鍖诲',
- id: 2,
- number: 90
- }, {
- name: '涓栧尰',
- id: 3,
- number: 81
- }, {
- name: '瀹环鍖�',
- id: 4,
- number: 83
- },{
- name: '瀹环鍖�1',
- id: 5,
- number: 83
- },
- ]
+ id: 0,
+ list: []
},
+ // 鐜板湪澶氬皯鏉¤亴涓氭暟鎹�
+ professionIndex: 4,
// 灞曞紑鍜屾敹缂╃殑鎸夐挳闇�瑕�
activeBox: null,
- // 涓栦唬
+ // 鏃舵湡
dynasty: {
title: '鏃舵湡',
+ id: 0,
index: 0,
- list: [{
- name: '鍏ㄩ儴',
- id: 1,
- number: 829
- },
- {
- name: '鍞�',
- id: 2,
- number: 90
- }, {
- name: '瀹�',
- id: 3,
- number: 81
- }, {
- name: '鍏�',
- id: 4,
- number: 83
- },
- ]
+ list: []
},
+ // 鐜板湪澶氬皯鏉℃椂鏈熸暟鎹�
+ dynastyIndex: 4,
// 鏉ユ簮
source: {
title: '鏉ユ簮',
- list: [{
- name: '涓浗K灏忓埗搴旇枦鍏�',
- id: 1
- }, {
- name: '涓尰鍖讳簨澶т細',
- id: 2
- }, {
- name: '涓浗鍖讳腑鍒跺害鐮旂┒',
- id: 3
- }, ]
+ index: 0,
+ id: 0,
+ list: []
},
- tableData: [{
- serialNumber: 1,
- name: '鐜嬪皬铏�',
- another: '灏忚檸',
- gender: '鐢�',
- epoch: '鍞愪唬',
- year: 1234,
- death: 1332,
- nativePlace: '娌冲寳',
- socialIdentity: '涓栧尰',
- officialPosition: '闄㈠垽'
- }, {
- serialNumber: 2,
- name: '鐜媤灏忚檸',
- another: 'w灏忚檸',
- gender: 'w鐢�',
- epoch: '鍞恮浠�',
- year: 1234,
- death: 1332,
- nativePlace: '娌冲寳',
- socialIdentity: '涓栧尰',
- officialPosition: '闄㈠垽'
- }, {
- serialNumber: 1,
- name: '鐜嬪皬铏�',
- another: '灏忚檸',
- gender: '鐢�',
- epoch: '鍞愪唬',
- year: 1234,
- death: 1332,
- nativePlace: '娌冲寳',
- socialIdentity: '涓栧尰',
- officialPosition: '闄㈠垽'
- }]
+ // 琛ㄦ牸鐨勬暟缁�
+ tableData: [],
+ // 鍒嗛〉鐨勬�绘暟
+ total: 100,
+ // 褰撳墠椤�
+ CurrentPage: 1,
+ // 涓�椤垫樉绀哄灏戞潯鏁版嵁
+ pageSize: 6,
+ dataTable: [],
+ option: {}
}
+ },
+ onLoad(options) {
+ this.onSearch({text:options.name})
},
mounted() {
// 淇敼涓ゆ鐨勯珮搴︿繚鎸佷竴鑷�
- var box1Height = document.querySelector('.fbox').offsetHeight;
- document.querySelector('.fbox1').style.height = box1Height + 'px';
+ var box1Height = document.querySelector('.fbox2').offsetHeight;
+ document.querySelector('.fbox3').style.height = box1Height + (box1Height / 18) + 'px';
+ console.log(box1Height, 'box1Height');
+ this.getStatistics()
+ // 榛樿鍏堣皟鐢ㄦ悳绱竴娆�
+ this.onSearch('')
},
methods: {
+ // ExportJsonExcel瀹炰緥
+ Ture() {
+ // 鍒涘缓ExportJsonExcel瀹炰緥瀵硅薄
+ let toExcel = new ExportJsonExcel(this.option);
+ // 璋冪敤淇濆瓨鏂规硶
+ toExcel.saveExcel();
+ },
+ // 涓嬭浇鎸夐挳
+ exportClick() {
+ const dataList = this.tableData;
+ let dataTable = []; // dataTable浠ｈ〃excel鏂囦欢涓殑鏁版嵁鍐呭
+ if (dataList) {
+ for (let i in dataList) {
+ let obj = {
+ 搴忓彿: dataList[i].id,
+ 濮撳悕: dataList[i].personName,
+ 鍒悕: dataList[i].personAlias,
+ 鎬у埆: dataList[i].gender,
+ 鏃舵湡: dataList[i].period,
+ 鐢熷勾: dataList[i].birthYear,
+ 鍗掑勾: dataList[i].deathYear,
+ 绫嶈疮: dataList[i].nativePlace,
+ 绀句細韬唤: dataList[i].socialDistinction,
+ 瀹樿亴: dataList[i].official,
+ };
+
+ dataTable.push(obj); // 璁剧疆excel姣忓垪鑾峰彇鐨勬暟鎹簮
+ }
+ }
+ this.option.fileName = "涓尰鍖诲浜虹墿鐭ヨ瘑搴�"; //excel鏂囦欢鍚�
+ //excel鏂囦欢鏁版嵁
+ this.option.datas = [{
+ // excel鏂囦欢鐨勬暟鎹簮
+ sheetData: dataTable,
+ // excel鏂囦欢sheet鐨勮〃鍚�
+ sheetName: "sheet",
+ // excel鏂囦欢琛ㄥご鍚�
+ sheetHeader: ["搴忓彿", "濮撳悕", "鍒悕", "鎬у埆", "鍒悕", "鏃舵湡", "鐢熷勾", "鍗掑勾", "绫嶈疮", "绀句細韬唤", "瀹樿亴"],
+ // excel鏂囦欢鍒楀悕
+ sheetFilter: ["搴忓彿", "濮撳悕", "鍒悕", "鎬у埆", "鍒悕", "鏃舵湡", "鐢熷勾", "鍗掑勾", "绫嶈疮", "绀句細韬唤", "瀹樿亴"],
+ // columnWidths: ['10', '10', '20'] //excel鍒楀搴﹁缃�
+ }, ];
+ this.Ture();
+ },
+ // 鎺ュ彛
+ async getStatistics() {
+ // 鐑棬鎼滅储
+ await getHotSearch().then(res => {
+ console.log(res, '鐑棬鎼滅储');
+ this.hot = Object.keys(res.object).map(key => {
+ return {
+ id: parseInt(key),
+ name: res.object[key]
+ };
+ })
+ })
+ // 鍙充晶鑱屼笟銆佹椂鏈熴�佹潵婧愮殑鏁版嵁
+ await getPDataStatistics().then(res => {
+ console.log(res, '鎺ュ彛鎴愬姛sdsdfsdsfs');
+ let totalCount1 = res.object.occupationStatistic.details.reduce((total, item) => total +
+ item.count, 0);
+ let totalCount2 = res.object.dynastyStatistic.details.reduce((total, item) => total + item
+ .count, 0);
+ // 鑱屼笟
+ this.profession.list = [
+ ...res.object.occupationStatistic.details,
+ ]
+ // 楂樼骇鎼滅储閲岄潰鐨勮亴涓�--------------------------------------------------
+ // 鎵惧埌鑱屼笟瀛楁鍦� from 瀵硅薄涓殑绱㈠紩
+ const professionIndex = this.from.from.findIndex(field => field.label === '鑱屼笟');
+ // 濡傛灉鎵惧埌浜嗚亴涓氬瓧娈�
+ if (professionIndex !== -1) {
+ // 灏� profession.list 杞崲涓� options 鏍煎紡
+ const options = this.profession.list.map(item => ({
+ label: item.tagName,
+ value: item.tagId.toString() // 灏� id 杞崲涓哄瓧绗︿覆锛岀‘淇濅笌 value 绫诲瀷涓�鑷�
+ }));
+
+ // 鏇存柊鑱屼笟瀛楁鐨� options 灞炴��
+ this.$set(this.from.from[professionIndex], 'options', options);
+ }
+ // --------------------------------------------------
+ this.profession.index = this.profession.list[0].tagId
+ // 鏃舵湡
+ this.dynasty.list = [
+ ...res.object.dynastyStatistic.details
+ ]
+ // 鏉ユ簮
+ this.source.list = res.object.sourceStatistic.details
+ this.source.index = this.source.list[0].bookId
+ })
+ },
// 鐑棬鎼滅储
- hotSearchClick(item){
- console.log(item);
+ hotSearchClick(item) {
+ this.onSearch({text:item.name})
+ console.log(item, '鐑棬鎼滅储');
},
// 宸︿晶鐨勬満鏋勭粺璁＄瓑绛夋寜閽�
- handInstitCLick(index, name) {
+ handInstitCLick(item, name) {
+ this.dynasty.id = 0
+ this.source.id = 0
+ this.profession.id = 0
+ this.CurrentPage = 1
if (name == 'a') {
- this.profession.index = index
- }else if(name == 'b'){
- this.dynasty.index = index
+ this.profession.index = item.tagId
+ this.profession.id = item.tagId
+ this.CurrentPage = 1
+
+ } else if (name == 'b') {
+ 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('鏉ユ簮');
+
}
- console.log(index, name);
+ this.onSearch('')
+
+
+ console.log(item, name);
},
isAvancedClick() {
this.isAdvancedSearch = !this.isAdvancedSearch
this.$nextTick(() => {
-
var box1Height = document.querySelector('.fbox').offsetHeight;
// let box2Height= document.querySelector('.fbox1').style.height = box1Height + 'px';
let box2Height = document.querySelector('.fbox1').offsetHeight
@@ -347,12 +413,64 @@
}
})
},
- onSubmit(val) {
+ // 楂樼骇鎼滅储
+ async onSubmit(val) {
+ console.log(val);
+ this.CurrentPage = 1
+ let Obj = {
+ "keywords": '', //鎼滅储妗嗘绱�
+ "name": val.name, //濮撳悕
+ "alias": val.alias, //鍒悕
+ "nativePlace": val.nativePlace, //鏈哄叧
+ "tagId": val.tagId !== '' ? val.tagId : null, //鑱屼笟id
+ "official": val.official, //鑱屽畼
+ "genderType": val.genderType !== '' ? val.genderType : null, //鎬у埆
+ "dynasty": val.dynasty, //鏈濅唬id
+ "dynastyId": null, //鏈濅唬id
+ "institution": val.institution, //鏈烘瀯
+ "bookId": null, //鏉ユ簮id
+ "page": this.CurrentPage,
+ "pageSize": this.pageSize
+ }
+ // // 鎼滅储
+ await getPList(Obj).then(res => {
+ console.log(res);
+ if (res.success) {
+ console.log(res, '鎼滅储鎺ュ彛');
+ this.tableData = res.list
+ // 鎬绘暟閲�
+ this.total = res.npage.totalCount
+ }
+ })
console.log(val);
},
- onSearch(val) {
-
- console.log(val);
+ // 鍩虹鎼滅储
+ async onSearch(val) {
+ let Obj = {
+ "keywords": val.text, //鎼滅储妗嗘绱�
+ "name": "", //濮撳悕
+ "alias": "", //鍒悕
+ "nativePlace": "", //鏈哄叧
+ "tagId": this.profession.id, //鑱屼笟id
+ "official": "", //鑱屽畼
+ "genderType": null, //鎬у埆
+ "dynasty": null, //鏈濅唬id
+ "dynastyId": this.dynasty.id, //鏈濅唬id
+ "institution": "", //鏈烘瀯
+ "bookId": this.source.id, //鏉ユ簮id
+ "page": this.CurrentPage,
+ "pageSize": this.pageSize
+ }
+ // // 鎼滅储
+ await getPList(Obj).then(res => {
+ if (res.success) {
+ console.log(res, '鎼滅储鎺ュ彛');
+ this.tableData = res.list
+ // 鎬绘暟閲�
+ this.total = res.npage.totalCount
+ }
+ })
+ // console.log(val, '澹ぇ澶絾鏄�');
},
// 鐑棬鎼滅储
HotClick(id) {
@@ -368,22 +486,171 @@
},
// 灞曞紑鏀剁缉
- shrinkClick(box) {
+ shrinkClick(box, name) {
console.log(box);
- if (this.activeBox === box) {
- this.activeBox = null;
+ 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 : 4;
+ this.dynastyIndex = 4
+ this.activeBox = this.activeBox === 'a' ? null : 'a';
} else {
- this.activeBox = box;
+ console.log('鏃舵湡');
+ this.dynastyIndex = this.dynastyIndex < this.dynasty.list.length ? this.dynasty.list.length : 4;
+ this.professionIndex = 4
+ this.activeBox = this.activeBox === 'b' ? null : 'b';
+ }
+ },
+ // 鍒嗛〉褰撳墠椤佃Е鍙戜簨浠�
+ CurrentChange(val) {
+ if (this.CurrentPage != val) {
+ this.CurrentPage = val
+ console.log('褰撳墠椤�', val);
+ this.onSearch('')
+ }
+ },
+ // 涓婁竴椤�
+ PrevClick(val) {
+ if (this.CurrentPage != val) {
+ this.CurrentPage = val
+ // console.log('涓婁竴椤�', val);
+ // console.log(this.CurrentPage);
+ this.onSearch('')
+ }
+ },
+ // 涓嬩竴椤�
+ NextClick(val) {
+ if (this.CurrentPage != val) {
+ // console.log('涓嬩竴椤�',val);
+ this.CurrentPage = val
+ // console.log(this.CurrentPage);
+ this.onSearch('')
}
}
}
}
</script>
-<style>
- .abox{
+<style scoped>
+ /* 琛ㄥご */
+ ::v-deep .el-table__header {
+ margin-bottom: .02rem;
+ }
+
+ ::v-deep .has-gutter tr>th {
+ background-color: #DDE8F6 !important;
+ font-weight: normal;
+
+ }
+
+ ::v-deep .el-table__header th {
+ height: .3rem;
+ line-height: .3rem;
+ font-size: .14rem;
+ color: #2C2C2C;
+ /* 琛ㄥご鏂囧瓧棰滆壊涓虹櫧鑹诧紝澧炲姞瀵规瘮搴� */
+ margin-bottom: .02rem !important;
+ }
+
+ ::v-deep .el-table::before {
+ border: 0;
+ background-color: #fff;
+ }
+
+ /* 琛ㄦ牸 */
+ ::v-deep .el-table__body td {
+ height: .3rem;
+ line-height: .3rem;
+ font-size: .14rem;
+ color: #2C2C2C !important;
+ font-weight: normal;
+ }
+
+ .abox {
height: 1rem;
}
+
+ /* 鍒嗛〉 */
+ .paging ::v-deep .btn-prev,
+ .paging ::v-deep .btn-next {
+ border: 0;
+ }
+
+ .paging ::v-deep .btn-prev span,
+ .paging ::v-deep .btn-next span {
+ font-size: .12rem;
+ height: .3rem;
+ line-height: .3rem;
+ background-color: #fff;
+ color: #9E9E9E;
+ text-align: center;
+ border: 1px solid #9E9E9E;
+ padding: 0 .1rem;
+ }
+
+ .paging ::v-deep .el-pager li {
+ font-size: .1rem;
+ width: .28rem;
+ height: .3rem;
+ line-height: .3rem;
+ background-color: #fff;
+ color: #9E9E9E;
+ text-align: center;
+ border: 1px solid #9E9E9E;
+ }
+
+ /* -------------- */
+ /* 鍙充晶 */
+ .rightList {
+ padding-left: .2rem !important;
+
+ .light {
+ padding: .1rem .2rem !important;
+ }
+
+ .lightTop {
+ font-size: .14rem !important;
+ }
+
+ .el-button {
+ font-size: .12rem !important;
+ padding: .05rem .18rem !important;
+ }
+
+ .lightBo {
+ font-size: .14rem !important;
+
+ .is-leaf {
+ background-color: #C1D3EA !important;
+ color: #2C2C2C !important;
+ font-weight: 400;
+
+ .cell {
+
+ height: .3rem !important;
+ line-height: .3rem !important;
+ }
+ }
+ }
+
+ .el-table__body-wrapper {
+ .el-table__row {
+ height: .46rem !important;
+ line-height: .46rem !important;
+
+ .cell {
+
+ height: .3rem !important;
+ line-height: .3rem !important;
+ }
+ }
+
+ }
+ }
+
@media screen and (min-width:2560px)and (max-width:3840px) {
/* 鎼滅储 */
@@ -545,15 +812,16 @@
.lightBo {
font-size: .14rem !important;
-
+
.is-leaf {
background-color: #C1D3EA !important;
color: #2C2C2C !important;
font-weight: 400;
- .cell{
-
- height: .3rem !important;
- line-height: .3rem !important;
+
+ .cell {
+
+ height: .3rem !important;
+ line-height: .3rem !important;
}
}
}
@@ -562,10 +830,11 @@
.el-table__row {
height: .46rem !important;
line-height: .46rem !important;
- .cell{
-
- height: .3rem !important;
- line-height: .3rem !important;
+
+ .cell {
+
+ height: .3rem !important;
+ line-height: .3rem !important;
}
}
@@ -599,7 +868,9 @@
margin: 0 .1rem;
}
}
-
+ .advancedSeaTrue1{
+ border: 1px solid #C1D3EA;
+ }
.advancedSeaTrue,
.zhushuju {
padding: 0 1.24rem !important;
@@ -715,8 +986,9 @@
}
/* -------------------- */
-/* 鍙充晶 */
+ /* 鍙充晶 */
.rightList {
+ width: 100%;
padding-left: .2rem !important;
.light {
@@ -734,15 +1006,16 @@
.lightBo {
font-size: .14rem !important;
-
+
.is-leaf {
background-color: #C1D3EA !important;
color: #2C2C2C !important;
font-weight: 400;
- .cell{
-
- height: .3rem !important;
- line-height: .3rem !important;
+
+ .cell {
+
+ height: .3rem !important;
+ line-height: .3rem !important;
}
}
}
@@ -751,10 +1024,11 @@
.el-table__row {
height: .46rem !important;
line-height: .46rem !important;
- .cell{
-
- height: .3rem !important;
- line-height: .3rem !important;
+
+ .cell {
+
+ height: .3rem !important;
+ line-height: .3rem !important;
}
}
@@ -776,13 +1050,13 @@
}
}
- .a {
+ /* .a {
height: 2rem;
}
.b {
height: 100px;
- }
+ } */
.box {
transition: height 0.3s;
@@ -792,20 +1066,45 @@
}
+ /* 宸﹁竟鐨� */
.boox {
+ width: 100%;
padding: .1rem .09rem;
+ min-height: 2rem !important;
+ position: relative;
+ border: 1px solid #c1d3ea !important;
+
+ ul {
+ margin-top: .16rem !important;
+ }
h3 {
font-size: .14rem;
+ margin-left: .1rem;
+ }
+
+ li {
+ height: .3rem;
+ line-height: .3rem;
+ padding: 0 .2rem !important;
+ margin: .05rem 0 !important;
+ border-radius: .3rem !important;
+ font-size: .14rem;
+ }
+
+ .toggleButton1 {
+ position: absolute;
+ bottom: .1rem !important;
+ left: 40% !important;
+ }
+
+ .toggleButton {
+ font-size: .14rem !important;
}
}
::v-deep .el-table th,
::v-deep .el-table td {
text-align: center;
- }
-
- ::v-deep .has-gutter tr>th {
- background-color: #DDE8F6 !important;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1