From 150afd25f2893e63f12111e904420fa5c254f28a Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 19 七月 2024 18:13:22 +0800
Subject: [PATCH] 1

---
 src/pages/academicSchools/index.vue |  604 ++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 428 insertions(+), 176 deletions(-)

diff --git a/src/pages/academicSchools/index.vue b/src/pages/academicSchools/index.vue
index a37812d..303a67c 100644
--- a/src/pages/academicSchools/index.vue
+++ b/src/pages/academicSchools/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <view style="width: 100%; height: 100%; display: flex; flex-direction: column;">
+  <view
+    style="width: 100%; height: 100%; display: flex; flex-direction: column"
+  >
     <headNav :idIndex="'6'" text="瀛︽湳娴佹淳" />
     <!-- 楂樼骇鎼滅储 -->
     <view style="margin-top: 0.1rem">
@@ -46,6 +48,20 @@
         鏆傛棤鐩稿叧鏁版嵁
       </div>
     </div>
+    <div id="customDialog" class="customDialog">
+      <div class="title">
+        <span>{{ detailData.name }}</span>
+        <span @click="closeDom">鍏抽棴</span>
+      </div>
+      <div class="content">
+        <p>濮撳悕锛歿{ detailData.name }}</p>
+        <p>鍒悕锛歿{ detailData.alias }}</p>
+        <p>绫嶈疮锛歿{ detailData.nativePlace }}</p>
+        <p>鍖诲鍒嗙锛� {{ detailData.medicalBranch }}</p>
+        <p>灏忎紶锛歿{ detailData.biography }}</p>
+      </div>
+      <div class="btn" @click="spaceTimeArr(detailData.id)">鏌ョ湅鏇村>>></div>
+    </div>
   </view>
 </template>
 
@@ -53,7 +69,7 @@
 import {
   getPersonData,
   getHotSearch,
-  getPDataStatistics
+  getPDataStatistics,
 } from "@/api/index.js";
 import * as echarts from "echarts";
 export default {
@@ -73,19 +89,19 @@
             type: "input",
             label: "濮撳悕",
             name: "name",
-            value: ""
+            value: "",
           },
           {
             type: "input",
             label: "鍒悕",
             name: "alias",
-            value: ""
+            value: "",
           },
           {
             type: "input",
             label: "绫嶈疮",
             name: "location",
-            value: ""
+            value: "",
           },
           {
             type: "select",
@@ -95,15 +111,15 @@
             options: [
               {
                 label: "鏈寚鏄�",
-                value: "UNKNOWN"
-              }
-            ]
+                value: "UNKNOWN",
+              },
+            ],
           },
           {
             type: "input",
             label: "瀹樿亴",
             name: "office",
-            value: ""
+            value: "",
           },
           {
             type: "select",
@@ -113,43 +129,43 @@
             options: [
               {
                 label: "鏈寚鏄�",
-                value: "UNKNOWN"
+                value: "UNKNOWN",
               },
               {
                 label: "鐢�",
-                value: "MALE"
+                value: "MALE",
               },
               {
                 label: "濂�",
-                value: "WOMAN"
-              }
-            ]
+                value: "WOMAN",
+              },
+            ],
           },
           {
             type: "input",
             label: "鏃舵湡",
             name: "period",
-            value: ""
+            value: "",
           },
           {
             type: "input",
             label: "鏈烘瀯",
             name: "inst",
-            value: ""
+            value: "",
           },
           {
             type: "number",
             label: "椤电爜",
             name: "page",
-            value: ""
+            value: "",
           },
           {
             type: "number",
             label: "椤靛ぇ灏�",
             name: "pageSize",
-            value: ""
-          }
-        ]
+            value: "",
+          },
+        ],
       },
       // 涓嬮潰鐨勬湞浠�1
       dynastyColor: 1,
