From 73cb228f47dde22c1b4ad0c0d1ff5815e13b569f Mon Sep 17 00:00:00 2001
From: danshihao <danshihao@syxysoft.com>
Date: Fri, 30 Aug 2024 18:12:11 +0800
Subject: [PATCH] =?UTF-8?q?[update=20=E6=A0=87=E5=87=86=E8=A7=A3=E8=AF=BB?=
 =?UTF-8?q?=E8=A1=A8]=20=E7=82=B9=E5=87=BB=E5=9B=BE=E7=89=87=E5=8F=AF?=
 =?UTF-8?q?=E4=BB=A5=E6=94=BE=E5=A4=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/StandardResolutionSheet.vue | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/components/StandardResolutionSheet.vue b/src/components/StandardResolutionSheet.vue
index 3897548..aaf378f 100644
--- a/src/components/StandardResolutionSheet.vue
+++ b/src/components/StandardResolutionSheet.vue
@@ -131,6 +131,7 @@
                  @click="handleClickClauseContentItem(clause)">
               <div class="clause-content-item-title">{{ clause.item_num }} {{ clause.item_title }}</div>
               <div class="clause-content-item-content"
+                   @click="handleClickContent"
                    :class="{'clause-content-item-content-hight': clause.menu_id === hightMenuId}"
                    v-html="clause.item_content"></div>
             </div>
@@ -148,6 +149,7 @@
             <div class="clause-content-item" v-if="Object.keys(clauseLabelInfo).length">
               <div class="clause-content-item-title">{{ clauseLabelInfo.item_num }} {{ clauseLabelInfo.item_title }}</div>
               <div class="clause-content-item-content"
+                   @click="handleClickContent"
                    v-html="clauseLabelInfo.translation"></div>
             </div>
             <a-list v-else :data-source="[]"></a-list>
@@ -219,6 +221,11 @@
       </div>
       <!--查看上传文件-->
       <upload-file ref="uploadFile" :return-url="false" disabled />
+      <div id="images">
+        <div class="image" v-viewer="{movable: false}">
+          <img v-show="false" :src="imageUrl" alt="">
+        </div>
+      </div>
     </div>
   </a-spin>
 </template>
@@ -249,6 +256,7 @@ export default {
   },
   data () {
     return {
+      imageUrl: null,
       labelCol: {
         xs: { span: 24 },
         sm: { span: 6 }
@@ -309,6 +317,18 @@ export default {
     // this.sheetContainerRefX = boxWidth - this.standardCatalogueRefX - this.clauseLabelRefX
   },
   methods: {
+    // 点击条款内容或者译文
+    handleClickContent (e) {
+      const dom = e.target
+      // 如果是图片
+      if (dom.tagName === 'IMG') {
+        this.imageUrl = dom.src
+        // 获取viewer实例
+        const viewer = this.$el.querySelector('.image').$viewer
+        // 调用show方法进行显示预览图
+        viewer.show()
+      }
+    },
     // 获取标准的解读
     getStandardInterpret () {
       this.loading = true