From 79ffc2ba35d08f8ba72b99663cd16b6e4ae40c5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E5=BC=BA=E5=BC=BA?= <787203167>
Date: Mon, 27 Mar 2023 15:02:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=82=E6=95=B0=E6=A8=A1=E6=9D=BF=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86-=E5=8F=82=E6=95=B0=E5=88=97=E8=A1=A8-=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E-=E9=99=84=E4=BB=B6=E6=8E=A7=E4=BB=B6=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E9=99=84=E4=BB=B6=E6=A8=A1=E6=9D=BF=E7=9A=84=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/uploadFileChange/file.vue  | 335 +++++++++---------
 .../parameterlist/components/addModel.vue     |   2 +-
 2 files changed, 173 insertions(+), 164 deletions(-)

diff --git a/jero-web/src/components/uploadFileChange/file.vue b/jero-web/src/components/uploadFileChange/file.vue
index a27e816c9..f12def90c 100644
--- a/jero-web/src/components/uploadFileChange/file.vue
+++ b/jero-web/src/components/uploadFileChange/file.vue
@@ -9,7 +9,7 @@
         name="file"
         :file-list="myfileList"
         :multiple="true"
-        :action="uploadAction+'?state='+2+'&cut='+cut"
+        :action="actionUrl"
         :headers="headers"
         @preview="preview"
         :before-upload="beforeUpload"
@@ -26,127 +26,118 @@
 </template>
 
 <script>
-import Vue from 'vue'
-import { ACCESS_TOKEN } from '@/store/mutation-types'
-import { getAction, postAction, downFile, downloadFile } from '@/api/manage'
-import { Base64 } from 'js-base64'
-import { mapGetters } from 'vuex'
+  import Vue from 'vue'
+  import { ACCESS_TOKEN } from '@/store/mutation-types'
+  import { getAction, postAction, downFile, downloadFile } from '@/api/manage'
+  import { Base64 } from 'js-base64'
+  import { mapGetters } from 'vuex'
 
