|
@@ -15,24 +15,23 @@ defineExpose({
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
- <el-dialog v-model="visible">
|
|
|
+ <el-dialog v-model="visible" width="1040px" @close="() => (invoiceData = {})">
|
|
|
<div class="InvoiceTmpDiv">
|
|
|
<el-row>
|
|
|
- <!-- {{
|
|
|
- invoiceData.invoiceType
|
|
|
- }} -->
|
|
|
- <el-col :span="12" :offset="6" class="title no-border" />
|
|
|
+ <el-col :span="12" :offset="6" class="title no-border">{{
|
|
|
+ invoiceData.invoiceType_cn
|
|
|
+ }}</el-col>
|
|
|
<el-col :span="6" class="extra no-border">
|
|
|
<div>
|
|
|
<span class="label title-label">发票代码</span>:<span
|
|
|
class="content"
|
|
|
- >{{ invoiceData.invNumber }}</span
|
|
|
+ >{{ invoiceData.invoiceCode }}</span
|
|
|
>
|
|
|
</div>
|
|
|
<div>
|
|
|
<span class="label title-label">发票号码</span>:<span
|
|
|
class="content"
|
|
|
- >{{ invoiceData.invCode }}</span
|
|
|
+ >{{ invoiceData.invoiceNumber }}</span
|
|
|
>
|
|
|
</div>
|
|
|
<div>
|
|
@@ -64,38 +63,22 @@ defineExpose({
|
|
|
<el-col :span="15">
|
|
|
<div flex mb-1>
|
|
|
<span class="label">名称</span>:<span class="content">
|
|
|
- <el-input
|
|
|
- v-model="invoiceData.buyer_name"
|
|
|
- size="small"
|
|
|
- placeholder="请输入名称"
|
|
|
- />
|
|
|
+ {{ invoiceData.buyer_name }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div flex mb-1>
|
|
|
<span class="label">纳税人识别号</span>:<span class="content">
|
|
|
- <el-input
|
|
|
- v-model="invoiceData.buyer_id"
|
|
|
- size="small"
|
|
|
- placeholder="请输入纳税识别号"
|
|
|
- />
|
|
|
+ {{ invoiceData.buyer_id }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div flex mb-1>
|
|
|
<span class="label">地址、电话</span>:<span class="content">
|
|
|
- <el-input
|
|
|
- v-model="invoiceData.buyer_address"
|
|
|
- size="small"
|
|
|
- placeholder="请输入地址、电话"
|
|
|
- />
|
|
|
+ {{ invoiceData.buyer_address }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div flex mb-1>
|
|
|
<span class="label">开户行及账号</span>:<span class="content">
|
|
|
- <el-input
|
|
|
- v-model="invoiceData.buyer_bank"
|
|
|
- size="small"
|
|
|
- placeholder="请输入开户行及账号"
|
|
|
- />
|
|
|
+ {{ invoiceData.buyer_bank }}
|
|
|
</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
@@ -137,32 +120,34 @@ defineExpose({
|
|
|
<div class="tc">税额</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-row v-for="(item, index) in invoiceData.item_list" :key="index">
|
|
|
- <el-col :span="8" class="no-border">
|
|
|
- <div class="tc">{{ item._name }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <div class="tc">{{ item._specification }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1">
|
|
|
- <div class="tc">{{ item._unit }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="2">
|
|
|
- <div class="tc">{{ item._quantity }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <div class="tc">{{ item._unit_price }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <div class="tc">{{ item._amount }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="1">
|
|
|
- <div class="tc">{{ item._tax_rate }}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3">
|
|
|
- <div class="tc">{{ item._tax }}</div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-scrollbar max-height="150px">
|
|
|
+ <el-row v-for="(item, index) in invoiceData.item_list" :key="index">
|
|
|
+ <el-col :span="8" class="no-border">
|
|
|
+ <div class="tc">{{ item.name }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <div class="tc">{{ item.specification }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1">
|
|
|
+ <div class="tc">{{ item.unit }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2">
|
|
|
+ <div class="tc">{{ item.quantity }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <div class="tc">{{ item.unit_price }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <div class="tc">{{ item.amount }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="1">
|
|
|
+ <div class="tc">{{ item.tax_rate }}</div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3">
|
|
|
+ <div class="tc">{{ item.tax }}</div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-scrollbar>
|
|
|
<el-row>
|
|
|
<el-col :span="8" class="no-border">
|
|
|
<div class="tc">合计</div>
|
|
@@ -208,38 +193,22 @@ defineExpose({
|
|
|
<el-col :span="15">
|
|
|
<div flex mb-1>
|
|
|
<span class="label">名称</span>:<span class="content">
|
|
|
- <el-input
|
|
|
- v-model="invoiceData.seller_name"
|
|
|
- size="small"
|
|
|
- placeholder="请输入名称"
|
|
|
- />
|
|
|
+ {{ invoiceData.seller_name }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div flex mb-1>
|
|
|
<span class="label">纳税人识别号</span>:<span class="content">
|
|
|
- <el-input
|
|
|
- v-model="invoiceData.seller_id"
|
|
|
- size="small"
|
|
|
- placeholder="请输入纳税识别号"
|
|
|
- />
|
|
|
+ {{ invoiceData.seller_id }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div flex mb-1>
|
|
|
<span class="label">地址、电话</span>:<span class="content">
|
|
|
- <el-input
|
|
|
- v-model="invoiceData.seller_address"
|
|
|
- size="small"
|
|
|
- placeholder="请输入地址、电话"
|
|
|
- />
|
|
|
+ {{ invoiceData.seller_address }}
|
|
|
</span>
|
|
|
</div>
|
|
|
<div flex mb-1>
|
|
|
<span class="label">开户行及账号</span>:<span class="content">
|
|
|
- <el-input
|
|
|
- v-model="invoiceData.seller_bank"
|
|
|
- size="small"
|
|
|
- placeholder="请输入开户行及账号"
|
|
|
- />
|
|
|
+ {{ invoiceData.seller_bank }}
|
|
|
</span>
|
|
|
</div>
|
|
|
</el-col>
|