cygx 12.0

src/views/rai_manage/reportManage/yanXuanSpecial.vue

@@ -35,11 +35,12 @@
               <p>{{ item.PublishTime }}</p>
             </div>
           </div>
-          <div class="content-detial">
-            {{ item.Content }}
+          <div class="content-detial" v-html="item.Content"></div>
+          <div class="look-all-txt" v-if="item.ContentHasImg || item.isShowBtn">查看全文</div>
+          <div class="file-box" v-for="(key, indexs) in item.Docs" :key="indexs" @click="handleOperation(key)">
+            <img :src="key.DocIcon" alt="" />
+            {{ key.DocName }}.{{ key.DocSuffix }}
           </div>
-          <div class="look-all-txt" v-if="item.ContentHasImg">查看全文</div>
-          <div class="file-box">文件文件{{item.DocUrl}}</div>
           <div class="img-box">
             <img v-for="(key, index) in item.ImgUrl.split(',')" :key="index" :src="key" alt="" />
           </div>
@@ -80,12 +81,13 @@ export default {
       specialListData: [], // 审核列表
     };
   },
-  computed: {},
   watch: {},
   created() {},
   mounted() {
     this.getAuthorList();
     this.getSpecialList();
+    this.$nextTick(() => {});
+    // let rowNum = Math.round($(".content-detial").height() / parseFloat($(".content-detial").css("line-height")));
   },
   methods: {
     // 审核通过的确认按钮
@@ -134,6 +136,13 @@ export default {
       const res = await raiInterface.yanxuan_specialList();
       if (res.Ret === 200) {
         this.specialListData = res.Data || [];
+
+        this.$nextTick(() => {
+          this.specialListData.forEach((item, index) => {
+            let h = document.getElementsByClassName("content-detial")[index].clientHeight;
+            this.$set(item, "isShowBtn", h >= 134 ? true : false);
+          });
+        });
       }
     },
     // 驳回的弹框显示
@@ -141,6 +150,20 @@ export default {
       this.submitRejectId = item.Id;
       this.submitRejectDlgVisible = true;
     },
+    handleOperation: _.debounce(function (item) {
+      const url = item.DocUrl;
+      if (!url) {
+        this.$message.warning("文件错误");
+        return;
+      }
+      const reg = /\.(pdf)$/;
+      // pdf
+      if (reg.test(url)) {
+        window.open(url, "_blank");
+      } else {
+        window.open("https://view.officeapps.live.com/op/view.aspx?src=" + url, "_blank");
+      }
+    }, 200),
   },
 };
 </script>
@@ -237,12 +260,20 @@ div {
     .look-all-txt {
       color: #409eff;
       font-size: 16px;
-      margin-top: 20px ;
+      margin-top: 20px;
       cursor: pointer;
     }
     .file-box {
+      display: flex;
+      align-items: center;
       margin-top: 20px;
       height: 64px;
+      cursor: pointer;
+      img {
+        width: 27px;
+        height: 27px;
+        margin-right: 15px;
+      }
     }
     .img-box {
       margin: 20px 0;