zhouyonggao
/
MarketingSystemDataExportTool
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(web): 为多个选择框组件添加清除按钮功能 

- 在模板名称、数据源、导出场景选择框中新增clearable属性
- 为输出格式选择框添加clearable支持
- 增加创建者、分销商和计划选择框的清除按钮功能
- 保持原有功能和样式不变，仅改善用户体验的可清除选项
This commit is contained in:
zhouyonggao 2025-12-18 22:21:54 +08:00
parent 8868051767
commit f8c7140fb0
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/index.html
View File

@ -119,12 +119,12 @@
<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>
<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-select>
</el-form-item>
<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-select>
</el-form-item>
@ -157,7 +157,7 @@
<el-row :gutter="8">
<el-col :span="12">
<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-select>
</el-form-item>
@ -219,7 +219,7 @@
<el-row :gutter="8">
<el-col :span="12">
<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-select>
</el-form-item>
@ -285,14 +285,14 @@
<el-row :gutter="8" v-if="isOrder && exportForm.datasource==='marketing'">
<el-col :span="12">
<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-select>
</el-form-item>
</el-col>
<el-col :span="12">
<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-select>
</el-form-item>
@ -301,7 +301,7 @@
<el-row :gutter="8" v-if="isOrder && exportForm.datasource==='marketing'">
<el-col :span="12">
<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-select>
</el-form-item>