<
el-dialog
:close
-on
-click
-modal=“false”
:title=“form && form.id ? ‘查看白名单’ : ‘新增白名单’”
:visible.sync=“dialogVisible”
width=“800px”
@close=“handleCanc
el”
>
<
el-select
v
-mod
el=“form.signerId”
placeholder=“人员工号或姓名”
clearable
filterable
remote
:remote
-method=“searchStaff”
:loading=“loadingStaff”
style=“width:
240px”
@change=“handleStaffChange”
>
<
el-form
-item lab
el="免学习产品" req
uired></
el-form
-item> <!
-- 学习产品选择
--> <
el-form
-item lab
el="保司" req
uired> <
el-radio
-group v
-mod
el="form.insuranceCompanyScope" @change="handleScopeChange($event, 1)" > <
el-radio :lab
el="1">全部</
el-radio> <
el-radio :lab
el="
2">部分</
el-radio> </
el-radio
-group> </
el-form
-item> <!
-- 部分产品选择区域
--> <
el-form
-item lab
el="" v
-if="form.insuranceCompanyScope =='
2'"> <
el-select multiple collapse
-tags v
-mod
el="form.insuranceCompanyIds" placeholder="请选择" style="width:
280px" filterable > <
el-option v
-for="item in insuranc
eList" :key="item.id" :lab
el="`${item.name}（${item.areaInfo}）`" :value="item.id" /> </
el-select> </
el-form
-item> <
el-form
-item lab
el="产品" req
uired v
-if="form.insuranceCompanyScope =='
2'"> <
el-radio
-group v
-mod
el="form.productScope" @change="handleScopeChange($event,
2)" > <
el-radio :lab
el="1">全部</
el-radio> <
el-radio :lab
el="
2">部分</
el-radio> </
el-radio
-group> </
el-form
-item> <
el-form
-item v
-if="form.productScope=='
2' &&form.insuranceCompanyScope =='
2'"> <
el-select v
-mod
el="form.product" placeholder="请输入产品编码和名称" clearable filterable remote :remote
-method="searchProduct" :loading="loadingProduct" style="width:
240px" > <
el-option v
-for="sitem in productOptions" :key="sitem.productId" :value="sitem.productId" :lab
el="`${sitem.productName} (${sitem.productId})`" /> </
el-select> <
el-button type="primary" size="mini" @click="addProduct"> 新增 </
el-button> </
el-form
-item> <!
-- 已选产品列表
--> <div v
-if="form.productScope=='
2' &&form.insuranceCompanyScope =='
2'"> <
el-table :data="
selectedProducts" border style="width: 100%; margin
-top: 10px" :show
-header="
selectedProducts.length > 0 && form.productScope=='
2'" > <
el-table
-column prop="productId" lab
el="产品编码"></
el-table
-column> <
el-table
-column prop="productName" lab
el="产品名称" ></
el-table
-column> <
el-table
-column prop="productSimpleChineseName" lab
el="简体中文名称" ></
el-table
-column> <
el-table
-column prop="productEnglishName" lab
el="英文名称" ></
el-table
-column> <
el-table
-column prop="insuranceCompanyName" lab
el="保司"></
el-table
-column> <
el-table
-column prop="insuranceCompanyArea" lab
el="地区"></
el-table
-column> <
el-table
-column prop="insType" lab
el="险种" :formatter="(row) => (row.insType == '1' ? '长险' : '短险' || '
-')" ></
el-table
-column> <
el-table
-column prop="productType" lab
el="分类" ></
el-table
-column> <
el-table
-column lab
el="操作"> <template slot
-scope="scope"> <
el-button type="text" size="small" class="d
elete
-btn" @click="d
eleteProduct(scope.$index)" > 删除 </
el-button> </template> </
el-table
-column> </
el-table> </div> </
el-form> <div slot="footer" class="dialog
-footer"> <
el-button @click="handleCanc
el">取消</
el-button> <
el-button type="primary" @click="handleSave">保存</
el-button> </div> </
el-dialog>提交
校验
本文探讨了在使用低版本ElementUI时遇到的表单验证问题，特别是`clearValidate`方法在低版本中不支持的情况。通过修改验证规则，例如将下拉框`select`的触发器`trigger`设置为`blur`而不是默认的`change`，以避免自动校验。这种方式可以解决在特定版本中表单验证的兼容性问题。
扫一扫
2714
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
