事件详情日志上传文件展示

src/views/eventdetailsdialog.vue

@@ -85,16 +85,14 @@
                                       {{ item.logContent }}
                                     </div>
                                     <div>
-                                      <el-image :src="itemfile"
-                                                :preview-src-list="item.attachs"
-                                                style="width:3rem; height:3rem;margin: 2px;"
-                                                v-for="(itemfile,index1) in item.attachs">
-                                      </el-image>
-                                      <el-image :src="itemfile"
+                                      <el-image :src="itemfile" v-if="isAssetTypeAnImage(itemfile)"
                                                 :preview-src-list="item.attachs"
                                                 style="width:3rem; height:3rem;margin: 2px;"
                                                 v-for="(itemfile,index1) in item.attachs">
                                       </el-image>
+                                      <el-link :href="itemfile"  :underline="false" target="_blank"  v-for="(itemfile,index1) in item.attachs" v-if="!isAssetTypeAnImage(itemfile)">
+                                        <span class="el-icon-document"> {{ getFileName(itemfile) }} </span>
+                                      </el-link>
                                     </div>
                                   </div>
                                 </div>
@@ -958,6 +956,24 @@ export default {
     }
   },
   methods: {
+    // 判断是否为图片
+    isAssetTypeAnImage(filePath) {
+      //获取最后一个.的位置
+      var index= filePath.lastIndexOf(".");
+      //获取后缀
+      var ext = filePath.substr(index+1);
+      let aa=['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].indexOf(ext.toLowerCase()) !== -1;
+      alert(aa)
+      return aa;
+    },
+    // 获取文件名称
+    getFileName(name) {
+      if (name.lastIndexOf('/') > -1) {
+        return name.slice(name.lastIndexOf('/') + 1)
+      } else {
+        return ''
+      }
+    },
     setValue(event) {
       //签收选择部门
       this.sendDeptName = event.label
@@ -1149,13 +1165,13 @@ export default {
         }
       } else {//事件提交后台
         if (eventStatus == 'ld') {
+          //事件处理流程--联动
           let array = this.$refs.LiandongDept.getCheckedNodes()
           if (array != null && array.length > 0) {
             for (let i = 0; i < array.length; i++) {
               this.sendLianDongDept.push({'taskDeptId': array[i].id,'taskDeptName': array[i].label})
             }
           }
-          //事件处理流程
           let param = {
             sendDeptId: this.sendDeptId,
             sendDept: this.sendDeptName,
@@ -1166,7 +1182,6 @@ export default {
             taskContent: this.sendTaskContent,
             taskDept: this.sendLianDongDept
           }
-          console.log(param)
           sendTask(param).then(res => {
             if (res.code == 200) {
               this.$message.success(`联动发起成功!`)
@@ -1176,29 +1191,23 @@ export default {
           })
 
         }else if (eventStatus == 'gd') {
-          let array = this.$refs.LiandongDept.getCheckedNodes()
-          if (array != null && array.length > 0) {
-            for (let i = 0; i < array.length; i++) {
-              this.sendLianDongDept.push({'taskDeptId': array[i].id,'taskDeptName': array[i].label})
-            }
-          }
-          //事件处理流程
+          //事件处理流程--归档
           let param = {
-            sendDeptId: this.sendDeptId,
-            sendDept: this.sendDeptName,
             eventCode: this.eventCode,
-            longitude: this.longitude,
-            latitude: this.latitude,
-            taskTitle: this.sendTaskTitle,
-            taskContent: this.sendTaskContent,
-            taskDept: this.sendLianDongDept
+            deptId: this.sendDeptId,
+            deptName: this.sendDeptName,
+            eventStatus: eventStatus,
+            eventType: this.sendEventType,
+            id: this.eventId,
+            czlx: '',
+            fireRadius: this.sendHuoZaiBanJing,
+            reserve: this.sendGuanLianYuAn
           }
-          console.log(param)
           sendTask(param).then(res => {
             if (res.code == 200) {
-              this.$message.success(`联动发起成功!`)
-              this.refreshEventDialog(this.eventCode);
-              this.showEventConfirm = false
+              this.$message.success(`办结成功!`)
+              this.refreshEvent(this.eventCode)
+              this.showEventConfirm_gd = false
             }
           })
 
@@ -1217,6 +1226,7 @@ export default {
           }
           updateCentereventTEventcatalogueStatus(param).then(res => {
             if (res.code == 200) {
+              this.$message.success(`处理成功!`)
               this.refreshEvent(this.eventCode)
               this.showEventConfirm = false
             }