fix(管理端): 表单模板 ref 与数据对象同名冲突导致接口参数错乱

Vue3 迁移地雷批量修复:el-form 模板 ref="formValidate" 会把表单组件实例
覆盖进 script setup 同名数据对象 ref,挂载后请求序列化整个实例(携带
validate/resetFields 等方法源码),真实筛选字段丢失。统一改名为 formRef,
涉及财务模块及统计、直播、积分订单备注共 13 个页面
This commit is contained in:
吴昊天 2026-09-29 17:34:04 +08:00
parent b1884a6f3b
commit fe8ee5692e
12 changed files with 12 additions and 12 deletions

View File

@ -3,7 +3,7 @@
<el-card :bordered="false" shadow="never" class="ivu-mb-16" :body-style="{ padding: 0 }">
<div class="padding-add">
<el-form
ref="formValidate"
ref="formRef"
:model="formValidate"
:label-width="labelWidth"
label-position="right"

View File

@ -3,7 +3,7 @@
<el-card :bordered="false" shadow="never" :body-style="{ padding: 0 }">
<div class="padding-add">
<el-form
ref="formValidate"
ref="formRef"
:model="formValidate"
:label-width="labelWidth"
:label-position="labelPosition"

View File

@ -3,7 +3,7 @@
<el-card :bordered="false" shadow="never" :body-style="{ padding: 0 }">
<div class="padding-add">
<el-form
ref="formValidate"
ref="formRef"
:model="formValidate"
:label-width="labelWidth"
label-position="right"

View File

@ -15,7 +15,7 @@
</div>
</div>
<el-divider direction="vertical" dashed />
<el-form ref="formValidate" label-width="75px" :label-position="labelPosition" class="tabform" @submit.prevent>
<el-form ref="formRef" label-width="75px" :label-position="labelPosition" class="tabform" @submit.prevent>
<el-row :gutter="24">
<!-- <el-col :span="8">-->
<!-- <el-form-item label="订单号/昵称:">-->

View File

@ -2,7 +2,7 @@
<div>
<el-card :bordered="false" shadow="never" :body-style="{ padding: 0 }">
<div class="padding-add">
<el-form ref="formValidate" :label-width="labelWidth" label-position="right" inline @submit.prevent>
<el-form ref="formRef" :label-width="labelWidth" label-position="right" inline @submit.prevent>
<el-form-item label="昵称/ID:">
<el-input placeholder="请输入" v-model="formValidate.nickname" clearable class="form_content_width" />
</el-form-item>

View File

@ -1,7 +1,7 @@
<template>
<div>
<el-form
ref="formValidate"
ref="formRef"
:label-width="labelWidth"
:label-position="labelPosition"
class="tabform"

View File

@ -11,7 +11,7 @@
</div>
<el-card :bordered="false" shadow="never">
<el-form
ref="formValidate"
ref="formRef"
:model="formValidate"
:label-width="labelWidth"
:label-position="labelPosition"

View File

@ -3,7 +3,7 @@
<el-card :bordered="false" shadow="never" class="ivu-mb-16" :body-style="{ padding: 0 }">
<div class="padding-add">
<el-form
ref="formValidate"
ref="formRef"
:model="formValidate"
:label-width="labelWidth"
:label-position="labelPosition"

View File

@ -3,7 +3,7 @@
<el-card :bordered="false" shadow="never" class="ivu-mb-16" :body-style="{ padding: 0 }">
<div class="padding-add">
<el-form
ref="formValidate"
ref="formRef"
:model="formValidate"
:label-width="labelWidth"
label-position="right"

View File

@ -8,7 +8,7 @@
></pages-header>
<el-card :bordered="false" shadow="never" class="mt16">
<el-form
ref="formValidate"
ref="formRef"
:model="formValidate"
:label-width="labelWidth"
:label-position="labelPosition"

View File

@ -3,7 +3,7 @@
<el-card :bordered="false" shadow="never" :body-style="{ padding: 0 }">
<div class="padding-add">
<el-form
ref="formValidate"
ref="formRef"
:model="formValidate"
:label-width="labelWidth"
label-position="right"

View File

@ -1,7 +1,7 @@
<template>
<div v-loading="spinShow">
<el-card :bordered="false" shadow="never" class="ivu-mt">
<el-form ref="formValidate" :model="formValidate" class="tabform" @submit.prevent>
<el-form ref="formRef" :model="formValidate" class="tabform" @submit.prevent>
<el-row :gutter="24">
<el-col :span="24">
<el-form-item label="订单时间:">