Selaa lähdekoodia

update: form中添加input-number组件

刘洋 3 vuotta sitten
vanhempi
commit
a85e6685cd

+ 17 - 2
2022/aiot-evaluate/src/components/form/IpuForm.vue

13
          :width="form?.width"
13
          :width="form?.width"
14
          v-bind="form?.attrs"
14
          v-bind="form?.attrs"
15
          @blur="blurEvent(form)"
15
          @blur="blurEvent(form)"
16
          @change="changeEvent(form)"
17
        >
18
        </ipu-input>
19
20
        <ipu-input
21
          v-if="form?.type === 'input-num'"
22
          v-model="form.value"
23
          :width="form?.width"
24
          controls-position="right"
25
          v-bind="form?.attrs"
26
          @blur="blurEvent(form)"
27
          @change="changeEvent(form)"
16
        >
28
        >
17
        </ipu-input>
29
        </ipu-input>
18
30
32
          v-model="form.value"
44
          v-model="form.value"
33
          :width="form?.width"
45
          :width="form?.width"
34
          v-bind="form?.attrs"
46
          v-bind="form?.attrs"
47
          @change="changeEvent(form)"
35
        ></ipu-radio>
48
        ></ipu-radio>
36
49
37
        <!-- cascader --->
50
        <!-- cascader --->
49
          v-model="form.value"
62
          v-model="form.value"
50
          :width="form?.width"
63
          :width="form?.width"
51
          v-bind="form?.attrs"
64
          v-bind="form?.attrs"
65
          @change="changeEvent(form)"
52
        ></ipu-switch>
66
        ></ipu-switch>
53
67
54
        <!-- checkbox --->
68
        <!-- checkbox --->
66
          v-model="form.value"
80
          v-model="form.value"
67
          :width="form?.width"
81
          :width="form?.width"
68
          v-bind="form?.attrs"
82
          v-bind="form?.attrs"
83
          @change="changeEvent(form)"
69
        ></ipu-date-picker>
84
        ></ipu-date-picker>
70
      </el-form-item>
85
      </el-form-item>
71
    </template>
86
    </template>
100
115
101
<style lang="scss" scoped>
116
<style lang="scss" scoped>
102
.last-btns {
117
.last-btns {
103
  margin-left: auto;
104
  height: 28px;
118
  // margin-left: auto;
119
  // height: 28px;
105
}
120
}
106
</style>
121
</style>

+ 7 - 0
2022/aiot-evaluate/src/components/form/IpuInputNumber.vue

1
<template>
2
  <el-input-number class="ipu-input-number" v-bind="$attrs"></el-input-number>
3
</template>
4
5
<script setup></script>
6
7
<style scoped lang="scss"></style>

+ 5 - 0
2022/aiot-evaluate/src/components/index.js

1
import IpuTable from './table/index.vue';
1
import IpuTable from './table/index.vue';
2
// 表单元素
2
import IpuInput from './form/IpuInput.vue';
3
import IpuInput from './form/IpuInput.vue';
4
import IpuInputNumber from './form/IpuInputNumber';
3
import IpuSelect from './form/IpuSelect.vue';
5
import IpuSelect from './form/IpuSelect.vue';
4
import IpuRadio from './form/IpuRadio.vue';
6
import IpuRadio from './form/IpuRadio.vue';
5
import IpuCascader from './form/IpuCascader.vue';
7
import IpuCascader from './form/IpuCascader.vue';
7
import IpuCheckBox from './form/IpuCheckBox.vue';
9
import IpuCheckBox from './form/IpuCheckBox.vue';
8
import IpuDatePicker from './form/IpuDatePicker.vue';
10
import IpuDatePicker from './form/IpuDatePicker.vue';
9
import IpuForm from './form/IpuForm.vue';
11
import IpuForm from './form/IpuForm.vue';
12
13
// 业务模块
10
import IpuSearch from './search-params/index.vue';
14
import IpuSearch from './search-params/index.vue';
11
import IpuDrawer from './dialog/drawer/index.vue';
15
import IpuDrawer from './dialog/drawer/index.vue';
12
import IpuDialog from './dialog/dialog';
16
import IpuDialog from './dialog/dialog';
23
  app.component('ipu-table', IpuTable);
27
  app.component('ipu-table', IpuTable);
24
  // 表单元素
28
  // 表单元素
25
  app.component('ipu-input', IpuInput);
29
  app.component('ipu-input', IpuInput);
30
  app.component('ipu-input-num', IpuInputNumber);
26
  app.component('ipu-select', IpuSelect);
31
  app.component('ipu-select', IpuSelect);
27
  app.component('ipu-radio', IpuRadio);
32
  app.component('ipu-radio', IpuRadio);
28
  app.component('ipu-cascader', IpuCascader);
33
  app.component('ipu-cascader', IpuCascader);