diantou/src_custom/_form-designer/component-library/xm-inputselectuser.vue

<template>
  <div>
    <a-form-model-item label="人员ID回写域">
      <a-input v-model="component.attrFD.formItemProps.inputProps.userIdField"></a-input>
    </a-form-model-item>
    <a-form-model-item label="人员account回写域">
      <a-input v-model="component.attrFD.formItemProps.inputProps.userAccountField"></a-input>
    </a-form-model-item>
    <a-form-model-item label="人员姓名回写域">
      <a-input v-model="component.attrFD.formItemProps.inputProps.userNameField"></a-input>
    </a-form-model-item>
  </div>
</template>

<script>
import { Input, Button } from 'ant-design-vue'
import components from './_import-components/xm-inputselectuser-import'
export const metaInfo = {
  caption: '人员输入选择',
  component: {
    props: ['designerData'],
    render() {
      return (
        <Div class='xmselinput'>
          <Input></Input>
          <Button type='primary'>选择</Button>
        </Div>
      )
    },
  },
  icon: 'sd-list',
  order: 900,
}
export const fieldProps = {
  dataType: 'string',
  attrFD: {
    formItemProps: {
      inputProps: {
        userIdField: '',
        userAccountField: '',
        userNameField: '',
      },
    },
  },
}
export default {
  name: 'XmInputselectuser',
  components,
  data() {
    return {}
  },
  methods: {},
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
:global(.xmselinput) {
  :global .ant-input {
    width: 60%;
    margin-right: 5px;
  }
  :global .ant-btn {
    padding: 0 5px;
  }
}
</style>