1

QYF-GitLab1

2024-07-19 190b39547edafcaf0eb160ba2ca12ef1091c8b35

1

 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;
    }
  }