图片title

杨磊

2024-07-04 d16a07dcc2771bb65d03658847549ab3b21f6bcd

图片title

 src/pages/character/detail.vue

@@ -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"
@@ -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 = [];
@@ -1542,5 +1565,4 @@
.fileul li:hover {
  color: #597aa5;
}

</style>