From 8ed0a2f0d2c143a1945e862182a6cb4abddccdad Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Mon, 29 Apr 2024 10:30:26 +0800 Subject: [PATCH] 下拉选择组件跳转优化,交由业务层跳转URL --- forms/select/CSelect.vue | 25 +++++++++++++++++-------- 1 files changed, 17 insertions(+), 8 deletions(-) diff --git a/forms/select/CSelect.vue b/forms/select/CSelect.vue index 5e22975..9c7a349 100644 --- a/forms/select/CSelect.vue +++ b/forms/select/CSelect.vue @@ -43,8 +43,8 @@ </view> <!-- 跳转页面模式 --> <view - v-else-if="selectByPage.length > 5" - @tap="evt => onGoToSelectorPage()" + v-else-if="selectByPage.length > 5 || selectByPage === 'on'" + @tap="evt => onGoSelectorPage()" > <AtInput :name="itemRes.name" @@ -53,7 +53,7 @@ :disabled="itemRes.disabled" :error="itemRes.error" :placeholder="placeholder" - :value="choose.name" + :value="choose.name || selected" > <view v-show="!readOnly" @@ -82,15 +82,18 @@ options: Array, // 占位提示 placeholder: String, - // 开启选择菜单跳转选择页面模式,并指定功能页面 - selectByPage: String, - // 页面模式下,选择完成后的回调 - onSelectFromPage: Function, // 只读模式 readOnly: { type: Boolean, default: false, }, + // 开启选择菜单跳转选择页面模式,并指定功能页面,url or 'on' + // url 模式已经废弃,即将删除代码,请勿再使用 + selectByPage: String, + // 页面跳转URL模式下,选择完成后的回调 + onSelectFromPage: Function, + // 页面跳转on模式下,发起选择的回调 + onOpenSelectorPage: Function, }, data() { return { @@ -132,7 +135,13 @@ this.itemRes.onChange(item[this.optionKey]); } }, - onGoToSelectorPage() { + onGoSelectorPage() { + if (this.selectByPage === 'on') { + this.onOpenSelectorPage && this.onOpenSelectorPage(); + return; + } + // 页面跳转URL模式,已废弃,即将删除代码 + console.warn('CSelect:警告,url跳转已废弃,即将删除代码,请勿使用!'); let url = this.selectByPage; if (this.selectByPage.indexOf('?') > 0) { url += '&mode=CSelect'; -- Gitblit v1.9.1