update: form中添加input-number组件

2022/aiot-evaluate/src/components/form/IpuForm.vue

@@ -13,6 +13,18 @@
          :width="form?.width"
          v-bind="form?.attrs"
          @blur="blurEvent(form)"
          @change="changeEvent(form)"
        >
        </ipu-input>
        <ipu-input
          v-if="form?.type === 'input-num'"
          v-model="form.value"
          :width="form?.width"
          controls-position="right"
          v-bind="form?.attrs"
          @blur="blurEvent(form)"
          @change="changeEvent(form)"
        >
        </ipu-input>
@@ -32,6 +44,7 @@
          v-model="form.value"
          :width="form?.width"
          v-bind="form?.attrs"
          @change="changeEvent(form)"
        ></ipu-radio>
        <!-- cascader --->
@@ -49,6 +62,7 @@
          v-model="form.value"
          :width="form?.width"
          v-bind="form?.attrs"
          @change="changeEvent(form)"
        ></ipu-switch>
        <!-- checkbox --->
@@ -66,6 +80,7 @@
          v-model="form.value"
          :width="form?.width"
          v-bind="form?.attrs"
          @change="changeEvent(form)"
        ></ipu-date-picker>
      </el-form-item>
    </template>
@@ -100,7 +115,7 @@ const blurEvent = (form) => {
<style lang="scss" scoped>
.last-btns {
  margin-left: auto;
  height: 28px;
  // margin-left: auto;
  // height: 28px;
}
</style>

2022/aiot-evaluate/src/components/form/IpuInputNumber.vue

@@ -0,0 +1,7 @@
<template>
  <el-input-number class="ipu-input-number" v-bind="$attrs"></el-input-number>
</template>
<script setup></script>
<style scoped lang="scss"></style>

2022/aiot-evaluate/src/components/index.js

@@ -1,5 +1,7 @@
import IpuTable from './table/index.vue';
// 表单元素
import IpuInput from './form/IpuInput.vue';
import IpuInputNumber from './form/IpuInputNumber';
import IpuSelect from './form/IpuSelect.vue';
import IpuRadio from './form/IpuRadio.vue';
import IpuCascader from './form/IpuCascader.vue';
@@ -7,6 +9,8 @@ import IpuSwitch from './form/IpuSwitch.vue';
import IpuCheckBox from './form/IpuCheckBox.vue';
import IpuDatePicker from './form/IpuDatePicker.vue';
import IpuForm from './form/IpuForm.vue';
// 业务模块
import IpuSearch from './search-params/index.vue';
import IpuDrawer from './dialog/drawer/index.vue';
import IpuDialog from './dialog/dialog';
@@ -23,6 +27,7 @@ export function setupGlobalComponents(app) {
  app.component('ipu-table', IpuTable);
  // 表单元素
  app.component('ipu-input', IpuInput);
  app.component('ipu-input-num', IpuInputNumber);
  app.component('ipu-select', IpuSelect);
  app.component('ipu-radio', IpuRadio);
  app.component('ipu-cascader', IpuCascader);