@@ -158,79 +174,79 @@
         {
           name: "澶忔湞",
           coord: "2070BC",
-          id: 1
+          id: 1,
         },
         {
           name: "鍟嗘湞",
           id: 2,
-          coord: "1600BC"
+          coord: "1600BC",
         },
         {
           name: "瑗垮懆",
           id: 3,
-          coord: "1600BC"
+          coord: "1600BC",
         },
         {
           name: "鏄ョ鎴樺浗",
           id: 4,
-          coord: "770BC"
+          coord: "770BC",
         },
         {
           name: "绉︽湞",
           id: 5,
-          coord: "221BC"
+          coord: "221BC",
         },
         {
           name: "姹夋湞",
           id: 6,
-          coord: "202BC"
+          coord: "202BC",
         },
         {
           name: "涓夊浗涓ゆ檵鍗楀寳鏈�",
           id: 7,
-          coord: "184"
+          coord: "184",
         },
         {
           name: "闅嬫湞",
           id: 8,
-          coord: "581"
+          coord: "581",
         },
         {
           name: "鍞愭湞",
           id: 9,
-          coord: "618"
+          coord: "618",
         },
         {
           name: "浜斾唬鍗佸浗",
           id: 10,
-          coord: "907"
+          coord: "907",
         },
         {
           name: "杈藉閲�",
           id: 11,
-          coord: "907"
+          coord: "907",
         },
         {
           name: "瀹嬫湞",
           id: 12,
-          coord: "960"
+          coord: "960",
         },
         {
           name: "鍏冩湞",
           id: 13,
-          coord: "1271"
+          coord: "1271",
         },
 
         {
           name: "鏄庢湞",
           id: 14,
-          coord: "1368"
+          coord: "1368",
         },
         {
           name: "娓呮湞",
           id: 15,
-          coord: "1636"
-        }
+          coord: "1636",
+        },
       ],
       // 鐑棬鎼滅储
       hotKeyList: [],
@@ -240,8 +256,13 @@
       categories: [],
       // 浜虹墿淇℃伅
       infoOfPersons: [],
+      // 瀛︽湳娴佹淳
+      infoOfSchools: [],
       // 褰撳墠浜虹墿淇℃伅
