Ant Design Vue 表单组件table之 <s-table>

代码如下:

    # 查询条件
    <a-form layout="inline">
      <a-row :gutter="48">
        <template v-if="advanced">
          <a-col :md="8" :sm="24">
             <a-form-item label="id">
               <a-input v-model="queryParam.id" allow-clear style="width: 100%"/>
             </a-form-item>
           </a-col>
       	  <a-col :md="8" :sm="24">
            <a-form-item label="日期">
             <a-range-picker v-model="queryParam.updateTime" showTime format="YYYY-MM-DD HH:mm:ss" style="width: 100%" placeholder="请输入日期"/>
       	    </a-form-item>
          </a-col>
           <a-col :md="8" :sm="24">
                <a-form-item label="类型">
                  <a-select v-model="queryParam.do" placeholder="请选择" default-value="0">
                    <a-select-option value="">全部</a-select-option>
                    <a-select-option value="0">是</a-select-option>
                    <a-select-option value="1">否</a-select-option>
                  </a-select>
                </a-form-item>
             </a-col>
         </template>
     <a-col :md="!advanced && 8 || 24" :sm="24">
       <span class="table-page-search-submitButtons" :style="advanced && { float: 'right', overflow: 'hidden' } || {} ">
           <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
       </span>
      </a-col>
    </a-row>
   </a-form>
<template>
  <s-table
    ref="table"
    size="default"
    :columns="columns"
    :data="loadData"
  >
  </s-table>
</template>

<script>
  import { STable } from '@/components'
  # 分装的方法
  import { getUserList } from '@/api/user'
  export default {
    components: {
      STable
    },
    data() {
      return {
        columns: [
          {
            title: 'id',
            align: 'center',
            dataIndex: 'id'
          },
          {
            title: '名称',
            align: 'center',
            dataIndex: 'name'
          },
          {
            title: '状态',
            align: 'center',
            dataIndex: 'status',
          },
          {
            title: '更新时间',
            align: 'center',
            dataIndex: 'updateTime',
            sorter: true
          }
        ],
        // 查询条件参数
        queryParam: {},
        // 加载数据方法 必须为 Promise 对象
        loadData: parameter => {
          const requestParameters = Object.assign({}, parameter, this.queryParam)
          return getUserList(requestParameters)
          .then(res => {
            console.log(res)
            return res.data
          })
        }
      }
    }
  }
</script>

介绍

  1. s-table 和 官网的 a-table相比,目前发现,就是不用处理分页,只要后端返回相应参数即可。
  2. 查询,只要确保 queryParam的属性和columns中对应的字段一致即可。
  3. 排序,s-table 表单的排序,会向后端传输两个参数,sortField与sortOrder。sortField代表排序的字段,sortOrder代表是升序还是降序,如下是升序。分页传的参数为 pageNo和pagesize。 如下:在这里插入图片描述
  4. 后台传回来的参数格式,包括四个分页需要用到的参数,如下:在这里插入图片描述
  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Title: Micro-segmentation For Dummies [VMware edition] Author(s): Lawrence Miller; Joshua Soto Series: For Dummies Publisher: John Wiley & Sons City: Hoboken, NJ Year: 2015 Language: English Pages (biblio\tech): 77\77 ISBN: 9781119177340 9781119177357 This book provides a broad overview of micro-segmentation in the data center. After reading this book, you’ll have a good basic understanding of micro-segmentation — like you’d get from a college-level 101 class, but far more interesting than Microbiology 101 or Microeconomics 101 (and not as difficult either)! Table of contents : Title Page......Page 3 Copyright Page......Page 4 Table of Contents......Page 5 Introduction......Page 7 Foolish Assumptions......Page 8 Where to Go from Here......Page 9 Data Breaches Continue to Occur......Page 11 The Lifecycle of a Data Center Attack......Page 12 Throwing Stones at the (Data Center) Perimeter Walls......Page 15 Limiting Lateral Movement within the Data Center......Page 21 Visibility and context......Page 23 Isolation......Page 24 Segmentation......Page 26 Automation......Page 27 Persistence......Page 29 Extensibility......Page 30 Balancing Context and Isolation......Page 31 Implementing Least Privilege and Unit-Level Trust with Micro-segmentation......Page 32 What Micro-segmentation Is Not......Page 33 Key Forces Driving the Need for Data Center Transformation......Page 37 Transforming Your Data Center with Network Virtualization......Page 40 How Network Virtualization Works......Page 42 Essential Elements for Network Virtualization......Page 45 Just planes — no trains or automobiles......Page 46 Encapsulation......Page 47 Creating Security Policies for the Software‐Defined Data Center......Page 51 Network‐based policies......Page 52 Application‐based policies......Page 53 Adapting to Change......Page 54 Responding to Threats......Page 55 Firewalling Tens of Thousands of Workloads with a Single Logical Firewall......Page 57 Achieving Micro‐segmentation......Page 59 Identify patterns and relationships......Page 61 Security Use Cases......Page 62 Network security inside the data center......Page 63 Secure user environments......Page 64 Minimize Risk and Impact of Data Center Security Breaches......Page 67 Automate IT Service Delivery and Speed Time to Market......Page 68 Enable Advanced Security Service Insertion, Chaining, and Traffic Steering......Page 69 Leverage Existing Infrastructure......Page 70 Lower Operating Expenses......Page 72 Securely Enable Business Agility......Page 73 EULA......Page 77
