From 69be26c788c74998941b7b7260dabfe3577fc92f Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期四, 25 七月 2024 15:44:31 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/TCM_CharacterLibrary
---
src/pages/character/detail.vue | 110 ++++++++++++++++++++++++++-----------------------------
1 files changed, 52 insertions(+), 58 deletions(-)
diff --git a/src/pages/character/detail.vue b/src/pages/character/detail.vue
index 2354fc2..1ba522f 100644
--- a/src/pages/character/detail.vue
+++ b/src/pages/character/detail.vue
@@ -1,6 +1,6 @@
<template>
<view class="relative">
- <headNav :idIndex="1 + ''" text="涓尰浜虹墿鏁版嵁搴�" />
+ <headNav :idIndex="1 + ''" text="鍘嗕唬浜虹墿" />
<view class="Midde flex">
<el-button class="MiddeBack flex flex-center" @click="goBack"
>杩斿洖</el-button
@@ -239,7 +239,7 @@
class="box-card"
style="min-height: 1.91rem; margin: 0.2rem 0"
>
- <el-tabs ref="tabs" v-model="activeName" @tab-click="handleClick">
+ <el-tabs ref="tabs" v-model="activeName">
<el-tab-pane label="浠ｈ〃钁椾綔" data-id="1" name="representative">
<Table1
:data="tableData1"
@@ -289,20 +289,22 @@
<span>鐩稿叧闄勮〃/鍥惧儚</span>
</div>
<view>
- <div style="overflow: auto">
- <el-image
- v-for="item in imageList"
- :key="item"
- style="
- width: 2.05rem;
- height: 2.4rem;
- margin-right: 0.2rem;
- margin-bottom: 0.1rem;
- "
- :src="item"
- :preview-src-list="imageList"
- fit="contain"
- ></el-image>
+ <div style="overflow: auto;display: flex;">
+ <div v-for="item in imageList" :key="item" :title="item.name">
+ <el-image
+ :title="item.name"
+ :alt="item.name"
+ style="
+ width: 2.05rem;
+ height: 2.4rem;
+ margin-right: 0.2rem;
+ margin-bottom: 0.1rem;
+ "
+ :src="item.src"
+ :preview-src-list="imageList.map((item) => item.src)"
+ fit="contain"
+ ></el-image>
+ </div>
</div>
<div
v-if="imageList.length == 0"
@@ -532,13 +534,13 @@
// 鑾峰彇鏃剁┖鍦板浘
this.getMapInfo();
- this.$nextTick(() => {
- // 鑾峰彇绗竴涓�夐」鍗＄殑 DOM 鍏冪礌
- const firstTab = this.$refs.tabs.$el.querySelector(
- ".el-tabs__active-bar"
- );
- firstTab.style.transform = "translateX(" + "-.2rem" + ")";
- });
+ // this.$nextTick(() => {
+ // // 鑾峰彇绗竴涓�夐」鍗＄殑 DOM 鍏冪礌
+ // const firstTab = this.$refs.tabs.$el.querySelector(
+ // ".el-tabs__active-bar"
+ // );
+ // firstTab.style.transform = "translateX(" + "-.2rem" + ")";
+ // });
// 鐩戝惉绐楀彛澶у皬鍙樺寲
window.addEventListener("resize", this.relation);
@@ -714,7 +716,28 @@
getPersonImages({
personId: this.detailId,
}).then((res) => {
- this.imageList = res.list.map((item) => getImg(item.filePath));
+ this.imageList = res.list.map((item) => {
+ return {
+ src: getImg(item.filePath),
+ name: item.desc,
+ };
+ });
+ });
+ },
+ getBiog() {
+ getPersonBiog({
+ personId: this.detailId,
+ }).then((res) => {
+ this.biogData = res.list.map((item) => {
+ return {
+ content: item.content1,
+ bookName:
+ "銆�" +
+ item.bookName +
+ "銆� " +
+ (item.pageNo ? "P " + item.pageNo : ""), // 杩欓噷鍙湁bookid鏃犳硶鍖归厤鍒颁功鍚�
+ };
+ });
});
},
getBiog() {
@@ -814,7 +837,7 @@
},
getMappingData() {
getFuzzySearch({
- personId: this.detailId
+ personId: this.detailId,
}).then((res) => {
this.nodes = [];
this.relationships = [];
@@ -968,30 +991,6 @@
)
.join("&");
window.open(`#/pages/fileDetail/index?${queryString}`);
- },
- handleClick(tab) {
- let index = tab.$attrs["data-id"] - 1;
- this.$nextTick(() => {
- let firstTab = this.$refs.tabs.$el.querySelector(
- ".el-tabs__active-bar"
- );
- if (index == 0) {
- firstTab.style.transform = "translateX(-" + 0.2 + "rem)";
- } else if (index == 1) {
- firstTab.style.transform = "translateX(" + 0.85 * index + "rem)";
- } else if (index == 2) {
- firstTab.style.transform = "translateX(" + 0.93 * index + "rem)";
- } else if (index == 3) {
- firstTab.style.transform = "translateX(" + 0.95 * index + "rem)";
- } else if (index == 4) {
- firstTab.style.transform = "translateX(" + 0.97 * index + "rem)";
- } else {
- let firstTab = this.$refs.tabs.$el.querySelector(
- ".el-tabs__active-bar"
- );
- firstTab.style.transform = "translateX(" + "-.2" + "rem)";
- }
- });
},
// 鍏崇郴鍥捐氨
relation() {
@@ -1344,9 +1343,7 @@
width: 70%;
}
-::v-deep .el-tabs__content {
- line-height: 1;
-}
+
/* 涓汉灏忎紶 ------------------*/
::v-deep .el-dialog__header {
@@ -1473,10 +1470,12 @@
}
::v-deep .el-tabs__item {
- width: 1rem;
+ width: 1.4rem;
font-size: 0.14rem;
line-height: 0.4rem;
height: 0.4rem;
+ padding: 0 20px !important;
+ text-align: center;
}
::v-deep .el-tabs__header {
@@ -1484,12 +1483,8 @@
}
::v-deep .el-tabs__active-bar {
- /* 璁剧疆婊氬姩鏉″搴� */
- width: 1rem !important;
height: 0.03rem !important;
background-color: #597aa5;
- transform: translateX(-20px);
- /* margin-top: .09rem; */
}
::v-deep .el-tabs__active-bar {
@@ -1542,5 +1537,4 @@
.fileul li:hover {
color: #597aa5;
}
-
</style>
--
Gitblit v1.9.1