update

src/modules/invoice/api.js

@@ -30,3 +30,7 @@ export function downloadInvoices(params) {
 export function confirmReceive(data) {
   return httpRequest.post('/api/finance/v1/invoices/confirm-receive', data)
 }
+// 确认线下开票
+export function setPaperSuccess(data) {
+  return httpRequest.post('/api/finance/v1/invoices/set-paper-success', data)
+}

src/modules/invoice/views/List.vue

@@ -54,6 +54,7 @@
             style="margin-left: 10px"
             >确认领取</el-button
           >
+          <el-button type="primary" v-if="row.need_offline" style="margin-left: 10px" @click="paperSuccessPop(row)">确认开票</el-button>
         </template>
         <template #footer>
           <span>已选择{{ multipleSelection.length }}条</span>
@@ -70,6 +71,24 @@
       :options="conditionList.sales_rep_user_id"
       :invoicesIds="multipleSelection"
     ></distribution-dialog>
+    <el-dialog title="确认开票" :visible.sync="dialogFormVisible">
+      <el-form :model="form" label-width="150px">
+        <el-form-item label="发票开具时间">
+          <el-date-picker value-format="yyyy-MM-dd HH-mm-ss" v-model="form.invoice_issuing_time" type="datetime" placeholder="选择日期时间">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="发票号码">
+          <el-input v-model="form.invoice_haoma" style="width: 220px"></el-input>
+        </el-form-item>
+        <el-form-item label="发票代码">
+          <el-input v-model="form.invoice_daima" style="width: 220px"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="setPaperSuccess">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -79,7 +98,7 @@ import AppList from '@/components/base/AppList.vue'
 import AppCard from '@/components/base/AppCard.vue'
 import DistributionDialog from '../components/DistributionDialog.vue'
 // 接口
-import { getInvoiceList, getCondition, deposit, confirmReceive } from '../api'
+import { getInvoiceList, getCondition, deposit, confirmReceive, setPaperSuccess } from '../api'
 import XLSX from 'xlsx'
 import fileDownload from 'js-file-download'
 import queryString from 'query-string'
@@ -88,6 +107,13 @@ export default {
   components: { AppCard, AppList, DistributionDialog },
   data() {
     return {
+      dialogFormVisible: false,
+      form: {
+        invoice_id: '',
+        invoice_issuing_time: '',
+        invoice_haoma: '',
+        invoice_daima: ''
+      },
       multipleSelection: [],
       conditionList: {},
       invoiceColorType: [
@@ -249,6 +275,24 @@ export default {
     })
   },
   methods: {
+    paperSuccessPop(row) {
+      this.form.invoice_id = row.id
+      console.log(row)
+      this.dialogFormVisible = true
+    },
+    setPaperSuccess() {
+      setPaperSuccess(this.form).then(res => {
+        this.$message.success('确认成功')
+        this.dialogFormVisible = false
+        this.form = {
+          invoice_id: '',
+          invoice_issuing_time: '',
+          invoice_haoma: '',
+          invoice_daima: ''
+        }
+        this.$refs.list.refetch()
+      })
+    },
     // 发票列表下载
     downloadInvoices() {
       Object.keys(this.tableOptions.remote.params).forEach(key => {