zhengyiming
2025-04-01 074b4c463c4be9bf5df11fa08779a523fdb983b1
packages/components/src/views/GasBillRecharge/GasBillRechargeBaseForm.vue
@@ -23,6 +23,14 @@
        max-length="13"
      />
    </NutFormItem>
    <NutFormItem label="户主姓名" class="bole-form-item" prop="name" required>
      <NutInput
        v-model.trim="form.name"
        class="bole-input-text"
        placeholder="请填写户主姓名"
        type="text"
      />
    </NutFormItem>
    <slot></slot>
  </NutForm>
</template>
@@ -46,15 +54,18 @@
  // city: string;
  gasAccount: string;
  areaList: string[];
  name: string;
}>('form');
const rules = reactive<FormRules>({
  province: [{ required: true, message: '请选择所在区域' }],
  city: [{ required: true, message: '请选择所在城市' }],
  gasAccount: [{ required: true, message: '请输入缴费户号', regex: /^\d{13}$/ }],
  // gasAccount: [{ required: true, message: '请输入缴费户号', regex: /^\d{13}$/ }],
  gasAccount: [{ required: true, message: '请输入缴费户号' }],
  areaList: [
    { required: true, message: '请选择所在城市', validator: FormValidator.validatorArray },
  ],
  name: [{ required: true, message: '请填写户主姓名' }],
});
const formRef = ref<any>(null);