mg-ocr-invoice 0.3.3 → 0.3.5

package/dist/types/components/InvoiceList/index.vue.d.ts

@@ -10,6 +10,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     catchList: {};
+    businessLicense: {
+        required: false;
+    };
+    taxCode: {
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     ok: (...args: any[]) => void;
     edit: (...args: any[]) => void;
@@ -23,6 +29,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
     catchList: {};
+    businessLicense: {
+        required: false;
+    };
+    taxCode: {
+        required: false;
+    };
 }>> & {
     onOk?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;

package/dist/types/components/OCRInvoice/index.vue.d.ts

@@ -16,6 +16,12 @@ declare const _default: import("vue").DefineComponent<{
     batchId: {
         required: false;
     };
+    businessLicense: {
+        required: false;
+    };
+    taxCode: {
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -36,6 +42,12 @@ declare const _default: import("vue").DefineComponent<{
     batchId: {
         required: false;
     };
+    businessLicense: {
+        required: false;
+    };
+    taxCode: {
+        required: false;
+    };
 }>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/types/components/PaymentMode/index.vue.d.ts

@@ -1,16 +1,22 @@
 import '@/utils/disableZoom';
 declare const _default: import("vue").DefineComponent<Readonly<{
     multiple?: any;
+    businessLicense?: any;
+    taxCode?: any;
     batchId?: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     uploadSuccess: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
     multiple?: any;
+    businessLicense?: any;
+    taxCode?: any;
     batchId?: any;
 }>>> & {
     onUploadSuccess?: ((...args: any[]) => any) | undefined;
 }, {
     readonly multiple?: any;
+    readonly businessLicense?: any;
+    readonly taxCode?: any;
     readonly batchId?: any;
 }, {}>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mg-ocr-invoice",
   "private": false,
-  "version": "0.3.3",
+  "version": "0.3.5",
   "type": "module",
   "types": "dist/types/index.d.ts",
   "module": "dist/index.es.js",

package/src/components/Invoice/index.vue

@@ -337,6 +337,7 @@ const submit = async () => {
       showToast({
         type: 'success',
         message: '保存成功',
+        teleport:'#iDOCRInvoice'
       })
       emit('saveSuccess')
     }

package/src/components/Invoice copy/index.vue

@@ -166,6 +166,8 @@ const submit = async () => {
       showToast({
         type: 'success',
         message: '保存成功',
+        teleport:'#iDOCRInvoice'
+
       })
       emit('saveSuccess')
     }

package/src/components/InvoiceList/index.vue

@@ -34,7 +34,10 @@
               </div>
               <div
                 class="title"
-                :class="{ person: item.invoiceCompanyType === '公司' }">
+                :class="{
+                  company: item.invoiceCompanyType === '公司',
+                  err: item.invoiceCompanyType === '异常抬头',
+                }">
                 {{ item.invoiceCompanyType }}
               </div>
               <div class="storeName">
@@ -152,7 +155,11 @@
       </div>
     </div>
   </div>
-  <Popup v-model:show="showPopup" position="bottom" closeable>
+  <Popup
+    v-model:show="showPopup"
+    teleport="#iDOCRInvoice"
+    position="bottom"
+    closeable>
     <div class="boxPopup">
       <div class="title">
         <span>添加发票</span>
@@ -196,7 +203,7 @@ import {
 } from './const'
 import { showImagePreview } from 'vant'
 const emit = defineEmits(['edit', 'ok'])
-const { listId, multiple, catchList } = defineProps({
+const { listId, multiple, catchList, businessLicense, taxCode }:any = defineProps({
   listId: {
     required: false,
     type: String,
@@ -206,6 +213,12 @@ const { listId, multiple, catchList } = defineProps({
     type: Boolean,
   },
   catchList: {},
+  businessLicense: {
+    required: false,
+  },
+  taxCode: {
+    required: false,
+  },
 })
 const token: any = ref(sessionStorage.getItem('token'))
 const showLoading = ref(false)
@@ -252,7 +265,11 @@ const getList = async () => {
 const clickItem = (row: any) => {
   console.log(row.invoiceStatus)
   if (row.invoiceStatus !== 'unused') {
-    return showToast('发票已被使用！')
+    return showToast({
+      type: 'text',
+      teleport: '#iDOCRInvoice',
+      message: '发票已被使用！',
+    })
   }
   row.selected = !row.selected
 }
@@ -297,7 +314,11 @@ const selectStatus = (item: any) => {
 const selectedAll: any = ref(false)
 const changeSelectAll = (v: any) => {
   if (selectedAll.value) {
-    showToast('存在已使用或异常发票, 已自动过滤')
+    showToast({
+      type: 'text',
+      message: '存在已使用或异常发票, 已自动过滤',
+      teleport: '#iDOCRInvoice',
+    })
   }
   list.value.forEach((item: any) => {
     item.selected = selectStatus(item) && selectedAll.value
@@ -311,12 +332,17 @@ const changeItemCheckbox = () => {
 }
 const deleteSelectItem = () => {
   if (selectId.value.length <= 0) {
-    showToast({ type: 'text', message: '请先选择发票' })
+    showToast({
+      type: 'text',
+      message: '请先选择发票',
+      teleport: '#iDOCRInvoice',
+    })
     return
   }
   showConfirmDialog({
     title: '提醒',
     message: '请确认是否需要移除选中项，移除后不可恢复!',
+    teleport: '#iDOCRInvoice',
   })
     .then(async () => {
       var urlencoded = new URLSearchParams()
@@ -325,7 +351,11 @@ const deleteSelectItem = () => {
       urlencoded.append('taskIds', idsStr)
       const res: any = await __deleteInvoice(urlencoded, token.value)
       if (res.code === 200) {
-        showToast({ type: 'success', message: '移除成功' })
+        showToast({
+          type: 'success',
+          message: '移除成功',
+          teleport: '#iDOCRInvoice',
+        })
         getList()
       }
     })
@@ -345,6 +375,8 @@ const selectImg = async (type: number) => {
     fd = await takePhoto()
   }
   fd.append('batchId', batchId.value)
+  fd.append('businessLicense', businessLicense||'')
+  fd.append('taxCode', taxCode||'')
   showLoading.value = true
   showPopup.value = false
   try {
@@ -353,6 +385,7 @@ const selectImg = async (type: number) => {
       showToast({
         type: 'success',
         message: '上传成功',
+        teleport: '#iDOCRInvoice',
       })
       setTimeGetList()
     }
@@ -382,18 +415,23 @@ const openErrImg = (url: any) => {
 }
 const ok = () => {
   if (selectId.value.length <= 0) {
-    showToast({ type: 'text', message: '请先选择发票' })
+    showToast({
+      type: 'text',
+      message: '请先选择发票',
+      teleport: '#iDOCRInvoice',
+    })
     return
   }
   if (!submitBtn.value) {
     showToast({
       type: 'text',
       message: '发票无效或已被使用，请进行确认',
+      teleport: '#iDOCRInvoice',
     })
     return
   }
   // showDeleteBtn.value = false
-  const selectData = list.value
+  const selectData: Array<any> = list.value
     .filter((item: any) => item.selected)
     .map((item: any) => {
       VerificationOfTruth
@@ -401,6 +439,24 @@ const ok = () => {
       let obj: any = { ...item, ...data }
       return obj
     })
+  const filterTitleErr = selectData.some(
+    (item) => item.invoiceCompanyType === '异常抬头'
+  )
+  if (filterTitleErr) {
+    showConfirmDialog({
+      title: '提醒',
+      message: '存在异常抬头发票，请确认是否继续提交？',
+      teleport: '#iDOCRInvoice',
+      cancelButtonText: '返回修改',
+      confirmButtonText: '继续提交',
+    })
+      .then(() => {
+        emit('ok', selectData, batchId.value)
+      })
+      .catch(() => {})
+
+    return
+  }
   emit('ok', selectData, batchId.value)
 }
 const timeID: any = ref(null)
@@ -481,9 +537,12 @@ onMounted(() => {
             color: #333;
             border-radius: 2px;
           }
-          div.person {
+          div.company {
             background-color: #ff8b26;
           }
+          div.err {
+            background-color: #d5001c;
+          }
           .title {
             color: #fff;
             display: flex;

package/src/components/OCRInvoice/index.vue

@@ -1,8 +1,10 @@
 <template>
-  <div class="OCRInvoice">
+  <div class="OCRInvoice" id="iDOCRInvoice">
     <div v-if="activePage === 1" class="box">
       <PaymentMode
         :batchId="batchId"
+        :businessLicense="businessLicense || computed_params.businessLicense"
+        :taxCode="taxCode || computed_params.taxCode"
         :multiple="multiple"
         @uploadSuccess="uploadSuccess"></PaymentMode>
     </div>
@@ -10,6 +12,8 @@
       <InvoiceList
         :multiple="multiple"
         :listId="listId"
+        :businessLicense="businessLicense || computed_params.businessLicense"
+        :taxCode="taxCode || computed_params.taxCode"
         :catchList="catchList"
         @ok="submit"
         @edit="edit">
@@ -24,7 +28,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, computed } from 'vue'
 import { PaymentMode, Invoice, InvoiceList } from '@/components/index'
 import { getUrlParams } from '@/utils/getUrlParams'
 import { showToast } from 'vant'
@@ -41,7 +45,15 @@ const setLog = () => {
 }
 setLog()
 const emit = defineEmits(['submit'])
-const { token, multiple, Base_URL, OCR_AuthDomain, batchId } = defineProps({
+const {
+  token,
+  multiple,
+  Base_URL,
+  OCR_AuthDomain,
+  batchId,
+  taxCode,
+  businessLicense,
+} = defineProps({
   token: {
     required: false,
     type: String,
@@ -58,14 +70,22 @@ const { token, multiple, Base_URL, OCR_AuthDomain, batchId } = defineProps({
   },
   batchId: {
     required: false,
-    
+  },
+  businessLicense: {
+    required: false,
+  },
+  taxCode: {
+    required: false,
   },
 })
-
+const computed_params = computed(() => {
+  return getUrlParams(window.location.href)
+})
 const initToken = () => {
   activePage.value = 1
   const params = getUrlParams(window.location.href)
   const linkToken = params.token
+  console.log(linkToken, 'linkToken')
   Cookies.set('token', linkToken || token)
 }
 const init_Base_URL = () => {

package/src/components/PaymentMode/index.vue

@@ -32,7 +32,7 @@ import '@/utils/disableZoom'
 import { selectPhoto, takePhoto } from '@/utils/upload'
 import { __uploadInvoice } from '@/api/invoice'
 import { showToast, Overlay, Loading, showFailToast } from 'vant'
-const props = defineProps(['multiple', 'batchId'])
+const props = defineProps(['multiple', 'batchId', 'taxCode','businessLicense'])
 const emit = defineEmits(['uploadSuccess'])
 const payList: any = [
   {
@@ -65,6 +65,8 @@ const handleClickText = async (text: any) => {
   if (props.batchId) {
     fd.append('batchId', props.batchId)
   }
+  fd.append('businessLicense',props.businessLicense||'')
+  fd.append('taxCode',props.taxCode||'')
   showLoading.value = true
   try {
     const res: any = await __uploadInvoice(fd)
@@ -72,6 +74,7 @@ const handleClickText = async (text: any) => {
       showToast({
         type: 'success',
         message: '上传成功',
+        teleport: '#iDOCRInvoice',
       })
       emit('uploadSuccess', res.data)
     }