Skip to content

F
finance-manage
Commit 0426b939 authored by jianglingfeng's avatar jianglingfeng
Browse files
Options

发票

parent c6498645
Hide whitespace changes
Inline Side-by-side
Showing with 205 additions and 197 deletions
ruoyi-ui/src/views/finance/invoice/index.vue
View file @ 0426b939
<template>
<div>
<div>
<el-form ref="form" :model="form" label-width="80px">
<el-row>
<!-- <el-col :span="8" v-if="form.parentId !== 0">
<div class="app-container">
<el-row :gutter="20">
<el-col :span="6">
<el-form ref="form" :model="form" label-width="80px">
<el-row>
<!-- <el-col :span="8" v-if="form.parentId !== 0">
<el-form-item label="上级部门" prop="parentId">
<el-input v-model="test" placeholder="" size="normal" clearable></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-button type="primary" v-print="printObj" >打印</el-button>
</el-col>
</el-row>
</el-form>
</div>
<body>
<div class="toptip c-red">模板样式仅供参考，不可用于实际开票依据！</div>
<div class="invoicMain" id="printDiv">
<!-- head start -->
<div class="invoiceHeader">
<div class="headerLeft">
<div>
<img src="qrcode.png" width="83" height="83" alt="">
<el-col :span="8">
<el-button type="primary" v-print="printObj">打印</el-button>
</el-col>
</el-row>
</el-form>
</el-col>
<el-col :span="18">
<body>
<div class="toptip c-red">模板样式仅供参考，不可用于实际开票依据！</div>
<div class="invoicMain" id="printDiv">
<!-- head start -->
<div class="invoiceHeader">
<div class="headerLeft">
<div>
<img src="qrcode.png" width="83" height="83" alt="">
</div>
<div>
<p class="c-red">3700194130</p>
<p class="c"><label>机器编号：</label><br><span>499098532085</span></p>
</div>
</div>
<div class="headerMiddle">
<h1>增值税专用发票</h1>
<div class="line"></div>
</div>
<div class="headerRight">
<p><strong>№</strong><span class="c-red">35891172</span></p>
<p>3700194130</p>
<p>35891172</p>
<p><label>开票日期：</label><span> 2021年06月07日</span></p>
</div>
</div>
<div>
<p class="c-red">3700194130</p>
<p class="c"><label>机器编号：</label><br><span>499098532085</span></p>
<!-- head end -->
<!-- invoice body start -->
<div class="invoiceBody">
<div class="userInfo">
<div class="buy">购买方</div>
<ul>
<li>
<label>名&nbsp;&nbsp;&nbsp;&nbsp;称：</label><span>山东济南网络信息技术有限公司</span>
</li>
<li>
<label>纳税人识别号：</label><span class="f-big">913564523096023930</span>
</li>
<li>
<label>地址、&nbsp;电话：</label><span class="f-small">济南市槐荫区经十路4214209号
0531-85094547</span>
</li>
<li>
<label>开户行及账号：</label><span class="f-small">中国银行股份有限公司济南大学科技园支行
6225885410839945</span>
</li>
</ul>
<div class="password">密码区</div>
<div class="pwdInfo"><span class="f-big">0357+39177127583965+0*13>3>0<>
<22908-+<+03*<-84>40>
<3<64-076746-2+2082*9112+057188 /07-228<135701+4 />039*1630-817</span>>
</div>
</div>
<div>
<table class="GoodsTable" cellpadding="0" cellspacing="0">
<thead>
<tr>
<td style="width: 24%">货物或应税劳务、服务名称</td>
<td style="width: 10%">规格型号</td>
<td style="width: 7%">单位</td>
<td style="width: 10%">数 量</td>
<td style="width: 10%">单 价</td>
<td style="width: 16%">金 额</td>
<td style="width: 7%">税率</td>
<td style="width: 16%; border-right: none;">税 额</td>
</tr>
</thead>
<tbody class="invoice-list" style="height: 126px;">
<tr>
<td><span>*乳制品*新希望天香透明</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
</tbody>
<tfoot>
<tr class="total">
<td>合 &nbsp;&nbsp;&nbsp;计</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><span class="rmb">￥</span>1425.00</td>
<td></td>
<td><span class="rmb">￥</span>1425.00</td>
</tr>
<tr class="GoodsTotal">
<td>价税合计(大写)</td>
<td colspan="7">
<div style="width: 100%;display:flex">
<div type="text" style="width: 60%"><span class='c-black'>ⓧ壹万叁仟元整</span>
</div>
<div type="text" style="width: 30%"> (小写) <span class='c-black'><span
class="rmb">￥</span>1425.00</span></div>
</div>
</td>
</tr>
</tfoot>
</table>
<div class="userInfo">
<div class="buy">销售方</div>
<ul>
<li>
<label>名&nbsp;&nbsp;&nbsp;&nbsp;称：</label><span>山东济南网络信息技术有限公司</span>
</li>
<li>
<label>纳税人识别号：</label><span class="f-big">913564523596023930</span>
</li>
<li>
<label>地址、&nbsp;电话：</label><span
class="f-small2">山东省济南市槐荫区经十路28988号乐梦公寓3号楼1单元605号
0531-87527787</span>
</li>
<li>
<label>开户行及账号：</label><span class="f-small">中国银行股份有限公司济南大学科技园支行
6225885410839945</span>
</li>
</ul>
<div class="password">备注</div>
<div class="pwdInfo">aaa</div>
</div>
</div>
</div>
</div>
<div class="headerMiddle">
<h1>增值税专用发票</h1>
<div class="line"></div>
</div>
<div class="headerRight">
<p><strong>№</strong><span class="c-red">35891172</span></p>
<p>3700194130</p>
<p>35891172</p>
<p><label>开票日期：</label><span> 2021年06月07日</span></p>
</div>
</div>
<!-- head end -->
<!-- invoice body start -->
<div class="invoiceBody">
<div class="userInfo">
<div class="buy">购买方</div>
<ul>
<!-- invoice body start -->
<ul class="invoicetFooter">
<li>
<label>名&nbsp;&nbsp;&nbsp;&nbsp;称：</label><span>山东济南网络信息技术有限公司</span>
<label>收款人：</label><span>张莫某</span>
</li>
<li>
<label>纳税人识别号：</label><span class="f-big">913564523096023930</span>
<label>复核：</label><span>张莫某</span>
</li>
<li>
<label>地址、&nbsp;电话：</label><span class="f-small">济南市槐荫区经十路4214209号
0531-85094547</span>
<label>开票人：</label><span>张莫某</span>
</li>
<li>
<label>开户行及账号：</label><span class="f-small">中国银行股份有限公司济南大学科技园支行
6225885410839945</span>
<label>销售方：（章）</label>
</li>
</ul>
<div class="password">密码区</div>
<div class="pwdInfo"><span class="f-big">0357+39177127583965+0*13>3>0<>
<22908-+<+03*<-84>40>
<3<64-076746-2+2082*9112+057188 /07-228<135701+4 />039*1630-817</span>></div>
</div>
<div>
<table class="GoodsTable" cellpadding="0" cellspacing="0">
<thead>
<tr>
<td style="width: 24%">货物或应税劳务、服务名称</td>
<td style="width: 10%">规格型号</td>
<td style="width: 7%">单位</td>
<td style="width: 10%">数 量</td>
<td style="width: 10%">单 价</td>
<td style="width: 16%">金 额</td>
<td style="width: 7%">税率</td>
<td style="width: 16%; border-right: none;">税 额</td>
</tr>
</thead>
<tbody class="invoice-list" style="height: 126px;">
<tr>
<td><span>*乳制品*新希望天香透明</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
<tr>
<td><span>新希望天香透明袋纯牛奶</span></td>
<td><span>180ML</span></td>
<td><span>袋</span></td>
<td><span>5</span></td>
<td><span>2.364</span></td>
<td><span>11.82</span></td>
<td><span>1%</span></td>
<td><span>1.18</span></td>
</tr>
</tbody>
<tfoot>
<tr class="total">
<td>合 &nbsp;&nbsp;&nbsp;计</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td><span class="rmb">￥</span>1425.00</td>
<td></td>
<td><span class="rmb">￥</span>1425.00</td>
</tr>
<tr class="GoodsTotal">
<td>价税合计(大写)</td>
<td colspan="7">
<div style="width: 100%;display:flex">
<div type="text" style="width: 60%"><span class='c-black'>ⓧ壹万叁仟元整</span></div>
<div type="text" style="width: 30%"> (小写) <span class='c-black'><span
class="rmb">￥</span>1425.00</span></div>
</div>
</td>
</tr>
</tfoot>
</table>
<div class="userInfo">
<div class="buy">销售方</div>
<ul>
<li>
<label>名&nbsp;&nbsp;&nbsp;&nbsp;称：</label><span>山东济南网络信息技术有限公司</span>
</li>
<li>
<label>纳税人识别号：</label><span class="f-big">913564523596023930</span>
</li>
<li>
<label>地址、&nbsp;电话：</label><span class="f-small2">山东省济南市槐荫区经十路28988号乐梦公寓3号楼1单元605号
0531-87527787</span>
</li>
<li>
<label>开户行及账号：</label><span class="f-small">中国银行股份有限公司济南大学科技园支行
6225885410839945</span>
</li>
</ul>
<div class="password">备注</div>
<div class="pwdInfo">aaa</div>
</div>
</div>
</div>
<!-- invoice body start -->
<ul class="invoicetFooter">
<li>
<label>收款人：</label><span>张莫某</span>
</li>
<li>
<label>复核：</label><span>张莫某</span>
</li>
<li>
<label>开票人：</label><span>张莫某</span>
</li>
<li>
<label>销售方：（章）</label>
</li>
</ul>
</div>
</body>
</body>
</el-col>
</el-row>
</div>
</template>
<script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment