askbot-dragon 1.3.27 → 1.3.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "1.3.27",
+  "version": "1.3.30",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/fielListView.vue

@@ -84,6 +84,7 @@ export default {
             let url = typeof item == 'object' ? item.url : item
             this.previewHref = url
             this.$refs.previewDoc.previewShowPopup = true
+            this.$refs.previewDoc.title = typeof item == 'object' ? item.name : item
         },
         deleteAttch (index) {
             this.$emit('attachDeleteAttch', index)

package/src/components/formTemplate.vue

@@ -290,7 +290,6 @@
         </div>
         <div v-else-if="item.formField.type==='EXPLANATION'||item.formField.type==='EXPLAIN'" class="explan-ation">
           <div  class="explanation">
-            123123123
             <p  class="explanation-p" v-if="item.formField.type==='EXPLANATION'">
               <span class="el-icon-info"></span>
               {{item.formField.extInfo.descriptionText}}

package/src/components/previewDoc.vue

@@ -21,76 +21,113 @@
     <template v-else>
       <iframe class="preview_iframe" :src="previewUrl" style="border:none;"></iframe>
     </template>
+    <div class="onload_btn" @click="downLoad">
+      下载
+    </div>
   </div>
 </template>
 
 <script>
 export default {
-    data () {
-        return {
-            previewShowPopup: false
-        }
+  data () {
+    return {
+      previewShowPopup: false,
+      title:'工单附件'
+    }
+  },
+  props: {
+    url: {
+      type: String,
+      required: true,
     },
-    props:{
-        url:{
-            type: String,
-            required: true,
-        },
-        officePreviewType:{
-            type: String,
-            default: ''
+    officePreviewType: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    previewUrl () {
+      let url = process.env.VUE_APP_ENV === 'production' ? 'https://kkfileview.askbot.cn/onlinePreview?url=' : 'https://test.open.askbot.cn/kkfileview/onlinePreview?url='
+      if (this.url != '') {
+        if (/[\u4E00-\u9FA5]+/g.test(this.url)) {
+          url += btoa(encodeURIComponent(this.url))
+        } else {
+          url += btoa(this.url)
         }
+        url += '&encodeURIComponent=true'
+      }
+      return url
     },
-    computed:{
-        previewUrl() {
-            let url = process.env.VUE_APP_ENV === 'production' ? 'https://kkfileview.askbot.cn/onlinePreview?url=' : 'https://test.open.askbot.cn/kkfileview/onlinePreview?url='
-            if(this.url != '') {
-              if(/[\u4E00-\u9FA5]+/g.test(this.url)) {
-                url += btoa(encodeURIComponent(this.url))
-              } else {
-                url += btoa(this.url)
-              }
-              url += '&encodeURIComponent=true'
-            }
-            return url
-        },
-        fileType() {
-            const fileType = this.url.substring(this.url.lastIndexOf('.'));
-            if (fileType === '.mp4' || fileType === '.MP4'  || fileType === '.MOV'  || fileType === '.mov') {
-                return 'VIDEO'
-            } else {
-                return 'OTHER'
-            }
-             
-        }
+    fileType () {
+      const fileType = this.url.substring(this.url.lastIndexOf('.'));
+      if (fileType === '.mp4' || fileType === '.MP4' || fileType === '.MOV' || fileType === '.mov') {
+        return 'VIDEO'
+      } else {
+        return 'OTHER'
+      }
+
+    }
+  },
+  methods: {
+    close () {
+      this.$emit('close')
     },
-    methods :{
-        close() {
-          this.$emit('close')
-        },
-        loadIframe(item) {
-            let iframe = document.getElementsByClassName('preview_iframe')[0]
-            iframe.onload(() =>{
-                iframe.contentWindow.postMessage({
-                    type: "positionText",
-                    data: item.text,
-                    page: item.page
-                }, '*')
-            })
-            // if(preview) {
-            //   preview.postMessage({
-            //     type: "positionText",
-            //     data: ``
-            //   }, '*')
-            // }
-        }
+    loadIframe (item) {
+      let iframe = document.getElementsByClassName('preview_iframe')[0]
+      iframe.onload(() => {
+        iframe.contentWindow.postMessage({
+          type: "positionText",
+          data: item.text,
+          page: item.page
+        }, '*')
+      })
+      // if(preview) {
+      //   preview.postMessage({
+      //     type: "positionText",
+      //     data: ``
+      //   }, '*')
+      // }
+    },
+    downLoad () {
+      const fileType = this.url.substring(this.url.lastIndexOf('.'));
+      if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
+        navigator.clipboard.writeText(this.url)
+        this.$message({
+          title: '下载地址已复制，请前往Safari浏览器访问下载'
+        })
+        return
+      } else if (/(Android)/i.test(navigator.userAgent)) {
+        console.log('isAndroid')
+      } else {
+        console.log('isPC')
+      }
+      if (fileType == '.txt') {
+        this.$http.get(this.url).then(res =>{
+          let elink = document.createElement("a");// 设置下载文件名
+            elink.download = this.title + '.txt';
+            elink.style.display = "none";
+            let blob = new Blob([res.data]);
+            elink.href = URL.createObjectURL(blob);
+            document.body.appendChild(elink);
+            elink.click();
+            document.body.removeChild(elink);
+            URL.revokeObjectURL(blob); //释放对象
+        })
+      } else {
+        let a = document.createElement('a')
+        a.href = this.url
+        a.download = (this.title) + fileType
+        a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }))
+      }
     }
+  }
 }
 </script>
 
 <style lang="less" scoped>
 .previewDoc{
   height: 100%;
+  position: relative;
 }
 .preview_iframe {
     width: 100%;
@@ -110,4 +147,22 @@ export default {
 /deep/.el-drawer__body{
   height: 100%;
 }
+.onload_btn {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 40px;
+  width: 200px;
+  background-color: #366AFF;
+  color: white;
+  height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 28px;
+  cursor: pointer;
+  i{
+      margin-right: 8px;
+  }
+}
 </style>