From 040daecbc9bf04074c3f7053ea1710f380c03ea1 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 26 七月 2024 11:40:48 +0800
Subject: [PATCH] 1
---
src/pages/knowledgeBase/knowledgeBase.vue | 2068 +++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 1,297 insertions(+), 771 deletions(-)
diff --git a/src/pages/knowledgeBase/knowledgeBase.vue b/src/pages/knowledgeBase/knowledgeBase.vue
index 1e38a16..111bf5d 100644
--- a/src/pages/knowledgeBase/knowledgeBase.vue
+++ b/src/pages/knowledgeBase/knowledgeBase.vue
@@ -1,811 +1,1337 @@
<template>
- <view>
- <!-- 椤堕儴 -->
- <headNav text="涓浗鍖诲浜虹墿鐭ヨ瘑搴�"/>
- <!-- 鎼滅储 -->
- <view class="flex flex-center Search">
- <!-- <luanqing-search class="search_bar" @onSearch="onSearch"></luanqing-search> -->
- <advancedSearch @onSearch="onSearch" placehold="杈撳叆濮撳悕/鍒悕/鏃舵湡/浼犱富鑱屼笟鎼滅储" :isAvancedTrue="false" />
- <view class="advancedSea" @click="isAvancedClick" style="color:#244A7B ;cursor: pointer;">楂樼骇鎼滅储 锕�</view>
- </view>
- <!-- 鐑棬鎼滅储 -->
- <view class="flex flex-center hotSearch" style="font-size: 20rpx;margin: 10rpx 0;">
- 鐑棬鎼滅储锛�
- <ul class="flex" style="margin-right: 10rpx;">
- <!--
- <li v-for="item in hot" :key="item.id" @tap="HotClick(item.id)" style="margin: 0 10rpx;"
- :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;">
- {{item.name}}
- </li>
- </ul>
- </view>
- <!-- 楂樼骇鎼滅储 -->
- <view class="advancedSeaTrue" v-if="isAdvancedSearch" style="padding: 0 230rpx; margin-bottom: .18rem;">
- <view style="background-color: #fff;padding: 20rpx;" class="advancedSeaTrue1">
- <h3>楂樼骇鎼滅储</h3>
- <MyForm @submit="onSubmit" :from="from" />
- </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="demo-uni-col zhiye dark box boox"
- style="margin-bottom: 40rpx;background-color: #fff; border: 2rpx solid #e0e0e0;">
- <h3>{{profession.title}}</h3>
- <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>
- </li>
- </ul>
- <view v-if="profession.list.length-1 >3" class="flex flex-center toggleButton1">
- <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'}">
- <h3>{{dynasty.title}}</h3>
- <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>
- </li>
- </ul>
- <view v-if="dynasty.list.length-1 >3" class="flex flex-center toggleButton1">
- <view class="toggleButton" style="color: #C1D3EA;" @click="shrinkClick('b')">
- {{ activeBox !== 'b' ? '鏇村 锕�' : '鏀惰捣 锔�' }}
- </view>
- </view>
- </view>
- <!-- 鏉ユ簮 -->
- <view v-if="!isAdvancedSearch" class="demo-uni-col dark box boox"
- style="height: 250rpx;background-color: #fff;border: 2rpx solid #e0e0e0;">
- <h3>{{source.title}}</h3>
- <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>
- </li>
- </ul>
- <!-- <view class="flex flex-center">
- <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>
- </uni-col>
- </uni-row>
- <div class="abox"></div>
- <Footer1 />
- </view>
+ <view>
+ <!-- 椤堕儴 -->
+ <headNav idIndex="0" text="涓浗鍘嗕唬鍖诲浜虹墿鐭ヨ瘑搴�" />
+ <!-- 鎼滅储 -->
+ <view class="flex flex-center Search">
+ <!-- <luanqing-search class="search_bar" @onSearch="onSearch"></luanqing-search> -->
+ <advancedSearch
+ @onSearch="onSearch"
+ placehold="杈撳叆濮撳悕/鍒悕/鏃舵湡/浼犱富鑱屼笟鎼滅储"
+ :isAvancedTrue="false"
+ :keyword="keywords"
+ />
+ <view
+ class="advancedSea"
+ @click="isAvancedClick"
+ style="color: #244a7b; cursor: pointer"
+ >楂樼骇鎼滅储 {{ isAdvancedSearch ? "鈭�" : "鈭�" }}</view
+ >
+ </view>
+ <!-- 鐑棬鎼滅储 -->
+ <view
+ class="flex flex-center hotSearch"
+ style="font-size: 20rpx; margin: 10rpx 0"
+ >
+ 鐑棬鎼滅储锛�
+ <ul class="flex" style="margin-right: 10rpx">
+ <li
+ v-for="(item, index) in hot"
+ @click="hotSearchClick(item, index)"
+ :key="item.id"
+ :class="{ cursor: true, active: hotAciveIndex === index }"
+ style="color: #244a7b"
+ >
+ {{ item.name }}
+ </li>
+ </ul>
+ </view>
+ <!-- 楂樼骇鎼滅储 -->
+ <view
+ class="advancedSeaTrue"
+ v-if="isAdvancedSearch"
+ style="padding: 0 230rpx; margin-bottom: 0.18rem"
+ >
+ <view
+ style="background-color: #fff; padding: 20rpx"
+ class="advancedSeaTrue1"
+ >
+ <h3>楂樼骇鎼滅储</h3>
+ <MyForm @submit="onSubmit" @reset="resetForm" :from="from" />
+ </view>
+ </view>
+ <uni-row
+ class="demo-uni-row zhushuju flex flex-items-start"
+ style="padding: 0 230rpx"
+ >
+ <!-- 宸︿晶 -->
+ <view class="fbox2" style="width: 2.6rem">
+ <!-- 鑱屼笟 -->
+ <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' : '' }"
+ >
+ <li
+ class="flex"
+ :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: 0.3rem; height: 0.3rem"
+ @click="handInstitCLick(item, 'a')"
+ >
+ <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: #244a7b"
+ @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' }"
+ >
+ <h3>{{ dynasty.title }}</h3>
+ <ul
+ style="margin-top: 10rpx"
+ :class="{ b: activeBox === 'b' ? 'b' : '' }"
+ >
+ <!-- background-color: #d6e3f4;border-radius: 60rpx; -->
+ <li
+ class="flex"
+ :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>{{ 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: #244a7b"
+ @click="shrinkClick('b', '鏃舵湡')"
+ >
+ {{ activeBox !== "b" ? "鏇村 鈭�" : "鏀惰捣 鈭�" }}
+ </view>
+ </view>
+ </view>
+ <!-- 鏉ユ簮 -->
+ <view
+ v-if="!isAdvancedSearch"
+ class="demo-uni-col dark box boox"
+ style="
+ /* height: 250rpx; */
+ background-color: #fff;
+ border: 2rpx solid #e0e0e0;
+ "
+ >
+ <h3>{{ source.title }}</h3>
+ <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"
+ @click="handInstitCLick(item, 'c')"
+ >
+ <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' ? '鏇村 鈭�' : '鏀惰捣 鈭�' }}
+ </view>
+ </view> -->
+ </view>
+ </view>
+ <!-- 鍙充晶 -->
+ <view
+ class="rightList demo-uni-col light fbox3 relative flex flex-column flex-grow: 1;"
+ style="
+ width: 100%;
+ margin-left: 0.2rem;
+ background-color: #fff;
+ border: 1px solid #c1d3ea;
+ padding: 10rpx 20rpx;
+ "
+ >
+ <view class="flex lightTop" style="width: 100%; margin: 0.1rem 0">
+ <view style="color: #2c2c2c">鍏眥{ total }}鏉�</view>
+ <el-button size="small" @click="exportClick">涓嬭浇</el-button>
+ </view>
+ <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="濮撳悕">
+ <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"
+ 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">
+ <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 />
+ </view>
</template>
<script>
- import Footer1 from '@/components/footer/footer'
- import MyForm from '@/components/form/form.vue'
- export default {
- components: {
- Footer1,
- MyForm
- },
- data() {
- return {
- // 楂樼骇鎼滅储鏄剧ず
- isAdvancedSearch: false,
- // 楂樼骇鎼滅储
- from: {
- from: [{
- type: 'input',
- label: '濮撳悕',
- name: 'name',
- value: ''
- },
- {
- type: 'input',
- label: '鍒悕',
- name: 'alias',
- value: ''
- },
- {
- type: 'input',
- label: '绫嶈疮',
- name: 'nativePlace',
- value: ''
- },
- {
- type: 'select',
- label: '鑱屼笟',
- value: '',
- name: 'occupation',
- options: [{
- label: '鍖诲',
- value: '1'
- },
- {
- label: '涓栧',
- value: '2'
- }
- ]
- },
- {
- type: 'input',
- label: '鑱屽畼',
- name: 'officials',
- value: ''
- },
- {
- type: 'select',
- label: '鎬у埆',
- value: '',
- name: 'sex',
- options: [{
- label: '鐢�',
- value: '鐢�'
- },
- {
- label: '濂�',
- value: '濂�'
- }
- ]
- },
- {
- type: 'input',
- label: '鏃舵湡',
- name: 'time',
- value: ''
- },
- {
- type: 'input',
- label: '鏈烘瀯',
- name: 'institution',
- value: ''
- }
- ]
- },
- // 鐑棬鎼滅储
- hot: [{
- id: 1,
- name: '鏉庢椂鐝�',
- bgColor: false
- }, {
- id: 2,
- name: '鏉庢椂鐝�2',
- bgColor: false
- }, {
- id: 3,
- name: '鏉庢椂鐝�3',
- bgColor: false
- }, ],
- // 鑱屼笟
- 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
- },
- ]
- },
- // 灞曞紑鍜屾敹缂╃殑鎸夐挳闇�瑕�
- activeBox: null,
- // 涓栦唬
- dynasty: {
- title: '鏃舵湡',
- index: 0,
- list: [{
- name: '鍏ㄩ儴',
- id: 1,
- number: 829
- },
- {
- name: '鍞�',
- id: 2,
- number: 90
- }, {
- name: '瀹�',
- id: 3,
- number: 81
- }, {
- name: '鍏�',
- id: 4,
- number: 83
- },
- ]
- },
- // 鏉ユ簮
- source: {
- title: '鏉ユ簮',
- list: [{
- name: '涓浗K灏忓埗搴旇枦鍏�',
- id: 1
- }, {
- name: '涓尰鍖讳簨澶т細',
- id: 2
- }, {
- name: '涓浗鍖讳腑鍒跺害鐮旂┒',
- id: 3
- }, ]
- },
- 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: '闄㈠垽'
- }]
- }
- },
- mounted() {
- // 淇敼涓ゆ鐨勯珮搴︿繚鎸佷竴鑷�
- var box1Height = document.querySelector('.fbox').offsetHeight;
- document.querySelector('.fbox1').style.height = box1Height + 'px';
- },
- methods: {
- // 鐑棬鎼滅储
- hotSearchClick(item){
- console.log(item);
- },
- // 宸︿晶鐨勬満鏋勭粺璁＄瓑绛夋寜閽�
- handInstitCLick(index, name) {
- if (name == 'a') {
- this.profession.index = index
- }else if(name == 'b'){
- this.dynasty.index = index
- }
- console.log(index, name);
- },
- isAvancedClick() {
- this.isAdvancedSearch = !this.isAdvancedSearch
- this.$nextTick(() => {
+import Footer1 from "@/components/footer/footer";
+import MyForm from "@/components/form/form.vue";
+// 涓嬭浇闇�瑕佸鍏ョ殑渚濊禆
+import ExportJsonExcel from "js-export-excel";
+import {
+ getPDataStatistics,
+ getPDownload,
+ getPList,
+ getHotSearch,
+ getPersonList,
+ getInstitutionList
+} from "@/api/index.js";
+export default {
+ components: {
+ Footer1,
+ MyForm
+ },
+ data() {
+ return {
+ hotAciveIndex: "",
+ // 楂樼骇鎼滅储鏄剧ず
+ isAdvancedSearch: false,
+ // 楂樼骇鎼滅储
+ from: {
+ from: [
+ {
+ type: "input",
+ label: "濮撳悕",
+ name: "name",
+ value: ""
+ },
+ {
+ type: "input",
+ label: "鍒悕",
+ name: "alias",
+ value: ""
+ },
+ {
+ type: "input",
+ label: "绫嶈疮",
+ name: "nativePlace",
+ value: ""
+ },
+ {
+ type: "select",
+ label: "鑱屼笟",
+ value: "",
+ name: "tagId",
+ options: [
+ {
+ label: "鍖诲",
+ value: "1"
+ },
+ {
+ label: "涓栧",
+ value: "2"
+ }
+ ]
+ },
+ // {
+ // type: "input",
+ // label: "鑱屽畼",
+ // name: "official",
+ // value: ""
+ // },
+ {
+ type: "select",
+ label: "鎬у埆",
+ value: "",
+ name: "genderType",
+ options: [
+ {
+ label: "鏈寚鏄�",
+ value: "UNKNOWN"
+ },
+ {
+ label: "鐢�",
+ value: "MALE"
+ },
+ {
+ label: "濂�",
+ value: "WOMAN"
+ }
+ ]
+ },
+ {
+ type: "input",
+ label: "鏃舵湡",
+ name: "dynasty",
+ value: ""
+ }
+ // {
+ // type: "select",
+ // label: "鏈烘瀯",
+ // name: "institution",
+ // options: []
+ // }
+ ]
+ },
- var box1Height = document.querySelector('.fbox').offsetHeight;
- // let box2Height= document.querySelector('.fbox1').style.height = box1Height + 'px';
- let box2Height = document.querySelector('.fbox1').offsetHeight
- console.log(box1Height, box2Height);
- if (box1Height <= box2Height) {
- document.querySelector('.fbox1').style.height = box1Height + 'px';
- }
- })
- },
- onSubmit(val) {
- console.log(val);
- },
- onSearch(val) {
+ // 鐑棬鎼滅储
+ hot: [],
+ // 鑱屼笟
+ profession: {
+ title: "鑱屼笟",
+ index: 0,
+ id: 0,
+ list: []
+ },
+ // 鐜板湪澶氬皯鏉¤亴涓氭暟鎹�
+ professionIndex: 4,
+ // 灞曞紑鍜屾敹缂╃殑鎸夐挳闇�瑕�
+ activeBox: null,
+ // 鏃舵湡
+ dynasty: {
+ title: "鏃舵湡",
+ id: "",
+ index: "",
+ list: []
+ },
+ // 鐜板湪澶氬皯鏉℃椂鏈熸暟鎹�
+ dynastyIndex: 4,
+ // 鏉ユ簮
+ source: {
+ title: "鏉ユ簮",
+ index: 0,
+ id: 0,
+ list: []
+ },
+ // 琛ㄦ牸鐨勬暟缁�
+ tableData: [],
+ // 鍒嗛〉鐨勬�绘暟
+ total: 100,
+ // 褰撳墠椤�
+ CurrentPage: 1,
+ // 涓�椤垫樉绀哄灏戞潯鏁版嵁
+ pageSize: 10,
+ dataTable: [],
+ option: {},
+ keywords: "",
+ submitData: {
+ name: "",
+ alias: "",
+ nativePlace: "",
+ tagId: "",
+ official: "",
+ genderType: ""
+ },
+ aSearchData: ""
+ };
+ },
+ onLoad(options) {
+ 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;
+ }
- 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
- }
- })
+ 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() {
+ 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
+ };
+ })
+ );
- },
- // 灞曞紑鏀剁缉
- shrinkClick(box) {
- console.log(box);
- if (this.activeBox === box) {
- this.activeBox = null;
- } else {
- this.activeBox = box;
- }
- }
- }
- }
+ console.log(this.from.from);
+ });
+ },
+ //閲嶇疆鎼滅储缁撴灉
+ resetForm() {
+ this.onSearch("");
+ },
+ // ExportJsonExcel瀹炰緥
+ Ture() {
+ // 鍒涘缓ExportJsonExcel瀹炰緥瀵硅薄
+ let toExcel = new ExportJsonExcel(this.option);
+ // 璋冪敤淇濆瓨鏂规硶
+ toExcel.saveExcel();
+ },
+ // 涓嬭浇鎸夐挳
+ async exportClick() {
+ const dataList = this.tableData;
+ let Obj = {
+ keywords: "", //鎼滅储妗嗘绱�
+ // keywords: this.keywords, //鎼滅储妗嗘绱�
+ name: this.submitData.name, //濮撳悕
+ alias: this.submitData.alias, //鍒悕
+ nativePlace: this.submitData.nativePlace, //鏈哄叧
+ tagId: this.profession.id !== 0 ? Number(this.profession.id) : null, //鑱屼笟id
+ official: this.submitData.official, //鑱屽畼
+ genderType:
+ this.submitData.genderType !== "" ? this.submitData.genderType : null, //鎬у埆
+ dynasty: this.dynasty.id !== "" ? Number(this.dynasty.id) : null, //鏈濅唬id
+ institution: "", //鏈烘瀯
+ bookId: null, //鏉ユ簮id
+ page: 1,
+ pageSize: 1
+ };
+ // // 鎼滅储
+ await getPDownload(Obj).then((res) => {
+ // if (res.success) {
+ // this.tableData = res.list;
+ // // 鎬绘暟閲�
+ // this.total = res.npage.totalCount;
+ // }
+ });
+ 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();
+ },
+ // 鎺ュ彛
+ getStatistics() {
+ // 鐑棬鎼滅储
+ getHotSearch().then((res) => {
+ this.hot = Object.keys(res.object).map((key) => {
+ return {
+ id: parseInt(key),
+ name: res.object[key]
+ };
+ });
+ });
+ // 鍙充晶鑱屼笟銆佹椂鏈熴�佹潵婧愮殑鏁版嵁
+ getPDataStatistics().then((res) => {
+ 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 = [
+ { count: totalCount1, tagName: "鍏ㄩ儴", tagId: 0 },
+ ...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 = [
+ { count: totalCount2, dynastyName: "鍏ㄩ儴", dynastyId: "" },
+ ...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, index) {
+ this.onSearch({ text: item.name }, index);
+ },
+ // 宸︿晶鐨勬満鏋勭粺璁＄瓑绛夋寜閽�
+ handInstitCLick(item, name) {
+ // this.dynasty.id = 0;
+ // this.source.id = 0;
+ // this.profession.id = 0;
+ // this.CurrentPage = 1;
+ if (name == "a") {
+ 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;
+ } else if (name == "c") {
+ this.source.index = item.bookId;
+ this.source.id = item.bookId;
+ this.CurrentPage = 1;
+ }
+ this.onSearch("");
+ },
+ 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;
+ if (box1Height <= box2Height) {
+ document.querySelector(".fbox1").style.height = box1Height + "px";
+ }
+ });
+ },
+ // 楂樼骇鎼滅储
+ async onSubmit(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(
+ (f) => f.dynastyName == val.dynasty
+ );
+ if (currentDynasty) {
+ this.dynasty.index = currentDynasty.dynastyId;
+ this.dynasty.id = currentDynasty.dynastyId;
+ }
+ this.submitData = val;
+ this.CurrentPage = 1;
+ let Obj = {
+ keywords: "", //鎼滅储妗嗘绱�
+ name: val.name, //濮撳悕
+ alias: val.alias, //鍒悕
+ nativePlace: val.nativePlace, //鏈哄叧
+ tagId: val.tagId !== "" ? Number(val.tagId) : null, //鑱屼笟id
+ official: val.official, //鑱屽畼
+ genderType: val.genderType !== "" ? val.genderType : null, //鎬у埆
+ dynasty: val.dynasty, //鏈濅唬id
+ dynastyId: this.dynasty.id, //鏈濅唬id
+ institution: val.institution, //鏈烘瀯
+ bookId: null, //鏉ユ簮id
+ page: this.CurrentPage,
+ pageSize: this.pageSize
+ };
+ // // 鎼滅储
+ await getPersonList(Obj).then((res) => {
+ if (res.success) {
+ this.tableData = res.list;
+ // 鎬绘暟閲�
+ this.total = res.npage.totalCount;
+ }
+ });
+ },
+ // 鍩虹鎼滅储
+ 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: "", //濮撳悕
+ 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 getPersonList(Obj).then((res) => {
+ if (res.success) {
+ this.tableData = res.list;
+ // 鎬绘暟閲�
+ this.total = res.npage.totalCount;
+ }
+ });
+ },
+ // 鐑棬鎼滅储
+ HotClick(id) {
+ this.hot.forEach((item) => {
+ if (item.id === id) {
+ item.bgColor = true;
+ } else {
+ item.bgColor = false;
+ }
+ });
+ },
+ // 灞曞紑鏀剁缉
+ shrinkClick(box, name) {
+ // this.activeBox = this.activeBox === 'a' ? null : 'a';
+ if (name == "鑱屼笟") {
+ 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.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;
+ if (this.isAdvancedSearch) {
+ this.onSubmit(this.aSearchData);
+ } else {
+ this.onSearch({ text: this.keywords });
+ }
+ }
+ },
+ // 涓婁竴椤�
+ PrevClick(val) {
+ if (this.CurrentPage != val) {
+ this.CurrentPage = val;
+ this.onSearch({ text: this.keywords });
+ }
+ },
+ // 涓嬩竴椤�
+ NextClick(val) {
+ if (this.CurrentPage != val) {
+ this.CurrentPage = val;
+ this.onSearch({ text: this.keywords });
+ }
+ }
+ }
+};
</script>
-<style>
- .abox{
- height: 1rem;
- }
- @media screen and (min-width:2560px)and (max-width:3840px) {
+<style scoped>
+/* 琛ㄥご */
+::v-deep .el-table__header {
+ margin-bottom: 0.02rem;
+}
- /* 鎼滅储 */
- .Search {
- margin: .35rem 0 .16rem !important;
- font-size: .12rem !important;
- }
+::v-deep .has-gutter tr > th {
+ background-color: #dde8f6 !important;
+ font-weight: normal;
+}
- .Search ::v-deep .advancedSea {
- font-size: .12rem !important;
- margin-left: .35rem;
- }
+::v-deep .el-table__header th {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ font-size: 0.14rem;
+ color: #2c2c2c;
+ /* 琛ㄥご鏂囧瓧棰滆壊涓虹櫧鑹诧紝澧炲姞瀵规瘮搴� */
+ margin-bottom: 0.02rem !important;
+}
- .Search ::v-deep .flex-center {
- height: 80% !important;
- }
+::v-deep .el-table::before {
+ border: 0;
+ background-color: #fff;
+}
- .hotSearch {
- font-size: .12rem !important;
- margin-bottom: .19rem !important;
+/* 琛ㄦ牸 */
+::v-deep .el-table__body td {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ font-size: 0.14rem;
+ color: #2c2c2c !important;
+ font-weight: normal;
+}
- li {
- font-size: .12rem !important;
- margin: 0 .1rem;
- }
- }
+.abox {
+ height: 1rem;
+}
- .advancedSeaTrue,
- .zhushuju {
- padding: 0 1.24rem !important;
- }
+/* 鍒嗛〉 */
+.paging ::v-deep .btn-prev,
+.paging ::v-deep .btn-next {
+ border: 0;
+}
- .advancedSeaTrue1 {
- padding: .08rem .19rem !important;
- font-size: .14rem !important;
- }
+.paging ::v-deep .btn-prev span,
+.paging ::v-deep .btn-next span {
+ font-size: 0.12rem;
+ height: 0.3rem;
+ line-height: 0.3rem;
+ background-color: #fff;
+ color: #9e9e9e;
+ text-align: center;
+ border: 1px solid #9e9e9e;
+ padding: 0 0.1rem;
+}
- /* Form缁勪欢閲岄潰鐨勬牱寮� */
- ::v-deep .el-row {
- display: flex;
- flex-wrap: wrap;
- margin-top: .1rem !important;
- }
+.paging ::v-deep .el-pager li {
+ font-size: 0.1rem;
+ width: 0.28rem;
+ height: 0.3rem;
+ line-height: 0.3rem;
+ background-color: #fff;
+ color: #9e9e9e;
+ text-align: center;
+ border: 1px solid #9e9e9e;
+}
- ::v-deep .el-form-item {
- display: flex !important;
- flex-wrap: wrap !important;
- margin-bottom: .18rem !important;
- }
-
- ::v-deep .el-form-item__label {
- font-size: .14rem !important;
- height: .3rem !important;
- display: flex !important;
- align-items: center !important;
- }
-
- ::v-deep .el-input__inner {
- font-size: .14rem !important;
- height: .3rem !important;
- }
-
- ::v-deep .Formbtn {
- width: 100% !important;
- display: flex;
- justify-content: center;
- align-items: center;
-
- .el-button {
- width: .7rem !important;
- height: .3rem !important;
- font-size: .12rem;
-
- }
- }
-
- /* 鈥斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�� */
- /* 宸﹁竟鐨� */
- .boox {
- padding: .1rem .09rem;
- min-height: 2rem !important;
- position: relative;
-
- 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;
-
- }
-
- .toggleButton1 {
- position: absolute;
- bottom: .1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: .14rem !important;
- }
- }
-
- .zhongjianleft {
- margin: .27rem 0 !important;
- }
-
- .laiyuan {
- min-height: 2rem !important;
- }
-
- /* 鈥斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�� */
- ::v-deep .uni-input-placeholder {
- font-size: .14rem;
- height: 100%;
- display: flex;
- align-content: center;
- align-items: center;
- }
-
- ::v-deep .ffff {
- border-radius: .3rem !important;
- height: .36rem !important;
- }
-
- ::v-deep .widget_button {
- border-radius: inherit !important;
- margin-right: .02rem !important;
- background-color: #597AA5;
- }
-
-
-
- /* 鍙充晶 */
- .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:1366px) and (max-width:1920px) {
-
- /* 鎼滅储 */
- .Search {
- margin: .35rem 0 .16rem !important;
- font-size: .12rem !important;
- }
-
- .Search ::v-deep .advancedSea {
- font-size: .12rem !important;
- margin-left: .35rem;
- }
-
- .Search ::v-deep .flex-center {
- height: 80% !important;
- }
-
- .hotSearch {
- font-size: .12rem !important;
- margin-bottom: .19rem !important;
-
- li {
- font-size: .12rem !important;
- margin: 0 .1rem;
- }
- }
-
- .advancedSeaTrue,
- .zhushuju {
- padding: 0 1.24rem !important;
- }
-
- .advancedSeaTrue1 {
- padding: .08rem .19rem !important;
- font-size: .14rem !important;
- }
-
- /* Form缁勪欢閲岄潰鐨勬牱寮� */
- ::v-deep .el-row {
- display: flex;
- flex-wrap: wrap;
- margin-top: .1rem !important;
- }
-
- ::v-deep .el-form-item {
- display: flex !important;
- flex-wrap: wrap !important;
- margin-bottom: .18rem !important;
- }
-
- ::v-deep .el-form-item__label {
- font-size: .14rem !important;
- height: .3rem !important;
- display: flex !important;
- align-items: center !important;
- }
-
- ::v-deep .el-input__inner {
- font-size: .14rem !important;
- height: .3rem !important;
- }
-
- ::v-deep .Formbtn {
- width: 100% !important;
- display: flex;
- justify-content: center;
- align-items: center;
-
- .el-button {
- width: .7rem !important;
- height: .3rem !important;
- font-size: .12rem;
-
- }
- }
-
- /* 鈥斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�� */
- /* 宸﹁竟鐨� */
- .boox {
- padding: .1rem .09rem;
- min-height: 2rem !important;
- position: relative;
-
- ul {
- margin-top: .16rem !important;
- margin-bottom: .2rem !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;
-
- }
-
- .toggleButton1 {
- position: absolute;
- bottom: .1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: .14rem !important;
- }
- }
-
- .zhongjianleft {
- margin: .27rem 0 !important;
- }
-
- .laiyuan {
- min-height: 2rem !important;
- }
-
- /* 鈥斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�� */
- ::v-deep .uni-input-placeholder {
- font-size: .14rem;
- height: 100%;
- display: flex;
- align-content: center;
- align-items: center;
- }
-
- ::v-deep .ffff {
- border-radius: .3rem !important;
- height: .36rem !important;
- }
-
- ::v-deep .widget_button {
- border-radius: inherit !important;
- margin-right: .02rem !important;
- background-color: #597AA5;
- }
-
- /* -------------------- */
+/* -------------- */
/* 鍙充晶 */
- .rightList {
- padding-left: .2rem !important;
+.rightList {
+ padding-left: 0.2rem !important;
- .light {
- padding: .1rem .2rem !important;
- }
+ .light {
+ padding: 0.1rem 0.2rem !important;
+ }
- .lightTop {
- font-size: .14rem !important;
- }
+ .lightTop {
+ font-size: 0.14rem !important;
+ }
- .el-button {
- font-size: .12rem !important;
- padding: .05rem .18rem !important;
- }
+ .el-button {
+ font-size: 0.12rem !important;
+ padding: 0.05rem 0.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;
- }
- }
- }
+ .lightBo {
+ font-size: 0.14rem !important;
- .el-table__body-wrapper {
- .el-table__row {
- height: .46rem !important;
- line-height: .46rem !important;
- .cell{
-
- height: .3rem !important;
- line-height: .3rem !important;
- }
- }
+ .is-leaf {
+ background-color: #c1d3ea !important;
+ color: #2c2c2c !important;
+ font-weight: 400;
- }
- }
- }
+ .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
+ }
+ }
+ }
- * {
- box-sizing: border-box;
- }
+ .el-table__body-wrapper {
+ .el-table__row {
+ height: 0.46rem !important;
+ line-height: 0.46rem !important;
- .hotSearch {
- font-size: .12rem;
- margin-bottom: .19rem;
+ .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
+ }
+ }
+ }
+}
- li {
- font-size: .12rem;
- margin: 0 .1rem;
- }
- }
+@media screen and (min-width: 2560px) and (max-width: 3840px) {
+ /* 鎼滅储 */
+ .Search {
+ margin: 0.35rem 0 0.16rem !important;
+ font-size: 0.12rem !important;
+ }
- .a {
+ .Search ::v-deep .advancedSea {
+ font-size: 0.12rem !important;
+ margin-left: 0.35rem;
+ }
+
+ .Search ::v-deep .flex-center {
+ height: 80% !important;
+ }
+
+ .hotSearch {
+ font-size: 0.12rem !important;
+ margin-bottom: 0.19rem !important;
+
+ li {
+ font-size: 0.12rem !important;
+ margin: 0 0.1rem;
+ }
+ }
+
+ .advancedSeaTrue,
+ .zhushuju {
+ padding: 0 1.24rem !important;
+ }
+
+ .advancedSeaTrue1 {
+ padding: 0.08rem 0.19rem !important;
+ font-size: 0.14rem !important;
+ }
+
+ /* Form缁勪欢閲岄潰鐨勬牱寮� */
+ ::v-deep .el-row {
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: 0.1rem !important;
+ }
+
+ ::v-deep .el-form-item {
+ display: flex !important;
+ flex-wrap: wrap !important;
+ margin-bottom: 0.18rem !important;
+ }
+
+ ::v-deep .el-form-item__label {
+ font-size: 0.14rem !important;
+ height: 0.3rem !important;
+ display: flex !important;
+ align-items: center !important;
+ }
+
+ ::v-deep .el-input__inner {
+ font-size: 0.14rem !important;
+ height: 0.3rem !important;
+ }
+
+ ::v-deep .Formbtn {
+ width: 100% !important;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .el-button {
+ width: 0.7rem !important;
+ height: 0.3rem !important;
+ font-size: 0.12rem;
+ }
+ }
+
+ /* 鈥斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�� */
+ /* 宸﹁竟鐨� */
+ .boox {
+ padding: 0.1rem 0.09rem;
+ min-height: 2rem !important;
+ position: relative;
+
+ ul {
+ margin-top: 0.16rem !important;
+ }
+
+ h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+ }
+
+ li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ }
+
+ .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+ }
+
+ .toggleButton {
+ font-size: 0.14rem !important;
+ }
+ }
+
+ .zhongjianleft {
+ margin: 0.27rem 0 !important;
+ }
+
+ .laiyuan {
+ min-height: 2rem !important;
+ overflow: auto;
+ }
+
+ /* 鈥斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�� */
+ ::v-deep .uni-input-placeholder {
+ font-size: 0.14rem;
+ height: 100%;
+ display: flex;
+ align-content: center;
+ align-items: center;
+ }
+
+ ::v-deep .ffff {
+ border-radius: 0.3rem !important;
+ height: 0.36rem !important;
+ }
+
+ ::v-deep .widget_button {
+ border-radius: inherit !important;
+ margin-right: 0.02rem !important;
+ background-color: #597aa5;
+ }
+
+ /* 鍙充晶 */
+ .rightList {
+ padding-left: 0.2rem !important;
+
+ .light {
+ padding: 0.1rem 0.2rem !important;
+ }
+
+ .lightTop {
+ font-size: 0.14rem !important;
+ }
+
+ .el-button {
+ font-size: 0.12rem !important;
+ padding: 0.05rem 0.18rem !important;
+ }
+
+ .lightBo {
+ font-size: 0.14rem !important;
+
+ .is-leaf {
+ background-color: #c1d3ea !important;
+ color: #2c2c2c !important;
+ font-weight: 400;
+
+ .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;
+ }
+ }
+ }
+ }
+}
+
+@media screen and (min-width: 1366px) and (max-width: 1920px) {
+ /* 鎼滅储 */
+ .Search {
+ margin: 0.35rem 0 0.16rem !important;
+ font-size: 0.12rem !important;
+ }
+
+ .Search ::v-deep .advancedSea {
+ font-size: 0.12rem !important;
+ margin-left: 0.35rem;
+ }
+
+ .Search ::v-deep .flex-center {
+ height: 80% !important;
+ }
+
+ .hotSearch {
+ font-size: 0.12rem !important;
+ margin-bottom: 0.19rem !important;
+
+ li {
+ font-size: 0.12rem !important;
+ margin: 0 0.1rem;
+ }
+ }
+ .advancedSeaTrue1 {
+ border: 1px solid #c1d3ea;
+ }
+ .advancedSeaTrue,
+ .zhushuju {
+ padding: 0 1.24rem !important;
+ }
+
+ .advancedSeaTrue1 {
+ padding: 0.08rem 0.19rem !important;
+ font-size: 0.14rem !important;
+ }
+
+ /* Form缁勪欢閲岄潰鐨勬牱寮� */
+ ::v-deep .el-row {
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: 0.1rem !important;
+ }
+
+ ::v-deep .el-form-item {
+ display: flex !important;
+ flex-wrap: wrap !important;
+ margin-bottom: 0.18rem !important;
+ }
+
+ ::v-deep .el-form-item__label {
+ font-size: 0.14rem !important;
+ height: 0.3rem !important;
+ display: flex !important;
+ align-items: center !important;
+ }
+
+ ::v-deep .el-input__inner {
+ font-size: 0.14rem !important;
+ height: 0.3rem !important;
+ }
+
+ ::v-deep .Formbtn {
+ width: 100% !important;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .el-button {
+ width: 0.7rem !important;
+ height: 0.3rem !important;
+ font-size: 0.12rem;
+ }
+ }
+
+ /* 鈥斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�� */
+ /* 宸﹁竟鐨� */
+ .boox {
+ padding: 0.1rem 0.09rem;
+ min-height: 2rem !important;
+ position: relative;
+
+ ul {
+ margin-top: 0.16rem !important;
+ margin-bottom: 0.2rem !important;
+ }
+
+ h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+ }
+
+ li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ }
+
+ .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+ }
+
+ .toggleButton {
+ font-size: 0.14rem !important;
+ }
+ }
+
+ .zhongjianleft {
+ margin: 0.27rem 0 !important;
+ }
+
+ .laiyuan {
+ min-height: 2rem !important;
+ overflow: auto;
+ }
+
+ /* 鈥斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�斺�� */
+ ::v-deep .uni-input-placeholder {
+ font-size: 0.14rem;
+ height: 100%;
+ display: flex;
+ align-content: center;
+ align-items: center;
+ }
+
+ ::v-deep .ffff {
+ border-radius: 0.3rem !important;
+ height: 0.36rem !important;
+ }
+
+ ::v-deep .widget_button {
+ border-radius: inherit !important;
+ margin-right: 0.02rem !important;
+ background-color: #597aa5;
+ }
+
+ /* -------------------- */
+ /* 鍙充晶 */
+ .rightList {
+ width: 100%;
+ padding-left: 0.2rem !important;
+
+ .light {
+ padding: 0.1rem 0.2rem !important;
+ }
+
+ .lightTop {
+ font-size: 0.14rem !important;
+ }
+
+ .el-button {
+ font-size: 0.12rem !important;
+ padding: 0.05rem 0.18rem !important;
+ }
+
+ .lightBo {
+ font-size: 0.14rem !important;
+
+ .is-leaf {
+ background-color: #c1d3ea !important;
+ color: #2c2c2c !important;
+ font-weight: 400;
+
+ .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;
+ }
+ }
+ }
+ }
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.hotSearch {
+ font-size: 0.12rem;
+ margin-bottom: 0.19rem;
+
+ li {
+ font-size: 0.12rem;
+ margin: 0 0.1rem;
+ &.active {
+ color: #027edc !important;
+ font-weight: bold;
+ }
+ }
+}
+
+/* .a {
height: 2rem;
}
.b {
height: 100px;
- }
+ } */
- .box {
- transition: height 0.3s;
- /* 娣诲姞杩囨浮鏁堟灉 */
- overflow: hidden;
- /* 閬垮厤鍐呭婧㈠嚭 */
+.box {
+ transition: height 0.3s;
+ /* 娣诲姞杩囨浮鏁堟灉 */
+ overflow: hidden;
+ /* 閬垮厤鍐呭婧㈠嚭 */
+}
- }
+/* 宸﹁竟鐨� */
+.boox {
+ width: 100%;
+ padding: 0.1rem 0.09rem;
+ min-height: 2rem !important;
+ position: relative;
+ border: 1px solid #c1d3ea !important;
- .boox {
- padding: .1rem .09rem;
+ ul {
+ margin-top: 0.16rem !important;
+ }
- h3 {
- font-size: .14rem;
- }
- }
+ h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+ }
- ::v-deep .el-table th,
- ::v-deep .el-table td {
- text-align: center;
- }
+ 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;
+ }
- ::v-deep .has-gutter tr>th {
- background-color: #DDE8F6 !important;
- }
-</style>
\ No newline at end of file
+ .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+ }
+
+ .toggleButton {
+ font-size: 0.14rem !important;
+ }
+}
+
+::v-deep .el-table th,
+::v-deep .el-table td {
+ text-align: center;
+}
+</style>
--
Gitblit v1.9.1