-      ownInfo: null
+      ownInfo: null,
+      detailData: {
+        name: "",
+      },
     };
   },
   mounted() {
@@ -256,27 +277,131 @@
     this.searchKey = options.keyword;
   },
   methods: {
-    getPersonInfo(arr, str, newArr, order, type) {
+    // 鑾峰彇浜虹墿鍏崇郴
+    getPersonInfo(arr, str, newArr, order, type, parent) {
       for (let i = 0; i < arr.length; i++) {
         const ele = arr[i];
         const personInfo = this.infoOfPersons.find(
           (item) => item.id == ele.personId
         );
-        const obj = {
-          personId: ele.personId,
-          id1: this.ownInfo.id,
-          id2: personInfo.id,
-          relationTypeId: ele.relationTypeId,
-          relationTypeName: ele.relationTypeName,
-          name1: this.ownInfo?.NAME[0]?.content1,
-          name2: personInfo?.NAME[0]?.content1,
-          category: type
-        };
-        newArr.push(obj);
-        if (ele[str] && ele[str]?.length) {
-          this.getPersonInfo(ele[str], "kinList", newArr, 2, type);
+        if (personInfo?.id) {
+          const obj = {
+            personId: ele.personId,
+            parentId: parent.id,
+            id2: personInfo.id,
+            relationTypeName: ele.relationTypeName,
+            parentName: parent?.NAME[0]?.content1 ?? parent.parentName,
+            name2: personInfo?.NAME[0]?.content1,
+            category: type,
+          };
+          if (str == "literatureList") {
+            obj.relationTypeName = ele.literatureName;
+          }
+          if (str == "schoolList") {
+            const nameData = this.infoOfSchools?.find(
+              (i) => i.schoolId == ele.schoolId
+            );
+            obj.relationTypeName = nameData?.name[0];
+          }
+          if (str == "placeList") {
+            obj.relationTypeName = ele.ancientName ?? ele.currentName;
+          }
+          newArr.push(obj);
+          if (ele["kinList"] && ele["kinList"]?.length) {
+            order++;
+            this.getPersonInfo(
+              ele["kinList"],
+              "kinList",
+              newArr,
+              order,
+              0,
+              personInfo
+            );
+          }
+          if (ele["teacherStudentList"] && ele["teacherStudentList"]?.length) {
+            order++;
+            this.getPersonInfo(
+              ele["teacherStudentList"],
+              "teacherStudentList",
+              newArr,
+              order,
+              1,
+              personInfo
+            );
+          }
+          if (ele["literatureList"] && ele["literatureList"]?.length) {
+            const data = this.changeLiterature(
+              ele["literatureList"],
+              "literatureList"
+            );
+            order++;
+            this.getPersonInfo(
+              data,
+              "literatureList",
+              newArr,
+              order,
+              2,
+              personInfo
+            );
+          }
+
+          if (ele["socialList"] && ele["socialList"]?.length) {
+            const data = this.changeLiterature(ele["socialList"], "socialList");
+            order++;
+            this.getPersonInfo(
+              data,
+              "socialList",
+              newArr,
+              order,
+              3,
+              personInfo
+            );
+          }
+          if (ele["placeList"] && ele["placeList"]?.length) {
+            const data = this.changeLiterature(ele["placeList"], "placeList");
+            order++;
+            this.getPersonInfo(data, "placeList", newArr, order, 4, personInfo);
+          }
+          if (ele["schoolList"] && ele["schoolList"]?.length) {
+            const data = this.changeLiterature(ele["schoolList"], "schoolList");
+            order++;
+            this.getPersonInfo(
+              data,
+              "schoolList",
+              newArr,
+              order,
+              5,
+              personInfo
+            );
+          }
         }
       }
+    },
+
+    // 澶勭悊鏁版嵁
+    changeLiterature(arr, str) {
+      for (let i = 0; i < arr.length; i++) {
+        const ele = arr[i];
+        if (!ele.personId && ele.personList?.length) {
+          ele.literatureList = [];
+          ele.personId = this.ownInfo.id;
+          if (ele[str] && ele[str]?.length) {
+            for (let j = 0; j < ele.personList.length; j++) {
+              const item = ele.personList[j];
+              const data = item[str]?.map((e) => {
+                return {
+                  ...e,
+                  personId: item.personId,
+                };
+              });
+              if (data?.length) {
+                ele[str].push(...data);
+              }
+            }
+          }
+        }
+      }
+      return arr;
     },
 
     //鏁扮粍鍘婚噸
@@ -298,73 +423,154 @@
 
       return deduplicatedArray;
     },
+
+    // 鏌ヨ璇︽儏
     getData() {
       this.loading = true;
       getPersonData(this.currentId).then((res) => {
         this.nodes = [];
         this.relationships = [];
-        let kin = [];
+        let kinData = [];
         let teacher = [];
+        let literature = [];
+        let social = [];
+        let place = [];
+        let school = [];
         if (res && res.success && res.object) {
-          console.log(res.object);
+          // console.log(res.object);
           this.infoOfPersons = res.object?.infoOfPersons;
+          this.infoOfSchools = res.object?.infoOfSchools;
           if (res.object?.personChain) {
             this.ownInfo = this.infoOfPersons.find(
               (item) => item.id == res.object?.personChain.personId
             );
             const obj = res.object?.personChain;
-            console.log(obj.kinList, "kinList");
             if (obj.kinList?.length) {
               let newArr = [];
               this.categories.push({ name: "浜插睘鍏崇郴" });
-              this.getPersonInfo(obj.kinList, "kinList", newArr, 1, 0);
-              console.log(newArr, "list");
-              newArr.forEach((item) => {
-                let exists1 = this.nodes.some(
-                  (node) => node.id === item.id1 && node.name === item.name1
-                );
-                let exists2 = this.nodes.some(
-                  (node) => node.id === item.id1 && node.name === item.name2
-                );
-                // 璇佹槑涓嶅瓨鍦�
-                if (item.name1 && exists1 !== true) {
-                  this.nodes.push({
-                    name: item.name1,
-                    id: item.id1,
-                    ...item
-                  });
-                }
-                if (item.name2 && exists2 !== true) {
-                  this.nodes.push({
-                    name: item.name2,
-                    id: item.id2,
-                    ...item
-                  });
-                }
-                let obj = {
-                  source: item.name1,
-                  target: item.name2,
-                  relation: item.relationTypeName || "" // 濡傛灉瀛樺湪 relationName 瀛楁鍒欎娇鐢紝鍚﹀垯涓虹┖瀛楃涓�
-                };
-                this.relationships.push(obj);
-              });
+              this.getPersonInfo(
+                obj.kinList,
+                "kinList",
+                newArr,
+                1,
+                0,
+                this.ownInfo
+              );
+              kinData = [...newArr];
             }
             if (obj.teacherStudentList?.length) {
               this.categories.push({ name: "甯堟壙鍏崇郴" });
+              let newArr = [];
+              this.getPersonInfo(
+                obj.teacherStudentList,
+                "teacherStudentList",
+                newArr,
+                1,
+                1,
+                this.ownInfo
+              );
+              teacher = [...newArr];
             }
             if (obj.literatureList?.length) {
               this.categories.push({ name: "鏂囩尞浣滃搧" });
+              let newArr = [];
+              const data = this.changeLiterature(
+                obj.literatureList,
+                "literatureList"
+              );
+              this.getPersonInfo(
+                data,
+                "literatureList",
+                newArr,
+                1,
+                2,
+                this.ownInfo
+              );
+              literature = [...newArr];
+              // console.log(literature, "literature");
             }
             if (obj.socialList?.length) {
+              let newArr = [];
               this.categories.push({ name: "绀句細鍏崇郴" });
+              const data = this.changeLiterature(obj.socialList, "socialList");
+              this.getPersonInfo(
+                data,
+                "socialList",
+                newArr,
+                1,
+                3,
+                this.ownInfo
+              );
+              social = [...newArr];
             }
             if (obj.placeList?.length) {
               this.categories.push({ name: "娲诲姩鍦�" });
+              let newArr = [];
+              const data = this.changeLiterature(obj.placeList, "placeList");
+              this.getPersonInfo(data, "placeList", newArr, 1, 4, this.ownInfo);
+              place = [...newArr];
             }
             if (obj.schoolList?.length) {
               this.categories.push({ name: "瀛︽湳娴佹淳" });
+              let newArr = [];
+              const data = this.changeLiterature(obj.schoolList, "schoolList");
+              this.getPersonInfo(
+                data,
+                "schoolList",
+                newArr,
+                1,
+                5,
+                this.ownInfo
+              );
+              school = [...newArr];
             }
           }
+          const personData = [
+            ...kinData,
+            ...teacher,
+            ...literature,
+            ...social,
+            ...place,
+            ...school,
+          ];
+          // const k = personData.filter((item) => item.category == 0);
+          // const t = personData.filter((item) => item.category == 1);
+          // const l = personData.filter((item) => item.category == 2);
+          // const o = personData.filter((item) => item.category == 3);
+          // const p = personData.filter((item) => item.category == 4);
+          // const s = personData.filter((item) => item.category == 5);
+          // const nodesList = [...k, ...t, ...l, ...o, ...p, ...s];
+          // console.log(nodesList);
+          personData.forEach((item) => {
+            let exists1 = this.nodes.some(
+              (node) =>
+                node.id === item.parentId && node.name === item.parentName
+            );
+            let exists2 = this.nodes.some(
+              (node) => node.id === item.parentId && node.name === item.name2
+            );
+            // 璇佹槑涓嶅瓨鍦�
+            if (item.name1 && exists1 !== true) {
+              this.nodes.push({
+                name: item.parentName,
+                id: item.parentId,
+                ...item,
+              });
+            }
+            if (item.name2 && exists2 !== true) {
+              this.nodes.push({
+                name: item.name2,
+                id: item.id2,
+                ...item,
+              });
+            }
+            let obj = {
+              source: item.parentName,
+              target: item.name2,
+              relation: item.relationTypeName || "", // 濡傛灉瀛樺湪 relationName 瀛楁鍒欎娇鐢紝鍚﹀垯涓虹┖瀛楃涓�
+            };
+            this.relationships.push(obj);
+          });
         }
         this.loading = false;
         this.relation();
@@ -429,129 +635,119 @@
                 borderRadius: 30,
                 position: "middle", // 璁剧疆鏍囩鏂囨湰鍦ㄧ嚎鐨勪腑闂翠綅缃笂灞呬腑鏄剧ず
                 // z: -1, // 璁剧疆鏍囩鐨剒杞撮珮搴︼紝浣垮叾姣旇繛鎺ョ嚎鏇撮珮
-                distance: -10 // 灏嗘爣绛炬斁缃湪杩炴帴绾夸笂
-              }
+                distance: -10, // 灏嗘爣绛炬斁缃湪杩炴帴绾夸笂
+              },
             });
           }
         }
       });
       // 鏍规嵁nodes鍔ㄦ�佺敓鎴愯妭鐐规暟鎹�
