| | |
| | | <template> |
| | | <GasBillRechargeBaseForm ref="formRef" v-model:form="preSetForm"> |
| | | <NutFormItem label="备注信息" class="bole-form-item" prop="remark"> |
| | | <NutInput |
| | | v-model.trim="preSetForm.remark" |
| | | class="bole-input-text" |
| | | <NutTextarea |
| | | placeholder="请输入备注信息" |
| | | type="text" |
| | | max-length="30" |
| | | /> |
| | | placeholderClass="bole-input-text-placeholder" |
| | | autoSize |
| | | class="bole-input-textarea" |
| | | v-model="preSetForm.remark" |
| | | :max-length="30" |
| | | limit-show |
| | | > |
| | | </NutTextarea> |
| | | </NutFormItem> |
| | | <div class="common-content"> |
| | | <nut-button class="recharge-button" type="primary" @click="handleNext"> |
| | | <NutButton class="recharge-button" type="primary" @click="handleNext"> |
| | | <div class="recharge-button-inner"> |
| | | <div class="recharge-button-text">立即充值</div> |
| | | <div class="recharge-button-text">保存</div> |
| | | </div> |
| | | </nut-button> |
| | | <nut-button class="recharge-button" type="primary" plain @click="goToPrevious"> |
| | | </NutButton> |
| | | <NutButton class="recharge-button" type="primary" plain @click="goToPrevious"> |
| | | <div class="recharge-button-inner"> |
| | | <div class="recharge-button-text">返回</div> |
| | | </div> |
| | | </nut-button> |
| | | </NutButton> |
| | | </div> |
| | | </GasBillRechargeBaseForm> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { FormRules } from '@nutui/nutui-taro/dist/types/__VUE/form/types'; |
| | | import { |
| | | Button as NutButton, |
| | | FormItem as NutFormItem, |
| | | Textarea as NutTextarea, |
| | | } from '@nutui/nutui-taro'; |
| | | import { reactive, ref, computed, watch } from 'vue'; |
| | | import GasBillRechargeBaseForm from './GasBillRechargeBaseForm.vue'; |
| | | import { useGasBillRechargeContext } from './context'; |
| | |
| | | userId: blLifeRecharge.accountModel.userId, |
| | | lifePayType: LifeRechargeConstants.LifePayOrderTypeEnum.燃气订单, |
| | | content: preSetForm.gasAccount, |
| | | province: preSetForm.province, |
| | | city: preSetForm.city, |
| | | province: preSetForm.areaList?.[0] ?? '', |
| | | city: preSetForm.areaList?.[1] ?? '', |
| | | extraProperties: JSON.stringify(preSetForm), |
| | | operators: preSetForm.gasOrgType, |
| | | remark: preSetForm.remark, |
| | | }; |
| | | await addUpdateUserAccount(params); |
| | | preSetForm.areaList = []; |
| | | preSetForm.gasAccount = ''; |
| | | preSetForm.remark = ''; |
| | | preSetForm.gasOrgType = '' as any; |
| | | goToNext(); |
| | | } catch (error) {} |
| | | } |