antd form 表单

 

      labelColRight: {

        xs: { span: 24 },

        sm: { span: 3 }

      },

      wrapperColRight: {

        xs: { span: 24 },

        sm: { span: 20 }

      },

 

 

 

<a-form-item

                      :labelCol="labelColRight"

                      :wrapperCol="wrapperColRight"

                      label="取值"

                      class="targetTypeDmsFormItem"

                    >

      


<a-input-number
                        :disabled="pageMode === 'show'"
                        class="dms-inputnumber-style"
                        v-if="item.ruleLeft === 3"
                        v-decorator="[
                          item.value + 'inputnumber' + ruleItem.id,
                          {
                            rules: [{ required: item.showFlag, message: '请输入正确的非负整数', pattern: /^[0-9]+$/ }],
                            initialValue: null
                          }
                        ]"
                        :min="0"
                        placeholder="请输入数值"
                        @change="handleChangeRight($event, 'inputNumber', item, thisIndex)"
                      />

    <a-date-picker
                        :disabled="pageMode === 'show'"
                        v-if="item.ruleLeft === 2"
                        style="width:200px;"
                        class="dms-datepicker-style"
                        v-decorator="[
                          item.value + 'datetime' + ruleItem.id,
                          {
                            rules: [{ type: 'object', required: item.showFlag, message: '请选择时间' }],
                            initialValue: null
                          }
                        ]"
                        show-time
                        format="YYYY-MM-DD HH:mm:ss"
                        @change="handleChangeRight($event, 'datepicker', item, thisIndex)"
                      />

 <a-textarea
                              :disabled="pageMode === 'show'"
                              v-if="item.inputType === 'textarea'"
                              class="dms-textarea-style"
                              v-decorator="[
                                item.value + 'textarea' + ruleItem.id,
                                {
                                  rules: [
                                    {
                                      required: item.showFlag && !wordPackageInfo[item.value].switch,
                                      message: '请输入取值'
                                    }
                                  ],
                                  initialValue: null
                                }
                              ]"
                              placeholder="请输入取值，一行代表一个值"
                              :rows="2"
                              @change="handleChangeRight($event, 'textarea', item)"
                            />