vbenadmin+ts页面与.net如何使用Fastreport实现自主设计打印

要在vbenadmin+ts页面和.NET中使用FastReport实现自主设计打印，您需要进行以下步骤：

1. 在.NET中创建一个FastReport模板，可以使用FastReport设计器来创建或者直接编写代码。您可以参考FastReport官方文档来学习如何创建模板。

2. 在vbenadmin+ts页面中引用FastReport.Web组件库，并在需要打印的页面中添加`fr-report-viewer`组件。您可以在`fr-report-viewer`组件中设置报表模板、数据源和参数等信息。

3. 在需要触发打印的事件中，调用`fr-report-viewer`组件的`print`方法来触发打印操作。

下面是一个示例代码：

.NET代码：

using FastReport;
using FastReport.Export.Pdf;
using System.IO;

public void PrintReport()
{
    Report report = new Report();
    report.Load("MyReport.frx"); // 加载FastReport模板文件
    report.RegisterData(myData, "MyData"); // 注册数据源
    report.SetParameterValue("Param1", "value1"); // 设置参数值
    PDFExport export = new PDFExport();
    using (MemoryStream ms = new MemoryStream())
    {
        report.Prepare();
        export.Export(report, ms);
        ms.Seek(0, SeekOrigin.Begin);
        byte[] bytes = ms.ToArray();
        // 将字节数组返回给前端
    }
}

vbenadmin+ts页面代码：

<template>
  <div>
    <fr-report-viewer :report="report" :options="options" ref="reportViewer"></fr-report-viewer>
    <button @click="print">打印</button>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
import FastReport from "fastreport-web";
import "fastreport-web/dist/fastreport.css";

export default defineComponent({
  name: "PrintPage",

  data() {
    return {
      report: new FastReport.Report(),
      options: {
        reportUrl: "/api/MyReport",
        reportTitle: "My Report",
        reportParams: { param1: "value1", param2: "value2" }
      }
    };
  },

  methods: {
    print() {
      this.$refs.reportViewer.print();
    }
  }
});
</script>

在上面的示例代码中，我们创建了一个名为`MyReport.frx`的FastReport模板，并且在.NET代码中加载了该模板，并注册了数据源和参数。在vbenadmin+ts页面中，我们使用`fr-report-viewer`组件来展示报表，并在其中设置了报表模板、数据源和参数等信息。当用户点击打印按钮时，我们调用了`fr-report-viewer`组件的`print`方法来触发打印操作。