报销单填写要求有哪些？报销票据粘贴规范图例示范

销单填写要求有哪些？报销票据粘贴规范图例示范

报销单是财务人员经常接触的单据，一般情形下，公司的报销单都是员工自己填写以后交给财务的，有的财务人员会仔细的一一核查，有不规范的地方会让员工重新填写，报销单填写不规范影响很大，员工应该如何填写报销单呢？报销单有哪些填写要求，报销单粘贴的时候要如何粘贴呢？今天悦报销小编就给大家一一来解答一下。

报销单填写要求有哪些？

在填写报销单时，有4点需要牢记：

1、字迹必须工整清晰，尽量用碳素笔或签字笔填写；

2、内容一旦填写，不允许私自涂改；

3、单据上金额的大写处，必须和小写处保持一致；

4、内容尽量详尽完整。

报销单填写规范及注意事项

1、所有经济业务均应提供正规合法票据；发票要填写完整，字迹清晰，没有涂改、污染，发票专用章清晰可辨。发票抬头要写公司全称：假发票、空白发票和填写不规范的发票，不予报销；

2、应使用黑色水笔或钢笔以规范汉字填写粘贴单，不允许使用圆珠笔、铅笔或者红色的笔书写，并且不得涂改，经办人、报账人等信息应如实完整填写；

3、不要将票据倒置粘贴；

4、不要用订书机、大头针、回形针等固定票据；

5、粘贴票据涂抹适量的固体或者液体胶水即可，以保证长时间不脱落为准；

6、发票上未列清详品名、数量、单价的（比如只写了“办公用品一批XXX元”）以及各种购买物品的定额发票，无论金额大小，均须附有购货清单或小票。

报销单模板

报销单据粘贴要求

1、在实际工作中由于原始凭证种类繁多，但为便于装订和保管，我们需要对附件进行必要的外形加工。

2、票据粘贴方法多样，粘贴票据时应根据票据的多少、纸张的大小，选择合适的方法，但应以整个票据平整、美观为准。

3、粘贴的票据要求正面朝上，以便于日后审核与查阅。

4、同类型的票据贴在一起。

5、大张的票据只需粘贴票据的左上角，小张的票据需均匀的粘贴在粘贴单上，不能厚薄不匀。

报销票据粘贴规范图示

在日常生活中，经常遇到报销的事情，尤其是经常出差的人，报销单填不好就不能报销，今天小编整理的报销单的填写要求和报销票据粘贴规范图例示范希望能够帮助到大家，如果您在报销上还有什么问题欢迎您随时留言，也可以关注我们悦报销网站（www.yuebaoxiao.com），了解更多关于报销的小知识！（原文链接：https://www.yuebaoxiao.com/newsinfo/176310.html）

关注悦报销，帮你解决更多财务报销难题！

开发管理系统或票据打印功能时，打印功能是一个很常见的需求。本教程将详细介绍如何在 Vue3 项目中使用 vue-print 插件实现票据文档的打印功能。

一、引言

现代Web应用中，有很多场景需要打印功能，例如财务报表、发票、订单明细等。Vue3是目前流行的前端框架之一，vue-print插件提供了简单易用的API，使得在Vue3中实现打印功能变得便捷。

二、安装与设置

1. 初始化 Vue3 项目

如果你还没有 Vue3 项目，你可以使用 Vue CLI 快速创建一个：

vue create vue-print-demo
cd vue-print-demo

2. 安装 vue-print 插件

在项目根目录下运行以下命令安装 vue-print 插件：

npm install vue-print-nb@next

三、配置 vue-print 插件

在 src/main.js 中配置 vue-print 插件：

import { createApp } from 'vue';
import App from './App.vue';
import Print from 'vue-print-nb';

const app = createApp(App);

app.use(Print);

app.mount('#app');

四、实现打印功能

1. 创建票据打印的组件

在 src/components 目录下创建 PrintInvoice.vue 组件：

<template>
  <div ref="printArea">
    <h1>发票</h1>
    <p>发票号：{{ invoiceNumber }}</p>
    <p>日期：{{ date }}</p>
    <p>客户名称：{{ customer }}</p>
    <table>
      <tr>
        <th>商品</th>
        <th>数量</th>
        <th>单价</th>
        <th>总价</th>
      </tr>
      <tr v-for="item in items" :key="item.id">
        <td>{{ item.name }}</td>
        <td>{{ item.quantity }}</td>
        <td>{{ item.price }}</td>
        <td>{{ item.quantity * item.price }}</td>
      </tr>
    </table>
    <p>总计：{{ total }}</p>
  </div>
  <button @click="print">打印发票</button>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';

