实现ipu-form组件layout布局

2022/aiot-evaluate/src/views/settings/ApiResourceManagement.vue

@@ -43,59 +43,31 @@ const pageData = ref({
  }],
  // 搜索
  search: {
    searchParams: [
      {
        name: 'name',
        type: 'input',
        label: '资源名称',
        value: '',
        styles: {
          width: 200
        },
        attrs: {
          clearable: true
        }
      },
      {
        label: '所属应用',
        name: 'clientId',
        type: 'select',
        attrs: {
          clearable: true,
          disabled: false,
          options: [],
          'collapse-tags': true,
          'collapse-tags-tooltip': true
        }
        },
      {
        label: '资源编码',
        name: 'code',
        'min-width': '193'
      },
      {
        label: '资源类型',
        name: 'typeText',
        'min-width': '137'
      },
      {
        label: '所属应用',
        name: 'clientId',
        type: 'select',
        attrs: {
          clearable: true,
          disabled: false,
          multiple: true,
          options: []
        },
        width: 200,
        value: ''
    searchParams: [{
      name: 'name',
      type: 'input',
      label: '资源名称',
      value: '',
      styles: {
        width: 200
      },
      'searchForm' // 增加一个数据，用来判断时search组件的数据，还是dialog弹窗的数据
      'searchForm'
      attrs: {
        clearable: true
      }
    },
    {
      label: '所属应用',
      name: 'clientId',
      type: 'select',
      attrs: {
        clearable: true,
        disabled: false,
        options: [],
        'collapse-tags': true,
        'collapse-tags-tooltip': true
      }
    },
    'searchForm' // 增加一个数据，用来判断时search组件的数据，还是dialog弹窗的数据
    ],
    formValues: {
      name: ''