-      var nodeData = nodes.map(function (node, index) {
-        return {
-          name: node.name,
-          id: node.id,
-          // itemStyle: {
-          //   color: "#eae0eb", // 鍙互鏍规嵁绱㈠紩璁剧疆涓嶅悓鐨勯鑹�
-          //   borderWidth: BorderWidth,
-          //   borderColor: "#996f9f"
-          // }
-        };
-      });
-
+      var nodeData = nodes;
       var option;
       option = {
-        title: {
-          // text: '涔︿腑鏈�甯告彁鍒扮殑100浣嶄汉鐗�',
-          // subtext: '',
-          left: "center",
-          top: FontSize + 10,
-          // textStyle: {
-          // 	fontSize: FontSize // 璁剧疆鏍囬鏂囧瓧澶у皬涓� 18px
-          // },
-          subtextStyle: {
-            fontSize: FontSize, // 璁剧疆鍓爣棰樻枃瀛楀ぇ灏忎负 14px
-            color: "#2C2C2C"
-          }
-        },
         backgroundColor: {
           type: "image",
           image: "/static/image/characterRelationBg.png",
-          // repeat: 'repeat-x', // 鏄惁骞抽摵锛屽彲浠ユ槸 'repeat-x', 'repeat-y', 'no-repeat'
           size: "100% 100%", // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱�
-          position: "center center" // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
+          position: "center center", // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
         },
         tooltip: {},
         legend: [
           {
-            // selectedMode: 'single',
+            left: 20,
+            top: 20,
+            orient: "vertical",
             data: this.categories.map(function (a) {
               return a.name;
-            })
-          }
+            }),
+          },
         ],
