List列表

<template>
  <a-row :gutter="24">
    <a-col :md="24">
      <a-card :bordered="false">
        <!-- 操作按钮区域 -->
        <div class="table-operator" style="border-top: 5px">
          <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
        </div>
        <!-- table区域-begin -->
        <div>
          <a-table
            ref="table"
            bordered
            size="middle"
            rowKey="id"
            :columns="columns"
            :dataSource="dataSource"
            :pagination="ipagination"
            :loading="loading"
            @change="handleTableChange">
             <span slot="action" slot-scope="text, record">
              <a @click="handleEdit(record)">编辑</a>
              <a-divider type="vertical" />
              <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.unid)">
                <a >删除</a>
              </a-popconfirm>
            </span>
          </a-table>
        </div>
        <!-- table区域-end -->
        <sys-reg-list-modal ref="modalForm" @ok="modalFormOk" ></sys-reg-list-modal>

      </a-card>
    </a-col>
  </a-row>
</template>
<script>
import SysRegListModal from './modules/SysRegListModal'
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import JInput from '@/components/jeecg/JInput'
//引入VUE
import Vue from 'vue'
export default {
  name: "SysRegList",
  mixins: [JeecgListMixin],
  components: {
    SysRegListModal,
    JInput
  },
  data() {
    return {
      queryParam: {

      },
      columns: [
        {
          title: '#',
          dataIndex: '',
          key:'rowIndex',
          width:40,
          align:"center",
          customRender:function (t,r,index) {
            return parseInt(index)+1;
          }
        },
        { title: '系统主键', dataIndex: 'unid', width: 100, align: "center"},
        { title: '系统IP', dataIndex: 'sysIp', width: 100, align: "center"},
        { title: '系统名称', dataIndex: 'sysName', width: 100, align: "center"},
        { title: '系统地址', dataIndex: 'sysUrl', width: 100, align: "center"},
        {
          title: '操作',
          dataIndex: 'action',
          scopedSlots: {customRender: 'action'},
          align: "center",
          width: 100
        }
      ],
      url: {
        list: "/jshSys/list",
        delete: "/jshSys/deleteOne"
      },
    }
  },
  methods: {

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