mg-ocr-invoice 0.3.5 → 0.3.7

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

@@ -1,4 +1,3 @@
-import 'vant/lib/index.css';
 import '@/utils/disableZoom';
 declare const _default: import("vue").DefineComponent<{
     listId: {
@@ -12,9 +11,11 @@ declare const _default: import("vue").DefineComponent<{
     catchList: {};
     businessLicense: {
         required: false;
+        type: StringConstructor;
     };
     taxCode: {
         required: false;
+        type: StringConstructor;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     ok: (...args: any[]) => void;
@@ -31,9 +32,11 @@ declare const _default: import("vue").DefineComponent<{
     catchList: {};
     businessLicense: {
         required: false;
+        type: StringConstructor;
     };
     taxCode: {
         required: false;
+        type: StringConstructor;
     };
 }>> & {
     onOk?: ((...args: any[]) => any) | undefined;

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

@@ -2,4 +2,5 @@ import Invoice from './Invoice/index.vue';
 import InvoiceList from './InvoiceList/index.vue';
 import PaymentMode from './PaymentMode/index.vue';
 import OCRInvoice from './OCRInvoice/index.vue';
+import 'vant/lib/index.css';
 export { Invoice, InvoiceList, PaymentMode, OCRInvoice };

package/dist/types/main.d.ts

@@ -1,2 +1,3 @@
 import './styles/mu-invoice.css';
 import 'element-plus/dist/index.css';
+import 'vant/lib/index.css';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mg-ocr-invoice",
   "private": false,
-  "version": "0.3.5",
+  "version": "0.3.7",
   "type": "module",
   "types": "dist/types/index.d.ts",
   "module": "dist/index.es.js",
@@ -23,7 +23,7 @@
     "element-plus": "^2.3.7",
     "js-cookie": "^3.0.5",
     "swiper": "^9.3.2",
-    "vant": "^4.4.1",
+    "vant": "^4.0.9",
     "vconsole": "^3.15.1",
     "vue": "^3.2.47"
   },

package/src/components/InvoiceList/index.vue

@@ -143,8 +143,8 @@
     </div>
     <div class="btn-form">
       <div class="operate">
-        <div class="delete">
-          <span @click="deleteSelectItem">移除</span>
+        <div class="delete" @click="deleteSelectItem">
+          <span >移除</span>
         </div>
         <div class="right-btn">
           <span class="add" @click="add">继续添加发票</span>
@@ -176,7 +176,6 @@
 </template>
 <!-- 异常发票, 已使用的, 使用中的, 识别失败 禁止提交 -->
 <script setup lang="ts">
-import 'vant/lib/index.css'
 import { ref, onMounted, computed } from 'vue'
 import {
   Popup,
@@ -185,6 +184,7 @@ import {
   showToast,
   showConfirmDialog,
   Overlay,
+  showImagePreview
 } from 'vant'
 import '@/utils/disableZoom'
 import { selectPhoto, takePhoto } from '@/utils/upload'
@@ -196,14 +196,12 @@ import {
 import {
   const_invoiceStatus,
   const_realStatus,
-  const_taskStatus,
   const_invoiceExceptionInfo,
   setClass,
   VerificationOfTruth,
 } from './const'
-import { showImagePreview } from 'vant'
 const emit = defineEmits(['edit', 'ok'])
-const { listId, multiple, catchList, businessLicense, taxCode }:any = defineProps({
+const $props = defineProps({
   listId: {
     required: false,
     type: String,
@@ -215,17 +213,19 @@ const { listId, multiple, catchList, businessLicense, taxCode }:any = defineProp
   catchList: {},
   businessLicense: {
     required: false,
+    type: String,
   },
   taxCode: {
     required: false,
+    type: String,
   },
 })
 const token: any = ref(sessionStorage.getItem('token'))
 const showLoading = ref(false)
 const showPopup = ref(false)
 const list: any = ref<Array<any>>([])
-if (catchList) {
-  list.value = catchList
+if ($props.catchList) {
+  list.value = $props.catchList
 }
 const batchId = ref('')
 const selectId = computed(() => {
@@ -237,7 +237,7 @@ const selectId = computed(() => {
 const getList = async () => {
   return new Promise(async (resolve, reject) => {
     const data: any = {}
-    data.batchId = listId
+    data.batchId = $props.listId
     if (!data.batchId) return
     try {
       const res: any = await __getUploadInvoiceList(data, token.value)
@@ -301,15 +301,6 @@ const selectStatus = (item: any) => {
   } else {
     return false
   }
-  // if (item.invoiceStatus==='unused') {
-  //   return true
-  // } else if (item.manualModify) {
-  //   return true
-  // } else if (!item.invoiceExceptionInfo) {
-  //   return true
-  // } else {
-  //   return false
-  // }
 }
 const selectedAll: any = ref(false)
 const changeSelectAll = (v: any) => {
@@ -370,13 +361,13 @@ const add = () => {
 const selectImg = async (type: number) => {
   let fd: FormData
   if (type === 1) {
-    fd = await selectPhoto(multiple)
+    fd = await selectPhoto($props.multiple)
   } else {
     fd = await takePhoto()
   }
   fd.append('batchId', batchId.value)
-  fd.append('businessLicense', businessLicense||'')
-  fd.append('taxCode', taxCode||'')
+  fd.append('businessLicense', $props.businessLicense || '')
+  fd.append('taxCode', $props.taxCode || '')
   showLoading.value = true
   showPopup.value = false
   try {

package/src/components/OCRInvoice/index.vue

@@ -2,18 +2,22 @@
   <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"
+        :batchId="$props.batchId"
+        :businessLicense="
+          $props.businessLicense || computed_params.businessLicense
+        "
+        :taxCode="$props.taxCode || computed_params.taxCode"
+        :multiple="$props.multiple"
         @uploadSuccess="uploadSuccess"></PaymentMode>
     </div>
     <div v-if="activePage === 2" class="box">
       <InvoiceList
-        :multiple="multiple"
+        :multiple="$props.multiple"
         :listId="listId"
-        :businessLicense="businessLicense || computed_params.businessLicense"
-        :taxCode="taxCode || computed_params.taxCode"
+        :businessLicense="
+          $props.businessLicense || computed_params.businessLicense
+        "
+        :taxCode="$props.taxCode || computed_params.taxCode"
         :catchList="catchList"
         @ok="submit"
         @edit="edit">
@@ -31,13 +35,8 @@
 import { ref, onMounted, computed } from 'vue'
 import { PaymentMode, Invoice, InvoiceList } from '@/components/index'
 import { getUrlParams } from '@/utils/getUrlParams'
-import { showToast } from 'vant'
 import Cookies from 'js-cookie'
-// import eruda from 'eruda'
-// eruda.init()
 import VConsole from 'vconsole'
-// import { data as dataObj } from './const'
-
 const setLog = () => {
   if (getUrlParams(window.location.href).log == 1) {
     const vConsole = new VConsole()
@@ -45,15 +44,7 @@ const setLog = () => {
 }
 setLog()
 const emit = defineEmits(['submit'])
-const {
-  token,
-  multiple,
-  Base_URL,
-  OCR_AuthDomain,
-  batchId,
-  taxCode,
-  businessLicense,
-} = defineProps({
+const $props = defineProps({
   token: {
     required: false,
     type: String,
@@ -86,15 +77,15 @@ const initToken = () => {
   const params = getUrlParams(window.location.href)
   const linkToken = params.token
   console.log(linkToken, 'linkToken')
-  Cookies.set('token', linkToken || token)
+  Cookies.set('token', linkToken || $props.token)
 }
 const init_Base_URL = () => {
   const params = getUrlParams(window.location.href)
   Cookies.set(
     'OCR_Base_URL',
-    params.Base_URL || Base_URL || 'https://invoice.imugua.team/'
+    params.Base_URL || $props.Base_URL || 'https://invoice.imugua.team/'
   )
-  Cookies.set('OCR_AuthDomain', params.OCR_AuthDomain || OCR_AuthDomain)
+  Cookies.set('OCR_AuthDomain', params.OCR_AuthDomain || $props.OCR_AuthDomain)
 }
 const activePage = ref(0)
 const listId: any = ref(null)

package/src/components/index.ts

@@ -2,4 +2,6 @@ import Invoice from './Invoice/index.vue'
 import InvoiceList from './InvoiceList/index.vue'
 import PaymentMode from './PaymentMode/index.vue'
 import OCRInvoice from './OCRInvoice/index.vue'
+import 'vant/lib/index.css';
+
 export { Invoice, InvoiceList, PaymentMode, OCRInvoice }

package/dist/types/components/Invoice copy/index.vue.d.ts

@@ -1,25 +0,0 @@
-import '@/utils/disableZoom';
-declare const _default: import("vue").DefineComponent<{
-    ids: {
-        type: ObjectConstructor;
-        required: true;
-    };
-    invoiceData: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    saveSuccess: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    ids: {
-        type: ObjectConstructor;
-        required: true;
-    };
-    invoiceData: {
-        type: ObjectConstructor;
-        required: true;
-    };
-}>> & {
-    onSaveSuccess?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
-export default _default;

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

@@ -1,345 +0,0 @@
-<template>
-  <div class="Invoice">
-    <div class="top" @click="openPreViewImg">
-      <img :src="invoiceData.attachmentLink" alt="" />
-    </div>
-    <div class="company">
-      <div class="title"><i></i> <span>公司</span></div>
-      <div class="cardText">
-        <p style="font-size: 13px; color: #888888">销售方</p>
-        <div class="card">
-          <div class="companyName">{{ invoiceData.sellerName }}</div>
-          <div class="sellerInformation">
-            <ul>
-              <li>
-                <i></i>
-                <span class="label"> 纳税人识别号：</span>
-                <span class="value">{{ invoiceData.sellerId }}</span>
-              </li>
-              <li>
-                <i></i>
-                <span class="label">地址、电话：</span>
-                <span class="value">{{ invoiceData.sellerContact }}</span>
-              </li>
-              <li>
-                <i></i>
-                <span class="label">开户银行及账户：</span>
-                <span class="value">{{ invoiceData.sellerAccount }}</span>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-
-      <div class="purchaser">
-        <ul>
-          <li>
-            <div class="label">购买方：</div>
-            <div class="input">{{ invoiceData.payerName }}</div>
-          </li>
-          <li>
-            <div class="label">发票类型：</div>
-            <div class="input">{{ invoiceData.description }}</div>
-          </li>
-          <li>
-            <div class="label">费用类型：</div>
-            <div class="input">其他费</div>
-          </li>
-          <li>
-            <div class="label">票面金额：</div>
-            <div class="input">
-              {{
-                invoiceData.priceTaxTotalFigure || invoiceData.noTaxAmountTotal
-              }}
-            </div>
-          </li>
-          <li>
-            <div class="label">发票代码：</div>
-            <div class="input">
-              <ElInputNumber
-                :min="0"
-                :controls="false"
-                @input="editFlag = true"
-                v-model.trim="invoiceData.invoiceCode"></ElInputNumber>
-            </div>
-          </li>
-          <li>
-            <div class="label">
-              <span class="van-field__label--required"></span>发票号码：
-            </div>
-            <div class="input">
-              <ElInputNumber
-                :min="0"
-                :controls="false"
-                @input="editFlag = true"
-                v-model.trim="invoiceData.invoiceNum"></ElInputNumber>
-              <!-- <input type="text" v-model.trim="invoiceData.invoiceNum" /> -->
-              <div v-if="showRequiredMsg" class="errColor">
-                发票号码不能为空！
-              </div>
-            </div>
-          </li>
-          <li>
-            <div class="label">校验码：</div>
-            <div class="input">{{ invoiceData.checkCode }}</div>
-          </li>
-          <li>
-            <div class="label">开票日期：</div>
-            <div class="input">{{ invoiceData.invoiceDate }}</div>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <div class="submit">
-      <span
-        style="width: 30%; background-color: #07c160; color: #fff"
-        @click="close"
-        >返回</span
-      >
-      <span @click="submit">保存</span>
-    </div>
-  </div>
-  <Overlay
-    style="
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      z-index: 999;
-    "
-    :show="showLoading">
-    <Loading class="loading" color="#0094ff">保存中...</Loading>
-  </Overlay>
-</template>
-<script setup lang="ts">
-import { ref } from 'vue'
-import '@/utils/disableZoom'
-import { __updateInvoice } from '@/api/invoice'
-import {
-  showToast,
-  Overlay,
-  Loading,
-  showFailToast,
-  showImagePreview,
-} from 'vant'
-import { ElInputNumber } from 'element-plus'
-const { ids, invoiceData } = defineProps({
-  ids: {
-    type: Object,
-    required: true,
-  },
-  invoiceData: {
-    type: Object,
-    required: true,
-  },
-})
-const emit = defineEmits(['saveSuccess'])
-document.title = '发票信息'
-const showRequiredMsg = ref(false)
-// const modules = ref([Pagination])
-const showLoading = ref(false)
-const close = () => {
-  emit('saveSuccess')
-}
-const openPreViewImg = () => {
-  showImagePreview([invoiceData.attachmentLink])
-}
-const editFlag = ref(false)
-const submit = async () => {
-  if (!editFlag.value) {
-    emit('saveSuccess')
-    return
-  }
-  if (!invoiceData.invoiceNum) {
-    showRequiredMsg.value = true
-    return
-  } else {
-    showRequiredMsg.value = false
-  }
-  showLoading.value = true
-  try {
-    const res: any = await __updateInvoice({
-      ...ids,
-      invoiceNum: invoiceData.invoiceNum,
-      invoiceCode: invoiceData.invoiceCode,
-    })
-    if (res.code === 200) {
-      showToast({
-        type: 'success',
-        message: '保存成功',
-        teleport:'#iDOCRInvoice'
-
-      })
-      emit('saveSuccess')
-    }
-  } catch (err: any) {
-    showFailToast(err.msg)
-    emit('saveSuccess')
-  }
-  showLoading.value = false
-}
-</script>
-
-<style lang="scss" scoped>
-::v-deep {
-  .el-input-number {
-    width: 100%;
-  }
-  .el-input {
-    .el-input__wrapper {
-      width: 100%;
-      padding: 0 !important;
-      box-shadow: none;
-    }
-    .el-input__inner {
-      width: 100%;
-      text-align: left;
-      box-shadow: none;
-      padding: 0 !important;
-    }
-  }
-}
-* {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-.Invoice {
-  padding-bottom: 100px;
-  width: 100%;
-  min-height: 100%;
-  background-color: #f3f4f6;
-  .top {
-    width: 100%;
-    padding: 12px 4px;
-    img {
-      width: 100%;
-      height: 179px;
-      display: block;
-    }
-  }
-
-  .company {
-    height: inherit;
-    padding: 0 12px;
-    background-color: #fff;
-    .title {
-      padding: 18px 0;
-      font-size: 16px;
-      font-weight: 500;
-      display: flex;
-      align-items: center;
-      border-bottom: 1px dashed #e8e8e8;
-      margin-bottom: 18px;
-      i {
-        display: inline-block;
-        width: 4px;
-        height: 14px;
-        background: #266fe8;
-        border-radius: 2px;
-      }
-
-      span {
-        font-size: 16px;
-        padding-left: 8px;
-      }
-    }
-    .cardText {
-      .card {
-        margin-top: 8px;
-        border-radius: 4px;
-        background-color: #f6f6f6;
-        font-size: 14px;
-        .companyName {
-          padding: 15px;
-        }
-        .sellerInformation {
-          padding-left: 12px;
-          padding-bottom: 20px;
-          li {
-            list-style: none;
-            margin-bottom: 12px;
-            display: flex;
-            align-items: center;
-            i {
-              width: 4px;
-              height: 4px;
-              border-radius: 50%;
-              background-color: #266fe8;
-            }
-            .label {
-              width: 120px;
-              margin-left: 12px;
-              white-space: nowrap;
-            }
-            .value {
-              flex: 1;
-            }
-          }
-        }
-      }
-    }
-    .purchaser {
-      ul {
-        li {
-          display: flex;
-          font-size: 16px;
-          height: 50px;
-          align-items: center;
-          gap: 45px;
-          .label {
-            width: 80px;
-            white-space: nowrap;
-            position: relative;
-            .van-field__label--required {
-              position: absolute;
-              top: 0;
-              left: -8px;
-            }
-          }
-          .input {
-            flex-grow: 1;
-            color: #999999;
-
-            input {
-              width: 100%;
-              color: #999999;
-              outline: none;
-              font-size: 16px;
-              border: none;
-            }
-            .errColor {
-              color: red;
-              font-size: 12px;
-            }
-          }
-        }
-      }
-    }
-  }
-  .submit {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    box-shadow: 0px -1px 12px 0px rgba(173, 173, 173, 0.1);
-    height: 90px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 12px;
-    z-index: 2;
-    background-color: #fff;
-    span {
-      background-color: #266fe8;
-      width: 68%;
-      font-size: 15px;
-      color: #fff;
-      height: 44px;
-      text-align: center;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-  }
-}
-</style>