-        animationDurationUpdate: 1500,
-        animationEasingUpdate: "quinticInOut",
         series: [
-          // {
-          //   type: "graph",
-          //   layout: "force",
-          //   roam: true,
-          //   symbolSize: SymbolSize, // 璋冩暣鑺傜偣澶у皬
-          //   label: {
-          //     show: true,
-          //     color: "black", // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
-          //     fontSize: FontSize, // 璁剧疆鏂囧瓧澶у皬
-          //   },
-          //   edgeSymbol: ["circle", "arrow"],
-          //   edgeSymbolSize: [4, 10],
-          //   data: nodeData,
-          //   links,
-          //   categories: this.categories,
-          //   lineStyle: {
-          //     opacity: 0.9,
-          //     width: 2,
-          //     curveness: 0.3,
-          //   },
-          //   emphasis: {
-          //     focus: "adjacency",
-          //     lineStyle: {
-          //       width: 10,
-          //     },
-          //   },
-          //   force: {
-          //     // layoutAnimation: false,
-          //     // friction: 1,
-          //     repulsion: 800,
-          //     edgeLength: 400,
-          //   },
-          // },
           {
-            name: "Les Miserables",
             type: "graph",
-            legendHoverLink: false,
-            layout: 'force',
+            legendHoverLink: true,
+            layout: "force",
+            symbolSize: 15,
             data: nodeData,
             links: links,
             categories: this.categories,
             roam: true,
             label: {
+              show: true,
               position: "right",
-              formatter: "{b}"
+              formatter: "{b}",
+            },
+            labelLayout: {
+              hideOverlap: true,
+            },
+            scaleLimit: {
+              min: 0.4,
+              max: 2,
             },
             lineStyle: {
               color: "source",
-              curveness: 0.3
+              curveness: 0.2,
             },
             emphasis: {
               focus: "adjacency",
               lineStyle: {
-                width: 10
-              }
-            }
-          }
-        ]
+                width: 5,
+              },
+            },
+            force: {
+              repulsion: 600,
+              edgeLength: 300,
+            },
+          },
+        ],
       };
-      // 灏嗙敓鎴愮殑杩炴帴绾挎坊鍔犲埌echarts鍥捐〃鐨刼ption涓�
-      // option.series[0].links = links;
       // 璁剧疆鐐瑰嚮浜嬩欢鐩戝惉
       myChart.off("click");
       myChart.on("click", (params) => {
         if (params.dataType === "node") {
-          this.spaceTimeArr(params.data.id);
+          this.creatDom(params);
         }
       });
-      console.log(option, "option");
       myChart.setOption(option);
+    },
+    creatDom(params) {
+      const e = params.event;
+      const div = document.getElementById("customDialog");
+      div.style.display = "block";
+      div.style.left = e.offsetX + 50 + "px";
+      div.style.top = e.offsetY - 50 + "px";
+      const data = this.infoOfPersons?.find(
+        (i) => i.id == params.data.personId
+      );
+      const obj = {
+        id: params.data.id,
+        name:
+          data?.NAME?.map((e, i) => {
+            i += 1;
+            return e["content" + i];
+          }).join("銆�") ?? "",
+        alias:
+          data?.ALIAS?.map((e, i) => {
+            i += 1;
+            return e["content" + i];
+          }).join("銆�") ?? "",
+        nativePlace:
+          data?.NATIVE_PLACE?.map((e, i) => {
+            i += 1;
+            return e["content" + i];
+          }).join("銆�") ?? "",
+        medicalBranch:
+          data?.MEDICAL_BRANCH?.map((e, i) => {
+            i += 1;
+            return e["content" + i];
+          }).join("銆�") ?? "",
+        biography: data?.BIOGRAPHY ?? "",
+      };
+      this.detailData = obj;
+    },
+    closeDom() {
+      const div = document.getElementById("customDialog");
+      div.style.display = "none";
     },
     // 鍩虹鎼滅储
     onSearch(val, index) {
@@ -561,7 +757,6 @@
       } else {
         this.hotAciveIndex = "";
       }
-      // this.searchKey = val.text;
       this.getData(val.text);
     },
     // 楂樼骇鎼滅储
@@ -569,28 +764,28 @@
       getAdvanceSearch({
         ...val,
         page: 1,
-        pageSize: 100
+        pageSize: 100,
       }).then((res) => {
         console.log(res, "res");
       });
     },
     advancedSearchBack() {
       uni.navigateTo({
-        url: "/pages/knowledgeBase/knowledgeBase"
+        url: "/pages/knowledgeBase/knowledgeBase",
       });
     },
     // 鐐瑰嚮涓嬮潰鐨勬湞浠f寜閽�
     dynastyBottomClick(item) {
       this.dynastyColor = item.id;
       this.onSearch({
-        text: item.name
+        text: item.name,
       });
     },
     // 鍏崇郴鍥� 鐐瑰嚮閲岄潰鐨勫厓绱�
     spaceTimeArr(id) {
       // 鍏崇郴鍥剧殑鏁版嵁
       uni.navigateTo({
-        url: "/pages/character/detail?id=" + id
+        url: "/pages/character/detail?id=" + id,
       });
     },
     // 鑾峰彇鏈濅唬echarts鐨勬暟鎹�
@@ -629,15 +824,15 @@
           const options = res.object.occupationStatistic.details.map(
             (item) => ({
               label: item.tagName,
-              value: item.tagId.toString() // 灏� id 杞崲涓哄瓧绗︿覆锛岀‘淇濅笌 value 绫诲瀷涓�鑷�
+              value: item.tagId.toString(), // 灏� id 杞崲涓哄瓧绗︿覆锛岀‘淇濅笌 value 绫诲瀷涓�鑷�
             })
           );
           // 鏇存柊鑱屼笟瀛楁鐨� options 灞炴��
           this.$set(this.From.from[professionIndex], "options", options);
         }
       });
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -645,7 +840,64 @@
 #relatio {
   width: 100%;
   height: 100%;
+  position: relative;
 }
+
+.customDialog {
+  width: 300px;
+  min-height: 240px;
+  display: none;
+  position: fixed;
+  z-index: 99999999;
+  border-radius: 2px;
+  background: #fff;
+}
+
+.customDialog .title {
+  width: 100%;
+  height: 35px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px;
+  box-sizing: border-box;
+  background-color: rgb(221, 232, 246);
+  font-size: 14px;
+}
+.customDialog .title span:nth-child(1) {
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.customDialog .title span:nth-child(2) {
+  color: rgb(95, 127, 168);
+  cursor: pointer;
+}
+
+.customDialog .content {
+  padding: 15px;
+  box-sizing: border-box;
+}
+
+.customDialog .content p {
+  margin-bottom: 5px;
+  display: -webkit-box; /* 鏄剧ず澶氳鏂囨湰瀹瑰櫒 */
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2; /*鏄剧ず琛屾暟*/
+  overflow: hidden; /*闅愯棌澶氬嚭閮ㄥ垎鏂囧瓧*/
+  text-overflow: ellipsis; /*鐢ㄧ渷鐣ュ彿浠f浛澶氬嚭閮ㄥ垎鏂囧瓧*/
+}
+
+.customDialog .btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: rgb(95, 127, 168);
+  cursor: pointer;
+  font-size: 14px;
+  height: 35px;
+}
+
 @media screen and (min-width: 2560px) and (max-width: 3840px) {
 }
 
@@ -674,8 +926,8 @@
     color: #244a7b;
     margin: 0 0.1rem;
     color: #244a7b;
-    &.active {
-      color: #027edc;
+    &.active{
+      color: #027EDC;
       font-weight: bold;
     }
   }

--
Gitblit v1.9.1