根据您的需求,您希望在选择下拉框值为1时展示softPhonePanel
,选择值为2时展示MakephoneCall
。基于给出的代码片段,我会按照您所描述的来进行修改和添加。
var statusMap = {
'1': '1',
'2': '2'
};
self.phoneType = new SmallSelectItem({
title: '',
type: 'primary'
}).setWidth('150px').setHeight('40px').setCssProperty("margin", "10px 5px 10px 5px").setPlaceholder('请选择类型').setValuesMap(statusMap);
self.softPhonePanel = new SoftPhonePanel();
self.MakephoneCall = new MakephoneCall();
// 检查是否在需要显示logo的模式下
const SHOW_LOGO_MODES = ['MANAGER'];
if (SHOW_LOGO_MODES.includes(window.currentModeCode)) {
let phoneTypeTab = new Tab({
id: "phoneType",
title: '',
closable: false
}).addClass('top-softbar');
phoneTypeTab.setContent(self.phoneType);
self.tabset.addTab(phoneTypeTab);
// 添加change事件处理程序到phoneType组件
self.phoneType.addChangeHandler(function() {
let selectedValue = self.phoneType.getValue();
// 移除之前可能存在的tab
self.tabset.removeTabById("softPhone");
self.tabset.removeTabById("makePhone");
if (selectedValue === '1') {
let softPhoneTab = new Tab({
id: "softPhone",
title: '',
closable: false
}).addClass('top-softbar');
softPhoneTab.setContent(self.softPhonePanel);
self.tabset.addTab(softPhoneTab);
} else if (selectedValue === '2') {
let makePhoneTab = new Tab({
id: 'makePhone',
title: '',
closable: false
}).addClass('tab-item');
makePhoneTab.setContent(self.MakephoneCall);
self.tabset.addTab(makePhoneTab);
}
});
}
根据以上代码修改,会在选择下拉框值为1时展示softPhonePanel
,选择值为2时展示MakephoneCall
。当选择值发生改变时,会动态添加/移除相应的tab,并将对应的内容设置为所选组件。请注意,上述代码假设了您已经正确配置和使用了相关组件和函数,并且有合适的环境来运行该代码。
内容由零声教学AI助手提供,问题来源于学员提问