From 190b39547edafcaf0eb160ba2ca12ef1091c8b35 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期五, 19 七月 2024 18:34:45 +0800
Subject: [PATCH] 1
---
src/pages/academicSchools/index.vue | 56 +++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 39 insertions(+), 17 deletions(-)
diff --git a/src/pages/academicSchools/index.vue b/src/pages/academicSchools/index.vue
index 09176a4..0780a69 100644
--- a/src/pages/academicSchools/index.vue
+++ b/src/pages/academicSchools/index.vue
@@ -47,6 +47,20 @@
>
鏆傛棤鐩稿叧鏁版嵁
</div>
+ <div
+ v-if="loading"
+ v-loading="loading"
+ style="
+ position: absolute;
+ top: 30%;
+ left: 0;
+ right: 0;
+ text-align: center;
+ font-size: 0.2rem;
+ color: #666;
+ "
+ >
+ </div>
</div>
<div id="customDialog" class="customDialog">
<div class="title">
@@ -293,7 +307,11 @@
parentName: parent?.NAME[0]?.content1 ?? parent.parentName,
name2: personInfo?.NAME[0]?.content1,
category: type,
+ symbolSize: order,
};
+ if (order > 80) {
+ order = 80;
+ }
if (str == "literatureList") {
obj.relationTypeName = ele.literatureName;
}
@@ -308,7 +326,7 @@
}
newArr.push(obj);
if (ele["kinList"] && ele["kinList"]?.length) {
- order++;
+ order += 15;
this.getPersonInfo(
ele["kinList"],
"kinList",
@@ -319,7 +337,7 @@
);
}
if (ele["teacherStudentList"] && ele["teacherStudentList"]?.length) {
- order++;
+ order += 15;
this.getPersonInfo(
ele["teacherStudentList"],
"teacherStudentList",
@@ -334,7 +352,7 @@
ele["literatureList"],
"literatureList"
);
- order++;
+ order += 15;
this.getPersonInfo(
data,
"literatureList",
@@ -347,7 +365,7 @@
if (ele["socialList"] && ele["socialList"]?.length) {
const data = this.changeLiterature(ele["socialList"], "socialList");
- order++;
+ order += 15;
this.getPersonInfo(
data,
"socialList",
@@ -359,12 +377,12 @@
}
if (ele["placeList"] && ele["placeList"]?.length) {
const data = this.changeLiterature(ele["placeList"], "placeList");
- order++;
+ order += 15;
this.getPersonInfo(data, "placeList", newArr, order, 4, personInfo);
}
if (ele["schoolList"] && ele["schoolList"]?.length) {
const data = this.changeLiterature(ele["schoolList"], "schoolList");
- order++;
+ order += 15;
this.getPersonInfo(
data,
"schoolList",
@@ -645,13 +663,13 @@
var nodeData = nodes;
var option;
option = {
- backgroundColor: {
- type: "image",
- image: "/static/image/characterRelationBg.png",
- size: "100% 100%", // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱�
- position: "center center", // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
- },
- tooltip: {},
+ // backgroundColor: {
+ // type: "image",
+ // image: "/static/image/characterRelationBg.png",
+ // size: "100% 100%", // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱�
+ // position: "center center", // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
+ // },
+ // tooltip: {},
legend: [
{
left: 20,
@@ -665,7 +683,7 @@
series: [
{
type: "graph",
- legendHoverLink: true,
+ legendHoverLink: false,
layout: "force",
symbolSize: 15,
data: nodeData,
@@ -834,10 +852,14 @@
</script>
<style>
-#relatio {
+#relation {
width: 100%;
height: 100%;
position: relative;
+ background-image: url('../../static/image/characterRelationBg.png');
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ background-position: center;
}
.customDialog {
@@ -923,8 +945,8 @@
color: #244a7b;
margin: 0 0.1rem;
color: #244a7b;
- &.active{
- color: #027EDC;
+ &.active {
+ color: #027edc;
font-weight: bold;
}
}
--
Gitblit v1.9.1