style(web): 为多个选择框组件添加清除按钮功能
- 在模板名称、数据源、导出场景选择框中新增clearable属性 - 为输出格式选择框添加clearable支持 - 增加创建者、分销商和计划选择框的清除按钮功能 - 保持原有功能和样式不变,仅改善用户体验的可清除选项
This commit is contained in:
parent
8868051767
commit
f8c7140fb0
|
|
@ -119,12 +119,12 @@
|
||||||
<el-form ref="createFormRef" :model="form" :rules="createRules" label-width="110px" status-icon>
|
<el-form ref="createFormRef" :model="form" :rules="createRules" label-width="110px" status-icon>
|
||||||
<el-form-item label="模板名称" required show-message prop="name"><el-input v-model="form.name" placeholder="模板名称" /></el-form-item>
|
<el-form-item label="模板名称" required show-message prop="name"><el-input v-model="form.name" placeholder="模板名称" /></el-form-item>
|
||||||
<el-form-item label="数据源" required show-message>
|
<el-form-item label="数据源" required show-message>
|
||||||
<el-select v-model="form.datasource" placeholder="选择" :teleported="false">
|
<el-select v-model="form.datasource" clearable placeholder="选择" :teleported="false">
|
||||||
<el-option v-for="opt in datasourceOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
<el-option v-for="opt in datasourceOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="导出场景" required show-message>
|
<el-form-item label="导出场景" required show-message>
|
||||||
<el-select v-model="form.main_table" placeholder="订单数据">
|
<el-select v-model="form.main_table" clearable placeholder="订单数据">
|
||||||
<el-option v-for="opt in sceneOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
<el-option v-for="opt in sceneOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -157,7 +157,7 @@
|
||||||
<el-row :gutter="8">
|
<el-row :gutter="8">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="输出格式" required show-message prop="file_format">
|
<el-form-item label="输出格式" required show-message prop="file_format">
|
||||||
<el-select v-model="form.file_format" :teleported="false" placeholder="请选择" style="width:160px">
|
<el-select v-model="form.file_format" clearable :teleported="false" placeholder="请选择" style="width:160px">
|
||||||
<el-option v-for="opt in formatOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
<el-option v-for="opt in formatOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -219,7 +219,7 @@
|
||||||
<el-row :gutter="8">
|
<el-row :gutter="8">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="输出格式">
|
<el-form-item label="输出格式">
|
||||||
<el-select v-model="edit.file_format" :teleported="false" placeholder="请选择" style="width:160px">
|
<el-select v-model="edit.file_format" clearable :teleported="false" placeholder="请选择" style="width:160px">
|
||||||
<el-option v-for="opt in formatOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
<el-option v-for="opt in formatOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -285,14 +285,14 @@
|
||||||
<el-row :gutter="8" v-if="isOrder && exportForm.datasource==='marketing'">
|
<el-row :gutter="8" v-if="isOrder && exportForm.datasource==='marketing'">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="订单数据创建者" prop="creator">
|
<el-form-item label="订单数据创建者" prop="creator">
|
||||||
<el-select v-model="exportForm.creatorIds" multiple filterable :disabled="hasUserId" :teleported="false" placeholder="请选择创建者" style="width:100%">
|
<el-select v-model="exportForm.creatorIds" multiple clearable filterable :disabled="hasUserId" :teleported="false" placeholder="请选择创建者" style="width:100%">
|
||||||
<el-option v-for="opt in creatorOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
<el-option v-for="opt in creatorOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="分销商" prop="resellerId">
|
<el-form-item label="分销商" prop="resellerId">
|
||||||
<el-select v-model.number="exportForm.resellerId" filterable :teleported="false" placeholder="请选择分销商" style="width:100%" :disabled="!hasCreators">
|
<el-select v-model.number="exportForm.resellerId" clearable filterable :teleported="false" placeholder="请选择分销商" style="width:100%" :disabled="!hasCreators">
|
||||||
<el-option v-for="opt in resellerOptions" :key="opt.value" :label="opt.label||String(opt.value)" :value="opt.value" />
|
<el-option v-for="opt in resellerOptions" :key="opt.value" :label="opt.label||String(opt.value)" :value="opt.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -301,7 +301,7 @@
|
||||||
<el-row :gutter="8" v-if="isOrder && exportForm.datasource==='marketing'">
|
<el-row :gutter="8" v-if="isOrder && exportForm.datasource==='marketing'">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="计划" prop="planId">
|
<el-form-item label="计划" prop="planId">
|
||||||
<el-select v-model="exportForm.planId" :disabled="!hasReseller" :teleported="false" filterable placeholder="选择计划">
|
<el-select v-model="exportForm.planId" clearable :disabled="!hasReseller" :teleported="false" filterable placeholder="选择计划">
|
||||||
<el-option v-for="opt in planOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
<el-option v-for="opt in planOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue