ocr修改

2022-03-24 16:00:04 +08:00
parent 207450165f
commit b4441bec2b
4 changed files with 96 additions and 35 deletions
@@ -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 = {}
      }
    }
@@ -287,6 +287,7 @@
      },
      //处理列表中的点击事件
      detailClick(item) {
+        console.log('item.',item)
        let newUrl = this.$router.resolve({
          path: '/docManage/library/detail',
          query: item
@@ -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(){
@@ -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')
      }