ZBLOG

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);...

根据您的需求,您希望在选择下拉框值为1时展示softPhonePanel,选择值为2时展示MakephoneCall。基于给出的代码片段,我会按照您所描述的来进行修改和添加。

  1. var statusMap = {
  2. '1': '1',
  3. '2': '2'
  4. };
  5. self.phoneType = new SmallSelectItem({
  6. title: '',
  7. type: 'primary'
  8. }).setWidth('150px').setHeight('40px').setCssProperty("margin", "10px 5px 10px 5px").setPlaceholder('请选择类型').setValuesMap(statusMap);
  9. self.softPhonePanel = new SoftPhonePanel();
  10. self.MakephoneCall = new MakephoneCall();
  11. // 检查是否在需要显示logo的模式下
  12. const SHOW_LOGO_MODES = ['MANAGER'];
  13. if (SHOW_LOGO_MODES.includes(window.currentModeCode)) {
  14. let phoneTypeTab = new Tab({
  15. id: "phoneType",
  16. title: '',
  17. closable: false
  18. }).addClass('top-softbar');
  19. phoneTypeTab.setContent(self.phoneType);
  20. self.tabset.addTab(phoneTypeTab);
  21. // 添加change事件处理程序到phoneType组件
  22. self.phoneType.addChangeHandler(function() {
  23. let selectedValue = self.phoneType.getValue();
  24. // 移除之前可能存在的tab
  25. self.tabset.removeTabById("softPhone");
  26. self.tabset.removeTabById("makePhone");
  27. if (selectedValue === '1') {
  28. let softPhoneTab = new Tab({
  29. id: "softPhone",
  30. title: '',
  31. closable: false
  32. }).addClass('top-softbar');
  33. softPhoneTab.setContent(self.softPhonePanel);
  34. self.tabset.addTab(softPhoneTab);
  35. } else if (selectedValue === '2') {
  36. let makePhoneTab = new Tab({
  37. id: 'makePhone',
  38. title: '',
  39. closable: false
  40. }).addClass('tab-item');
  41. makePhoneTab.setContent(self.MakephoneCall);
  42. self.tabset.addTab(makePhoneTab);
  43. }
  44. });
  45. }

根据以上代码修改,会在选择下拉框值为1时展示softPhonePanel,选择值为2时展示MakephoneCall。当选择值发生改变时,会动态添加/移除相应的tab,并将对应的内容设置为所选组件。请注意,上述代码假设了您已经正确配置和使用了相关组件和函数,并且有合适的环境来运行该代码。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=17124

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?