From 046d36728512387ba66fff070b05d2617e9cc580 Mon Sep 17 00:00:00 2001
From: haha <lj7788@126.com>
Date: Mon, 22 Apr 2024 22:59:07 +0800
Subject: [PATCH] update code

---
 src/components/header.vue           |  2 +-
 src/pages/engin/magDetailDialog.vue | 56 ++++++++++++++++++++---------
 src/pages/engin/magListDialog.vue   | 12 ++++---
 3 files changed, 48 insertions(+), 22 deletions(-)

diff --git a/src/components/header.vue b/src/components/header.vue
index 58d4667..a04d539 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -481,7 +481,7 @@ export default {
 
 <style lang="less">
 .head-title{
-    z-index: 9999;
+    z-index: 999;
 }
 .main-header {
     .head-title-tab {
diff --git a/src/pages/engin/magDetailDialog.vue b/src/pages/engin/magDetailDialog.vue
index c0564b7..b81bbde 100644
--- a/src/pages/engin/magDetailDialog.vue
+++ b/src/pages/engin/magDetailDialog.vue
@@ -1,16 +1,26 @@
 <template>
     <MyDialog v-if="show" v-model="show" width="1600px" height="850px" class="mag-detail-dialog">
-        <template slot="title">{{info.title }}</template>
+        <template slot="title">{{ info.title }}</template>
         <div style="text-align: center;color:dodgerblue;">
-            {{ info.name }} - {{ info.topicName }} - {{ info.deptName }} - {{ info.authorName }} - {{ info.createTime|formatDateTime }}
+            {{ info.name }} - {{ info.topicName }} - {{ info.deptName }} - {{ info.authorName }} - {{
+        info.createTime | formatDateTime }}
         </div>
         <div class="scroll" style="max-height: calc(100% - 100px);overflow: auto;">
-        <div style="display: flex;justify-content: center;">
-            <el-image v-if="info.imageUrl" class="info-image" :src="'/jhapi' + info.imageUrl + '.min.jpg'"
-                        :preview-src-list="['/jhapi' + info.imageUrl]"></el-image>
+
+           
+                <div v-if="info.imageUrl && info.imageUrl.length > 0" style="width:calc(100% - 16px);">
+                <el-image v-for="(item, idx) in info.imageUrl" :key="idx" class="info-image" :src="item + '.min.jpg'" :preview-src-list="[item]"></el-image>
+               </div>
+                <!--
+                <el-carousel >
+                    <el-carousel-item v-for="(item, idx) in info.imageUrl" :key="idx">                        
+                        <el-image class="info-image" :src="item + '.min.jpg'" :preview-src-list="[item]"></el-image>
+                    </el-carousel-item>
+                </el-carousel>
+                -->
+           
+            <pre v-html="info.content" style="white-space: break-spaces;"></pre>
         </div>
-        <pre v-html="info.content" style="white-space: break-spaces;"></pre>
-    </div>
     </MyDialog>
 </template>
 
@@ -27,17 +37,17 @@ export default {
     data() {
         return {
             show: false,
-            info:{},
+            info: {},
         };
     },
 
     mounted() {
 
     },
-    methods: {        
-        showDialog(data) {    
+    methods: {
+        showDialog(data) {
             this.show = true
-            this.info=data;
+            this.info = data;
         },
     },
 };
@@ -52,15 +62,18 @@ export default {
 </style>
 <style lang="less">
 .mag-detail-dialog {
-    .popup-project-introduction-con{
+    .popup-project-introduction-con {
         height: 100%;
-        .popup-project-introduction-details{
+
+        .popup-project-introduction-details {
             height: 100%;
-            .quality-table.special-table{
+
+            .quality-table.special-table {
                 height: 100%;
             }
         }
     }
+
     .popup-project-introduction-min {
         transform: translateY(100px);
     }
@@ -77,13 +90,22 @@ export default {
         }
     }
 
-    
-    .el-image.info-image{
+    .el-carousel.el-carousel--horizontal{
         height: 300px;
+        width: 100%;
+        .el-image__inner{
+            width:auto !important;
+        }
+        .el-carousel__arrow i{
+            font-size: 40px;
+        }
+    }
+    .el-image.info-image {
+        width: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
-        padding:6px;
+        padding: 6px;
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/pages/engin/magListDialog.vue b/src/pages/engin/magListDialog.vue
index 9a9c6b4..8528617 100644
--- a/src/pages/engin/magListDialog.vue
+++ b/src/pages/engin/magListDialog.vue
@@ -11,8 +11,8 @@
             <el-table-column label="作者" align="center" prop="authorName" />
             <el-table-column label="期刊主图" align="center" prop="imageUrl">
                 <template slot-scope="{row}">
-                    <el-image v-if="row.imageUrl" class="row-image" :src="'/jhapi' + row.imageUrl + '.min.jpg'"
-                        :preview-src-list="['/jhapi' + row.imageUrl]"></el-image>
+                    <el-image v-if="row.imageUrl && row.imageUrl.length>0" class="row-image" :src="row.imageUrl[0] + '.min.jpg'"
+                        :preview-src-list="row.imageUrl"></el-image>
                 </template>
             </el-table-column>
             <el-table-column label="标题" align="center" prop="title">
@@ -65,7 +65,9 @@ export default {
 
     methods: {
         doRowClick(row,col,e){
-            this.$refs.dlg.showDialog(row);
+            if(e.target.className.indexOf("el-image__inner")==-1){
+                this.$refs.dlg.showDialog(row);
+            }
         },
         handleCurrentChange(n) {
             this.index = n;
@@ -98,7 +100,9 @@ export default {
                     if (tmps && tmps.length > 0) {
                         tmps = tryToJson(tmps, []);
                         if (tmps.length > 0) {
-                            it.imageUrl = tmps[0];
+                            it.imageUrl = tmps.map(it=>{
+                                return "/jhapi"+it;
+                            });
                         }
                     }
                     return it;