From 4192e681c0f11e12f4ecaf2a13b6c29efd122ea6 Mon Sep 17 00:00:00 2001
From: MO <448233645@qq.com>
Date: Fri, 22 Sep 2023 18:04:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E7=A5=A8=E7=AE=A1=E7=90=86=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/common/index.js                  |   9 +
 src/components/UploadImgPdf/index.vue    | 151 ++++++++++------
 src/components/UploadInvoice/index.vue   | 221 +++++++++++++++++++++++
 src/views/accounting/book/index.vue      |  45 +++--
 src/views/accounting/invoices/index.vue  |  35 +++-
 src/views/bs/invoice/components/form.vue | 179 ++++++++++++------
 6 files changed, 514 insertions(+), 126 deletions(-)
 create mode 100644 src/components/UploadInvoice/index.vue

diff --git a/src/api/common/index.js b/src/api/common/index.js
index 811c79db..ba7f73d6 100644
--- a/src/api/common/index.js
+++ b/src/api/common/index.js
@@ -16,4 +16,13 @@ export function uploadFileApi(data) {
     method: 'post',
     data: data
   })
+}
+
+// 文件上传
+export function uploadInvoiceApi(data) {
+  return request({
+    url: '/accounting/invoices/identify',
+    method: 'post',
+    data: data
+  })
 }
\ No newline at end of file
diff --git a/src/components/UploadImgPdf/index.vue b/src/components/UploadImgPdf/index.vue
index e2ba2b7e..76cd0ff6 100644
--- a/src/components/UploadImgPdf/index.vue
+++ b/src/components/UploadImgPdf/index.vue
@@ -1,17 +1,48 @@
 <!--  -->
 <template>
   <div class="out">
-    <el-upload :class="{ hide: hideUpload }" ref="imgListRef" :limit="1" :file-list="fileList" :on-change="onUploadChange" :before-upload="beforeFileUpload" action="#" :accept="imgType" list-type="picture-card" :auto-upload="false">
+    <el-upload
+      :class="{ hide: hideUpload }"
+      ref="imgListRef"
+      :limit="1"
+      :file-list="fileList"
+      :on-change="onUploadChange"
+      :before-upload="beforeFileUpload"
+      action="#"
+      :accept="imgType"
+      list-type="picture-card"
+      :auto-upload="false"
+    >
       <i class="el-icon-plus"></i>
-      <div slot="file" slot-scope="{file}" style="position: relative;height: 100%;">
-        <img class="el-upload-list__item-thumbnail" v-if="!isPdf" :src="file.url" alt />
-        <img class="el-upload-list__item-thumbnail" v-else src="~@/assets/images/pdf.png" alt />
-        <div v-if="isPdf" class="pdf-name">{{pdfName}}</div>
+      <div
+        slot="file"
+        slot-scope="{ file }"
+        style="position: relative; height: 100%"
+      >
+        <img
+          class="el-upload-list__item-thumbnail"
+          v-if="!isPdf"
+          :src="file.url"
+          alt
+        />
+        <img
+          class="el-upload-list__item-thumbnail"
+          v-else
+          src="~@/assets/images/pdf.png"
+          alt
+        />
+        <div v-if="isPdf" class="pdf-name">{{ pdfName }}</div>
         <span class="el-upload-list__item-actions">
-          <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
+          <span
+            class="el-upload-list__item-preview"
+            @click="handlePictureCardPreview(file)"
+          >
             <i class="el-icon-zoom-in"></i>
           </span>
-          <span class="el-upload-list__item-delete" @click="handleRemove(file, fileList)">
+          <span
+            class="el-upload-list__item-delete"
+            @click="handleRemove(file, fileList)"
+          >
             <i class="el-icon-delete"></i>
           </span>
         </span>
@@ -19,40 +50,53 @@
     </el-upload>
     <div class="title">支持png、pdf、jpg格式上传</div>
     <div class="inside">
