[update 标准解读表] 点击图片可以放大

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