-export default {
-  name: 'file',
-  props: ['disableds', 'disabled', 'thisFileUploadUrl', 'readonly', 'thisFileType', 'isUploadFile','detailDate','accept'],
-  data() {
-    return {
-      visible: false,
-      title: this.$t('clickUpload'),
-      uploadAction: window._CONFIG['domianURL'] + '/sys/common/upload',
-      state: undefined,
-      myuploadAction: window._CONFIG['domianURL'] + this.thisFileUploadUrl,
-      upDataList: [],
-      downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download',
-      fileList: [],
-      myfileList: [],
-      isLoding: false,
-      cut: ''
-    }
-  },
-  created() {
-    const token = Vue.ls.get(ACCESS_TOKEN)
-    this.headers = { 'X-Access-Token': token }
-    this.containerId = 'container-ty-' + new Date().getTime()
-  },
-  mounted() {
-    // console.log(this.detailDate,'lldetailDate')
-    let long = localStorage.getItem('language')
-    this.cut = ''
-    if (long && long == 'zh-cn') {
-      this.cut = 'cn'
-    } else if (long && long == 'en-us') {
-      this.cut = 'en'
-    }
-    // console.log(this.thisFileType,this.thisFileSize,this.thisFileUploadUrl);
-  },
-  methods: {
-    ...mapGetters(['userInfo']),
-    perentHandleFunc(data) {
-      this.myfileList = data
-      if (data && data.length > 0) {
-        this.myfileList.forEach((res) => {
-          res.name = res.fileName
-          res.uid = res.id
-        })
-      } else {
-        this.myfileList = []
+  export default {
+    name: 'file',
+    props: ['disableds', 'disabled', 'thisFileUploadUrl', 'readonly', 'thisFileType', 'isUploadFile', 'detailDate', 'accept', 'isParameter'],
+    data() {
+      return {
+        visible: false,
+        title: this.$t('clickUpload'),
+        uploadAction: window._CONFIG['domianURL'] + '/sys/common/upload',
+        state: undefined,
+        myuploadAction: window._CONFIG['domianURL'] + this.thisFileUploadUrl,
+        upDataList: [],
+        downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download',
+        fileList: [],
+        myfileList: [],
+        isLoding: false,
+        cut: ''
       }
     },
-    beforeUpload(file) {
-
-      console.log(file)
-      // let thisFileType = this.thisFileType.replace(/\s+/g, "");
-      this.fileTypeSatus = true
-      //TODO 客户要求不拦截文件
-      // if(file.type){
-      //   if (thisFileType.indexOf(file.type) != -1) {
-      //     this.fileTypeSatus = true;
-      //   }else{
-      //     this.fileTypeSatus = false;
-      //   }
-      // }else{
-      //   if(file.name.slice(file.name.length - 3 , file.name.length)  == 'rar'){
-      //    this.fileTypeSatus = true
-      //   }else if(file.type == 'application/x-zip-compressed'){
-      //     this.fileTypeSatus = true
-      //   }else{
-      //     this.fileTypeSatus = false;
-      //   }
-      // }
-      this.$message.destroy()
-    },
-    remove() {
-      this.fileTypeSatus = true
-    },
-    mypreview(item) {
-      let url = window._CONFIG['domianPreviewURL'] + '?url=' + encodeURIComponent(this.downLoadFileUrl + '/' + item.ext1)
-      window.open(url, '_blank')
-    },
-    handleChange(info) {
-      if(info.fileList.length > 1) {
-         this.$message.warning(this.$t('onlyOnefileUploaded'))
-         return
-      }
-      let { file } = info
-      const status = info.file.status
-      info.fileList.forEach((val, index) => {
-        if (val.response && !val.response.result) {
-          this.$message.error(val.response.message)
-          info.fileList.splice(index, 1)
+    computed: {
+      actionUrl() {
+        if (this.isParameter) {
+          return this.uploadAction + '?state=' + 3 + '&cut=' + this.cut
+        } else {
+          return this.uploadAction + '?state=' + 2 + '&cut=' + this.cut
         }
-      })
-      if (status === 'error') {
-        this.$emit('uploadSuccess', this.fileList)
+      }
+    },
+    created() {
+      const token = Vue.ls.get(ACCESS_TOKEN)
+      this.headers = { 'X-Access-Token': token }
+      this.containerId = 'container-ty-' + new Date().getTime()
+    },
+    mounted() {
+      // console.log(this.detailDate,'lldetailDate')
+      let long = localStorage.getItem('language')
+      this.cut = ''
+      if (long && long == 'zh-cn') {
+        this.cut = 'cn'
+      } else if (long && long == 'en-us') {
+        this.cut = 'en'
+      }
+      // console.log(this.thisFileType,this.thisFileSize,this.thisFileUploadUrl);
+    },
+    methods: {
+      ...mapGetters(['userInfo']),
+      perentHandleFunc(data) {
+        this.myfileList = data
+        if (data && data.length > 0) {
+          this.myfileList.forEach((res) => {
+            res.name = res.fileName
+            res.uid = res.id
+          })
+        } else {
+          this.myfileList = []
+        }
+      },
+      beforeUpload(file) {
+
+        console.log(file)
+        // let thisFileType = this.thisFileType.replace(/\s+/g, "");
+        this.fileTypeSatus = true
+        //TODO 客户要求不拦截文件
+        // if(file.type){
+        //   if (thisFileType.indexOf(file.type) != -1) {
+        //     this.fileTypeSatus = true;
+        //   }else{
+        //     this.fileTypeSatus = false;
+        //   }
+        // }else{
+        //   if(file.name.slice(file.name.length - 3 , file.name.length)  == 'rar'){
+        //    this.fileTypeSatus = true
+        //   }else if(file.type == 'application/x-zip-compressed'){
+        //     this.fileTypeSatus = true
+        //   }else{
+        //     this.fileTypeSatus = false;
+        //   }
+        // }
         this.$message.destroy()
-        this.$message.error(`${info.file.name}` + this.$t('FileUploadFailed'))
-      } else if (status === 'removed') {
-        this.myfileList = info.fileList
-        this.fileList = []
-        this.myfileList.forEach((res) => {
-          if (res.response) {
-            this.fileList.push(res.response.result)
-          } else {
-            this.fileList.push(res)
+      },
+      remove() {
+        this.fileTypeSatus = true
+      },
+      mypreview(item) {
+        let url = window._CONFIG['domianPreviewURL'] + '?url=' + encodeURIComponent(this.downLoadFileUrl + '/' + item.ext1)
+        window.open(url, '_blank')
+      },
+      handleChange(info) {
+        if (info.fileList.length > 1) {
+          this.$message.warning(this.$t('onlyOnefileUploaded'))
+          return
+        }
+        let { file } = info
+        const status = info.file.status
+        info.fileList.forEach((val, index) => {
+          if (val.response && !val.response.result) {
+            this.$message.error(val.response.message)
+            info.fileList.splice(index, 1)
           }
         })
-        this.$emit('uploadSuccess', this.fileList)
-        if (this.myfileList.length > 0) {
+        if (status === 'error') {
+          this.$emit('uploadSuccess', this.fileList)
           this.$message.destroy()
-          this.$message.success(`${info.file.name}` + this.$t('DeletedSuccessfully'))
-        }
-      } else if (status === 'done') {
-        this.fileList = []
-        this.myfileList = info.fileList
-        if (info.fileList.length > 20) {
-          info.fileList.splice(20)
+          this.$message.error(`${info.file.name}` + this.$t('FileUploadFailed'))
+        } else if (status === 'removed') {
           this.myfileList = info.fileList
+          this.fileList = []
           this.myfileList.forEach((res) => {
             if (res.response) {
               this.fileList.push(res.response.result)
@@ -155,66 +146,84 @@ export default {
             }
           })
           this.$emit('uploadSuccess', this.fileList)
-          this.$message.destroy()
-          this.$message.error(this.$t('UploadMost'))
-          return
-        }
-        this.myfileList.forEach((res) => {
-          if (res.response) {
-            this.fileList.push(res.response.result)
-          } else {
-            this.fileList.push(res)
+          if (this.myfileList.length > 0) {
+            this.$message.destroy()
+            this.$message.success(`${info.file.name}` + this.$t('DeletedSuccessfully'))
           }
-        })
-        this.$emit('uploadSuccess', this.fileList)
-        if (this.myfileList.length > 0) {
-          this.$message.destroy()
-          if (file.response.success) {
-            this.$message.success(`${info.file.name}` + this.$t('FileUploadedSuccessfully'))
+        } else if (status === 'done') {
+          this.fileList = []
+          this.myfileList = info.fileList
+          if (info.fileList.length > 20) {
+            info.fileList.splice(20)
+            this.myfileList = info.fileList
+            this.myfileList.forEach((res) => {
+              if (res.response) {
+                this.fileList.push(res.response.result)
+              } else {
+                this.fileList.push(res)
+              }
+            })
+            this.$emit('uploadSuccess', this.fileList)
+            this.$message.destroy()
+            this.$message.error(this.$t('UploadMost'))
+            return
           }
+          this.myfileList.forEach((res) => {
+            if (res.response) {
+              this.fileList.push(res.response.result)
+            } else {
+              this.fileList.push(res)
+            }
+          })
+          this.$emit('uploadSuccess', this.fileList)
+          if (this.myfileList.length > 0) {
+            this.$message.destroy()
+            if (file.response.success) {
+              this.$message.success(`${info.file.name}` + this.$t('FileUploadedSuccessfully'))
+            }
+          }
+        } else if (status === 'uploading') {
+          this.myfileList = info.fileList
+          // this.$message.success(`${info.file.name} 文件上传成功。`);
         }
-      } else if (status === 'uploading') {
-        this.myfileList = info.fileList
-        // this.$message.success(`${info.file.name} 文件上传成功。`);
-      }
-    },
-    resetFileList() {
-      this.myfileList = []
-      this.fileList = []
-    },
-    preview(file) {
-      let fileQuery = file.response ? file.response.result : file
-      let fileName = fileQuery.fileName
-      let index1 = fileName.lastIndexOf('.')
-      let index2 = fileName.length
-      let fileSuffix = fileName.substring(index1, index2)
-      // if (fileSuffix === '.pdf') {
-      //   window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + fileQuery.id+'&userName='+this.userInfo().username))
-      // } else if (fileSuffix === '.docx') {
-      //   let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
-      //   window.open(url, '_blank')
-      // } else if (fileSuffix === '.xlsx' || fileSuffix === '.xls') {
-      //   let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
-      //   window.open(url, '_blank')
-      // } else {
+      },
+      resetFileList() {
+        this.myfileList = []
+        this.fileList = []
+      },
+      preview(file) {
+        let fileQuery = file.response ? file.response.result : file
+        let fileName = fileQuery.fileName
+        let index1 = fileName.lastIndexOf('.')
+        let index2 = fileName.length
+        let fileSuffix = fileName.substring(index1, index2)
+        // if (fileSuffix === '.pdf') {
+        //   window.open('/pdf/web/viewer.html?file=' + encodeURIComponent('/jero-boot/sys/common/pdf/viewFile?id=' + fileQuery.id+'&userName='+this.userInfo().username))
+        // } else if (fileSuffix === '.docx') {
+        //   let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
+        //   window.open(url, '_blank')
+        // } else if (fileSuffix === '.xlsx' || fileSuffix === '.xls') {
+        //   let url = window._CONFIG['onlinePreviewDomainURL'] + '?url=' + Base64.encode(this.downLoadFileUrl + '/' + fileQuery.id + fileSuffix)
+        //   window.open(url, '_blank')
+        // } else {
         downloadFile('/sys/common/downLoadFile', fileQuery.fileName, { id: fileQuery.id })
-      // }
+        // }
+      }
     }
   }
-}
 </script>
 
 <style>
-.ant-upload-list-item-name {
-  color: rgba(0, 0, 0, 0.65) !important;
-}
+  .ant-upload-list-item-name {
+    color: rgba(0, 0, 0, 0.65) !important;
+  }
 
-.action-upload {
-  font-size: 67px;
-  color: #c0c4cc;
-}
+  .action-upload {
+    font-size: 67px;
+    color: #c0c4cc;
+  }
 
-.uploadFile {
+  .uploadFile {
 
-}
+  }
 </style>
\ No newline at end of file
diff --git a/jero-web/src/views/parameter/parameterlist/components/addModel.vue b/jero-web/src/views/parameter/parameterlist/components/addModel.vue
index 922689d45..250e8cca1 100644
--- a/jero-web/src/views/parameter/parameterlist/components/addModel.vue
+++ b/jero-web/src/views/parameter/parameterlist/components/addModel.vue
@@ -317,7 +317,7 @@
         <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
       </div>
     </a-drawer>
-    <uploadFileChange ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFileChange>
+    <uploadFileChange :isParameter="true" ref="uploadFile" @uploadSuccess="uploadSuccess"></uploadFileChange>
   </div>
 </template>