From b4441bec2b4617bbd61317b1188dcf75b5102568 Mon Sep 17 00:00:00 2001
From: caoyang <caoyang@syxysoft.com>
Date: Thu, 24 Mar 2022 16:00:04 +0800
Subject: [PATCH] =?UTF-8?q?ocr=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/components/OcrAddForm/index.vue  | 117 +++++++++++++-----
 .../views/documentManage/library/index.vue    |   1 +
 .../src/views/documentManage/ocr/index.vue    |   7 +-
 .../documentManage/subscribtion/index.vue     |   6 +-
 4 files changed, 96 insertions(+), 35 deletions(-)

diff --git a/jero-web/src/components/OcrAddForm/index.vue b/jero-web/src/components/OcrAddForm/index.vue
index 6cc79322d..960a697ab 100644
--- a/jero-web/src/components/OcrAddForm/index.vue
+++ b/jero-web/src/components/OcrAddForm/index.vue
@@ -169,15 +169,33 @@
                 <span class="title-text-text">{{item.db_field_txt}}</span>
               </div>
               <a-form-model-item class="itemModel" :prop="item.db_field_name">
-                <a-button v-if="formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
-                  formInline[item.db_field_name] == null" type="primary" class="button-text"
-                          @click="clickButtonToUpload(item.db_field_name)">
-                  {{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
-                  formInline[item.db_field_name] == null) ? $t('clickUpload') : $t('viewUploadedFiles')
-                  }}
-                </a-button>
-                <span v-if="!(formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
-                  formInline[item.db_field_name] == null)">{{fileName[item.db_field_name]}}</span>
+                <a-upload
+                  name="file"
+                  :accept='accept'
+                  :list-type="listType"
+                  :file-list="myfileList"
+                  :multiple="false"
+                  :action="uploadAction+'?state='+state"
+                  :headers="headers"
+                  :before-upload="beforeUpload"
+                  @change="handleChange"
+                >
+                  <a-button>
+                    <a-icon type="upload"/>
+                    {{$t('UploadFile')}}
+                  </a-button>
+                </a-upload>
+
+
+                <!--                <a-button v-if="formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||-->
+                <!--                  formInline[item.db_field_name] == null" type="primary" class="button-text"-->
+                <!--                          @click="clickButtonToUpload(item.db_field_name)">-->
+                <!--                  {{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||-->
+                <!--                  formInline[item.db_field_name] == null) ? $t('clickUpload') : $t('viewUploadedFiles')-->
+                <!--                  }}-->
+                <!--                </a-button>-->
+                <!--                <span v-if="!(formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||-->
+                <!--                  formInline[item.db_field_name] == null)">{{fileName[item.db_field_name]}}</span>-->
               </a-form-model-item>
             </div>
           </a-col>
@@ -212,23 +230,25 @@
           </a-col>
         </div>
       </a-row>
-      <uploadFile ref="uploadFile" :accept="accept" :disabled="disabled" @uploadSuccess="uploadSuccess"></uploadFile>
+      <!--      <uploadFile ref="uploadFile" :accept="accept" :disabled="disabled" @uploadSuccess="uploadSuccess"></uploadFile>-->
     </a-form-model>
   </a-spin>
 </template>
 
 <script>
-  import uploadFile from '@/components/OcrUpload/index'
+  // import uploadFile from '@/components/OcrUpload/index'
   import PersonnelSelection from '@/components/PersonnelSelection/index'
   import Standardselection from '@/components/Standardselection/index'
   import { getAction, postAction } from '@/api/manage'
   import eventBUs from '../../common/event'
   import moment from 'moment'
+  import Vue from 'vue'
+  import { ACCESS_TOKEN } from '@/store/mutation-types'
 
   export default {
     name: 'ocrAddForm',
     components: {
-      uploadFile,
+      // uploadFile,
       Standardselection,
       PersonnelSelection
     },
@@ -244,14 +264,17 @@
       disabled: {
         type: Boolean,
         default: false
-      },
-      accept:{
-        type:String,
       }
     },
     data() {
       return {
+        uploadAction: window._CONFIG['domianURL'] + '/sys/common/upload',
+        listType: 'text',
+        accept: 'application/pdf',
+        state: undefined,
         formInline: {},
+        myfileList: [],
+        headers: {},
         isFormInline: false,
         rules: {},
         labelCol: {
@@ -267,16 +290,50 @@
         validatorRules: {},
         confirmLoading: false,
         uploadName: '',
-        fileName:{},
+        fileName: {}
 
       }
     },
     mounted() {
+      const token = Vue.ls.get(ACCESS_TOKEN)
+      this.headers = { 'X-Access-Token': token }
       this.getForm()
     },
     methods: {
+      handleChange(info) {
+        if (info.file.status !== 'uploading') {
+          // console.log(info.file, info.fileList)
+        }
+        if (info.file.status === 'done') {
+          console.log('info', info)
+          this.fileList = []
+          this.myfileList = info.fileList
+          this.formInline.attId = info.file.response.result.id
+          this.$message.success(`${info.file.name}上传成功`)
+        }else if (info.file.status === 'error') {
+          this.$message.error(`${info.file.name}上传失败`)
+        } else if (info.file.status === 'uploading') {
+          this.myfileList = info.fileList
+          // console.log(info.file, info.fileList)
+        }
+
+      },
+      beforeUpload(file, fileList) {
+        if (this.myfileList && this.myfileList.length >= 1) {
+          this.$message.warning('只能上传一个文件')
+          return false
+        } else {
+          // let thisFileType = this.thisFileType.replace(/\s+/g, "");
+          if (file.type == this.accept) {
+            this.fileTypeSatus = true
+            this.$message.destroy()
+            // 207M.doc文件大小超出100MB限制, 请压缩或降低文件质量!
+            this.errorMessage = file.name + '文件大小超出100MB限制, 请压缩或降低文件质量!'
+          }
+        }
+      },
       sumber() {
-        console.log('vilidate',this.formInline)
+        console.log('vilidate', this.formInline)
         this.$refs.ruleForm1.validate(valid => {
           if (valid) {
             let url = ''
@@ -307,28 +364,28 @@
       uploadSuccess(data) {
         // console.log(data)
         let attIdList = []
-        let attNameList=[]
-        if(data && data.length>0){
+        let attNameList = []
+        if (data && data.length > 0) {
           data.map(item => {
             attIdList.push(item.id || data.name)
             attNameList.push(item.fileName)
           })
           /** 赋值给当前对应的表单文件 */
           this.formInline[this.uploadName] = attIdList.join(',')
-          this.fileName[this.uploadName]=attNameList.join(',')
+          this.fileName[this.uploadName] = attNameList.join(',')
           this.formInline = { ...this.formInline }
           this.$refs.uploadFile.visible = false
           // console.log('form',this.formInline)
-        }else{
-          this.formInline[this.uploadName]=''
-          this.fileName[this.uploadName]=''
+        } else {
+          this.formInline[this.uploadName] = ''
+          this.fileName[this.uploadName] = ''
           this.formInline = { ...this.formInline }
           // console.log('form',this.formInline)
 
         }
       },
       //关闭上传弹框
-      closeUpload(){
+      closeUpload() {
         // this.fileVisible = false
       },
       handleInput(value) {
@@ -349,13 +406,13 @@
                 message: res.db_field_txt + '不能为空',
                 trigger: 'blur'
               })
-              if(res.db_field_name=='standNumber'){
+              if (res.db_field_name == 'standNumber') {
                 rule.push(
-                { min:1, max: 200, message: this.$t('cantExeed')+'200'+this.$t('characters'), trigger: 'blur' },
+                  { min: 1, max: 200, message: this.$t('cantExeed') + '200' + this.$t('characters'), trigger: 'blur' }
                 )
-              }else if(res.db_field_name=='standName'){
+              } else if (res.db_field_name == 'standName') {
                 rule.push(
-                  { min:1, max: 200, message: this.$t('cantExeed')+'200'+this.$t('characters'), trigger: 'blur' },
+                  { min: 1, max: 200, message: this.$t('cantExeed') + '200' + this.$t('characters'), trigger: 'blur' }
                 )
               }
 
@@ -384,7 +441,7 @@
                 message: res.db_field_txt + '不能为空',
                 trigger: 'change'
               })
-            }else if (res.field_show_type === '7') {
+            } else if (res.field_show_type === '7') {
               rule.push({
                 required: true,
                 message: res.db_field_txt + '不能为空',
@@ -429,7 +486,7 @@
           }
         })
       },
-      add(){
+      add() {
         this.formInline = {}
       }
     }
diff --git a/jero-web/src/views/documentManage/library/index.vue b/jero-web/src/views/documentManage/library/index.vue
index 9f9cf8c76..cf2ba8c49 100644
--- a/jero-web/src/views/documentManage/library/index.vue
+++ b/jero-web/src/views/documentManage/library/index.vue
@@ -287,6 +287,7 @@
       },
       //处理列表中的点击事件
       detailClick(item) {
+        console.log('item.',item)
         let newUrl = this.$router.resolve({
           path: '/docManage/library/detail',
           query: item
diff --git a/jero-web/src/views/documentManage/ocr/index.vue b/jero-web/src/views/documentManage/ocr/index.vue
index c9be238bc..1613afee7 100644
--- a/jero-web/src/views/documentManage/ocr/index.vue
+++ b/jero-web/src/views/documentManage/ocr/index.vue
@@ -32,7 +32,6 @@
         ref="fileForm"
         @addFormClick="addFormClick"
         :flag="'2'"
-        :accept="accept"
         v-if="fileVisible"
         :url="url">
       </addForm>
@@ -78,7 +77,7 @@
     </div>
 
     <doc-table v-if="drawVisible" :drawVisible="drawVisible" :drawTableSorce="drawTableSorce" @visible="docVisible" @exportVisible="exportVisible"></doc-table>
-    <ocr-upload  ref="uploadFile1" :disabled="disabled" :accept="accept"  :listType='listType' @uploadSuccess="uploadSuccess"></ocr-upload>
+<!--    <ocr-upload  ref="uploadFile1" :disabled="disabled" :accept="accept"  :listType='listType' @uploadSuccess="uploadSuccess"></ocr-upload>-->
     </a-card>
   </div>
 
@@ -90,7 +89,7 @@
   import TableData from '@/components/OcrTable/index'
   import AddForm from '@/components/OcrAddForm/index'
   import DocTable from './modules/DocTable'
-  import OcrUpload from '@/components/OcrUpload/index'
+  // import OcrUpload from '@/components/OcrUpload/index'
   import store from '@/store/'
   import { ACCESS_TOKEN } from '@/store/mutation-types'
   import Vue from 'vue'
@@ -103,7 +102,7 @@
       search,
       TableData,
       AddForm,
-      OcrUpload,
+      // OcrUpload,
       DocTable
     },
     data(){
diff --git a/jero-web/src/views/documentManage/subscribtion/index.vue b/jero-web/src/views/documentManage/subscribtion/index.vue
index 1cb16f923..21a28ed58 100644
--- a/jero-web/src/views/documentManage/subscribtion/index.vue
+++ b/jero-web/src/views/documentManage/subscribtion/index.vue
@@ -278,7 +278,11 @@
 
         let newUrl = this.$router.resolve({
           path: '/docManage/library/detail',
-          query: { id:item.documentId }
+          query: {
+            id:item.documentId ,
+            serial_number:item.serialNumber,
+            title:item.title
+          }
         })
         window.open(newUrl.href, '_blank')
       }