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> <template>
<div> <div class="app-container">
<div> <el-row :gutter="20">
<el-form ref="form" :model="form" label-width="80px"> <el-col :span="6">
<el-row> <el-form ref="form" :model="form" label-width="80px">
<!-- <el-col :span="8" v-if="form.parentId !== 0"> <el-row>
<!-- <el-col :span="8" v-if="form.parentId !== 0">
<el-form-item label="上级部门" prop="parentId"> <el-form-item label="上级部门" prop="parentId">
<el-input v-model="test" placeholder="" size="normal" clearable></el-input> <el-input v-model="test" placeholder="" size="normal" clearable></el-input>
</el-form-item> </el-form-item>
</el-col> --> </el-col> -->
<el-col :span="8"> <el-col :span="8">
<el-button type="primary" v-print="printObj" >打印</el-button> <el-button type="primary" v-print="printObj">打印</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</el-col>
</div>
<el-col :span="18">
<body>
<div class="toptip c-red">模板样式仅供参考，不可用于实际开票依据！</div> <body>
<div class="invoicMain" id="printDiv"> <div class="toptip c-red">模板样式仅供参考，不可用于实际开票依据！</div>
<!-- head start --> <div class="invoicMain" id="printDiv">
<div class="invoiceHeader"> <!-- head start -->
<div class="headerLeft"> <div class="invoiceHeader">
<div> <div class="headerLeft">
<img src="qrcode.png" width="83" height="83" alt=""> <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>
<div> <!-- head end -->
<p class="c-red">3700194130</p> <!-- invoice body start -->
<p class="c"><label>机器编号：</label><br><span>499098532085</span></p> <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> <!-- invoice body start -->
<div class="headerMiddle"> <ul class="invoicetFooter">
<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>
<li> <li>
<label>名&nbsp;&nbsp;&nbsp;&nbsp;称：</label><span>山东济南网络信息技术有限公司</span> <label>收款人：</label><span>张莫某</span>
</li> </li>
<li> <li>
<label>纳税人识别号：</label><span class="f-big">913564523096023930</span> <label>复核：</label><span>张莫某</span>
</li> </li>
<li> <li>
<label>地址、&nbsp;电话：</label><span class="f-small">济南市槐荫区经十路4214209号 <label>开票人：</label><span>张莫某</span>
0531-85094547</span>
</li> </li>
<li> <li>
<label>开户行及账号：</label><span class="f-small">中国银行股份有限公司济南大学科技园支行 <label>销售方：（章）</label>
6225885410839945</span>
</li> </li>
</ul> </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>
</body>
</div> </el-col>
<!-- invoice body start --> </el-row>
<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>
</div> </div>
</template> </template>
<script> <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