-      <el-button type="primary" @click="handleScan" size="small" plain>发票识别</el-button>
-      <el-button type="primary" @click="handleCheck" size="small" plain>发票验真</el-button>
+      <el-button type="primary" @click="handleScan" size="small" plain
+        >发票识别</el-button
+      >
+      <el-button type="primary" @click="handleCheck" size="small" plain
+        >发票验真</el-button
+      >
     </div>
-    <el-image-viewer v-if="dialogVisible" :zIndex="9999" :on-close="closeImgViewer" :url-list="imgList" />
+    <el-image-viewer
+      v-if="dialogVisible"
+      :zIndex="9999"
+      :on-close="closeImgViewer"
+      :url-list="imgList"
+    />
     <!-- 文件在线预览 -->
-    <FilePreview :previewFile="previewFile" :fileUrl="fileUrl" @update="previewFile=false" />
+    <FilePreview
+      :previewFile="previewFile"
+      :fileUrl="fileUrl"
+      @update="previewFile = false"
+    />
   </div>
 </template>
 
 <script>
 import ElImageViewer from "element-ui/packages/image/src/image-viewer";
-import { uploadFileApi } from "@/api/common"
+import { uploadFileApi } from "@/api/common";
 export default {
-  name: '',
+  name: "",
   props: {
     files: Array,
   },
   watch: {
     files: {
       handler(list) {
-        this.fileList = list
+        this.fileList = list;
         if (list.length >= 1) {
-          this.hideUpload = true
+          this.hideUpload = true;
         } else {
-          this.hideUpload = false
+          this.hideUpload = false;
         }
       },
     },
-    deep: true
+    deep: true,
   },
   data() {
     return {
       hideUpload: false,
-      imgType: '.jpeg, .jpg, .png, .pdf',
+      imgType: ".jpeg, .jpg, .png, .pdf",
       fileList: [],
       dialogVisible: false,
       isPdf: false,
@@ -60,81 +104,84 @@ export default {
       imgList: null,
       fileUrl: null,
       previewFile: false,
-    }
+    };
   },
   components: {
     ElImageViewer,
-    FilePreview: () => import('@/components/FilePreview'),
+    FilePreview: () => import("@/components/FilePreview"),
   },
   computed: {},
   methods: {
     // 删除照片时的回调方法
     handleRemove(file, files) {
-      this.fileList = files.filter(item => file.uid !== item.uid)
-      this.$emit('onConfirm', this.fileList)
-      return false
+      this.fileList = files.filter((item) => file.uid !== item.uid);
+      this.$emit("onConfirm", this.fileList);
+      return false;
     },
     // 上传照片时的回调方法
     onUploadChange(file, fileList) {
-      this.beforeFileUpload(file, fileList)
+      this.beforeFileUpload(file, fileList);
     },
     beforeFileUpload(file, fileList) {
       //选择图片后做图片格式限制（手动上传图片时，before-upload钩子无效，使用此方法替代）
-      const isImage = file.raw.type == 'image/png' || file.raw.type == 'image/jpg' || file.raw.type == 'image/jpeg' || file.raw.type == 'application/pdf';
+      const isImage =
+        file.raw.type == "image/png" ||
+        file.raw.type == "image/jpg" ||
+        file.raw.type == "image/jpeg" ||
+        file.raw.type == "application/pdf";
       // const isLt5M = file.size < 1024 * 1024 * 5;
       if (!isImage) {
-        this.$message.warning('上传只能是png,jpg,jpeg,.pdf格式!');
+        this.$message.warning("上传只能是png,jpg,jpeg,.pdf格式!");
       }
-      if (file.raw.type == 'application/pdf') {
-        this.isPdf = true
-        this.pdfName = file.raw.name
+      if (file.raw.type == "application/pdf") {
+        this.isPdf = true;
+        this.pdfName = file.raw.name;
       } else {
-        this.isPdf = false
+        this.isPdf = false;
       }
-      let FormDatas = new FormData()
-      FormDatas.append('file', file.raw);
-      FormDatas.append('path', file.raw.name);
+      let FormDatas = new FormData();
+      FormDatas.append("file", file.raw);
+      FormDatas.append("path", file.raw.name);
       this.$modal.loading("正在上传，请稍候...");
       uploadFileApi(FormDatas).then((res) => {
-        this.fileList.push({ name: file.name, url: res.data });//成功过后手动将文件添加到展示列表里
-        this.$emit('onConfirm', this.fileList)
-        this.$modal.closeLoading()
-      })
+        this.fileList.push({ name: file.name, url: res.data }); //成功过后手动将文件添加到展示列表里
+        this.$emit("onConfirm", this.fileList);
+        this.$modal.closeLoading();
+      });
     },
     closeImgViewer() {
       this.dialogVisible = false;
     },
     handlePictureCardPreview(file) {
-      if (file.name.indexOf('.pdf') > -1) {
-        this.fileUrl = this.fileList[0].url
-        this.previewFile = true
+      if (file.name.indexOf(".pdf") > -1) {
+        this.fileUrl = this.fileList[0].url;
+        this.previewFile = true;
       } else {
-        this.imgList = [file.url]
-        this.dialogVisible = true
+        this.imgList = [file.url];
+        this.dialogVisible = true;
       }
     },
     // 发票识别
     handleScan() {
       if (this.fileList.length) {
-        this.$emit('onScan')
+        this.$emit("onScan");
       } else {
-        this.$fm('请先上传发票!')
+        this.$fm("请先上传发票!");
       }
     },
     // 发票验真
     handleCheck() {
       if (this.fileList.length) {
-        this.$emit('onCheck')
+        this.$emit("onCheck");
       } else {
-        this.$fm('请先上传发票!')
+        this.$fm("请先上传发票!");
       }
     },
-  }
-}
-
+  },
+};
 </script>
-<style lang='scss' scoped>
-@import '@/assets/styles/form/index.scss';
+<style lang="scss" scoped>
+@import "@/assets/styles/form/index.scss";
 .pdf-name {
   text-align: center;
   position: absolute;
@@ -148,4 +195,4 @@ export default {
   // height: auto !important;
   object-fit: cover;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/UploadInvoice/index.vue b/src/components/UploadInvoice/index.vue
new file mode 100644
index 00000000..3d48e152
--- /dev/null
+++ b/src/components/UploadInvoice/index.vue
@@ -0,0 +1,221 @@
+<!--  -->
+<template>
+  <div class="out">
+    <el-upload
+      :class="{ hide: hideUpload }"
+      ref="imgListRef"
+      :limit="1"
+      :file-list="fileList"
+      :on-change="onUploadChange"
+      :before-upload="beforeFileUpload"
+      action="#"
+      :accept="imgType"
+      list-type="picture-card"
+      :auto-upload="false"
+    >
+      <i class="el-icon-plus"></i>
+      <div
+        slot="file"
+        slot-scope="{ file }"
+        style="position: relative; height: 100%"
+      >
+        <!-- pdf -->
+        <img
+          class="el-upload-list__item-thumbnail"
+          v-if="!isPdf"
+          :src="file.url"
+          alt
+        />
+        <img
+          class="el-upload-list__item-thumbnail"
+          v-else
+          src="~@/assets/images/pdf.png"
+          alt
+        />
+        <div v-if="isPdf" class="pdf-name">{{ pdfName }}</div>
+
+        <!-- ofd -->
+        <img
+          class="el-upload-list__item-thumbnail"
+          v-if="!isOfd"
+          :src="file.url"
+          alt
+        />
+        <img class="el-upload-list__item-thumbnail" v-else alt />
+        <div v-if="isOfd" class="pdf-name">{{ ofdName }}</div>
+        <span class="el-upload-list__item-actions">
+          <span
+            class="el-upload-list__item-preview"
+            @click="handlePictureCardPreview(file)"
+          >
+            <i class="el-icon-zoom-in"></i>
+          </span>
+          <span
+            class="el-upload-list__item-delete"
+            @click="handleRemove(file, fileList)"
+          >
+            <i class="el-icon-delete"></i>
+          </span>
+        </span>
+      </div>
+    </el-upload>
+    <div class="title">支持图片、pdf、ofd格式上传</div>
+    <div class="inside">
+      <el-button type="primary" @click="handleScan" size="small" plain
+        >发票识别</el-button
+      >
+      <el-button type="primary" @click="handleCheck" size="small" plain
+        >发票验真</el-button
+      >
+    </div>
+    <el-image-viewer
+      v-if="dialogVisible"
+      :zIndex="9999"
+      :on-close="closeImgViewer"
+      :url-list="imgList"
+    />
+    <!-- 文件在线预览 -->
+    <FilePreview
+      :previewFile="previewFile"
+      :fileUrl="fileUrl"
+      @update="previewFile = false"
+    />
+  </div>
+</template>
+
+<script>
+import ElImageViewer from "element-ui/packages/image/src/image-viewer";
+import { uploadInvoiceApi } from "@/api/common";
+export default {
+  name: "",
+  props: {
+    files: Array,
+  },
+  watch: {
+    files: {
+      handler(list) {
+        this.fileList = list;
+        if (list.length >= 1) {
+          this.hideUpload = true;
+        } else {
+          this.hideUpload = false;
+        }
+      },
+    },
+    deep: true,
+  },
+  data() {
+    return {
+      hideUpload: false,
+      imgType: ".jpeg, .jpg, .png, .pdf ,.ofd",
+      fileList: [],
+      dialogVisible: false,
+      isPdf: false,
+      isOfd: false,
+      pdfName: null,
+      ofdName: null,
+      imgList: null,
+      fileUrl: null,
+      previewFile: false,
+      invoiceForm: {},
+    };
+  },
+  components: {
+    ElImageViewer,
+    FilePreview: () => import("@/components/FilePreview"),
+  },
+  computed: {},
+  methods: {
+    // 删除照片时的回调方法
+    handleRemove(file, files) {
+      this.fileList = [];
+      this.$emit("onConfirm", this.fileList);
+      return false;
+    },
+    // 上传照片时的回调方法
+    onUploadChange(file, fileList) {
+      this.beforeFileUpload(file, fileList);
+    },
+    beforeFileUpload(file, fileList) {
+      console.log(file);
+      //选择图片后做图片格式限制（手动上传图片时，before-upload钩子无效，使用此方法替代）
+      const isImage =
+        file.raw.type == "image/png" ||
+        file.raw.type == "image/jpg" ||
+        file.raw.type == "image/jpeg" ||
+        file.raw.type == "application/pdf" ||
+        file.raw.type == "application/ofd";
+      // const isLt5M = file.size < 1024 * 1024 * 5;
+      if (!isImage) {
+        this.$message.warning("上传只能是png,jpg,jpeg格式!");
+      }
+      if (file.raw.type == "application/pdf") {
+        this.isPdf = true;
+        this.pdfName = file.raw.name;
+      } else {
+        this.isPdf = false;
+      }
+      if (file.raw.type == "application/ofd") {
+        this.isOfd = true;
+        this.pdfName = file.raw.name;
+      } else {
+        this.isOfd = false;
+      }
+      let FormDatas = new FormData();
+      FormDatas.append("multipartFile", file.raw);
+      this.$modal.loading("正在上传，请稍候...");
+      uploadInvoiceApi(FormDatas).then((res) => {
+        this.invoiceForm = res.data;
+        this.fileList.push({ name: file.name, url: res.data.fileUrl }); //成功过后手动将文件添加到展示列表里
+        this.$emit("onConfirm", this.fileList);
+        this.$modal.closeLoading();
+      });
+    },
+    closeImgViewer() {
+      this.dialogVisible = false;
+    },
+    // 图片预览
+    handlePictureCardPreview(file) {
+      if (file.name.indexOf(".pdf") > -1) {
+        this.fileUrl = this.fileList[0].url;
+        this.previewFile = true;
+      } else {
+        this.imgList = [file.url];
+        this.dialogVisible = true;
+      }
+    },
+    // 发票识别
+    handleScan() {
+      if (this.fileList.length) {
+        this.$emit("onScan", this.invoiceForm);
+      } else {
+        this.$fm("请先上传发票!");
+      }
+    },
+    // 发票验真
+    handleCheck() {
+      if (this.fileList.length) {
+        this.$emit("onCheck");
+      } else {
+        this.$fm("请先上传发票!");
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import "@/assets/styles/form/index.scss";
+.pdf-name {
+  text-align: center;
+  position: absolute;
+  width: 100%;
+  top: 115px;
+  line-height: 15px;
+  font-size: smaller;
+  bottom: 0;
+}
+.el-upload-list--picture-card .el-upload-list__item-thumbnail {
+  // height: auto !important;
+  object-fit: cover;
+}
+</style>
diff --git a/src/views/accounting/book/index.vue b/src/views/accounting/book/index.vue
index 94dd1497..74bca118 100644
--- a/src/views/accounting/book/index.vue
+++ b/src/views/accounting/book/index.vue
@@ -10,20 +10,25 @@
       label-width="68px"
     >
       <el-form-item label="会计年度" prop="year">
-        <el-input
+        <el-date-picker
+          format="yyyy年"
           v-model="queryParams.year"
-          placeholder="请输入会计年度"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+          value-format="yyyy"
+          type="year"
+          placeholder="请选择会计年度"
+        >
+        </el-date-picker>
       </el-form-item>
       <el-form-item label="会计期间" prop="period">
-        <el-input
+        <el-date-picker
+          popper-class="due_month"
           v-model="queryParams.period"
-          placeholder="请输入会计期间"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+          format="M月"
+          value-format="M"
+          type="month"
+          placeholder="请选择会计期间"
+        >
+        </el-date-picker>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="handleQuery"
@@ -64,7 +69,13 @@
 
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list">
-      <el-table-column label="账簿名称" align="center" prop="name" />
+      <el-table-column label="账簿名称" align="center" prop="name">
+        <!-- <template slot-scope="scope">
+          <el-button type="text" @click="openLink(scope.row.uri)">
+            {{ scope.row.name }}
+          </el-button>
+        </template> -->
+      </el-table-column>
       <el-table-column label="业务实体" align="center" prop="company" />
       <el-table-column label="细分类型" align="center" prop="type" />
       <el-table-column label="会计年度" align="center" prop="year" />
@@ -220,7 +231,6 @@
           </tr>
         </tbody>
       </table>
-      <div></div>
 
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -311,6 +321,16 @@ export default {
     this.getOrganizationList();
   },
   methods: {
+    // /**
+    //  * 文件预览
+    //  * @param fileUrl
+    //  */
+    // openLink(fileUrl) {
+    //   const url = `http://139.224.253.31:48012/onlinePreview?url=${encodeURIComponent(
+    //     this.base64Encode(fileUrl)
+    //   )}`;
+    //   window.open(url);
+    // },
     /** 查询列表 */
     getList() {
       this.loading = true;
@@ -327,6 +347,7 @@ export default {
         this.organizationList = response.data.list;
       });
     },
+    // 业务实体选择事件
     handleCompanyChange(val) {
       var data = this.organizationList.find((item) => item.id == val);
       console.log(data);
diff --git a/src/views/accounting/invoices/index.vue b/src/views/accounting/invoices/index.vue
index 6d018c2d..4b7c86c1 100644
--- a/src/views/accounting/invoices/index.vue
+++ b/src/views/accounting/invoices/index.vue
@@ -256,7 +256,7 @@
       width="1300px"
       append-to-body
     >
-      <el-upload
+      <!-- <el-upload
         class="upload-demo"
         drag
         :action="uploadUrl"
@@ -272,9 +272,19 @@
         <div class="el-upload__tip" slot="tip" style="margin-bottom: 20px">
           只能上传图片，PDF，OFD文件
         </div>
-      </el-upload>
+      </el-upload> -->
 
       <el-form ref="form" :model="form" :rules="rules" label-width="140px">
+        <el-row>
+          <el-col :span="8">
+            <UploadInvoice
+              :files="fileList"
+              @onConfirm="handleImg"
+              @onScan="handleScan"
+            />
+          </el-col>
+        </el-row>
+        <el-divider>发票信息</el-divider>
         <el-row>
           <el-col :span="8">
             <el-form-item label="发票代码" prop="invoiceCode">
@@ -567,7 +577,7 @@ import { getAccessToken } from "@/utils/auth";
 
 export default {
   name: "Invoices",
-  components: {},
+  components: { UploadInvoice: () => import("@/components/UploadInvoice") },
   data() {
     return {
       // 遮罩层
@@ -585,6 +595,7 @@ export default {
       // 是否显示弹出层
       open: false,
       accountingType: "in",
+      fileList: [],
       // 查询参数
       queryParams: {
         pageNo: 1,
@@ -678,6 +689,16 @@ export default {
   },
 
   methods: {
+    // 上传文件事件
+    handleImg(list) {
+      this.fileList = list;
+      this.reset();
+    },
+    handleScan(form) {
+      const num = form.duplicateMark.toString();
+      this.form = form;
+      this.form.duplicateMark = num;
+    },
     /**
      * 文件预览
      * @param fileUrl
@@ -841,6 +862,7 @@ export default {
       this.reset();
       this.open = true;
       this.title = "添加发票";
+      this.fileList = [];
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -918,3 +940,10 @@ export default {
   },
 };
 </script>
+
+<style scoped>
+.el-divider__text.is-center {
+  font-weight: bold;
+  font-size: large;
+}
+</style>
diff --git a/src/views/bs/invoice/components/form.vue b/src/views/bs/invoice/components/form.vue
index cb5598ca..760d4b9d 100644
--- a/src/views/bs/invoice/components/form.vue
+++ b/src/views/bs/invoice/components/form.vue
@@ -1,22 +1,32 @@
 <template>
-  <div class="app-container form-box" style="padding:20px">
+  <div class="app-container form-box" style="padding: 20px">
     <el-form ref="form" :model="form" :rules="rules" label-width="120px">
-      <el-card class="top15 ">
+      <el-card class="top15">
         <div class="table-card">
           <el-row type="flex" class="mt10" justify="space-around">
             <el-col :span="8"></el-col>
-            <el-col :span="8" class="formTitle"> {{title}}</el-col>
-            <el-col :span="8" style="text-align: right;padding-right: 20px;">
+            <el-col :span="8" class="formTitle"> {{ title }}</el-col>
+            <el-col :span="8" style="text-align: right; padding-right: 20px">
               <!-- <el-button type="primary" icon="el-icon-printer" size="mini" @click="handlePrint">打印预览</el-button> -->
-              <el-button type="primary" plain icon="el-icon-check" size="mini" @click="submitForm" v-if="!isNewShow">保存</el-button>
-              <el-button type="primary" size="mini" @click="handleBack">返回</el-button>
+              <el-button
+                type="primary"
+                plain
+                icon="el-icon-check"
+                size="mini"
+                @click="submitForm"
+                v-if="!isNewShow"
+                >保存</el-button
+              >
+              <el-button type="primary" size="mini" @click="handleBack"
+                >返回</el-button
+              >
             </el-col>
           </el-row>
         </div>
         <div class="table-card table-card-content">
           <el-row :gutter="20">
             <el-col :span="8" class="line-rt pr-4">
-              <el-form-item label="上传发票" style="margin-left: -50px;">
+              <el-form-item label="上传发票" style="margin-left: -50px">
                 <UploadImgPdf :files="fileList" @onConfirm="handleImg" />
               </el-form-item>
             </el-col>
@@ -24,48 +34,90 @@
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="发票类型" prop="invoiceType">
-                    <el-select v-model="form.invoiceType" class="wd100" size="small" placeholder="请选择" filterable>
-                      <el-option v-for="it of typeList" :key="it.value" :value="it.value" :label="it.label"></el-option>
+                    <el-select
+                      v-model="form.invoiceType"
+                      class="wd100"
+                      size="small"
+                      placeholder="请选择"
+                      filterable
+                    >
+                      <el-option
+                        v-for="it of typeList"
+                        :key="it.value"
+                        :value="it.value"
+                        :label="it.label"
+                      ></el-option>
                     </el-select>
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="发票代码" prop="invoiceCode">
-                    <el-input size="small" v-model="form.invoiceCode" placeholder="请输入发票代码" />
+                    <el-input
+                      size="small"
+                      v-model="form.invoiceCode"
+                      placeholder="请输入发票代码"
+                    />
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="发票号码" prop="invoiceNum">
-                    <el-input size="small" v-model="form.invoiceNum" placeholder="请输入发票号码" />
+                    <el-input
+                      size="small"
+                      v-model="form.invoiceNum"
+                      placeholder="请输入发票号码"
+                    />
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="开票日期" prop="invoiceDate">
-                    <el-date-picker clearable v-model="form.invoiceDate" value-format="yyyy/MM/dd" class=" wd100" type="date" placeholder="选择开票日期" />
+                    <el-date-picker
+                      clearable
+                      v-model="form.invoiceDate"
+                      value-format="yyyy/MM/dd"
+                      class="wd100"
+                      type="date"
+                      placeholder="选择开票日期"
+                    />
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="税额" prop="taxAmount">
-                    <el-input size="small" v-model="form.taxAmount" placeholder="请输入税额" />
+                    <el-input
+                      size="small"
+                      v-model="form.taxAmount"
+                      placeholder="请输入税额"
+                    />
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="不含税金额" prop="excludingTaxAmount">
-                    <el-input size="small" v-model="form.excludingTaxAmount" placeholder="请输入不含税金额" />
+                    <el-input
+                      size="small"
+                      v-model="form.excludingTaxAmount"
+                      placeholder="请输入不含税金额"
+                    />
                   </el-form-item>
                 </el-col>
               </el-row>
               <el-row>
                 <el-col :span="8">
                   <el-form-item label="价税合计" prop="totalAmount">
-                    <el-input size="small" v-model="form.totalAmount" placeholder="请输入价税合计" />
+                    <el-input
+                      size="small"
+                      v-model="form.totalAmount"
+                      placeholder="请输入价税合计"
+                    />
                   </el-form-item>
                 </el-col>
                 <el-col :span="8">
                   <el-form-item label="销售方" prop="seller">
-                    <el-input size="small" v-model="form.seller" placeholder="请输入销售方" />
+                    <el-input
+                      size="small"
+                      v-model="form.seller"
+                      placeholder="请输入销售方"
+                    />
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -128,25 +180,25 @@
 <script>
 import { createInvoice, updateInvoice, getInvoice } from "@/api/bs/invoice";
 import { listData } from "@/api/system/dict/data";
-import dayjs from 'dayjs';
+import dayjs from "dayjs";
 export default {
-  name: '',
+  name: "",
   components: {
-    UploadImgPdf: () => import('@/components/UploadImgPdf'),
+    UploadImgPdf: () => import("@/components/UploadImgPdf"),
     // printHtml: () => import('./printHtml'),
   },
   computed: {
     title() {
-      return this.$route.query.id ? '修改我的发票' : '添加我的发票'
+      return this.$route.query.id ? "修改我的发票" : "添加我的发票";
     },
     isNewShow() {
-      return this.$route.query.isShow
-    }
+      return this.$route.query.isShow;
+    },
   },
   created() {
-    this.handleInitList()
+    this.handleInitList();
     if (this.$route.query.id) {
-      this.handleInitForm(this.$route.query.id)
+      this.handleInitForm(this.$route.query.id);
     }
   },
   data() {
@@ -162,88 +214,97 @@ export default {
       // 表单校验
       rules: {
         files: [{ required: true, message: "附件不能为空", trigger: "blur" }],
-        invoiceType: [{ required: true, message: "发票类型不能为空", trigger: "change" }],
-        invoiceCode: [{ required: true, message: "发票代码不能为空", trigger: "blur" }],
-        invoiceNum: [{ required: true, message: " 发票号码不能为空", trigger: "blur" }],
-        invoiceDate: [{ required: true, message: "开票日期不能为空", trigger: "blur" }],
+        invoiceType: [
+          { required: true, message: "发票类型不能为空", trigger: "change" },
+        ],
+        invoiceCode: [
+          { required: true, message: "发票代码不能为空", trigger: "blur" },
+        ],
+        invoiceNum: [
+          { required: true, message: " 发票号码不能为空", trigger: "blur" },
+        ],
+        invoiceDate: [
+          { required: true, message: "开票日期不能为空", trigger: "blur" },
+        ],
       },
       typeList: [],
-    }
+    };
   },
   methods: {
     handleImg(list) {
-      this.fileList = list
+      this.fileList = list;
     },
     handleTimeChange(val) {
-      console.log('266+6', val);
-      this.$set(this.form, 'invoiceDate', dayjs(val).format('YYYY/MM/DD'))
+      console.log("266+6", val);
+      this.$set(this.form, "invoiceDate", dayjs(val).format("YYYY/MM/DD"));
     },
     handleInitList() {
       listData({
         pageNo: 1,
         pageSize: 50,
-        dictType: 'bs_invoice_type',
+        dictType: "bs_invoice_type",
       }).then((res) => {
-        this.typeList = res.data.list || []
-      })
+        this.typeList = res.data.list || [];
+      });
     },
 
-
     handleBack() {
-      history.back()
+      history.back();
     },
     handleInitForm(id) {
-      getInvoice(id).then(res => {
+      getInvoice(id).then((res) => {
         this.form = {
-          ...res.data || {},
-          invoiceDate: new Date(res.data.invoiceDate)
-        }
-        this.fileList = this.form.files
-        console.log('form...', this.form);
+          ...(res.data || {}),
+          invoiceDate: new Date(res.data.invoiceDate),
+        };
+        this.fileList = this.form.files;
+        console.log("form...", this.form);
       });
     },
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs["form"].validate((valid) => {
         if (!valid) {
           return;
         }
         let form = {
           ...this.form,
           files: this.fileList,
-          invoiceDate: dayjs(this.form.invoiceDate).valueOf()
-        }
+          invoiceDate: dayjs(this.form.invoiceDate).valueOf(),
+        };
         // 修改的提交
         if (this.form.id != null) {
-          updateInvoice(form).then(response => {
+          updateInvoice(form).then((response) => {
             // this.form = {}
             // this.fileList = []
             // this.$refs.form.resetFields()
-            history.back()
+            history.back();
             this.$modal.msgSuccess("修改成功！");
           });
           return;
         }
         // 添加的提交
-        createInvoice(form).then(response => {
+        createInvoice(form).then((response) => {
           this.$nextTick(() => {
-            this.form = {}
-            this.fileList = []
-            this.$refs.form.resetFields()
-            this.$modal.msgSuccess("新增成功,本页面可以重复添加发票！如需退出，请点击返回按钮！");
-          })
+            this.form = {};
+            this.fileList = [];
+            this.$refs.form.resetFields();
+            this.$modal.msgSuccess(
+              "新增成功,本页面可以重复添加发票！如需退出，请点击返回按钮！"
+            );
+          });
           // history.back()
         });
       });
     },
     cancel() {
-      this.$emit('onCancel')
+      this.$emit("onCancel");
     },
-  }
-}
+  },
+};
 </script>
 <style lang="scss" scoped>
-@import '@/assets/styles/form/index.scss';
+@import "@/assets/styles/form/index.scss";
 .my-process-designer {
   background: #fff !important;
 }
-</style>
\ No newline at end of file
+</style>