“单号”改为多行输入,每行一个,支持最多 2000 个号码。
后端支持换行、空格、逗号、分号分隔。 自动去重、忽略空行。 同时匹配订单号、运单号、转单号:
This commit is contained in:
@@ -6,7 +6,14 @@
|
||||
<el-col :span="8"><el-form-item label="客户" prop="customerId"><customer-select v-model="generateForm.customerId" placeholder="请选择客户" @change="handleCustomerChange" /></el-form-item></el-col>
|
||||
<el-col :span="8"><el-form-item label="币种" prop="currency"><el-select v-model="generateForm.currency" placeholder="请选择币种" style="width: 100%;" @change="handleCurrencyChange"><el-option label="人民币 CNY" value="CNY" /><el-option label="美元 USD" value="USD" /></el-select></el-form-item></el-col>
|
||||
<el-col :span="8"><el-form-item label="账单截止日" prop="cutoffDate"><el-date-picker v-model="generateForm.cutoffDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择账单截止日" style="width: 100%;" @change="resetPreview" /></el-form-item></el-col>
|
||||
<el-col :span="8"><el-form-item label="单号"><el-input v-model="generateForm.orderOrTrackingNo" placeholder="请输入订单号、运单号或转单号" clearable /></el-form-item></el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单号">
|
||||
<div class="order-identifier-input">
|
||||
<el-input v-model="generateForm.orderOrTrackingNo" type="textarea" :rows="4" resize="vertical" placeholder="请输入订单号、运单号或转单号,每行一个,最多2000个" clearable />
|
||||
<el-button v-if="generateForm.orderOrTrackingNo" class="order-identifier-clear" link type="primary" @click="clearOrderIdentifiers">清空</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div class="payee-card" v-loading="bankAccountLoading">
|
||||
@@ -231,6 +238,11 @@ function handleCurrencyChange() {
|
||||
loadDefaultBankAccount()
|
||||
}
|
||||
|
||||
// 只清空输入内容,不自动刷新预览;用户点击“查询”后再按新条件查询。
|
||||
function clearOrderIdentifiers() {
|
||||
generateForm.orderOrTrackingNo = ''
|
||||
}
|
||||
|
||||
function loadDefaultBankAccount() {
|
||||
bankAccountLoading.value = true
|
||||
bankAccount.value = null
|
||||
@@ -520,6 +532,9 @@ function createRequestId() { return globalThis.crypto?.randomUUID?.() || `ar-${D
|
||||
.generate-dialog :deep(.el-dialog__body) { padding: 18px 24px 10px; }
|
||||
.generate-form { padding: 4px 6px 0; border: 1px solid var(--el-border-color-lighter); border-radius: 8px; background: var(--el-fill-color-blank); }
|
||||
.generate-form :deep(.el-form-item) { margin-bottom: 16px; }
|
||||
.order-identifier-input { position: relative; width: 100%; }
|
||||
.order-identifier-input :deep(.el-textarea__inner) { padding-right: 48px; }
|
||||
.order-identifier-clear { position: absolute; top: 4px; right: 6px; z-index: 1; padding: 2px 4px; }
|
||||
.payee-card { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; min-height: 42px; margin: 4px 0 12px; padding: 9px 12px; border: 1px solid var(--el-border-color-lighter); border-radius: 4px; background: var(--el-fill-color-light); color: var(--el-text-color-regular); font-size: 13px; }
|
||||
.payee-title { color: var(--el-text-color-primary); font-weight: 600; }
|
||||
.payee-empty { color: var(--el-color-danger); }
|
||||
|
||||
Reference in New Issue
Block a user