From d27fbd63d7840787d7f3ca5333b6e24dc3a860d4 Mon Sep 17 00:00:00 2001
From: mh-two-thousand-and-two <17391232786@163.com>
Date: 星期五, 29 三月 2024 18:43:30 +0800
Subject: [PATCH] 第二次提交
---
pages/repository/repository.vue | 513 ++++++++++++++++++++++++++++----------------------------
1 files changed, 258 insertions(+), 255 deletions(-)
diff --git a/pages/repository/repository.vue b/pages/repository/repository.vue
index 981d6ee..8ec7fa5 100644
--- a/pages/repository/repository.vue
+++ b/pages/repository/repository.vue
@@ -1,66 +1,98 @@
<template>
- <view>
- <view class="NavTop flex">
- <view class=""><img src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" /></view>
- <view class="">涓尰鍖诲浜虹墿鐭ヨ瘑搴�</view>
- <view class="NavTopr">
- <img src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" />
- <img src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" />
- <img src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" />
- </view>
- </view>
- <view class="mImage">
- <img src="https://img0.baidu.com/it/u=3838093562,4126749835&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1710522000&t=a986064700deada5ec74d05e02abd8b5"
- alt="" />
- </view>
+ <view class="relative">
+ <headNav />
<view class="Midde flex">
- <view class="MiddeBack">杩斿洖</view>
+ <el-button class="MiddeBack" size="mini" @click="goBack">杩斿洖</el-button>
<view style="width: 70%;" class="flex flex-center flex-column">
- <view class="" style="font-weight: 900;margin-bottom:15rpx ;font-size: 30rpx;">鏉庢椂鐝�</view>
- <ul class="flex" style="line-height: 1.2;">
- <li v-for="item in 3"
- style="font-size: 20rpx; background-color: #fff;color: #415c7a; border: 2rpx solid #415c7a;border-radius: 30rpx;padding: 0 15rpx;margin-right: 10rpx;">
- ssdf</li>
+ <view class="" style="font-weight: bold;font-size: .20rem;">鏉庢椂鐝�</view>
+ <ul class="flex" style="line-height: 1.2;margin: .15rem 0 ;">
+ <li v-for="item in 4"
+ style="background-color: #fff; padding: 0 .08rem ; border: .01rem solid #000;border-radius:.1rem ;font-size: .12rem;text-align: center;margin-right: .15rem;">
+ VSDS</li>
</ul>
- <view class="fz" style="font-size: 20rpx;margin: 20rpx 0;">
- 浜椂鐝�(1518骞�-1593骞�)锛屽瓧:涓滈泤锛屾椂浜鸿皳涔�:浜笢鑴戙�傚彿娓愭箹锛屾櫄骞磋嚜鍙锋箹婀栧北浜猴紝婀栧寳鏂板窞(浠婃箹鍖楃渷榛勫唸甯傛柊鏄ュ幙閰卞窞闀�)浜猴紝姹夋棌锛岀敓骞叉槑姝﹀畻姝ｅ痉鍗佷笁骞�(鍏厓1518骞�)锛屽崚浜庣宕囦竾鍘嗕簩鍗佷簩骞�(鍏厓1593骞�)銆傛槸涓浗鏄庝唬涓庝竾瀵嗗晢榻愬悕鐨勫尰瀛﹀銆佽嵂鐗╁瀹躲�佸崥鐗╁瀹躲�佽憲杩板銆傛潕鏃剁弽瀵归亾瀹跺尰瀛︾殑楂旀壙鏄鏂归潰鐨勶紝鏇惧弬鑰冨巻浠ｆ湁鍏冲尰鑽強鍏跺鏈功绫嶅叓鐧句綑绉嶏紝缁撳悎鑷韩缁忛獙鍜岃皟鏌ョ爺绌讹紝鍘嗘椂27骞寸紪鎴愩�婃湰鑽夌綉鐩�嬩竴涔︼紝鏄垜鍥藉彜浠ｈ嵂鐗╁鐨勬�荤粨鎬у法鑻︼紝鍦ㄥ浗鍐呭鍧囨湁寰堥珮鐨勮瘎浠凤紝宸叉湁鍎跨鏂囧瓧鐨勮瘧鏈垨鑺傝瘧鏈紝鍏惰嫢鏈夈�婃繏鑴夊銆�
+ <view class="fz font-family"
+ style="font-size: .13rem;font-weight: normal;line-height: .2rem;letter-spacing: .03rem;">
+ 鏉庢椂鐝�(1518骞�-1593骞�)锛屽瓧:
+ 涓滅挧锛屾椂浜鸿皳涔�:鏉庝笢鐠с�傚彿婵掓箹锛屾櫄骞磋嚜鍙锋繏婀栧北浜猴紝婀栧寳钖窞(浠婃箹鍖楃渷榛勫唸甯傝柂鏄ュ幙钖窞闀�)浜猴紝姹夋棌锛岀敓浜庢槑姝﹀畻姝ｅ痉鍗佷笁骞�(鍏厓1518骞�)锛屽崚浜庣瀹椾竾鍘嗕簩鍗佷簩骞�(鍏厓1593骞�)銆傛槸涓浗鏄庝唬涓庝竾瀵嗘枊榻愬悕鐨勫尰瀛﹀銆佽嵂鐗╁瀹躲�佸崥鐗╁瀹躲�佽憲杩板銆傛潕鏃剁弽瀵归亾瀹跺尰瀛︾殑缁ф壙鏄鏂归潰鐨勶紝鏇惧弬鑰冨巻浠ｆ湁鍏冲尰鑽強鍏跺鏈功绫嶅叓鐧句綑绉嶏紝缁撳悎鑷韩缁忛獙鍜岃皟鏌ョ爺绌讹紝鍘嗘椂27骞寸紪鎴愩�婃湰鑽夌翰鐩�嬩竴涔︼紝鏄垜鍥藉彜浠ｈ嵂鐗╁鐨勬�荤粨鎬у法钁楋紝鍦ㄥ浗鍐呭鍧囨湁寰堥珮鐨勮瘎浠凤紝宸叉湁鍑犵鏂囧瓧鐨勮瘧鏈垨鑺傝瘧鏈紝鍏惰憲鏈夈�婃繏婀栬剦瀛︺��
</view>
- <view class="flex" style="width: 100%;">
+ <view class="flex" style="width: 100%;margin: .25rem 0 .15rem 0;">
<view class="">
- <el-button style="padding: 10rpx;" size="mini" icon="el-icon-folder-add">鏀惰棌</el-button>
- <el-button style="padding: 10rpx;" size="mini" icon="el-icon-set-up">寮曠敤</el-button>
+ <!-- <el-button style="padding: 10rpx;" size="mini" icon="el-icon-folder-add">鏀惰棌</el-button> -->
+ <el-button style="padding: .05rem .085rem;" size="mini" icon="el-icon-set-up">寮曠敤</el-button>
</view>
- <view class="" style="font-size: 20rpx;">闃呰鏇村></view>
+ <view class="" style="font-size: .12rem;color: #244A7B;">闃呰鏇村></view>
</view>
</view>
<view class="" style="width: 5%;"></view>
</view>
- <el-row style="padding: 30rpx 30rpx 0; ">
+ <el-row style="padding: 0 1.2rem 0;padding-top: .24rem;">
<!-- 宸︿晶 -->
- <el-col :span="6">
+ <el-col :span="5" style="padding-right: .2rem;width: 2.8rem;">
<div class="grid-content bg-purple-dark flex flex-column">
- <el-card class="box-card" style="width: 100%;">
- <div class="clearfix" style="font-weight: 700;">
- <span>鍏崇郴鍥捐氨</span>
+ <el-card class="box-card" style="width: 100%;height: 2.06rem;">
+ <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
+ <span style="margin-left: .12rem;">鍏崇郴鍥捐氨</span>
<el-button icon="el-icon-rank" style="float: right; padding: 3px 0" type="text"></el-button>
</div>
- <view id="relation" style="height: 200rpx;width: 100%;"></view>
+ <view id="relation" style="height: 1.51rem;width: 100%;"></view>
</el-card>
- <el-card class="box-card" style="width: 100%; margin: 20rpx 0;">
- <div class="clearfix" style="font-weight: 700;">
+ <el-card class="box-card" style="width: 100%;height: 2.06rem; margin: .26rem 0;">
+ <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
<span>鏃剁┖鍦伴搧</span>
<el-button icon="el-icon-rank" style="float: right; padding: 3px 0" type="text"></el-button>
</div>
<view id="spaceTime" style="height: 300rpx;width: 100%;position: relative;"></view>
- <view class=""
- style="line-height: 1.65; margin-top: 10rpx; background-color: #e9e9e9;padding-left: 10rpx;font-size: 20rpx;">
- <view class="" style="padding-top: 10rpx ;font-weight: 800;">鏉ユ簮</view>
- <view class="">1.銆婃槑鍙猜峰嵎浜岀櫨涔濆崄涔澛峰垪浣滃搧. p52</view>
- <view class="">2.銆婅繘(鏈崏绾茬洰)鐤忋�� p52</view>
+ </el-card>
+ <el-card style="width: 100%;height: 2.06rem;">
+ <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
+ <span>鏉ユ簮</span>
+ </div>
+ <ul class="font-family" style="height: 300rpx;font-size: .12rem;line-height: .3rem;">
+ <li>1.銆婃槑鍙猜峰嵎浜岀櫨涔濆崄涔澛峰垪浣滃搧. p52</li>
+ <li>2.銆婅繘(鏈崏绾茬洰)鐤忋�� p52</li>
+ </ul>
+ </el-card>
+ </div>
+ </el-col>
+ <!-- 鍙充晶 -->
+ <el-col :span="18" class="BoxRight">
+ <div class="grid-content bg-purple-dark" style="width: 100%;">
+ <el-card class="box-card" style="padding: 0;">
+ <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
+ <span>鍩虹淇℃伅</span>
+ </div>
+ <!-- 鍩虹淇℃伅 -->
+ <cc-defineTable :tableData="tableArr"></cc-defineTable>
+ </el-card>
+ <el-card class="box-card" style=" min-height: 1.91rem; margin: 20rpx 0;">
+ <el-tabs ref="tabs" v-model="activeName" @tab-click="handleClick">
+ <el-tab-pane label="浠ｈ〃钁椾綔" data-id="1" name="representative">
+ <Table1 :data="tableData" :columns="tableColumns" />
+ </el-tab-pane>
+ <el-tab-pane label="浜插睘鍏崇郴" data-id="2" name="family ">
+ 浜插睘鍏崇郴
+ </el-tab-pane>
+ <el-tab-pane label="甯堟壙鍏崇郴" data-id="3" name="mentoring ">甯堟壙鍏崇郴</el-tab-pane>
+ <el-tab-pane label="绀句細鍏崇郴" data-id="4" name="society">绀句細鍏崇郴</el-tab-pane>
+ <el-tab-pane label="娲诲姩骞磋氨" data-id="5" name="activity">娲诲姩骞磋氨</el-tab-pane>
+ </el-tabs>
+
+ </el-card>
+ <el-card style=" margin-bottom: .2rem ;">
+ <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
+ <span>鐩稿叧闄勮〃/鍥惧儚</span>
+ </div>
+ <view class="flex">
+ <el-image v-for="item in 4" :key="item" style="width: 2.05rem; height: 1.4rem"
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+ fit="fill"></el-image>
</view>
</el-card>
- <el-card class="box-card" style="width: 100%; line-height: 1.18;font-size: 21.5rpx;">
- <ul>
+ <el-card class="box-card">
+ <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
+ <span>鐩稿叧闄勮〃/鍥惧儚</span>
+ </div>
+ <ul class="font-family" style="font-size: .12rem;line-height: 2;">
<li>
[1|鍒樼倻,璋㈣搲,寮犵,绛�.鍚戜汉鏂囩爺绌剁殑鍥藉鏁版嵁鍩虹璁炬柦寤鸿[J|.涓浗鍥句功棣嗗鎶�,2016,42(5):29-39.
</li>
@@ -80,48 +112,32 @@
</el-card>
</div>
</el-col>
- <!-- 鍙充晶 -->
- <el-col :span="18" style="padding-left: 20rpx;">
- <div class="grid-content bg-purple-dark">
- <el-card class="box-card">
- <div class="clearfix" style="font-weight: 700;">
- <span>鍏崇郴鍥捐氨</span>
- </div>
- <!-- 鍩虹淇℃伅 -->
- <cc-defineTable :tableData="tableArr"></cc-defineTable>
- </el-card>
- <el-card class="box-card" style=" height: 270rpx; margin: 20rpx 0;">
- <el-tabs v-model="activeName" @tab-click="handleClick">
- <el-tab-pane label="浠ｈ〃钁椾綔" name="representative">
- <Table1 :data="tableData" :columns="tableColumns" />
- </el-tab-pane>
- <el-tab-pane label="浜插睘鍏崇郴" name="family ">
- 浜插睘鍏崇郴
- </el-tab-pane>
- <el-tab-pane label="甯堟壙鍏崇郴" name="mentoring ">甯堟壙鍏崇郴</el-tab-pane>
- <el-tab-pane label="绀句細鍏崇郴" name="society">绀句細鍏崇郴</el-tab-pane>
- <el-tab-pane label="娲诲姩骞磋氨" name="activity">娲诲姩骞磋氨</el-tab-pane>
- </el-tabs>
- </el-card>
- <el-card style=" margin-bottom: 20rpx ;">
- <div class="clearfix" style="font-weight: 700;">
- <span>鍏崇郴鍥捐氨</span>
- </div>
- <view class="flex">
- <el-image v-for="item in 4" :key="item" style="width: 20%; height: 130rpx"
- src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
- fit="fill"></el-image>
- </view>
- </el-card>
- <el-card>
- <div class="clearfix" style="font-weight: 700;">
- <span>鐩稿叧闄勮〃/鍥惧儚</span>
- </div>
- <Table1 :data="tableData" :columns="tableColumns" />
- </el-card>
- </div>
- </el-col>
</el-row>
+
+ <!-- 涓汉灏忎紶 -->
+ <el-dialog :visible.sync="isProfile">
+ <view class="ProfileNav flex flex-center">
+ 涓汉灏忎紶
+ </view>
+ <view class="" style="padding: .44rem .3rem;min-height: 7.32rem;" >
+ <view class="" style="margin-bottom: .2rem; background-color: #F0F0F0;padding: .18rem .1rem .1rem .27rem;font-size: .12rem;line-height: .24rem;font-weight: 400;">
+ <view class="" style="color: #2C2C2C;">
+ 钑欏睍涓佷笐鍚岄噷鏃ュ博棰濆簭鍏堣�冩湀姹犵縼钁椼�婂洓褰吀鏄庛�嬪叓鍗凤紝鐨嗙簿鎸囧ゥ瀹わ紝鑼傜妧鏈兘鐤�狅紝鐝嶅洜鎾补鎯宠彍锛屽兊鎾版鍞愶紝浠ヤ究鏅虹潧锛屾湇鎸囧崡銆備笘涔嬮浄鐥呴洦瀹讹紝鍜镐互鏈嶇剦棣栧姟锛屼笉鐭ユ淳涔冨洓鑳戒箣鏈紝璋撲箣宸ц�呴洦銆備笂澹鑸嶅叾鍏紝闈炲洓涓嶅彲銆�
+ </view>
+ <view class="flex">
+ <view class=""></view>
+ <view class="" style="font-weight: 700;color: #2C2C2C;">鈥斺�斻�婂鍏湇鑰冦�婸 3</view>
+ </view>
+ </view>
+ </view>
+ </el-dialog>
+
+
+
+ <!-- 杩斿洖椤堕儴 -->
+ <el-col style="position: absolute;bottom: 1.44rem;left:1.20rem ;">
+ <el-button icon="el-icon-download" circle @click="scrollToTop"></el-button>
+ </el-col>
</view>
</template>
@@ -138,6 +154,7 @@
},
data() {
return {
+ isProfile: true,
// 鍏崇郴鍥捐氨
activeName: 'representative',
// 鍩虹淇℃伅
@@ -226,33 +243,105 @@
category: '涓尰瀛�',
id: 1
- }, {
- worksName: '鏈崏绾茬洰',
- works: '鏉庝簩鐗�',
- literature: '浣滆��',
- epoch: '鐜颁唬',
- category: '涓尰瀛�',
- id: 1
-
}]
}
},
mounted() {
+
// 鍏崇郴鍥捐氨
this.relation()
// 鏃剁┖鍦板浘
loadBMap('5USVDAhhS4ssz44HLq3gNPZai7naXf4Q').then(() => {
this.spaceTime()
})
+ this.$nextTick(() => {
+ // 鑾峰彇绗竴涓�夐」鍗＄殑 DOM 鍏冪礌
+ const firstTab = this.$refs.tabs.$el.querySelector('.el-tabs__active-bar');
+ firstTab.style.transform = 'translateX(' + '-20px' + ')'
+ console.log(firstTab);
+ });
},
methods: {
- handleClick(tab, event) {
- console.log(tab, event);
+ // 杩斿洖涓婁竴椤�
+ goBack() {
+ uni.navigateBack();
+ },
+ // 杩斿洖椤堕儴
+ scrollToTop() {
+ console.log('ss');
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth" // 浣跨敤骞虫粦婊氬姩
+ });
+ },
+ handleClick(tab) {
+ let index = tab.$attrs['data-id'] - 1
+ this.$nextTick(() => {
+ if (index != 0) {
+ let firstTab = this.$refs.tabs.$el.querySelector('.el-tabs__active-bar');
+ firstTab.style.transform = 'translateX(' + 100 * index + 'px)'
+ } else {
+ let firstTab = this.$refs.tabs.$el.querySelector('.el-tabs__active-bar');
+ firstTab.style.transform = 'translateX(' + '-20' + 'px)'
+ }
+ // console.log(firstTab);
+ })
},
// 鍏崇郴鍥捐氨
relation() {
var chartDom = document.getElementById('relation');
var myChart = echarts.init(chartDom);
+ // 鍋囪鎮ㄦ湁鑺傜偣鍚嶇О鍜屽畠浠箣闂寸殑鍏崇郴鏁版嵁
+ var nodes = ['鏉庢椂鐝�', '鎴愬氨', '浼犳壙', '浜插弸', '钁椾綔'];
+ var relationships = [{
+ source: '鏉庢椂鐝�',
+ target: '鎴愬氨'
+ },
+ {
+ source: '鏉庢椂鐝�',
+ target: '浼犳壙'
+ },
+ {
+ source: '鏉庢椂鐝�',
+ target: '浜插弸'
+ },
+ {
+ source: '鏉庢椂鐝�',
+ target: '钁椾綔'
+ },
+ // 鍏朵粬鍏崇郴...
+ ];
+
+ // 鏍规嵁鍏崇郴鏁版嵁鐢熸垚杩炴帴绾�
+ var links = [];
+ relationships.forEach(function(relationship) {
+ var sourceIndex = nodes.indexOf(relationship.source);
+ var targetIndex = nodes.indexOf(relationship.target);
+ if (sourceIndex !== -1 && targetIndex !== -1) {
+ links.push({
+ source: sourceIndex,
+ target: targetIndex
+ });
+ }
+
+ });
+ console.log(links);
+ // 鏍规嵁nodes鍔ㄦ�佺敓鎴愯妭鐐规暟鎹�
+ var nodeData = nodes.map(function(node, index) {
+ return {
+ name: node,
+ x: Math.random() * 1000, // 璁剧疆闅忔満x鍧愭爣浣嶇疆
+ y: Math.random() * 600, // 璁剧疆闅忔満y鍧愭爣浣嶇疆
+ itemStyle: {
+ color: getColorByIndex(index) // 鍙互鏍规嵁绱㈠紩璁剧疆涓嶅悓鐨勯鑹�
+ }
+ };
+ });
+ // 璁剧疆棰滆壊
+ function getColorByIndex(index) {
+ var colors = ['#ecf4ff', '#dd9795', '#f1edbe', '#ecf4ff', '#c5dbd8']; // 鍙互鏍规嵁瀹為檯鎯呭喌璁剧疆棰滆壊鏁扮粍
+ return colors[index % colors.length];
+ }
var option;
option = {
tooltip: {},
@@ -261,50 +350,17 @@
series: [{
type: 'graph',
layout: 'none',
- symbolSize: 50,
- // roam: true,
+ symbolSize: 40, // 璋冩暣鑺傜偣澶у皬
label: {
- show: true
+ show: true,
+ color: 'black' // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
},
edgeSymbol: ['circle'],
edgeSymbolSize: [4, 10],
edgeLabel: {
fontSize: 20
},
- data: [{
- name: 'Node 1',
- x: 300,
- y: 300,
- itemStyle: {
- color: 'yellow' // 鑺傜偣鑳屾櫙鑹蹭负榛勮壊
- }
- },
- {
- name: 'Node 2',
- x: 800,
- y: 300,
- itemStyle: {
- color: 'red' // 鑺傜偣鑳屾櫙鑹蹭负榛勮壊
- }
- },
- {
- name: 'Node 3',
- x: 550,
- y: 100,
- itemStyle: {
- color: 'blue' // 鑺傜偣鑳屾櫙鑹蹭负榛勮壊
- }
- },
- {
- name: 'Node 4',
- x: 550,
- y: 500,
- itemStyle: {
- color: 'green' // 鑺傜偣鑳屾櫙鑹蹭负缁胯壊
- }
- }
- ],
- // links: [],
+ data: nodeData,
links: [{
source: 0,
target: 1,
@@ -339,11 +395,12 @@
}]
};
+ // 灏嗙敓鎴愮殑杩炴帴绾挎坊鍔犲埌echarts鍥捐〃鐨刼ption涓�
+ option.series[0].links = links;
option && myChart.setOption(option);
},
// 鏃剁┖鍦板浘
spaceTime() {
-
var chartDom = document.getElementById('spaceTime');
var myChart = echarts.init(chartDom);
var option;
@@ -351,38 +408,6 @@
const data = [{
name: '娴烽棬',
value: 9
- },
- {
- name: '閯傚皵澶氭柉',
- value: 12
- },
- {
- name: '鎷涜繙',
- value: 12
- },
- {
- name: '鑸熷北',
- value: 12
- },
- {
- name: '榻愰綈鍝堝皵',
- value: 14
- },
- {
- name: '鐩愬煄',
- value: 15
- },
- {
- name: '璧ゅ嘲',
- value: 16
- },
- {
- name: '闈掑矝',
- value: 18
- },
- {
- name: '涔冲北',
- value: 18
},
{
name: '閲戞槍',
@@ -421,35 +446,6 @@
娴烽棬: [121.15, 31.89],
閯傚皵澶氭柉: [109.781327, 39.608266],
鎷涜繙: [120.38, 37.35],
- 鑸熷北: [122.207216, 29.985295],
- 涔岄瞾鏈ㄩ綈: [87.68, 43.77],
- 鏋ｅ簞: [117.57, 34.86],
- 鏉窞: [120.19, 30.26],
- 娣勫崥: [118.05, 36.78],
- 闉嶅北: [122.85, 41.12],
- 婧ч槼: [119.48, 31.43],
- 搴撳皵鍕�: [86.06, 41.68],
- 瀹夐槼: [114.35, 36.1],
- 寮�灏�: [114.35, 34.79],
- 娴庡崡: [117, 36.65],
- 寰烽槼: [104.37, 31.13],
- 娓╁窞: [120.65, 28.01],
- 涔濇睙: [115.97, 29.71],
- 閭兏: [114.47, 36.6],
- 涓村畨: [119.72, 30.23],
- 鍏板窞: [103.73, 36.03],
- 娌у窞: [116.83, 38.33],
- 涓存矀: [118.35, 35.05],
- 鍗楀厖: [106.110698, 30.837793],
- 澶╂触: [117.2, 39.13],
- 瀵岄槼: [119.95, 30.07],
- 娉板畨: [117.13, 36.18],
- 璇告毃: [120.23, 29.71],
- 閮戝窞: [113.65, 34.76],
- 鍝堝皵婊�: [126.63, 45.75],
- 鑱婂煄: [115.97, 36.45],
- 鑺滄箹: [118.38, 31.33],
- 鍞愬北: [118.02, 39.63],
骞抽《灞�: [113.29, 33.75],
閭㈠彴: [114.48, 37.05],
寰峰窞: [116.29, 37.45],
@@ -495,7 +491,7 @@
},
bmap: {
center: [104.114129, 37.550339],
- zoom: 5,
+ zoom: 1,
roam: true,
mapStyle: {
styleJson: [{
@@ -510,62 +506,6 @@
elementType: 'all',
stylers: {
color: '#f3f3f3'
- }
- },
- {
- featureType: 'railway',
- elementType: 'all',
- stylers: {
- visibility: 'off'
- }
- },
- {
- featureType: 'highway',
- elementType: 'all',
- stylers: {
- color: '#fdfdfd'
- }
- },
- {
- featureType: 'highway',
- elementType: 'labels',
- stylers: {
- visibility: 'off'
- }
- },
- {
- featureType: 'arterial',
- elementType: 'geometry',
- stylers: {
- color: '#fefefe'
- }
- },
- {
- featureType: 'arterial',
- elementType: 'geometry.fill',
- stylers: {
- color: '#fefefe'
- }
- },
- {
- featureType: 'poi',
- elementType: 'all',
- stylers: {
- visibility: 'off'
- }
- },
- {
- featureType: 'green',
- elementType: 'all',
- stylers: {
- visibility: 'off'
- }
- },
- {
- featureType: 'subway',
- elementType: 'all',
- stylers: {
- visibility: 'off'
}
},
{
@@ -676,6 +616,7 @@
]
};
+
option && myChart.setOption(option);
},
@@ -685,6 +626,31 @@
</script>
<style>
+ /* 涓汉灏忎紶 ------------------*/
+ ::v-deep .el-dialog__header {
+ display: none;
+ }
+
+ ::v-deep .el-dialog__body {
+ padding: 0;
+ }
+ ::v-deep .el-dialog__wrapper{
+ z-index: 999999999999999 !important;
+ }
+
+ .ProfileNav {
+ width: 100%;
+ height: 0.7rem;
+ background: url(@/static/image/ProfileBg.png);
+ background-size: 100% 100%;
+ font-size: .24rem;
+ color: #2C2C2C;
+ font-weight: bold;
+ }
+
+ /* ------------------- */
+
+
img {
width: 100%;
height: 100%;
@@ -724,29 +690,34 @@
.Midde {
background-color: #dbeafd;
color: #000;
- padding: 5rpx 40rpx 0;
+ /* padding: 5rpx 40rpx 0; */
+ padding: .24rem .18rem;
align-items: flex-start;
view {
color: #000;
}
-
+ .MiddeBack {
+ width: 0.6rem;
+ height: 0.24rem;
+ }
}
.fz {
- line-height: 1.3;
+ /* line-height: 1.3;
height: 100rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
- -webkit-box-orient: vertical;
+ -webkit-box-orient: vertical; */
+ color: #2C2C2C;
}
::v-deep .el-card__body {
- padding: 10rpx !important;
+ padding: .1rem !important;
}
/* echart鍦板浘姘村嵃 */
@@ -762,17 +733,49 @@
background-color: transparent;
}
+ ::v-deep .el-tabs__nav {
+ margin-bottom: .2rem !important;
+
+ }
+
::v-deep .el-tabs__nav-scroll {
display: flex;
justify-content: center;
}
::v-deep .el-tabs__item {
- font-size: 20rpx;
+ width: 1rem;
+ font-size: .14rem;
line-height: 40rpx;
height: 40rpx;
}
- ::v-deep .el-tabs__header{
+
+ ::v-deep .el-tabs__header {
margin: 0 0 10rpx;
}
+
+ ::v-deep .el-tabs__active-bar {
+ /* 璁剧疆婊氬姩鏉″搴� */
+ width: 1rem !important;
+ height: .03rem !important;
+ background-color: #597AA5;
+ transform: translateX(-20px);
+ /* margin-top: .09rem; */
+ }
+
+ ::v-deep .el-tabs__active-bar {
+ top: .3rem !important;
+ }
+
+ ::v-deep .el-table::before {
+ background-color: #fff !important;
+ }
+
+ .BoxRight ::v-deep.el-card__body {
+ padding: .2rem .14rem !important;
+ }
+
+ .BoxRight .box-card {
+ margin-bottom: .2rem !important;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1