happywork_front/src/views/hlwinvoice/HlwCompanyInvoiceInfoList.vue

<template>
  <a-card :bordered="false">
    <!-- 查询区域 -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">

        </a-row>
      </a-form>
    </div>
    <!-- 查询区域-END -->

    <!-- 操作按钮区域 -->

    <div class="table-operator">
          <a-button @click="handleAdd" type="primary" icon="plus" >新增开票资料</a-button>
    </div>


    <!-- table区域-begin -->
    <div>

      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        class="j-table-force-nowrap"
        @change="handleTableChange">



             <span slot="action" slot-scope="text, record">
            <a @click="handleEdit(record)" >修改</a>
           </span>

      </a-table>
    </div>

<hlw-comapny-invoice-info-modal ref="modalForm" @ok="modalFormOk"></hlw-comapny-invoice-info-modal>
  </a-card>
</template>

<script>

  import { httpAction ,getAction,putAction} from '@/api/manage'
  import '@/assets/less/TableExpand.less'
  import { mixinDevice } from '@/utils/mixin'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import HlwComapnyInvoiceInfoModal from './modules/HlwComapnyInvoiceInfoModal'

  export default {
    name: "HlwCompanyInvoiceInfoList",
    mixins:[JeecgListMixin, mixinDevice],
    components: {
      HlwComapnyInvoiceInfoModal

    },
    data () {
      return {
        queryParam: {},
        selectedRowKeys: [],
        selectedRows: [],
        description: '开票资料列表',
        // 表头
        columns: [
          {
            title:'抬头',
            align:"center",
            dataIndex: 'invoiceTitle'
          },
          {
            title:'纳税人识别号',
            align:"center",
            dataIndex: 'dutyParagraph',
          },
          {
            title:'开户银行',
            align:"center",
            dataIndex: 'accountBank',
          },
          {
            title:'开户账号',
            align:"center",
            dataIndex: 'account',
            customRender:function (text) {
              return text
            }
          },
          {
            title:'地址',
            align:"center",
            dataIndex: 'registerAddress'
          },
          {
            title:'电话',
            align:"center",
            dataIndex: 'registerPhone'
          },
          {
            title: '创建人',
            dataIndex: 'createBy',
            align: "center",
          },
          {
            title: '创建时间',
            dataIndex: 'createTime',
            align: "center",
          },
          {
            title: '更新人',
            dataIndex: 'updateTime',
            align: "center",
          },
          {
            title: '更新时间',
            dataIndex: 'updateBy',
            align: "center",
          },
          {
            title: '操作',
            dataIndex: 'action',
            align:"center",
            fixed:"right",
            width:147,
            scopedSlots: { customRender: 'action' }
          }
        ],
        url: {
          list: "/saasmanager/hwPlatformCompany/companyInvoiceInfoList",
        },
        dictOptions:{},
      }
    },
    computed: {
      importExcelUrl: function(){
        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
      },
    },
    methods: {
      initDictConfig(){
      },






    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>