414 lines
11 KiB
JavaScript
414 lines
11 KiB
JavaScript
|
import GameModel from "../ts/core/GameModel";
|
|||
|
|
import AudioUtil from "../ts/core/AudioUtil";
|
|||
|
|
import MsgAlert from "../ts/game/msg/MsgAlert";
|
|||
|
|
|
|||
|
|
let GameDefine = require('../game/GameDefine');
|
|||
|
|
let schemeArgs = require('./SchemeArgs');
|
|||
|
|
|
|||
|
|
cc.Class({
|
|||
|
|
extends: cc.Component,
|
|||
|
|
|
|||
|
|
properties: {
|
|||
|
|
scrollViewContent: cc.Node,
|
|||
|
|
scrollViewCategoryContent: cc.Node,
|
|||
|
|
sp_active:cc.Node,
|
|||
|
|
schemeItem: cc.Prefab,
|
|||
|
|
equipsPanel: cc.Node,
|
|||
|
|
propertyPanel: cc.Node,
|
|||
|
|
defendPanel: cc.Node,
|
|||
|
|
partnerPanel: cc.Node,
|
|||
|
|
btnCreateScheme: cc.Button,
|
|||
|
|
createSchemePanel: cc.Node,
|
|||
|
|
createSchemeNameBox: cc.EditBox,
|
|||
|
|
useSchemePanel: cc.Node,
|
|||
|
|
categorys: [cc.Node],
|
|||
|
|
lblNoScheme: cc.Label,
|
|||
|
|
btnActive: cc.Button
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onLoad() {
|
|||
|
|
this.modifySchemeName = '';
|
|||
|
|
this.operate = 0; //0，新建，1,修改
|
|||
|
|
this.initView();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
start(){
|
|||
|
|
this.activateSchemeId = -1;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
initView(){
|
|||
|
|
this.categorys.forEach((e,index) =>{
|
|||
|
|
switch(index){
|
|||
|
|
case 0:
|
|||
|
|
e.comName = 'SchemeEquipsPanel';
|
|||
|
|
break;
|
|||
|
|
case 1:
|
|||
|
|
e.comName = 'SchemePropertyPanel';
|
|||
|
|
break;
|
|||
|
|
case 2:
|
|||
|
|
e.comName = 'SchemeDefendPanel';
|
|||
|
|
break;
|
|||
|
|
case 3:
|
|||
|
|
e.comName = 'SchemePartnerPanel';
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//
|
|||
|
|
initSchemeList(data){
|
|||
|
|
this.schemeList = [];
|
|||
|
|
this.schemeList = JSON.parse(data.schemeList);
|
|||
|
|
this.scrollViewContent.destroyAllChildren();
|
|||
|
|
|
|||
|
|
if(this.schemeList && this.schemeList.length == 0){
|
|||
|
|
this.lblNoScheme.node.active = true;
|
|||
|
|
this.scrollViewCategoryContent.active = false;
|
|||
|
|
}else{
|
|||
|
|
this.lblNoScheme.node.active = false;
|
|||
|
|
this.scrollViewCategoryContent.active = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.schemeList.forEach((e,i) =>{
|
|||
|
|
let schemeItem = cc.instantiate(this.schemeItem);
|
|||
|
|
if(schemeItem){
|
|||
|
|
if(e.status == 1){
|
|||
|
|
this.activateSchemeId = e.schemeId;
|
|||
|
|
}
|
|||
|
|
schemeItem.schemeId = e.schemeId;
|
|||
|
|
schemeItem.name = e.schemeName;
|
|||
|
|
let lblSchemeName = schemeItem.getChildByName('LblSchemeName');
|
|||
|
|
if(lblSchemeName){
|
|||
|
|
lblSchemeName.getComponent(cc.Label).string = e.schemeName;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
var toggle = schemeItem.getChildByName('btnToggle').getComponent(cc.Toggle);
|
|||
|
|
let btnModify = schemeItem.getChildByName('btn_modify').getComponent(cc.Button);
|
|||
|
|
if(toggle && btnModify){
|
|||
|
|
toggle.schemeId = e.schemeId;
|
|||
|
|
if(i == 0){
|
|||
|
|
toggle.isChecked = true;
|
|||
|
|
this.selectSchemeId = schemeItem.schemeId;
|
|||
|
|
schemeArgs.schemeId = this.selectSchemeId;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var checkEventHandler = new cc.Component.EventHandler();
|
|||
|
|
checkEventHandler.target = this;
|
|||
|
|
checkEventHandler.component = "SchemeListPanel";
|
|||
|
|
checkEventHandler.handler = "onSelectScheme";
|
|||
|
|
checkEventHandler.customEventData = schemeItem.schemeId;
|
|||
|
|
|
|||
|
|
toggle.checkEvents.push(checkEventHandler);
|
|||
|
|
|
|||
|
|
|
|||
|
|
var clickModifyEventHandler = new cc.Component.EventHandler();
|
|||
|
|
clickModifyEventHandler.target = this.node;
|
|||
|
|
clickModifyEventHandler.component = "SchemeListPanel";
|
|||
|
|
clickModifyEventHandler.handler = "onClickSchemeModify";
|
|||
|
|
clickModifyEventHandler.customEventData = schemeItem.schemeId;
|
|||
|
|
|
|||
|
|
btnModify.clickEvents.push(clickModifyEventHandler);
|
|||
|
|
|
|||
|
|
if(e.status == 1){
|
|||
|
|
schemeItem.getChildByName('icon_activation').active = true;
|
|||
|
|
this.activateSchemeId = e.schemeId;
|
|||
|
|
this.btnActive.node.active = false;
|
|||
|
|
this.sp_active.active = true;
|
|||
|
|
}else if(e.status == -1){
|
|||
|
|
//
|
|||
|
|
btnModify.interactable = false;
|
|||
|
|
toggle.interactable = false;
|
|||
|
|
|
|||
|
|
var clickBtnEventHandler = new cc.Component.EventHandler();
|
|||
|
|
clickBtnEventHandler.target = this.node; //這個 node 節點是你的事件處理代碼組件所屬的節點
|
|||
|
|
clickBtnEventHandler.component = "SchemeListPanel";//這個是代碼文件名
|
|||
|
|
clickBtnEventHandler.handler = "onClickedShowUseScheme";
|
|||
|
|
clickBtnEventHandler.customEventData = schemeItem.schemeId;
|
|||
|
|
|
|||
|
|
let node_disabled = schemeItem.getChildByName('node_disabled');
|
|||
|
|
node_disabled.active = true;
|
|||
|
|
let button = node_disabled.getComponent(cc.Button);
|
|||
|
|
button.clickEvents.push(clickBtnEventHandler);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
schemeItem.parent = this.scrollViewContent;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if(this.schemeList.length > 0){
|
|||
|
|
//請求第一個屬性方案詳情
|
|||
|
|
GameModel.player.send('c2s_scheme_info',{
|
|||
|
|
roleId: GameModel.player.roleid,
|
|||
|
|
schemeId: this.selectSchemeId.toString()
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//this.scrollViewContent.height = Math.max(this.scrollViewContent.height, this.schemeItem.length * 30);
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
useScheme(data){
|
|||
|
|
let children = this.scrollViewContent.getChildren();
|
|||
|
|
children.forEach((e,index) =>{
|
|||
|
|
if(e.schemeId == data.schemeId){
|
|||
|
|
let toggle = e.getChildByName('btnToggle').getComponent(cc.Toggle);
|
|||
|
|
toggle.interactable = true;
|
|||
|
|
|
|||
|
|
e.getChildByName('node_disabled').active = false;
|
|||
|
|
let btnModify = e.getChildByName('btn_modify').getComponent(cc.Button);
|
|||
|
|
btnModify.interactable = true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
appendSchemeList(data){
|
|||
|
|
let newScheme = JSON.parse(data.newSchemeInfo);
|
|||
|
|
let schemeItem = cc.instantiate(this.schemeItem);
|
|||
|
|
if(schemeItem){
|
|||
|
|
let lblSchemeName = schemeItem.getChildByName('LblSchemeName');
|
|||
|
|
if(lblSchemeName){
|
|||
|
|
lblSchemeName.getComponent(cc.Label).string = newScheme.schemeName;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(newScheme.status == 1){
|
|||
|
|
schemeItem.getChildByName('icon_activation').active = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
var toggle = schemeItem.getComponent(cc.Toggle);
|
|||
|
|
let btnModify = schemeItem.getChildByName('btn_modify').getComponent(cc.Button);
|
|||
|
|
if(toggle && btnModify){
|
|||
|
|
toggle.schemeId = newScheme.schemeId;
|
|||
|
|
toggle.isChecked = true;
|
|||
|
|
|
|||
|
|
var checkEventHandler = new cc.Component.EventHandler();
|
|||
|
|
checkEventHandler.target = this;
|
|||
|
|
checkEventHandler.component = "SchemeListPanel";
|
|||
|
|
checkEventHandler.handler = "onSelectScheme";
|
|||
|
|
checkEventHandler.customEventData = newScheme.schemeId;
|
|||
|
|
|
|||
|
|
toggle.checkEvents.push(checkEventHandler);
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
var clickEventHandler = new cc.Component.EventHandler();
|
|||
|
|
clickEventHandler.target = this.node;
|
|||
|
|
clickEventHandler.component = "SchemeListPanel";
|
|||
|
|
clickEventHandler.handler = "onClickSchemeModify";
|
|||
|
|
clickEventHandler.customEventData = newScheme.schemeId;
|
|||
|
|
|
|||
|
|
btnModify.clickEvents.push(clickEventHandler);
|
|||
|
|
|
|||
|
|
if(newScheme.status == 1){
|
|||
|
|
schemeItem.getChildByName('icon_activation').active = true;
|
|||
|
|
this.activateSchemeId = newScheme.schemeId;
|
|||
|
|
}else if(newScheme.status == -1){
|
|||
|
|
schemeItem.getChildByName('node_disable').active = true;
|
|||
|
|
btnModify.interactable = false;
|
|||
|
|
toggle.enabled = false;
|
|||
|
|
schemeItem.getComponent(cc.Button).interactable = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
schemeItem.parent = this.scrollViewContent;
|
|||
|
|
this.selectSchemeId = newScheme.schemeId;
|
|||
|
|
|
|||
|
|
this.onSelectScheme(null,this.selectSchemeId);
|
|||
|
|
|
|||
|
|
this.createSchemePanel.active = false;
|
|||
|
|
|
|||
|
|
this.lblNoScheme.node.active = false;
|
|||
|
|
this.scrollViewCategoryContent.active = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
showCreateSchemePanel(e,d){
|
|||
|
|
if(d){
|
|||
|
|
this.operate = Number(d);
|
|||
|
|
}
|
|||
|
|
if(this.operate == 1 && this.modifySchemeName != ''){
|
|||
|
|
this.createSchemeNameBox.string = this.modifySchemeName;
|
|||
|
|
}else{
|
|||
|
|
this.createSchemeNameBox.string = '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.createSchemePanel.active = true;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onClickSchemeModify(e,d){
|
|||
|
|
this.modifySchemeId = Number(d);
|
|||
|
|
this.modifySchemeName = e.target.parent.getChildByName('LblSchemeName').getComponent(cc.Label).string;
|
|||
|
|
this.operate = 1;
|
|||
|
|
this.showCreateSchemePanel();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onClickedShowUseScheme(e,d){
|
|||
|
|
if(GameModel.player.gameData.money < GameDefine.schemeUseMoney){
|
|||
|
|
MsgAlert.addMsg(`激活方案需要消耗${GameDefine.schemeUseMoney}銀兩，銀兩不足！`);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
this.useSchemeId = Number(d);
|
|||
|
|
this.useSchemePanel.active = true;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onClickedUseScheme(e,d){
|
|||
|
|
GameModel.player.send('c2s_scheme_use',{
|
|||
|
|
roleId: GameModel.player.roleid,
|
|||
|
|
schemeId: this.useSchemeId.toString()
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
onClickCancelUseScheme(e,d){
|
|||
|
|
AudioUtil.playCloseAudio();
|
|||
|
|
this.useSchemePanel.active = false;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onSelectScheme(e,d){
|
|||
|
|
let children = this.scrollViewContent.getChildren();
|
|||
|
|
children.forEach((i,index) =>{
|
|||
|
|
let toggle = i.getChildByName('btnToggle').getComponent(cc.Toggle);
|
|||
|
|
|
|||
|
|
toggle.isChecked = e.node.parent.schemeId == i.schemeId;
|
|||
|
|
});
|
|||
|
|
this.selectSchemeId = Number(d);
|
|||
|
|
schemeArgs.schemeId = this.selectSchemeId;
|
|||
|
|
GameModel.player.send('c2s_scheme_info',{
|
|||
|
|
roleId: GameModel.player.roleid,
|
|||
|
|
schemeId: this.selectSchemeId.toString()
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
this.onClickedCategoryToggle(null,0);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onClickCreateScheme(e,d){
|
|||
|
|
if (this.createSchemeNameBox.string == '' || this.createSchemeNameBox.string.length > 6){
|
|||
|
|
MsgAlert.addMsg('名稱不能為空，並且最多6個字');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(this.operate == 0){
|
|||
|
|
GameModel.player.send('c2s_scheme_create', {
|
|||
|
|
roleId: GameModel.player.roleid,
|
|||
|
|
name: this.createSchemeNameBox.string,
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
GameModel.player.send('c2s_scheme_changeName', {
|
|||
|
|
roleId: GameModel.player.roleid,
|
|||
|
|
schemeId: this.modifySchemeId,
|
|||
|
|
name: this.createSchemeNameBox.string,
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.btnCreateScheme.interactable = false;
|
|||
|
|
this.btnCreateScheme.node.runAction(cc.sequence(cc.delayTime(1),cc.callFunc(() =>{
|
|||
|
|
this.btnCreateScheme.interactable = true;
|
|||
|
|
})));
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
onClickCancelCreateScheme(e,d){
|
|||
|
|
AudioUtil.playCloseAudio();
|
|||
|
|
this.createSchemePanel.active = false;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
onClickedBtnActivate(e,d){
|
|||
|
|
if(GameModel.player.gameData.money < GameDefine.schemeActiveMoney){
|
|||
|
|
MsgAlert.addMsg(`銀兩不足，激活方案需${GameDefine.schemeActiveMoney}銀兩！`);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
GameModel.player.send('c2s_scheme_activate',{
|
|||
|
|
roleId: GameModel.player.roleid,
|
|||
|
|
schemeId: this.selectSchemeId.toString()
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.sp_active.active = true;
|
|||
|
|
this.btnActive.node.active = false;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onActivateScheme(data){
|
|||
|
|
let children = this.scrollViewContent.getChildren();
|
|||
|
|
children.forEach((e,index) =>{
|
|||
|
|
if(e.schemeId == data.schemeId){
|
|||
|
|
e.getChildByName('icon_activation').active = true;
|
|||
|
|
}else{
|
|||
|
|
e.getChildByName('icon_activation').active = false;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
setSchemeInfo(data){
|
|||
|
|
data = JSON.parse(data.schemeInfo);
|
|||
|
|
|
|||
|
|
this.categorys.forEach((e,index) =>{
|
|||
|
|
let logic = e.getComponent(e.comName);
|
|||
|
|
if(logic){
|
|||
|
|
logic.loadInfo(data);
|
|||
|
|
}
|
|||
|
|
e.active = index == 0 ? true : false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if(data.status == 1){
|
|||
|
|
this.sp_active.active = true;
|
|||
|
|
this.btnActive.node.active = false;
|
|||
|
|
}else{
|
|||
|
|
this.sp_active.active = false;
|
|||
|
|
this.btnActive.node.active = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
setSchemeName(data){
|
|||
|
|
let children = this.scrollViewContent.getChildren();
|
|||
|
|
children.forEach((e,index) =>{
|
|||
|
|
if(e.schemeId == data.schemeId){
|
|||
|
|
let lblSchemeName = e.getChildByName('LblSchemeName');
|
|||
|
|
if(lblSchemeName){
|
|||
|
|
lblSchemeName.getComponent(cc.Label).string = data.newName;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onClickedCategoryToggle(e,d){
|
|||
|
|
this.categorys.forEach((m,index)=>{
|
|||
|
|
if(index == Number(d)){
|
|||
|
|
m.active = true;
|
|||
|
|
}else{
|
|||
|
|
m.active = false;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
let toggleList = this.scrollViewCategoryContent.getChildren();
|
|||
|
|
toggleList.forEach(n =>{
|
|||
|
|
n.getChildByName('toggleLabel').color = new cc.Color(114,16,18);
|
|||
|
|
if(!e){
|
|||
|
|
n.getComponent(cc.Toggle).isChecked = false;
|
|||
|
|
if(n.name == 'toggle1'){
|
|||
|
|
n.getChildByName('toggleLabel').color = cc.Color.WHITE;
|
|||
|
|
n.getComponent(cc.Toggle).isChecked = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
if(e)
|
|||
|
|
e.node.getChildByName('toggleLabel').color = cc.Color.WHITE;
|
|||
|
|
}
|
|||
|
|
});
|