DWL-G122 (rev.B & rev.C) 15ML Windows Driver Release Note Setup Version: S0045 Build: 3, 3, 3, 1218 Utility: V3.40 (E) Windows 98/ME: 1.03.00.0000 (no pass WHQL) Windows 2000/XP: 1.03.00.0000 (pass WHQL) Windows XP64: 1.03.00.0000 (pass WHQL) Windows VistaX86: 3.01.03.0000 (pass WHQL) Windows VistaX64: 3.01.03.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Windows XP64: 2.00.03.0000 (no pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/12/22 Fix: 1. Restore Open / 802.1x /dynamic WEP / LEAP Security. ------------------------------------------------------------------------------------------- Setup Version: S0044 Build: 3, 3, 3, 1203 Utility: V3.40 (E) Windows 98/ME: 1.03.00.0000 (no pass WHQL) Windows 2000/XP: 1.03.00.0000 (pass WHQL) Windows XP64: 1.03.00.0000 (pass WHQL) Windows VistaX86: 3.01.03.0000 (pass WHQL) Windows VistaX64: 3.01.03.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Windows XP64: 2.00.03.0000 (no pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/12/12 Fix: 1. Remove security item EAP-PEAP / EAP_MD5 in WPA/WPA2. 2. Remove security item EAP-TTLS / EAP_MD5 in WPA/WPA2. 3. Remove security item EAP-TTLS / EAP_MSCHAv2 in WPA/WPA2. 4. Remove security item EAP-TTLS / EAP_GTC in WPA/WPA2. 5. Remove security item EAP-LEAP in WPA/WPA2. ------------------------------------------------------------------------------------------- Setup Version: S0043 Build: 62224 Utility: V3.30 (E) Windows 98/ME: 1.03.00.0000 (no pass WHQL) Windows 2000/XP: 1.03.00.0000 (pass WHQL) Windows XP64: 1.03.00.0000 (pass WHQL) Windows VistaX86: 3.01.03.0000 (pass WHQL) Windows VistaX64: 3.01.03.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Windows XP64: 2.00.03.0000 (no pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/08/01 Fix: 6. On XP64, CloseDMsg.exe is running and user can’t uninstall utility completely. ------------------------------------------------------------------------------------------- Setup Version: S0042 Build: 62224 Utility: V3.30 (E) Windows 98/ME: 1.03.00.0000 (no pass WHQL) Windows 2000/XP: 1.03.00.0000 (pass WHQL) Windows XP64: 1.03.00.0000 (pass WHQL) Windows VistaX86: 3.01.03.0000 (pass WHQL) Windows VistaX64: 3.01.03.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Windows XP64: 2.00.03.0000 (no pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/07/30 Fix: 7. If Wizard.exe is running, user can’t uninstall utility completely. ------------------------------------------------------------------------------------------- Setup Version: S0041 Build: 62224 Utility: V3.30 (E) Windows 98/ME: 1.03.00.0000 (no pass WHQL) Windows 2000/XP: 1.03.00.0000 (pass WHQL) Windows XP64: 1.03.00.0000 (pass WHQL) Windows VistaX86: 3.01.03.0000 (pass WHQL) Windows VistaX64: 3.01.03.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Windows XP64: 2.00.03.0000 (no pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/07/23 Fix: 8. Close XP64 driver whql warning message automatically during installation. 9. Avoid DWL-G122 (rev.B) installed on Vista. ------------------------------------------------------------------------------------------- Setup Version: S0040 Build: 62224 Utility: V3.30 (E) Windows 98/ME: 1.03.00.0000 (no pass WHQL) Windows 2000/XP: 1.03.00.0000 (pass WHQL) Windows XP64: 1.03.00.0000 (pass WHQL) Windows VistaX86: 3.01.03.0000 (pass WHQL) Windows VistaX64: 3.01.03.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Windows XP64: 2.00.03.0000 (no pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/07/16 Fix: 10. Add XP64 & Vista64 drivers for DWL-G122 (rev.C) 11. Add XP64 drivers for DWL-G122 (rev.B) ------------------------------------------------------------------------------------------- Setup Version: S0039 Build: 62224 Utility: V3.30 (E) Windows 98/ME: 1.03.00.0000 (no pass WHQL) Windows 2000/XP: 1.03.00.0000 (pass WHQL) Windows VistaX86: 3.01.03.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/04/29 Fix: 12. Change G122.C1 utility version to 3.30(E) ------------------------------------------------------------------------------------------- Setup Version: S0038 Build: 62224 Utility: V3.30 Windows 98/ME: 1.03.00.0000 (no pass WHQL) Windows 2000/XP: 1.03.00.0000 (pass WHQL) Windows VistaX86: 3.01.03.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/04/28 Fix: 13. Fix some install flow errors. 14. Prohibit installing utility on XP64 and Vista64. ------------------------------------------------------------------------------------------- Setup Version: S0037 Build: 62224 Utility: V3.30 Windows 98/ME: 1.03.00.0000 (no pass WHQL) Windows 2000/XP: 1.03.00.0000 (pass WHQL) Windows VistaX86: 3.01.03.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/04/25 Fix: 15. Update DWL-G122.C1 2000XP & 98ME WHQL driver to Version 1.03.00.0000. 16. Update DWL-G122.C1 Vistax86 WHQL driver to Version 3.01.03.0000. ------------------------------------------------------------------------------------------- Setup Version: S0036 Build: 62224 Utility: V3.30 Windows 98/ME: 1.02.02.0000 (no pass WHQL) Windows 2000/XP: 1.02.02.0000 (pass WHQL) Windows VistaX86: 3.00.07.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Utility: V2.04 Windows 98/ME: 2.01.00.0000 (no pass WHQL) Windows 2000/XP: 2.00.01.0000 (pass WHQL) Hardware: DWL-G122 (rev.B) (Ralink RT2570) Writer: Tony Date: 2008/04/24 Fix: 1. Fix bug: the tip text displays error in the D-Link icon. 2. Remove x64 drivers. ------------------------------------------------------------------------------------------- Setup Version: S0035 Utility: V3.30 Build: 62224 Windows 98/ME: 1.02.02.0000 (no pass WHQL) Windows 2000/XP/XP64: 1.02.02.0000 (pass WHQL) Windows VistaX86: 3.00.07.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Date: 2007/12/27 Fix: 1. Add XP64 drivers and support XP64. ------------------------------------------------------------------------------------------- Setup Version: S0034 Utility: V3.30 Build: 62224 Windows 98/ME: 1.02.02.0000 (no pass WHQL) Windows 2000/XP: 1.02.02.0000 (pass WHQL) Windows VistaX86: 3.00.07.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Date: 2007/12/26 Fix: 1. Update Vista x86 Driver versions 3.00.07.0000 2. Update Win 2000/XP Driver versions 1.02.02.0000 3. Update Win 98/ME Driver versions 1.02.02.0000 4. Update Utility to 62224 ------------------------------------------------------------------------------------------- Setup Version: S0033 Utility: V3.10 Build: 61912 Windows 98/ME: 1.00.01.0000 (pass WHQL) Windows 2000/XP: 1.00.01.0000 (pass WHQL) Windows VistaX86: 1.00.01.0000 (pass WHQL) Windows VistaX64: 1.00.01.0000 (pass WHQL) Hardware: DWL-G122 (rev.C) (Ralink RT2571w) Date: 2007/08/08 Fix: 1. Fix Bug: Install D-Link G122 Utility. ZeroConfig will restart and control G122 after windows reboot. 2. Update Utility build version: 61912 ------------------------------------------------------------------------------------------- Setup Version: S0032 Fix: 1. Fix keyboard selection not be stored in Wizard site survey list. 2. Fix missing character in tool-tip-text. [Root Cause: Couldn't include DDK2660 and DDK6000 in the same compiler ------------------------------------------------------------------------------------------- Setup Version: S0031 Fix: 1. Fix Wizard WEP profile causes Utility hang issue. 2. Found Installer Language List (Normal Initialization dialog) cause Intel 915GM/GMS, 910GML Express Chipset Family Driver Crash. Only by update intel driver would solve this issue. Note: This setup still use normal language list style. The driver v1.0.1.0 has USB1.1 compatibility issue. ------------------------------------------------------------------------------------------- Setup Version: S0030 Fix: 1. Reverse Dr71WU.inf in \win64 folder back to WHQL version. ------------------------------------------------------------------------------------------- Setup Version: S0029 Fix: 1. [Greek] Utility and Wizard fail to show because the installer instance path is Greek. 2. Add V1.0.1.0 Windows XP64bit WHQL file for DWL-G122.C1. -------------------------------------------------------------------------------------------Setup Version: S0028 Fix: 1. Change 122.B1 driver to V2.1.0.0. ------------------------------------------------------------------------------------------- Setup Version: S0027 Fix: 1. Couldn't load RT25U98.sys in Device Manager.[Win98SE/ME] ------------------------------------------------------------------------------------------- Setup Version: S0026 Fix: 1. Update XP64bit driver to V1.0.1.0. ------------------------------------------------------------------------------------------- Setup Version: S0025 [15ML] Fix: 1. Reverse driver to V1.0.1.0. 2. Fix XP64bit fail to install driver. -------------------------------------------------------------------------------------------Setup Version: S0024 Fix: 1. Modify Multilanguage string table. ------------------------------------------------------------------------------------------- Setup Version: S0023 Fix: 1. Modify Multilanguage string table. ------------------------------------------------------------------------------------------- Setup Version: S0022 Fix: 1. Modify Multilanguage string table. ------------------------------------------------------------------------------------------- Setup Version: S0021 Fix: 1. Modify Multilanguage string table. Setup Version: S0020 Fix: 1. Modify Multilanguage string table. -------------------------------------------------------------------------------------------Setup Version: S0019 Fix: 1. After uninstallation, the system needs to reboot. 2. In Vista, setup.exe only install DWL-G122.C1 driver into the system. User need to remove this driver from "Control Panel -> Programs -> Programs and Features". 3. Driver only installed by setup.exe, not manually. -------------------------------------------------------------------------------------------Setup Version: S0018 Fix: 1. Update service again for Ch1 poor throughput. While in Infrastructure mode, service automatically turns off PSP Xlink. -------------------------------------------------------------------------------------------Setup Version: S0017 Fix: 1. Update service for Ch1 poor throughput. While in Infrastructure mode, service automatically turns off PSP Xlink. ------------------------------------------------------------------------------------------- Setup Version: S0016 Fix: 1. Add WHQL for V1.1.3.0 2. Fix popup configuration page: switch authentication type "-PSK" to "Shared", Key1~4 Grayed. 3. Link information: "Authenticated"->"herniated". Use nonbrand style rule. ------------------------------------------------------------------------------------------- Setup Version: S0015 Fix: 1. Add WHQL for V1.1.3.0 ------------------------------------------------------------------------------------------- Setup Version: S0014 Fix: 1. Update Service for WPA connection fail. ------------------------------------------------------------------------------------------- Setup Version: S0013 Fix: 1. Update G122.C1 driver to V1.1.2.0 2. Copyright year string update. 3. Limit the length of WPA username and password to 64. 4. Extend waiting time from 3sec to 4sec for Ralink driver hardly report Ch12/13 issue. 5. Adhoc channel setting issue. ------------------------------------------------------------------------------------------- Setup Version: S0012 Fix: 1. Update G122.c1 driver to V1.1.1.0 2. Wireless mode setting issue. -------------------------------------------------------------------------------------------Setup Version: S0004 Fix: 1. Update G122 V.C1 Driver to V1.0.1.0. ------------------------------------------------------------------------------------------- Setup Version: S0003 Fix: 1. Update G122.B1 Win98/ME driver for DI-624 issue. 2. G122.C1 64bit driver use same INF file with the other OS. -------------------------------------------------------------------------------------------Setup Version: S0002 Fix: 1. Add Pass phrase limitation: 8~63 characters or 64 hex-digits. 2. Add 64bit Driver for G122 (rev.C). -------------------------------------------------------------------------------------------Setup Version: S0001 Fix: 1. Modified utility to support 64bit detect. 2. Install check for Install 64bit driver. -------------------------------------------------------------------------------------------
您可以在 Ant Design Vue 的弹窗中使用 Table 组件和 Select 组件来实现行编辑中的下拉选择框。首先,您需要在 Table 组件中设置 editable 属性为 true,这样就可以开启行编辑功能。然后,您可以在需要进行下拉选择框编辑的列中,使用 scoped slot 的方式自定义单元格内容,并在该单元格中使用 Select 组件来实现下拉选择框。具体实现方法可以参考以下代码示例: ```html <template> <div> <a-button type="primary" @click="showModal">打开弹窗</a-button> <a-modal v-model="visible" title="编辑表格" :width="800"> <a-form :form="form"> <a-table :columns="columns" :data-source="data" :row-key="record => record.id" :editable="true"> <template slot-scope="text, record, index"> <a-form-item> <a-select v-model="record.selectValue" style="width: 100%"> <a-select-option v-for="option in options" :key="option.value" :value="option.value">{{ option.label }}</a-select-option> </a-select> </a-form-item> </template> </a-table> </a-form> </a-modal> </div> </template> <script> import { Modal, Form, Button, Table, Select } from 'ant-design-vue' export default { components: { 'a-modal': Modal, 'a-form': Form, 'a-button': Button, 'a-table': Table, 'a-form-item': Form.Item, 'a-select': Select, 'a-select-option': Select.Option, }, data() { return { visible: false, form: this.$form.createForm(this), data: [ { id: 1, name: '张三', age: 18, selectValue: 'option1' }, { id: 2, name: '李四', age: 22, selectValue: 'option2' }, { id: 3, name: '王五', age: 25, selectValue: 'option3' }, ], options: [ { label: '选项1', value: 'option1' }, { label: '选项2', value: 'option2' }, { label: '选项3', value: 'option3' }, ], columns: [ { title: 'ID', key: 'id', dataIndex: 'id', editable: false }, { title: '姓名', key: 'name', dataIndex: 'name', editable: true }, { title: '年龄', key: 'age', dataIndex: 'age', editable: true }, { title: '下拉选择框', key: 'selectValue', dataIndex: 'selectValue', editable: true }, ], } }, methods: { showModal() { this.visible = true }, }, } </script> ``` 在上面的代码示例中,我们使用了 Ant Design Vue 的 Modal、Form、Button、Table 和 Select 组件来实现弹窗、表单、按钮、表格和下拉选择框。在 Table 组件中,我们使用了 scoped slot 来自定义单元格内容,并在该单元格中使用 Select 组件来实现下拉选择框。同时,我们还需要在该列的配置项中设置 editable 属性为 true,以开启该列的编辑功能。最终,我们将 Table 组件放置在 Modal 组件中,实现了在弹窗中编辑带有下拉选择框的表格的功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值