VerifVATInvoice/webapp/vite-project/src/pages/manage.vue

<script setup lang="ts">

import {h,ref} from "vue";
import {
  SearchOutlined
} from '@ant-design/icons-vue'
const columns = [
  // {
  //   title: '发票代码',
  //   dataIndex: 'invoiceCode',
  //   key: 'invoiceCode',
  // },
  {
    title: '发票号码',
    dataIndex: 'invoiceNumber',
    key: 'invoiceNumber',
  },
  {
    title: '不含税金额',
    dataIndex: 'invoiceAmountPreTax',
    key: 'invoiceAmountPreTax',
  },
  {
    title: '税额',
    dataIndex: 'invoiceTax',
    key: 'invoiceTax',
  },
  {
    title: '价税合计',
    dataIndex: 'totalAmount',
    key: 'totalAmount',
  },
  {
    title: '开票日期',
    dataIndex: 'invoiceDate',
    key: 'invoiceDate',
  },
    {
      title: '销方名称',
      dataIndex: 'sellerName',
      key: 'sellerName',
    },
    {
      title: '销方税号',
      dataIndex: 'sellerTaxNumber',
      key: 'sellerTaxNumber',
    },
    {
      title: '查验结果',
      dataIndex: 'cyjgxx',
      key: 'cyjgxx',
    },
  {
    title: '查验次数',
    dataIndex: 'inspectionAmount',
    key: 'inspectionAmount',
  },
  {
    title: '查验时间',
    dataIndex: 'verify_time',
    key: 'verify_time',
  }

]
// 数据
let data = ref( [])

let searchParams = ref({
  page: 1,
  pageSize: 10,
  data: {
    status: '1'
  }
});
</script>

<template>
  <div class="table-operations">
    <a-row :gutter="20" >
      <a-col :span="22" :align="'end'" offset="2">
        <a-form v-model:value="searchParams" layout="inline">
          <a-form-item label="开票时间">
            <a-range-picker></a-range-picker>
          </a-form-item>
          <a-form-item label="销售方">
            <a-input></a-input>
          </a-form-item>
          <a-form-item label="验证结果">
            <a-radio-group v-model:value="searchParams.data.status">
              <a-radio-button value="1">正常</a-radio-button>
              <a-radio-button value="2">异常</a-radio-button>
            </a-radio-group>
          </a-form-item>
          <a-form-item>
            <a-button type="primary" :icon="h(SearchOutlined)">搜索</a-button>
          </a-form-item>
        </a-form>
      </a-col>
    </a-row>
  </div>
  <a-table :columns="columns" :data-source="data">
  </a-table>
</template>

<style scoped>
.table-operations {
  margin-bottom: 16px;
  text-align: right;
}

.table-operations > button {
  margin-right: 8px;
}
</style>