ocr上传

jero-web/src/components/ocrUpload/index.vue

@@ -1,8 +1,8 @@
 <template>
     <div class="ocr-upload">
-      <a-modal v-model="visible" :maskClosable="false" :footer="[]" :title="title">
+      <a-modal v-model="visible" :maskClosable="false" :footer="[]" :title="title" class="ocr-upload-modal">
         <a-upload-dragger
-          accept='*.*'
+          :accept='accept'
           :disabled="disabled"
           class="ant-upload-list"
           name="file"
@@ -25,7 +25,7 @@
   import { ACCESS_TOKEN } from "@/store/mutation-types"
   export default {
     name: 'ocrUpload',
-    props:['disableds','disabled','thisFileUploadUrl','readonly','thisFileType'],
+    props:['disableds','disabled','thisFileUploadUrl','readonly','thisFileType','accept'],
     data(){
       return{
         visible:false,
@@ -50,10 +50,12 @@
       beforeUpload(file) {
         console.log(file)
         // let thisFileType = this.thisFileType.replace(/\s+/g, "");
-        this.fileTypeSatus = true;
-        this.$message.destroy()
-        // 207M.doc文件大小超出100MB限制, 请压缩或降低文件质量!
-        this.errorMessage = file.name + "文件大小超出100MB限制, 请压缩或降低文件质量!";
+        if(file.type==this.accept){
+          this.fileTypeSatus = true;
+          this.$message.destroy()
+          // 207M.doc文件大小超出100MB限制, 请压缩或降低文件质量!
+          this.errorMessage = file.name + "文件大小超出100MB限制, 请压缩或降低文件质量!";
+        }
 
       },
       remove(){
@@ -143,6 +145,16 @@
   }
 </script>
 
-<style scoped>
+<style lang="less" scoped>
+
+</style>
+
+
+<style lang="less">
+  .ocr-upload-modal{
+    .ant-modal-wrap{
+      z-index: 1002;
+    }
+  }
 
 </style>