design-vue-ui

# d-search 表格搜索区

# 何时使用


定制化争对 d-table 组件使用

# 代码演示

Sponsor Venue Zone one Zone two
基本

表格定制版本搜索
显示代码 
<template>
  <d-search :model="formInline">
    <a-form-model-item label="用户名">
      <a-input v-model="formInline.user" placeholder="请输入"></a-input>
    </a-form-model-item>
    <a-form-model-item label="用户编号">
      <a-input v-model="formInline.userNo" placeholder="请输入"></a-input>
    </a-form-model-item>
    <a-form-model-item label="用户年龄">
      <a-input v-model="formInline.age" placeholder="请输入"></a-input>
    </a-form-model-item>
    <a-form-model-item label="来源">
      <a-radio-group v-model="formInline.resource">
        <a-radio value="1">
          Sponsor
        </a-radio>
        <a-radio value="2">
          Venue
        </a-radio>
      </a-radio-group>
    </a-form-model-item>
    <a-form-model-item label="Activity zone" prop="region">
      <a-select v-model="formInline.region" placeholder="please select your zone">
        <a-select-option value="shanghai">
          Zone one
        </a-select-option>
        <a-select-option value="beijing">
          Zone two
        </a-select-option>
      </a-select>
    </a-form-model-item>
    <a-form-model-item label="Activity time" required prop="date1">
      <a-date-picker
        v-model="formInline.date1"
        show-time
        type="date"
        placeholder="Pick a date"
        style="width: 100%;"
      />
    </a-form-model-item>
  </d-search>
</template>
<script>
export default {
  data() {
    return {
      formInline: {},
    }
  },
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
显示代码

# API

支持 a-form-model 的属性

# 事件

← d-watermark 水印 →