| | |
| | | ref="formRef" |
| | | :rules="rules" |
| | | label-position="top" |
| | | class="order-bill-recharge electric" |
| | | class="order-bill-recharge electric chunk-form" |
| | | > |
| | | <slot name="top"></slot> |
| | | <NutFormItem label="所在城市" class="bole-form-item" prop="areaList" required> |
| | |
| | | placeholder="请输入缴费户号" |
| | | type="text" |
| | | 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> |
| | |
| | | // city: string; |
| | | gasAccount: string; |
| | | areaList: string[]; |
| | | name: string; |
| | | }>('form'); |
| | | |
| | | const rules = reactive<FormRules>({ |
| | |
| | | areaList: [ |
| | | { required: true, message: '请选择所在城市', validator: FormValidator.validatorArray }, |
| | | ], |
| | | name: [{ required: true, message: '请填写户主姓名' }], |
| | | }); |
| | | |
| | | const formRef = ref<any>(null); |