<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>
List列表
最新推荐文章于 2024-09-21 11:29:05 发布