interface Item {
  id: number;
  name: string;
  quantity: number;
  price: number;
}

export default defineComponent({
  name: 'PrintInvoice',
  setup() {
    const printArea = ref<HTMLElement | null>(null);

    const invoiceNumber = 'INV-123456';
    const date = new Date().toLocaleDateString();
    const customer = '某某公司';
    const items: Item[] = [
      { id: 1, name: '商品1', quantity: 2, price: 50 },
      { id: 2, name: '商品2', quantity: 1, price: 100 },
    ];
    const total = items.reduce((sum, item) => sum + item.price * item.quantity, 0);

    const print = () => {
      if (printArea.value) {
        const printContent = printArea.value.innerHTML;
        const newWindow = window.open('', '', 'width=800,height=600');
        if (newWindow) {
          newWindow.document.write(printContent);
          newWindow.document.close();
          newWindow.print();
          newWindow.close();
        }
      }
    };

    return {
      printArea,
      invoiceNumber,
      date,
      customer,
      items,
      total,
      print,
    };
  },
});
</script>

<style scoped>
/* 添加一些样式使打印内容更好看 */
table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  border: 1px solid #000;
  padding: 8px;
  text-align: left;
}
th {
  background-color: #f2f2f2;
}
</style>

2. 使用打印组件

在 src/App.vue 中使用我们创建的打印组件：

<template>
  <div id="app">
    <PrintInvoice />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import PrintInvoice from './components/PrintInvoice.vue';

export default defineComponent({
  name: 'App',
  components: {
    PrintInvoice,
  },
});
</script>

<style>
/* 可选：添加一些样式 */
</style>

五、运行应用

一切配置完成后，我们可以运行应用并查看效果：

npm run serve

打开浏览器访问 http://localhost:8080，你应该会看到一个票据打印界面，并且可以点击打印按钮进行打印。

六、总结

使用 Vue3 和 vue-print 插件可以轻松实现打印票据文档的功能。

次更新如下：

【重构】重构HTML、PDF导出等逻辑，并修改IExporterByTemplate为：

Task ExportListByTemplate(IList dataItems, string htmlTemplate = ) where T : class;
Task ExportByTemplate(T data, string htmlTemplate = ) where T : class;

【示例】添加收据导出的单元测试示例

Magicodes.IE简介

导入导出通用库，通过导入导出DTO模型来控制导入和导出，支持Excel、Word、Pdf和Html。

特点

需配合相关导入导出的DTO模型使用，支持通过DTO以及相关特性控制导入导出。配置特性即可控制相关逻辑和显示结果，无需修改逻辑代码；

导出支持列头自定义处理以便支持多语言等场景；
导出支持文本自定义过滤或处理；
导入支持中间空行自动跳过；
导入支持自动根据 DTO 生成导入模板,针对必填项将自动标注；

导入支持数据下拉选择，目前仅支持枚举类型；
导入数据支持前后空格以及中间空格处理，允许指定列进行设置；
导入支持模板自动检查，数据自动校验，异常统一处理，并提供统一的错误封装，包含异常、模板错误和行数据错误；

支持导入表头位置设置，默认为1；
支持导入列乱序，无需按顺序一一对应；
支持导入指定列索引，默认自动识别；
支持将导入Excel进行错误标注；

导入支持截止列设置，如未设置则默认遇到空格截止；

支持导出HTML、Word、Pdf，支持自定义导出模板；

导出HTML

导出Word

导出Pdf

导出收据

导入支持重复验证；

支持单个数据模板导出，常用于导出收据、凭据等业务

联系我们

订阅号

关注“麦扣聊技术”订阅号可以获得最新文章、教程、文档：

QQ群

编程交流群<85318032>
产品交流群<897857351>

文档官网&官方博客

文档官网：https://docs.xin-lai.com

在线咨询

上一篇：html select 元素下拉点击事件
下一篇：程序员电脑编程教程-HTML语言开发介绍与概述

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商