From bb5455da328724ba3b4ccb61da0a71eb5beed016 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期日, 27 四月 2025 18:08:07 +0800
Subject: [PATCH] 样式修改
---
dist.zip | 0
src/views/achievements/index.vue | 324 ++++++++++++++++++++++++++++++---------
src/views/chronology/floatingWindow.vue | 5
src/views/chronology/yearWindow.vue | 8
src/views/chronology/index.vue | 33 ++-
src/views/directory/index.vue | 65 +++++--
6 files changed, 315 insertions(+), 120 deletions(-)
diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..ed835c2
--- /dev/null
+++ b/dist.zip
Binary files differ
diff --git a/src/views/achievements/index.vue b/src/views/achievements/index.vue
index d4cab66..4faf930 100644
--- a/src/views/achievements/index.vue
+++ b/src/views/achievements/index.vue
@@ -19,12 +19,17 @@
</ul>
<!-- 楂樼骇鎼滅储 -->
<div v-if="isDisplay" class="page-search">
- <MyForm class="myfrom" @submit="
- (data) => {
- CurrentPage = 1;
- onSubmit(data);
- }
- " @reset="resetForm" :from="from" />
+ <MyForm
+ class="myfrom"
+ @submit="
+ (data) => {
+ CurrentPage = 1;
+ onSubmit(data);
+ }
+ "
+ @reset="resetForm"
+ :from="from"
+ />
</div>
<!-- 鎼滅储缁撴灉 -->
<div class="page-content">
@@ -34,14 +39,31 @@
<li class="left-title">
<span>{{ category.title }}</span>
<p @click="category.isDisplay = !category.isDisplay">
- <img :src="[category.isDisplay ? topIcon : bottomIcon]" alt="" />
+ <img
+ :src="[category.isDisplay ? topIcon : bottomIcon]"
+ alt=""
+ />
</p>
</li>
<li class="left-main" v-if="category.isDisplay">
- <div class="category-main" v-for="(item, index) in category.list" :key="index">
- <el-checkbox class="el-checkbox" style="display: inline-block; vertical-align: middle;"
- v-model="item.checked" :title="item.name">{{ item.name }}</el-checkbox>
- <span class="" style="display: inline-block; vertical-align: middle;">{{ item.num }}</span>
+ <div
+ class="category-main"
+ v-for="(item, index) in category.list"
+ :key="index"
+ >
+ <el-checkbox
+ class="el-checkbox"
+ v-model="item.checked"
+ :title="item.name"
+ @change="categoryChange(item)"
+ style="display: inline-block; vertical-align: middle"
+ >{{ item.name }}</el-checkbox
+ >
+ <span
+ class=""
+ style="display: inline-block; vertical-align: middle"
+ >{{ item.num }}</span
+ >
</div>
</li>
</ul>
@@ -52,25 +74,50 @@
<span>{{ annual.title }}</span>
<span>
鏃堕棿
- <img class="sort-Icon" :src="[isDisplay ? sortTop : sortBottom]" alt="" />
+ <img
+ class="sort-Icon"
+ :src="[isDisplay ? sortTop : sortBottom]"
+ alt=""
+ />
</span>
- <span>鏂囩尞閲�
- <img class="sort-Icon" :src="[isDisplay ? sortBottom : sortTop]" alt="" />
+ <span
+ >鏂囩尞閲�
+ <img
+ class="sort-Icon"
+ :src="[isDisplay ? sortBottom : sortTop]"
+ alt=""
+ />
</span>
</div>
<p @click="annual.isDisplay = !annual.isDisplay">
- <img :src="[annual.isDisplay ? topIcon : bottomIcon]" alt="" />
+ <img
+ :src="[annual.isDisplay ? topIcon : bottomIcon]"
+ alt=""
+ />
</p>
</li>
<li class="left-main" v-if="annual.isDisplay">
- <div class="annual-main" :style="{
- display: index + 1 > professionIndex ? 'none' : '',
- }" v-for="(item, index) in annual.list" :key="index">
- <el-checkbox class="el-checkbox" v-model="item.checked" :title="item.years">{{ item.years
- }}</el-checkbox>
+ <div
+ class="annual-main"
+ :style="{
+ display: index + 1 > professionIndex ? 'none' : '',
+ }"
+ v-for="(item, index) in annual.list"
+ :key="index"
+ >
+ <el-checkbox
+ class="el-checkbox"
+ v-model="item.checked"
+ :title="item.years"
+ >{{ item.years }}</el-checkbox
+ >
<span class="">{{ item.num }}</span>
</div>
- <p class="annual-footer" v-if="annual.list && annual.list.length > 5" @click="shrinkClick('a', '骞村害')">
+ <p
+ class="annual-footer"
+ v-if="annual.list && annual.list.length > 5"
+ @click="shrinkClick('a', '骞村害')"
+ >
{{ activeBox !== "a" ? "鏇村 鈭�" : "鏀惰捣 鈭�" }}
</p>
</li>
@@ -82,23 +129,42 @@
<span>{{ sources.title }}</span>
<span>
鏂囩尞閲�
- <img class="sort-Icon" :src="[isDisplay ? sortBottom : sortTop]" alt="" />
+ <img
+ class="sort-Icon"
+ :src="[isDisplay ? sortBottom : sortTop]"
+ alt=""
+ />
</span>
</div>
<p @click="sources.isDisplay = !sources.isDisplay">
- <img :src="[sources.isDisplay ? topIcon : bottomIcon]" alt="" />
+ <img
+ :src="[sources.isDisplay ? topIcon : bottomIcon]"
+ alt=""
+ />
</p>
</li>
<li class="left-main" v-if="sources.isDisplay">
- <div class="sources-main" v-for="(item, index) in sources.list" :key="index" :style="{
- display: index + 1 > dynastyIndex ? 'none' : '',
- }">
- <el-checkbox class="el-checkbox" :title="item.name" v-model="item.checked">{{ item.name
- }}</el-checkbox>
+ <div
+ class="sources-main"
+ v-for="(item, index) in sources.list"
+ :key="index"
+ :style="{
+ display: index + 1 > dynastyIndex ? 'none' : '',
+ }"
+ >
+ <el-checkbox
+ class="el-checkbox"
+ :title="item.name"
+ v-model="item.checked"
+ >{{ item.name }}</el-checkbox
+ >
<span class="">{{ item.num }}</span>
</div>
- <p class="sources-footer" v-if="sources.list && sources.list.length > 5"
- @click="shrinkClick('b', '鏂囩尞鏉ユ簮')">
+ <p
+ class="sources-footer"
+ v-if="sources.list && sources.list.length > 5"
+ @click="shrinkClick('b', '鏂囩尞鏉ユ簮')"
+ >
{{ activeBox !== "b" ? "鏇村 鈭�" : "鏀惰捣 鈭�" }}
</p>
</li>
@@ -108,39 +174,67 @@
<li class="left-title">
<span>{{ subject.title }}</span>
<p @click="subject.isDisplay = !subject.isDisplay">
- <img :src="[subject.isDisplay ? topIcon : bottomIcon]" alt="" />
+ <img
+ :src="[subject.isDisplay ? topIcon : bottomIcon]"
+ alt=""
+ />
</p>
</li>
<li class="left-main" v-if="subject.isDisplay">
- <div class="category-main" v-for="(item, index) in subject.list" :key="index">
- <el-checkbox class="el-checkbox" v-model="item.checked" :title="item.name">{{ item.name
- }}</el-checkbox>
+ <div
+ class="category-main"
+ v-for="(item, index) in subject.list"
+ :key="index"
+ >
+ <el-checkbox
+ class="el-checkbox"
+ v-model="item.checked"
+ :title="item.name"
+ @change="subjectChange(item)"
+ >{{ item.name }}</el-checkbox
+ >
<span class="">{{ item.num }}</span>
</div>
</li>
</ul>
</div>
- <div class="content-right" v-loading="loading" element-loading-text="妫�绱㈢粨鏋滃姞杞戒腑"
- element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0)">
+ <div
+ class="content-right"
+ v-loading="loading"
+ element-loading-text="妫�绱㈢粨鏋滃姞杞戒腑"
+ element-loading-spinner="el-icon-loading"
+ element-loading-background="rgba(0, 0, 0, 0)"
+ >
<!-- title閮ㄥ垎 -->
<ul class="right-header">
<li v-for="(item, index) in associationList" :key="index">
<p>{{ item.type }} : {{ item.content }}</p>
- <img @click="removeAssociationList(item.content)" :src="errorIcon" alt="" />
+ <img
+ @click="removeAssociationList(item.content)"
+ :src="errorIcon"
+ alt=""
+ />
</li>
</ul>
<!-- 鍏眡x鏉� -->
<ul class="right-number">
<ul class="number-number">
- 鍏辨壘鍒�<span>{{ this.total }}</span>鏉＄粨鏋�
+ 鍏辨壘鍒�<span>{{ this.total }}</span
+ >鏉＄粨鏋�
</ul>
<ul class="number-time">
鍙戣〃鏃堕棿
- <span><img :src="sortBottom" alt="" /></span>
+ <span @click="sortChange()"
+ ><img :src="!postedSortInfo ? sortBottom : sortTop" alt=""
+ /></span>
</ul>
</ul>
<!-- 缁撴灉灞曠ず -->
- <ul class="right-main" v-for="(item, index) in resultList" :key="index">
+ <ul
+ class="right-main"
+ v-for="(item, index) in resultList"
+ :key="index"
+ >
<li class="main-name">
<p>{{ item.name }}</p>
<p>
@@ -163,15 +257,25 @@
</li>
<li class="main-keyword">
<span>鍏抽敭璇嶏細</span>
- <span class="keyWord" v-for="(citem, cindex) in item.keyWords" :key="cindex">
+ <span
+ class="keyWord"
+ v-for="(citem, cindex) in item.keyWords"
+ :key="cindex"
+ >
{{ citem }}
</span>
</li>
</ul>
<!-- 鍒嗛〉 -->
<div class="pagination" v-if="total > 6">
- <el-pagination @current-change="handleCurrentChange" class="msg-pagination-container"
- :background="isBackground" layout="prev, pager, next" :total="total" :page-size="6">
+ <el-pagination
+ @current-change="handleCurrentChange"
+ class="msg-pagination-container"
+ :background="isBackground"
+ layout="prev, pager, next"
+ :total="total"
+ :page-size="6"
+ >
</el-pagination>
</div>
</div>
@@ -313,6 +417,10 @@
},
],
},
+ categoryChecList: [],
+ subjectCheckList: [],
+
+ postedSortInfo: true,
// 骞村害
annual: {
title: "骞村害",
@@ -443,16 +551,62 @@
total: 0,
paginationPage: 1,
loading: false,
+ labelList: {
+ abstract: "鎽樿",
+ author: "浣滆��",
+ keyword: "鍏抽敭璇�",
+ source: "鏉ユ簮",
+ title: "鏍囬",
+ year: "骞翠唤",
+ },
};
},
mounted() {
this.getSelectContent();
- this.getLeftCheckbox()
+ this.getLeftCheckbox();
this.getSelectData();
},
methods: {
- async onSubmit(val) { },
+ categoryChange(val) {
+ console.log(val, "val");
+ if (val.checked) {
+ this.categoryChecList.push(val.value);
+ } else {
+ const index = this.categoryChecList.findIndex(
+ (item) => item === val.value
+ );
+ this.categoryChecList.splice(index, 1);
+ }
+ this.getItemList();
+ },
+
+ subjectChange(val) {
+ console.log(val, "val");
+ if (val.checked) {
+ this.subjectCheckList.push(val.value);
+ } else {
+ const index = this.subjectCheckList.findIndex(
+ (item) => item === val.value
+ );
+ this.subjectCheckList.splice(index, 1);
+ }
+ this.getItemList();
+ },
+
+ async onSubmit(val) {
+ for (let key in val) {
+ if (val[key] != "") {
+ this.associationList.push({
+ type: this.labelList[key],
+ content: val[key],
+ value: key,
+ });
+ }
+ }
+ console.log(this.associationList, "this.associationList");
+ this.getItemList();
+ },
//閲嶇疆鎼滅储缁撴灉
resetForm() {
// this.onSearch("");
@@ -481,10 +635,7 @@
}
},
// 鑾峰彇宸︿晶checkbox鏁版嵁
- getLeftCheckbox() {
-
-
- },
+ getLeftCheckbox() {},
//鑾峰彇涓嬫媺閫夋嫨妗嗙殑鍐呭
async getSelectData() {
@@ -495,14 +646,15 @@
this.getSelectContent(this.subjectAffiliationRefCode),
this.getSelectContent(this.resourceTypeRefCode),
]);
- this.subject.list = subjectListResult.option
+ console.log(subjectListResult.option);
+ this.subject.list = subjectListResult.option;
this.category.list = resourceListResult.option;
if (this.category.list && this.category.list.length) {
this.category.list.forEach((item) => {
- this.resourceTypeValueList.push(item.value)
+ this.resourceTypeValueList.push(item.value);
});
}
- this.getItemList()
+ this.getItemList();
} catch (error) {
console.error("鑾峰彇涓嬫媺妗嗘暟鎹け璐�:", error);
}
@@ -530,7 +682,7 @@
(item) => item.content !== value
);
this.inputValue = "";
- this.getItemList()
+ this.getItemList();
},
// 鎼滅储
@@ -538,13 +690,13 @@
console.log(1234);
console.log(isText, "鎼滅储123");
if (isText.text != "") {
- this.inputValue = isText.text
- this.inputType = isText.type
+ this.inputValue = isText.text;
+ this.inputType = isText.type;
this.associationList.push({
type: isText.label,
content: isText.text,
});
- this.getItemList()
+ this.getItemList();
}
},
@@ -557,31 +709,40 @@
} else {
for (let index = 0; index < this.inputOptions.length; index++) {
const item = this.inputOptions[index];
- if (item.value !== "all" ) {
+ if (item.value !== "all") {
console.log(item.value, "987");
if (!Object.keys(searchData).length) {
- searchData[item.value + "*"] = this.inputValue
+ searchData[item.value + "*"] = this.inputValue;
} else {
- searchData["||" + item.value + "*"] = this.inputValue
+ searchData["||" + item.value + "*"] = this.inputValue;
}
}
}
}
-
- console.log(searchData, "鎼滅储鏁版嵁123");
}
- debugger
+ if (this.associationList && this.associationList.length) {
+ this.associationList.forEach((item) => {
+ searchData[item.value + "*"] = item.content;
+ });
+ }
+ console.log(searchData, "searchData");
MG.resource
.getItem({
path: "*",
queryType: "*",
paging: {
start: (this.paginationPage - 1) * 6,
- size: 6
+ size: 6,
+ },
+ sort: {
+ year: this.postedSortInfo ? "Desc" : "Asc",
},
fields: {
cmsType: ["cmsItem"],
- "resourceType*": this.resourceTypeValueList,
+ "resourceType*":
+ this.categoryChecList.length > 0
+ ? this.categoryChecList
+ : this.resourceTypeValueList,
source: [],
year: [],
abstract: [],
@@ -591,25 +752,28 @@
AIReading: [],
file: [],
IssueNumber: [],
+ "subjectAffiliation*": this.subjectCheckList,
...searchData,
},
})
.then((res) => {
console.log(res, "鍏ㄩ儴鏁版嵁");
res.datas.forEach((item) => {
- item.year = moment(item.year).format("YYYY-MM-DD")
- if (typeof item.keyWords === 'string') {
+ item.year = moment(item.year).format("YYYY-MM-DD");
+ if (typeof item.keyWords === "string") {
item.keyWords = item.keyWords.split(";;");
} else {
// 璁剧疆涓�涓粯璁ゅ�兼垨鑰呰繘琛屽叾浠栭敊璇鐞�
item.keyWords = [];
}
- item.resourceTypeName = this.category.list.find((citem) => citem.value == item.cmsItemType).name
- })
- this.resultList = res.datas
+ item.resourceTypeName = this.category.list.find(
+ (citem) => citem.value == item.cmsItemType
+ ).name;
+ });
+ this.resultList = res.datas;
this.total = res.total;
this.loading = false;
- })
+ });
},
// 澶勭悊椤电爜鍙樺寲
@@ -617,7 +781,10 @@
this.paginationPage = newPage;
this.getItemList(); // 閲嶆柊鑾峰彇鏁版嵁
},
-
+ sortChange() {
+ this.postedSortInfo = !this.postedSortInfo;
+ this.getItemList();
+ },
},
};
</script>
@@ -867,12 +1034,15 @@
border-color: #d1d1d1;
}
- ::v-deep .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label {
+ ::v-deep .el-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
color: #2c2c2c;
}
::v-deep .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
- ::v-deep .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+ ::v-deep
+ .el-checkbox
+ .el-checkbox__input.is-indeterminate
+ .el-checkbox__inner {
border-color: #8f7a5a;
background-color: #8f7a5a;
}
@@ -997,7 +1167,6 @@
background-color: #87a8b9;
color: #fff;
margin-right: 10px;
-
}
span:nth-child(2) {
@@ -1006,7 +1175,6 @@
font-weight: 350;
padding-right: 10px;
color: #333;
-
}
span:nth-child(3) {
@@ -1027,8 +1195,6 @@
color: #333;
border-left: 1px solid #2c2c2c;
}
-
-
margin-bottom: 10px;
}
@@ -1125,7 +1291,9 @@
border: 1px solid #cccccc;
}
-:deep.msg-pagination-container.is-background .el-pager li:not(.disabled).active {
+:deep.msg-pagination-container.is-background
+ .el-pager
+ li:not(.disabled).active {
/*褰撳墠閫変腑椤垫暟鐨勬牱寮忚繘琛屼慨鏀�*/
background-color: #937950;
color: #fff;
diff --git a/src/views/chronology/floatingWindow.vue b/src/views/chronology/floatingWindow.vue
index 040cc11..0a45b56 100644
--- a/src/views/chronology/floatingWindow.vue
+++ b/src/views/chronology/floatingWindow.vue
@@ -94,9 +94,7 @@
data() {
return {};
},
- mounted() {
- console.log(this.info);
- },
+
};
</script>
@@ -136,6 +134,7 @@
.contentBox {
margin-top: 10px;
line-height: 18px;
+ white-space: pre-line;
}
.imageBox {
min-height: 300px;
diff --git a/src/views/chronology/index.vue b/src/views/chronology/index.vue
index 61ca221..57d1426 100644
--- a/src/views/chronology/index.vue
+++ b/src/views/chronology/index.vue
@@ -49,20 +49,17 @@
class="gradchild"
v-for="(citem, cindex) in item.list"
:style="{ background: citem.color }"
- @mouseover="showDetail(index, cindex, 1)"
- @mouseleave="closeDetail(index, cindex, 0)"
+ @click.stop="showDetail(index, cindex, 1, $event)"
:key="cindex"
>
<div class="detailDialog" v-if="citem.showDetail">
- <!-- <div class="dialogContent" @click="gotoDetail(citem)"> -->
<div
class="closeBtn"
- @click="closeDetail(index, cindex, 0)"
+ @click.stop="closeDetail(index, cindex, 0)"
>
<i class="el-icon-close"></i>
</div>
<floatingWindow :info="citem" />
- <!-- </div> -->
</div>
</div>
</div>
@@ -121,7 +118,7 @@
},
methods: {
- showYearWindow(item) {
+ showYearWindow(item, event) {
console.log(item, "item");
for (let i = 0; i < this.contentList.length; i++) {
const item = this.contentList[i];
@@ -163,7 +160,7 @@
}
console.log(this.contentList, "this.contentList");
- this.contentList = res.datas.reverse();
+ this.contentList = res.datas;
this.showList = true;
});
},
@@ -226,7 +223,8 @@
}
this.contentList[index].list[cindex].showDetail = false;
},
- showDetail(index, cindex, type) {
+ showDetail(index, cindex, type, event) {
+ console.log(event, "event");
for (let i = 0; i < this.contentList.length; i++) {
const item = this.contentList[i];
if (item && item.length > 0) {
@@ -237,11 +235,11 @@
}
}
}
+
if (this.contentList[index].list[cindex].type) {
this.contentList[index].list[cindex].showDetail = true;
- } else {
- this.contentList[index].list[cindex].showDetail = false;
}
+ console.log(this.contentList[index].list, "this.contentList[index].list[cindex]");
},
},
};
@@ -303,7 +301,7 @@
// }
/* 瀵逛簬WebKit娴忚鍣ㄥ拰Blink寮曟搸锛堝Chrome, Opera锛� */
::-webkit-scrollbar {
- width: 16px; /* 婊氬姩鏉＄殑瀹藉害 */
+ width: 4px; /* 婊氬姩鏉＄殑瀹藉害 */
height: 16px; /* 婊氬姩鏉＄殑楂樺害 */
}
@@ -313,7 +311,8 @@
::-webkit-scrollbar-thumb {
background: #b9a587; /* 婊氬姩鏉℃粦鍧楃殑棰滆壊 */
- border-radius: 16px; /* 婊氬姩鏉℃粦鍧楃殑鍦嗚 */
+ border-radius: 2px; /* 婊氬姩鏉℃粦鍧楃殑鍦嗚 */
+ width: 4px;
}
::-webkit-scrollbar-thumb:hover {
@@ -365,6 +364,14 @@
position: relative;
}
+.gradchild:hover {
+ width: 25px;
+ height: 25px;
+ margin-top: 2px;
+ margin-right: 2px;
+ cursor: pointer;
+ position: relative;
+}
.item-circle {
width: 100%;
height: 20px;
@@ -408,6 +415,8 @@
.detailDialog {
position: absolute;
top: -700%;
+ transform: translateY(20%);
+ transform: translateX(-50%);
width: 524px;
z-index: 9999;
cursor: pointer;
diff --git a/src/views/chronology/yearWindow.vue b/src/views/chronology/yearWindow.vue
index d55d184..d2e9f6e 100644
--- a/src/views/chronology/yearWindow.vue
+++ b/src/views/chronology/yearWindow.vue
@@ -49,6 +49,7 @@
padding: 15px;
z-index: 20;
box-sizing: border-box;
+ background-color: #FDF8F0;
}
.content {
display: flex;
@@ -56,16 +57,15 @@
}
.leftTxt {
width: 350px;
- height: 100%;
- background-color: #fff;
+ max-height: 260px;
overflow: hidden;
white-space: normal;
- overflow-x: auto;
+ overflow-y: auto;
+
}
.rightimg {
width: 350px;
height: 100%;
- background-color: #fff;
}
.title {
font-size: 24px;
diff --git a/src/views/directory/index.vue b/src/views/directory/index.vue
index 0d3e66f..3051520 100644
--- a/src/views/directory/index.vue
+++ b/src/views/directory/index.vue
@@ -73,7 +73,11 @@
>
<img
class="autoImg"
- src="@/assets/images/directory/touxiang.png"
+ :src="
+ currentNodeInfo.icon
+ ? currentNodeInfo.icon
+ : '@/assets/images/directory/touxiang.png'
+ "
alt=""
/>
</div>
@@ -95,9 +99,14 @@
currentNodeInfo.gender == "male" ? "鐢�" : "濂�" || "-"
}}
</span>
- <span> {{ currentNodeInfo.academicName || "-"}} </span>
- <span> {{ legendList.find((item) => item.value == currentNodeInfo.unit)?.name ||
- "-" }} </span>
+ <span> {{ currentNodeInfo.academicName || "-" }} </span>
+ <span>
+ {{
+ legendList.find(
+ (item) => item.value == currentNodeInfo.unit
+ )?.name || "-"
+ }}
+ </span>
</div>
</div>
</div>
@@ -111,19 +120,24 @@
margin-top: 10px;
"
>
- <p style="margin-bottom: 15px">瀛︿範鏃堕棿锛歿{ currentNodeInfo.studyTime || "-" }}</p>
<p style="margin-bottom: 15px">
- 鐜板伐浣滃崟浣嶏細 {{currentNodeInfo.currentEmployer_secondary || '-' }}
+ 瀛︿範鏃堕棿锛歿{ currentNodeInfo.studyTime || "-" }}
</p>
- <p style="margin-bottom: 15px">鑱屽姟锛歿{ currentNodeInfo.jobTitle || "-" }}</p>
- <p style="margin-bottom: 15px">鑱岀О锛歿{ currentNodeInfo.professionalTitle || "-" }}</p>
- </div>
- <div style="text-align: left; line-height: 22px">
- <p>
- 澶у鸡鍢堝槇濡傛�ラ洦锛屽皬寮﹀垏鍒囧绉佽銆傚槇鍢堝垏鍒囬敊鏉傚脊锛屽ぇ鐝犲皬鐝犺惤鐜夌洏銆傞棿鍏宠幒璇姳搴曟粦锛屽菇鍜芥硥娴佸啺涓嬮毦銆傚啺娉夊喎娑╁鸡鍑濈粷锛屽嚌缁濅笉閫氬０鏆傛瓏銆傚埆鏈夊菇鎰佹殫鎭ㄧ敓锛屾鏃舵棤澹拌儨鏈夊０銆傞摱鐡朵箥鐮存按娴嗚扛锛岄搧楠戠獊鍑哄垁鏋福銆傛洸缁堟敹鎷ㄥ綋蹇冪敾锛屽洓寮︿竴澹板瑁傚笡銆備笢鑸硅タ鑸倓鏃犺█锛屽敮瑙佹睙蹇冪鏈堢櫧銆�
+ <p style="margin-bottom: 15px">
+ 鐜板伐浣滃崟浣嶏細
+ {{ currentNodeInfo.currentEmployer_secondary || "-" }}
+ </p>
+ <p style="margin-bottom: 15px">
+ 鑱屽姟锛歿{ currentNodeInfo.jobTitle || "-" }}
+ </p>
+ <p style="margin-bottom: 15px">
+ 鑱岀О锛歿{ currentNodeInfo.professionalTitle || "-" }}
</p>
</div>
- <div
+ <div style="text-align: left; line-height: 22px;max-height:200px;overflow-y: auto; padding: 10px;" >
+ <div v-html="currentNodeInfo.studentProfile"></div>
+ </div>
+ <!-- <div
style="
display: flex;
justify-content: space-between;
@@ -138,15 +152,20 @@
<div>
<img src="@/assets/images/directory/test.png" alt="" />
</div>
- </div>
+ </div> -->
</div>
</div>
</transition>
</div>
<!-- 鍒楄〃鏄剧ず -->
<div class="page-main" v-if="activeTabs == 'list'">
- <div v-loading="loading" style="min-height: 550px;" element-loading-background="rgba(0, 0, 0, 0)" element-loading-text="瀛︾敓鍒楄〃鍔犺浇涓�"
- element-loading-spinner="el-icon-loading">
+ <div
+ v-loading="loading"
+ style="min-height: 550px"
+ element-loading-background="rgba(0, 0, 0, 0)"
+ element-loading-text="瀛︾敓鍒楄〃鍔犺浇涓�"
+ element-loading-spinner="el-icon-loading"
+ >
<div v-for="(item, index) in universityList" :key="index">
<div
class="table-title"
@@ -311,7 +330,11 @@
text-align: center;
">
<div style="width: 80px;height: 80px;position: relative; margin: 0 auto; margin-bottom: 10px;background: #D8D8D8;">
- <img class="autoImg" src="${require("@/assets/images/directory/touxiang.png")}" alt="">
+ <img class="autoImg" src="${
+ data.icon
+ ? data.icon
+ : require("@/assets/images/directory/touxiang.png")
+ }" alt="">
</div>
<div style="font-size: 16px; font-weight: bold; margin-bottom: 5px;">${
data.name || "-"
@@ -355,9 +378,7 @@
<div style="font-size: 16px; font-weight: bold; margin-bottom: 5px;">${
data.name
}</div>
- <div> <span> ${data.academicDegreeValue} </span> <span> ${
- data.academicDegreeName
- } </span></div>
+ <div> <span> ${data.academicDegreeName || "-"} </span></div>
</div>
`;
@@ -536,15 +557,13 @@
this.universityList = arrList;
// this.chartData.children = arrList;
const temp_chartData = {
- name: "",
+ name: "鐜嬫案鐐�",
children: arrList,
};
this.chartData = temp_chartData;
console.log(this.chartData, "this.chartData");
this.initChart();
-
-
}
})
.catch((error) => {
--
Gitblit v1.9.1