Fetch the repository succeeded.
MWF.require("MWF.widget.O2Identity", null, false);
MWF.xDesktop.requireApp("Selector", "package", null, false);
MWF.xApplication.CRM.ChanceOpen = new Class({
Extends: MWF.xApplication.CRM.Template.PopupForm,
Implements: [Options, Events],
options: {
"style": "default",
"width": "800",
"height": "100%",
"top" : 0,
"left" : 0,
"hasTop": true,
"hasIcon": false,
"hasBottom": true,
"title": "",
"draggable": false,
"closeAction": true
},
initialize: function (explorer, actions, data, options) {
this.setOptions(options);
this.explorer = explorer;
this.app = explorer.app;
this.lp = options.lp;
this.path = "/x_component_CRM/$ChanceEdit/";
this.cssPath = this.path + this.options.style + "/css.wcss";
this._loadCss();
this.options.title = this.lp.title;
this.data = data || {};
this.actions = actions;
this.imgArr = [];
this.fileArr = [];
this.configData = [];
//console.log("this is initialize all parm:",explorer, actions, data, options);
},
load: function () {
that = this;
this.loadResource(function(){
this.createForm();
this.loadEvent();
}.bind(this))
},
loadResource: function ( callback ) {
callback();
/* var baseUrls = [
"/x_component_CRM/$Template/assets/js/jquery.min.js",
];
var fullcalendarUrl = "/x_component_CRM/$Template/assets/js/notifyme.js";
var confirmUrl = "/x_component_CRM/$Template/assets/js/showBo.js";
//var confirmUrl = "/x_component_CRM/$Main/laydate/laydate.js";
COMMON.AjaxModule.loadCss("/x_component_CRM/$Template/assets/css/notifyme.css",function(){
COMMON.AjaxModule.load(baseUrls, function(){
jQuery.noConflict();
COMMON.AjaxModule.load(fullcalendarUrl, function(){
COMMON.AjaxModule.load(confirmUrl, function(){
if(callback)callback();
}.bind(this))
}.bind(this));
}.bind(this))
}.bind(this));
COMMON.AjaxModule.loadCss("/x_component_CRM/$Template/date/css/jquery-ui.css",function(){
COMMON.AjaxModule.load(baseUrls, function(){
jQuery.noConflict();
COMMON.AjaxModule.load("/x_component_CRM/$Template/date/jquery-ym-datePlugin-0.1.js", function(){
if(callback)callback();
/!* COMMON.AjaxModule.load("/x_component_CRM/$Template/date/js/datepicker.all.js", function(){
if(callback)callback();
}.bind(this))*!/
}.bind(this));
}.bind(this))
}.bind(this));*/
},
createForm:function(){
var that = this;
var openName = this.options.openName;
/*this.createContentHtml(this.options.openId);*/
var buttonHtml = '<div class = "headBottonDiv"><div class="headMoveBottonDiv">转移</div><div class="headEditBottonDiv">编辑</div>' +
'<div class="headMoreBottonDiv"><span>更多</span><img class="headMoreImg" src="/x_component_CRM/$Clue/default/icons/arrow.png"></div></div>';
var moreHtml = '<ul class="el-dropdown-menu"><li class="el-dropdown-menu__item">删除</li><div class="popper__arrow"></div></ul>';
var sectionId = that.getNotifyMax();
var sjson = this.options.openStyle?this.options.openStyle:this.xxx;
jQuery(".headMoreImg").notifyMe(
'right',
'default',
openName,
buttonHtml,
moreHtml,
'',
sectionId,
500,
sjson
);
this.createContentHtml(sectionId);
},
getNotifyMax : function () {
var sectionId = 'notify';
var sectionNum = 0;
if(!(this.options.openType) || (this.options.openType !="single")) {
jQuery(".notify").each(function (index, element) {
var notifyId = jQuery(element).attr("id");
var notifyNum = 0;
if (notifyId.indexOf("_") > 0) {
notifyNum = parseInt(notifyId.split("_")[1]);
if (notifyNum > sectionNum) {
sectionNum = notifyNum;
}
} else {
if (sectionNum == 0) {
sectionNum = 1;
}
}
});
if (sectionNum > 0) {
sectionId = sectionId + '_' + sectionNum;
}
}
return sectionId;
},
createContentHtml: function (sectionId) {
that = this;
this.sectionArea = jQuery("body")[0].getElement("#"+sectionId);
this.actions.getChanceInfo(this.options.openId, function (json) {
//需要定制页面
this.data = json.data;
console.log("this is data :",this.data);
var jsonObj = json.data;
var owneruser = (jsonObj.owneruser=="" || (typeof(jsonObj.owneruser)=="undefined"))?"--":(jsonObj.owneruser).split("@")[0];
var briefDiv = "<div class = 'briefdiv'>"+
"<div class='div-inline'><div class='div-title'>客户名称</div><div class='div-value'>"+jsonObj.customer.customername+"</div></div>"+
"<div class='div-inline'><div class='div-title'>商机金额（元）</div><div class='div-value'>"+jsonObj.money+"</div></div>"+
"<div class='div-inline'><div class='div-title'>商机状态</div><div class='div-value'>"+jsonObj.opportunityStatus.opportunitystatusname+"</div></div>"+
"<div class='div-inline'><div class='div-title'>负责人</div><div class='div-value'>"+owneruser+"</div></div>"+
"<div class='div-inline'><div class='div-title'>更新时间\n</div><div class='div-value'>"+jsonObj.updateTime+"</div></div>"+
"</div>"
var tabPanel = "<div class='tabPanel'><div class='hit'>跟进记录</div><div style='width:30px'></div><div>基本信息</div><div style='width:30px'></div>"+
"<div>联系人</div><div style='width:30px'></div><div>相关团队</div><div style='width:30px'></div>"+
"<div>附件</div><div style='width:30px'></div><div>操作记录</div></div>"
var tabConent ="<div class='panes'><div class='pane' id='tab-follow' style='display:block;'><p>First tab content</p></div><div></div>"+
"<div class='pane' id='tab-basicinfo'><p>Secend tab content</p></div><div></div>"+
"<div class='pane' id='tab-contacts'><p>contacts tab content</p></div><div></div>"+
"<div class='pane' id='tab-team'><p>team tab content</p></div><div></div>"+
"<div class='pane' id='tab-att'><p>Third tab content</p></div><div></div>"+
"<div class='pane' id='tab-options'><p>Four tab content</p></div></div>"
//jQuery(".notify-content").html( briefDiv+tabPanel+tabConent);
this.sectionArea.getElement(".notify-content").set("html",briefDiv+tabPanel+tabConent);
var size = this.sectionArea.getSize();
this.sectionArea.getElement(".panes").setStyles({"height":(size.y-250)+"px"});
var indexHtml = '<div ><div class="mix-container"><div class="i-cont"><div class="el-textarea el-input--suffix">'+
'<textarea autocomplete="off" placeholder="请输入内容" class="el-textarea__inner" style="resize: none; min-height: 57px; height: 57px;"></textarea></div></div>'+
'<div class="vux-flexbox bar-cont vux-flex-row">'+
'<div class="vux-flexbox bar-item vux-flex-row"><input type="file" accept="image/*" multiple="multiple" class="bar-input"><img src="/x_component_CRM/$Template/img.png" class="bar-img"><div class="bar-title">图片</div></div>'+
'<div class="splitdiv"><span> </span></div>'+
'<div class="vux-flexbox bar-item vux-flex-row" style="padding-left:0px;"><input type="file" id="bar-file" accept="*.*" multiple="multiple" class="bar-input"><img src="/x_component_CRM/$Template/file.png" class="bar-img"><div class="bar-title">附件</div></div></div>'+
'</div>';
var indexSendHtml = '<div class="vux-flexbox se-section vux-flex-row"><div class="se-name">记录类型</div>'+
'<div class="el-dropdown" style="margin-right: 20px;"><div class="vux-flexbox se-select vux-flex-row el-dropdown-selfdefine " ><div class="se-select-name">微信</div> <div class="el-icon-arrow-down el-icon--right"><img src="/x_component_CRM/$Clue/default/icons/arrow.png"></div></div> </div>'+
'<div class="se-name">下次联系时间</div><div class="el-date-editor se-datepicker el-input el-input--prefix el-input--suffix el-date-editor--datetime"><input type="text" autocomplete="off" name="" placeholder="选择日期" class="el-input__inner" id="stime" readonly="readonly"><span class="el-input__prefix"><i class="el-input__icon el-icon-time"></i></span><span class="el-input__suffix"><span class="el-input__suffix-inner"><i class="el-input__icon"></i></span></span></div>'+
'<button type="button" class="el-button se-send el-button--primary"><span>发布</span></button></div>'+
'<ul class="el-dropdown-type" style="display: none;" tid = "recordType"><li class="el-dropdown-menu__item">微信</li><li class="el-dropdown-menu__item">邮箱</li><li class="el-dropdown-menu__item">电话</li>'+
'<li class="el-dropdown-menu__item">地址</li><div class="popper__arrow"></div></ul>';
var indexContentHtml = '<div class="log-cont"><div class="log-inner1"><div class="log-inner2"><div class="log-items">'+
'<div class="load"><button type="button" class="el-button el-button--text"><span>没有更多了</span></button></div></div>'+
'<div class="empty-mask" style="display: none;"><div class="empty-content"><img src="/x_component_CRM/$Template/empty.png" class="empty-icon"> <p class="empty-text">没有找到数据</p></div></div></div>'+
'<div class="el-loading-mask" style="display: none;"><div class="el-loading-spinner"><svg viewBox="25 25 50 50" class="circular"><circle cx="50" cy="50" r="20" fill="none" class="path"></circle></svg></div></div>'+
'</div></div>';
//jQuery("#tab-follow").html(indexHtml+indexSendHtml+indexContentHtml);
this.sectionArea.getElement("#tab-follow").set("html",indexHtml+indexSendHtml+indexContentHtml);
that.loadTimeContainer('stime');
that.loadRecord();
}.bind(this));
},
createTypeHtml: function () {
//var createType = jQuery(".hit").text();
var createType = jQuery(this.sectionArea).find(".hit").text();
if(createType == "基本信息") {
this.getChanceInfo();
}
if(createType == "联系人") {
this.loadContacts();
}
if(createType == "相关团队") {
this.loadTeam();
}
if(createType == "附件") {
this.loadAttachment();
}
if(createType == "操作记录") {
this.loadOptions();
}
},
loadTimeContainer: function(stime){
jQuery("#"+stime).ymdateplugin({
showTimePanel: true
});
},
getChanceInfo: function () {
_self = this;
this.actions.getChanceInfo(this.options.openId, function (json) {
//var jsonObj = json.data;
_self.data = json.data;
var section_header = '<div class="section-header"><div class="section-mark" style="border-left-color: rgb(70, 205, 207);"></div> '+
'<div data-v-ec8f8850="" class="section-title">基本信息</div></div>'
var itemTemplateObject = _self.getItemTemplate(_self.lp.chanceEdit);
var section_conent = '<div class="section-conent">';
debugger
for ( i in itemTemplateObject){
debugger
section_conent = section_conent+'<div class="conent-inline"><div class="conent-title">'+itemTemplateObject[i].text+'</div>' +
'<div class="conent-value">'+((typeof(itemTemplateObject[i].value)=="undefined")?"" :itemTemplateObject[i].value)+'</div></div>';
}
section_conent = section_conent + '</div>';
//jQuery("#tab-basicinfo").html(section_header+section_conent);
jQuery(_self.sectionArea).find("#tab-basicinfo").html(section_header+section_conent);
//this.contentHtml = briefDiv+tabPanel+tabConent;
}.bind(this));
},
loadAttachment: function() {
that = this;
var attHtml = '<div class="rc-cont">';
var attButton = '<div class="vux-flexbox rc-head vux-flex-row" style="flex-direction: row-reverse;"><div class="rc-head-item"><span>上传附件</span></div> <input type="file" id="afile" accept="*/*" multiple="multiple" class="rc-head-file"></div>';
var attHeader = '<div class="el-table el-table--fit el-table--striped el-table--enable-row-hover" header-align="center" style="width: 100%; border: 1px solid rgb(230, 230, 230); height: 500px;" align="center">'+
'<div class="el-table__header-wrapper"><table class="el-table__header" style="width: 866px;height:40px;" cellspacing="0" cellpadding="0" border="0"><thead class="has-gutter">'+
'<tr class=""><th colspan="1" rowspan="1" class="el-table_3_column_27 is-leaf" style="width: 40%;"><div class="cell">附件名称</div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_28 is-leaf" style="width: 10%;"><div class="cell">附件大小</div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_29 is-leaf" style="width: 20%;"><div class="cell">上传人</div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_30 is-leaf" style="width: 20%;"><div class="cell">上传时间</div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_26 is-leaf" style="width: 10%;"><div class="cell">操作</div></th></tr></thead></table></div>';
var attBody = '<div class="el-table__body-wrapper is-scrolling-none" style="height: 450px;">'+
'<table class="el-table__body" style="width: 866px;" cellspacing="0" cellpadding="0" border="0"><tbody></tbody></table>'+
'<div class="el-table__empty-block" style="width: 866px;"><span class="el-table__empty-text">暂无数据</span></div></div></div>';
attHtml = attHtml+attButton+attHeader+attBody+'</div>';
jQuery(that.sectionArea).find("#tab-att").html(attHtml);
jQuery(that.sectionArea).find('#afile').change(function(event) {
var objFile = jQuery(that.sectionArea).find('#afile')[0].files;
jQuery(objFile).each(function(index,file){
var filter = {};
filter = {
file:file,
fileName:file.name
};
debugger
var formdata=new FormData();
formdata.append("fileName",file.name);
formdata.append("file",file);
that.actions.updateAttachment("att",that.options.openId, "chance", formdata,file, function (json) {//
if(json.type=="success"){
//Showbo.Msg.alert('附件上传成功!');
that.getAttachment();
}
}.bind(that));
}
);
});
that.getAttachment();
},
getAttachment: function(){
that = this;
this.actions.getAttachment(this.options.openId, function (json) {
debugger
if(json.type=="success"){
var attDatas = json.data;
var tbodyHtml = "";
for ( i in attDatas){
if(i<attDatas.length){
var attData = attDatas[i];
var fsize = attData.length/1024;
var lastUpdatePerson = attData.lastUpdatePerson;
lastUpdatePerson = lastUpdatePerson.split("@")[0];
tbodyHtml = tbodyHtml+'<tr><td style="width: 40%;" class="aname" aid="'+attData.id+'" wcrm="'+attData.wcrm+'">'+attData.name+'</td><td style="width: 10%;">'+that.toDecimal(fsize)+'kb</td>'+
'<td style="width: 20%;">'+lastUpdatePerson+'</td><td style="width: 20%;">'+attData.updateTime+'</td><td class="attOption">删除</td></tr>';
}
}
if(tbodyHtml!=""){
jQuery(that.sectionArea).find(".el-table__body").children().html(tbodyHtml);
jQuery(that.sectionArea).find(".el-table__empty-block").hide();
jQuery(that.sectionArea).find(".attOption").click(function(){
self = this;
Showbo.Msg.confirm('提示','确定删除该附件吗?',function(){
var aid = jQuery(self).parent().children(":first").attr("aid");
if(aid && aid !=""){
that.actions.delAttachment(aid, function (ajson) {
if(ajson.type=="success"){
jQuery(that.sectionArea).find(".hit").click();
}
}.bind(self));
}
},function(){
});
});
jQuery(that.sectionArea).find(".aname").click(function(){
var attUrl = that.actions.action.address+'/jaxrs/attachment/download/'+jQuery(this).attr("aid")+'/work/'+jQuery(this).attr("wcrm")
window.open(attUrl);
/*that.actions.downloadAttachment(jQuery(this).attr("aid"),jQuery(this).attr("wcrm"), function (wjson) {
}.bind(that));*/
});
}
}
}.bind(that));
},
loadContacts: function() {
that = this;
var attHtml = '<div class="rc-cont">';
var attButton = '<div class="vux-flexbox rc-head vux-flex-row" style="flex-direction: row-reverse;">'+
'<div class="rc-head-item" style="width: 75px;"><span>新建联系人</span></div>'+
'<div class="rc-head-item" style="width: 75px;"><span>解除关联</span></div>'+
'<div class="rc-head-item" style="width: 75px;"><span>关联</span></div></div>';
var attHeader ='<div class="el-table el-table--fit el-table--striped el-table--enable-row-hover" header-align="center" style="width: 100%; border: 1px solid rgb(230, 230, 230); height: 500px;" align="center">'+
'<div class="el-table__header-wrapper"><table class="el-table__header" style="width: 100%;height:40px;" cellspacing="0" cellpadding="0" border="0"><thead class="has-gutter">'+
'<tr class="">' +
'<th colspan="1" rowspan="1" class="el-table_3_column_27"><div class="cell">'+
'<input class="inp-cbx" id="allContacts" type="checkbox" style="display: none;"/><label class="cbx cbxx" for="allContacts"><span><svg width="12px" height="10px"><use xlink:href="#checkContact"></use></svg></span><span></span></label></div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_27 is-leaf" style="width: 30%;"><div class="cell">姓名</div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_29 is-leaf" style="width: 30%;"><div class="cell">手机</div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_26 is-leaf" style="width: 30%;"><div class="cell">职务</div></th></tr></thead></table></div>'+
'<svg class="inline-svg"><symbol id="checkContact" viewbox="0 0 12 10"><polyline points="1.5 6 4.5 9 10.5 1" ></polyline></symbol></svg>';
var attBody = '<div class="el-table__body-wrapper is-scrolling-none" style="height: 450px;">'+
'<table class="el-table__body_contact" style="width: 100%;" cellspacing="0" cellpadding="0" border="0"><tbody></tbody></table>'+
'<div class="el-table__empty-block_contact" style="width: 100%;"><span class="el-table__empty-text">暂无数据</span></div></div></div>';
attHtml = attHtml+attButton+attHeader+attBody+'</div>';
jQuery(that.sectionArea).find("#tab-contacts").html(attHtml);
this.actions.getContactsByChanceId(this.options.openId, function (json) {
if(json.type=="success"){
var attDatas = json.data;
var tbodyHtml = "";
for ( i in attDatas){
if(i<attDatas.length){
var attData = attDatas[i];
var id = 'allContacts'+i;
var cdiv = '<div class="cell">'+
'<input class="inp-cbx" id="'+id+'" type="checkbox" style="display: none;"/><label class="cbx cbxx" for="'+id+'"><span><svg width="12px" height="10px"><use xlink:href="#checkContact"></use></svg></span><span></span></label></div>'
tbodyHtml = tbodyHtml+'<tr><td style="width: 10%;">'+cdiv+'</td><td style="width: 30%;" class="aname" aid="'+attData.id+'">'+attData.contactsname+'</td>'+
'<td style="width: 30%;">'+attData.cellphone+'</td><td style="width: 30%;">'+attData.post+'</td></tr>';
}
}
if(tbodyHtml!=""){
jQuery(that.sectionArea).find(".el-table__body_contact").children().html(tbodyHtml);
jQuery(that.sectionArea).find(".el-table__empty-block_contact").hide();
}
}
}.bind(that));
jQuery(that.sectionArea).find("[for='allContacts']").click(function(){
//var cobj = jQuery("[for='all1']");
var cobj = jQuery(that.sectionArea).find(".cbxx").not("[for='allContacts']");
if (jQuery(this).prev().is(':checked')) {
cobj.each(function(index,element){
jQuery(element).prev().prop("checked", false);
});
} else {
cobj.each(function(index,element){
jQuery(element).prev().prop("checked", true);
});
}
});
jQuery(that.sectionArea).find("#tab-contacts").find(".rc-head-item").click(function(){
if(jQuery(this).children().text()=="新建联系人"){
that.contactsCreate();
}
if(jQuery(this).children().text()=="关联"){
that.relateChanceAndContact();
}
if(jQuery(this).children().text()=="解除关联"){
that.terminatedRelation();
}
});
jQuery(that.sectionArea).find("#tab-contacts").find(".aname").click(function(){
//that.contactsEdit(jQuery(this).attr("aid"));
});
},
loadTeam: function() {
that = this;
var attHtml = '<div class="rc-cont">';
var attButton = '<div class="vux-flexbox rc-head vux-flex-row" style="flex-direction: row-reverse;"><div class="rc-head-item" style="width: 75px;"><span>移除</span></div>'+
'<div class="rc-head-item" style="width: 75px;"><span>编辑</span></div><div class="rc-head-item" style="width: 95px;"><span>添加团队成员</span></div></div>';
var attHeader = '<div class="el-table el-table--fit el-table--striped el-table--enable-row-hover" header-align="center" style="width: 100%; border: 1px solid rgb(230, 230, 230); height: 500px;" align="center">'+
'<div class="el-table__header-wrapper"><table class="el-table__header" style="width: 100%;height:40px;" cellspacing="0" cellpadding="0" border="0"><thead class="has-gutter">'+
'<tr class=""><th colspan="1" rowspan="1" class="el-table_3_column_27"><div class="cell">'+
'<input class="inp-cbx" id="all" type="checkbox" style="display: none;"/><label class="cbx cbxx" for="all"><span><svg width="12px" height="10px"><use xlink:href="#check"></use></svg></span><span></span></label></div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_27 is-leaf" style="width: 30%;"><div class="cell">姓名</div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_29 is-leaf" style="width: 20%;"><div class="cell">职位</div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_29 is-leaf" style="width: 20%;"><div class="cell">团队角色</div></th>'+
'<th colspan="1" rowspan="1" class="el-table_3_column_26 is-leaf" style="width: 20%;"><div class="cell">权限</div></th></tr></thead></table></div>'+
'<svg class="inline-svg"><symbol id="check" viewbox="0 0 12 10"><polyline points="1.5 6 4.5 9 10.5 1" ></polyline></symbol></svg>';
var attBody = '<div class="el-table__body-wrapper is-scrolling-none" style="height: 450px;">'+
'<table class="el-table__body" style="width: 100%;" cellspacing="0" cellpadding="0" border="0"><tbody></tbody></table>'+
'<div class="el-table__empty-block" style="width: 100%;"><span class="el-table__empty-text">暂无数据</span></div></div></div>';
attHtml = attHtml+attButton+attHeader+attBody+'</div>';
jQuery(that.sectionArea).find("#tab-team").html(attHtml);
this.actions.getTeamMemberListByChanceId(this.options.openId, function (json) {
if(json.type=="success"){
var attDatas = json.data;
var tbodyHtml = "";
for ( i in attDatas){
if(i<attDatas.length){
var attData = attDatas[i];
var unit = (attData.units.length>0)?((attData.units[0]).split("@")[0]):"";
var id = 'all'+i;
var cdiv = '<div class="cell">'+
'<input class="inp-cbx" id="'+id+'" type="checkbox" style="display: none;"/><label class="cbx cbxx" for="'+id+'"><span><svg width="12px" height="10px"><use xlink:href="#check"></use></svg></span><span></span></label></div>'
if(attData.teamRole && attData.teamRole=="负责人"){
cdiv = '<div class="cell">'+
'<input class="inp-cbx" id="'+id+'" type="checkbox" style="display: none;"/><label class="cbx" for="xx"><span style="background: #e6e6e6;"><svg width="12px" height="0px"><use xlink:href="#check"></use></svg></span><span></span></label></div>'
}
if(attData.teamRole && attData.teamRole!=""){
tbodyHtml = tbodyHtml+'<tr><td style="width: 10%;">'+cdiv+'</td><td style="width: 30%;" class="aname" aid="'+attData.person.distinguishedName+'">'+attData.person.name+
'</td><td style="width: 20%;">'+unit+'</td><td style="width: 20%;">'+attData.teamRole+'</td><td style="width: 20%;">'+attData.dispaly_permission+'</td></tr>';
}
}
}
if(tbodyHtml!=""){
jQuery(that.sectionArea).find(".el-table__body").children().html(tbodyHtml);
jQuery(that.sectionArea).find(".el-table__empty-block").hide();
}
}
}.bind(that));
jQuery("[for='all']").click(function(){
//var cobj = jQuery("[for='all1']");
var cobj = jQuery(that.sectionArea).find(".cbxx").not("[for='all']");
if (jQuery(this).prev().is(':checked')) {
cobj.each(function(index,element){
jQuery(element).prev().prop("checked", false);
});
} else {
cobj.each(function(index,element){
jQuery(element).prev().prop("checked", true);
});
}
});
jQuery(that.sectionArea).find(".rc-head-item").click(function() {
if(jQuery(this).children().text()=="添加团队成员"){
that.addTeam();
}
if(jQuery(this).children().text()=="编辑"){
var nameList = [];
jQuery(".el-table__body").find("input:checked").each(function(index,element){
var nobj = jQuery(element).parent().parent().next();
nameList.push(jQuery(nobj).attr("aid"));
});
that.editTeam(nameList);
}
if(jQuery(this).children().text()=="移除"){
that.deleteTeam();
}
});
},
loadOptions: function() {
that = this;
var optionsHtml = '<div class="rc-cont">'+
'<div class="empty-mask" style="display:none;height:370px;"><div class="empty-content" style="margin-top:0px;"><img src="/x_component_CRM/$Template/empty.png" class="empty-icon"> <p class="empty-text">没有找到数据</p></div></div></div>'
jQuery(that.sectionArea).find("#tab-options").html(optionsHtml);
this.actions.getOptionsRecord(this.options.openId, function (json) {
if(json.type=="success"){
var recordDatas = json.data;
jQuery(that.sectionArea).find(".rc-cont").find(".vux-flexbox").remove();
var logItemHtml = "";
debugger
for ( i in recordDatas){
if(i<recordDatas.length){
var recordData = recordDatas[i];
debugger
var personImg = '/x_component_CRM/$Template/portrait.png';
if(recordData.hasOwnProperty("ICONBase64") && recordData.ICONBase64!=""){
personImg = "data:image/png;base64,"+recordData.ICONBase64;
}
var updatetime = recordData.updateTime;
logItemHtml = logItemHtml+'<div class="vux-flexbox ha-cont vux-flex-row" style="justify-content: flex-start; align-items: stretch;">'+
'<div class="ha-week">'+recordData.DateCN+'</div>'+
'<div class="ha-circle"></div> '+
'<div class="ha-time">'+updatetime.substring(11,16)+'</div>'+
'<div class="div-photo ha-img xs-photo-parent--relative" style="background-image: url("'+personImg+'");" lazy="error"><div class="photo-wrap"></div></div>' +
'<div class="ha-name">'+recordData.person.name+'</div>'+
'<div class="ha-content">'+recordData.content+'</div>'+
'<div class="ha-line"></div></div>'
}
}
if(logItemHtml!=""){
jQuery(that.sectionArea).find(".rc-cont").append(logItemHtml);
}
if(recordDatas.length<1){
jQuery(that.sectionArea).find(".empty-mask").show();
}
}
}.bind(this));
},
transfer: function () {
//转移负责人
_self = this;
var contentHtml = '<div class="vux-flexbox handle-item vux-flex-row" style="align-items: stretch;padding: 30px 20px 0px 20px;line-height:30px;">'+
'<div class="handle-item-name" style="margin-top: 8px;width:130px;">变更负责人为：</div><div class="el-select handle-item-content" style="margin-top: 8px;"><div class="se-select-name" id="selectName" style="display: inline-block;">+点击选择</div><div id="selectId" style="display:none;"></div></div></div>'+
'<div class="vux-flexbox handle-item vux-flex-row" style="align-items: stretch;padding: 10px 20px 50px 20px;line-height:30px;">'+
'<div class="handle-item-name" style="margin-top: 8px;width:130px;">将原负责人：</div><div role="radiogroup" class="el-radio-group">'+
'<label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="1"></span><span class="el-radio__label">移出</span></label>'+
'<label role="radio" tabindex="-1" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="2"></span><span class="el-radio__label">转为团队成员</span></label></div></div></div>';
Showbo.Msg.confirm('商机转移',contentHtml,function(){
//_self.confirmCustomerDealstatus();
var transferType = "";
var readOrWrite = "";
var checkFlag = true;
var relationTypeList = [];
jQuery(".ct").find(".is-checked").each(function(i,obj){
var typeStr = jQuery(obj).children(".el-radio__label").text();
if(typeStr=="移出"){
transferType = "1"
}
if(typeStr=="转为团队成员"){
transferType = "2"
}
})
jQuery(".ct").find(".el-checkbox__original").each(function(i,obj){
debugger
if(jQuery(obj).is(':checked')){
debugger
relationTypeList.push(jQuery(obj).val());
}
})
if(jQuery("#selectId").text() == ""){
checkFlag = false;
Showbo.Msg.alert('请选择负责人!');
}
if(transferType == ""){
checkFlag = false;
Showbo.Msg.alert('请选择将负责人移出或转为团队成员!');
}
if(checkFlag){
var filter = {};
filter = {
distinguishName: jQuery('#selectId').text(),
transferType: transferType,
readOrWrite: readOrWrite,
relationTypeList:relationTypeList
}
debugger
_self.actions.chanceTransfer(_self.options.openId, filter, function (json) {
if(json.type=="success"){
Showbo.Msg.alert('操作成功!');
}
setTimeout(function(){
jQuery("#notifyEdit").remove();
if(jQuery(".mask").length>0){
jQuery(".mask").attr("style",'left: 0px; top: 0px; width: 100%; overflow: hidden; position: absolute; z-index: 500000; background-color: rgb(255, 255, 255)');
jQuery(".mask").attr("class","");
}
},200);
}.bind(_self));
}
},function(){
});
jQuery(".ct").find(".se-select-name").click(function(){
_self.selectPerson(jQuery("#appContent")[0],"selectName","selectId",0);
});
jQuery(".ct").find(".el-radio").click(function(){
jQuery(this).siblings().attr("class","el-radio");
jQuery(this).siblings().find("input:radio").attr("checked",false)
jQuery(this).attr("class","el-radio is-checked");
jQuery(this).find("input:radio").attr("checked",true);
var typeName = jQuery(this).find(".el-radio__label").text();
if(typeName == "转为团队成员"){
jQuery(this).parent().parent().next().show();
}
if(typeName == "移出"){
jQuery(this).parent().parent().next().hide();
}
});
},
chanceEdit: function () {
//编辑商机---- 需要重构
_self = this;
this.actions.getChanceInfo(this.options.openId, function (json) {
MWF.xDesktop.requireApp("CRM", "ChanceEdit", function(){
console.log("this.lp",this.lp);
var editForm = new MWF.xApplication.CRM.ChanceEdit(null,json.data,null, {
app: this.app,
container : this.app.content,
lp : this.lp,
actions : this.actions,
css : {}
});
editForm.edit();
}.bind(this))
}.bind(this));
},
contactsCreate: function () {
//编辑联系人
_self = this;
var htmlstr = "";
jQuery("#appContent").next().attr("style","");
jQuery("#appContent").next().attr("class","mask");
var section_header = '<div class="section-header"><div class="section-mark" style="border-left-color: rgb(70, 205, 207);"></div> '+
'<div data-v-ec8f8850="" class="section-title">基本信息</div></div>';
var itemTemplateObject = _self.getContactTemplate(_self.app.lp.contact.contactEdit );
var section_conent = '<div class="section-conent">';
for ( i in itemTemplateObject){
var stype = itemTemplateObject[i].type;
var innerHtml = '<input type="text" class="inline-input" name="'+i+'" id="'+i+'" stype="'+stype+'">';
if(stype=="textarea"){
innerHtml = '<textarea rows="6" class="el-textarea__inner" id="'+i+'" stype="'+stype+'" style="resize: none; min-height: 30.6px;"></textarea>';
}
if(stype=="select"){
innerHtml = '<div class="inline-input" style="display: inline-block;cursor:pointer;" id="'+i+'" stype="'+stype+'" ></div><div class="el-icon-arrow-down el-icon--right" style="margin-left: -20px; display: inline-block;"><img src="/x_component_CRM/$Clue/default/icons/arrow.png"></div>';
}
if(stype=="readonly"){
innerHtml = '<input type="text" class="inline-input" disabled="disabled" style="background-color:#e2ebf9;" name="'+i+'" id="'+i+'" value="'+_self.data.customer.customername+'" cid="'+_self.data.customerid+'" stype="'+stype+'">';
}
section_conent = section_conent+'<div class="conent-inline"><div class="conent-title" lable="'+i+'">'+itemTemplateObject[i].text+'</div>' +
'<div class="conent-value">'+innerHtml+'</div></div>';
}
section_conent = section_conent + '</div>';
var section_button = '<div class="section_button"><div><button class="el-button handle-button el-button-cancle"><span>取消</span></button>'+
'<button class="el-button handle-button el-button-primary"><span>保存</span></button></div></div>';
htmlstr = section_header+section_conent+section_button;
jQuery(".headMoreImg").notifyMe(
'left',
'default',
_self.app.lp.contact.contactEdit.title,
'',
'',
htmlstr,
'notifyEdit',
50
);
jQuery(".conent-value").each(function(index,element){
var cobj = jQuery(element).children().eq(0)
var stype = jQuery(cobj).attr("stype");
if(stype=="datetime"){
_self.loadTimeContainer(jQuery(cobj).attr("id"));
}
if(stype=="select"){
var selectObjects = _self.app.lp.contact;
for ( j in selectObjects){
if(j==jQuery(cobj).attr("id")){
var clp = itemTemplateObject[j];
var valueList = clp.value;
var valueArr = valueList.split(",");
if(valueArr.length>0){
var selectHtml = '<ul class="el-dropdown-type" style="display: none;" tid="'+jQuery(cobj).attr("id")+'">'
for(var n=0;n<valueArr.length;n++){
selectHtml = selectHtml+'<li class="el-dropdown-menu__item">'+valueArr[n]+'</li>'
}
jQuery(".notify-content").append(selectHtml+'<div class="popper__arrow"></div></ul>');
jQuery(cobj).click(function(){
jQuery("[tid='"+jQuery(cobj).attr("id")+"']").css({"left":jQuery(cobj).offset().left-50,"top":jQuery(cobj).offset().top+30,"width":282})
jQuery("[tid='"+jQuery(cobj).attr("id")+"']").toggle(100);
});
jQuery("[tid='"+jQuery(cobj).attr("id")+"']").children().click(function(){
debugger
jQuery(cobj).text(jQuery(this).text());
jQuery("[tid='"+jQuery(cobj).attr("id")+"']").toggle(100);
});
}
}
}
}
}
);
jQuery('.el-button-cancle').click(function(){
setTimeout(function(){
jQuery("#notifyEdit").remove();
if(jQuery(".mask").length>0){
jQuery(".mask").attr("style",'left: 0px; top: 0px; width: 100%; overflow: hidden; position: absolute; z-index: 500000; background-color: rgb(255, 255, 255)');
jQuery(".mask").attr("class","");
}
},200);
});
jQuery('.el-button-primary').click(function(){
var filter = {};
filter = {
contactsname:jQuery('div[lable="contactsname"]').next().children().eq(0).val(),
customerid:jQuery('#customername').attr("cid"),
telephone:jQuery('div[lable="telephone"]').next().children().eq(0).val(),
cellphone:jQuery('div[lable="cellphone"]').next().children().eq(0).val(),
email:jQuery('div[lable="email"]').next().children().eq(0).val(),
decision:jQuery('div[lable="decision"]').next().children().eq(0).text(),
sex:jQuery('div[lable="sex"]').next().children().eq(0).text(),
post:jQuery('div[lable="post"]').next().children().eq(0).val(),
detailaddress:jQuery('div[lable="detailaddress"]').next().children().eq(0).val(),
nexttime:jQuery('div[lable="nexttime"]').next().children().eq(0).val(),
remark:jQuery('div[lable="remark"]').next().children().eq(0).val()
};
debugger
_self.actions.saveContacts(filter, function (json) {
debugger
if(json.type=="success"){
Showbo.Msg.alert('保存成功!');
//这里需要关联商机
_self.loadContacts();
}
setTimeout(function(){
jQuery("#notifyEdit").remove();
if(jQuery(".mask").length>0){
jQuery(".mask").attr("style",'left: 0px; top: 0px; width: 100%; overflow: hidden; position: absolute; z-index: 500000; background-color: rgb(255, 255, 255)');
jQuery(".mask").attr("class","");
}
},200);
}.bind(_self));
});
},
relateChanceAndContact: function(){
//打开联系人list，选择，确定后创建关联关系
this.selectContact = new MWF.xApplication.CRM.ChanceEdit.SelectContact (null,{customerid:this.data.customerId},null, {
app: this,
container: this.formTableArea,
lp: this.lp,
actions: this.actions,
css: {},
}
);
this.selectContact.create();
},
terminatedRelation: function(){
//获取选中的联系人，解除
},
editTeam: function(nameList){
_self = this;
var contentHtml = '<div class="vux-flexbox handle-item vux-flex-row" style="align-items: stretch;padding: 10px 20px 50px 20px;line-height:30px;font-size:16px;">'+
'<div class="handle-item-name" style="margin-top: 8px;width:60px;">权限：</div><div role="radiogroup" class="el-radio-group">'+
'<label role="radio" tabindex="0" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" checked aria-hidden="true" tabindex="-1" class="el-radio__original" value="1"></span><span class="el-radio__label">只读</span></label>'+
'<label role="radio" tabindex="-1" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="2"></span><span class="el-radio__label">读写</span></label></div></div></div>'
Showbo.Msg.confirm('编辑权限',contentHtml,function(){
var filter = {};
filter = {
distinguishName: nameList,
}
var val=jQuery(".ct").find('input:radio:checked').val();
if(val==1){
_self.actions.setTeamReaderChance(_self.options.openId, filter, function (json) {
if(json.type=="success"){
Showbo.Msg.alert('操作成功!');
_self.loadTeam();
}
setTimeout(function(){
jQuery("#notifyEdit").remove();
if(jQuery(".mask").length>0){
jQuery(".mask").attr("style",'left: 0px; top: 0px; width: 100%; overflow: hidden; position: absolute; z-index: 500000; background-color: rgb(255, 255, 255)');
jQuery(".mask").attr("class","");
}
},200);
}.bind(_self));
}else{
_self.actions.setTeamWriterChance(_self.options.openId, filter, function (json) {
if(json.type=="success"){
Showbo.Msg.alert('操作成功!');
_self.loadTeam();
}
setTimeout(function(){
jQuery("#notifyEdit").remove();
if(jQuery(".mask").length>0){
jQuery(".mask").attr("style",'left: 0px; top: 0px; width: 100%; overflow: hidden; position: absolute; z-index: 500000; background-color: rgb(255, 255, 255)');
jQuery(".mask").attr("class","");
}
},200);
}.bind(_self));
}
},function(){
});
jQuery(".el-radio").click(function(){
var robj = jQuery(this).find("input");
jQuery(this).siblings().find("input[type=radio]").removeAttr('checked');
});
},
addTeam: function () {
//添加team成员
_self = this;
var contentHtml = '<div class="vux-flexbox handle-item vux-flex-row" style="align-items: stretch;padding: 30px 20px 0px 20px;line-height:30px;">'+
'<div class="handle-item-name" style="margin-top: 8px;width:100px;">选择团队成员：</div><div class="el-select handle-item-content" style="margin-top: 8px;"><div class="se-select-name" id="selectName" style="display: inline-block;">+点击选择</div><div id="selectId" style="display:none;"></div></div></div>'+
'<div class="vux-flexbox handle-item vux-flex-row" style="align-items: stretch;padding: 10px 20px 80px 20px;line-height:30px;">'+
'<div class="handle-item-name" style="margin-top: 8px;width:100px;">权限：</div><div role="radiogroup" class="el-radio-group">'+
'<label role="radio" aria-checked="true" tabindex="0" class="el-radio is-checked"><span class="el-radio__input is-checked"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="1"></span><span class="el-radio__label">只读</span></label>'+
'<label role="radio" tabindex="-1" class="el-radio"><span class="el-radio__input"><span class="el-radio__inner"></span><input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="2"></span><span class="el-radio__label">读写</span></label></div></div></div>'+
'</div></div></div>'
Showbo.Msg.confirm('添加团队成员',contentHtml,function(){
//_self.confirmCustomerDealstatus();
var readOrWrite = "";
var checkFlag = true;
var relationTypeList = [];
jQuery(".ct").find(".is-checked").each(function(i,obj){
var typeStr = jQuery(obj).children(".el-radio__label").text();
if(typeStr=="只读"){
readOrWrite = "read"
}
if(typeStr=="读写"){
readOrWrite = "write"
}
})
jQuery(".ct").find(".el-checkbox__original").each(function(i,obj){
if(jQuery(obj).is(':checked')){
relationTypeList.push(jQuery(obj).val());
}
})
if(jQuery("#selectId").text() == ""){
checkFlag = false;
Showbo.Msg.alert('选择团队成员!');
}
if(readOrWrite == ""){
checkFlag = false;
Showbo.Msg.alert('请权限!');
}
if(checkFlag){
var filter = {};
filter = {
personList: (jQuery('#selectId').text()).split(","),
relationTypeList: relationTypeList
}
_self.actions.addRelevantPersonChance(_self.options.openId,readOrWrite, filter, function (json) {
if(json.type=="success"){
Showbo.Msg.alert('操作成功!');
_self.loadTeam();
}
setTimeout(function(){
jQuery("#notifyEdit").remove();
if(jQuery(".mask").length>0){
jQuery(".mask").attr("style",'left: 0px; top: 0px; width: 100%; overflow: hidden; position: absolute; z-index: 500000; background-color: rgb(255, 255, 255)');
jQuery(".mask").attr("class","");
}
},200);
}.bind(_self));
}
},function(){
});
jQuery(".ct").find(".se-select-name").click(function(){
_self.selectPerson(jQuery("#appContent")[0],"selectName","selectId",0);
});
jQuery(".ct").find(".el-radio").click(function(){
jQuery(this).siblings().attr("class","el-radio");
jQuery(this).siblings().find("input:radio").attr("checked",false)
jQuery(this).attr("class","el-radio is-checked");
jQuery(this).find("input:radio").attr("checked",true);
var typeName = jQuery(this).find(".el-radio__label").text();
});
},
deleteTeam: function(){
_self = this;
Showbo.Msg.confirm('提示','此操作将移除这些团队成员是否继续?',function(){
var nameList = [];
jQuery(".el-table__body").find("input:checked").each(function(index,element){
var nobj = jQuery(element).parent().parent().next();
nameList.push(jQuery(nobj).attr("aid"));
});
if(nameList.length<1){
Showbo.Msg.alert('请选择要删除的相关团队成员!');
}else{
var filter = {};
filter = {
distinguishName: nameList
}
_self.actions.removeTeamMemberChance(_self.options.openId,filter, function (json) {
if(json.type=="success"){
Showbo.Msg.alert('操作成功!');
_self.loadTeam();
}
}.bind(self));
}
setTimeout(function(){
jQuery("#notifyEdit").remove();
if(jQuery(".mask").length>0){
jQuery(".mask").attr("style",'left: 0px; top: 0px; width: 100%; overflow: hidden; position: absolute; z-index: 500000; background-color: rgb(255, 255, 255)');
jQuery(".mask").attr("class","");
}
},200);
},function(){
});
},
loadEvent: function(){
that = this;
jQuery(that.sectionArea).find('.tabPanel div').click(function(){
jQuery(this).addClass('hit').siblings().removeClass('hit');
jQuery(that.sectionArea).find('.panes>div:eq('+jQuery(this).index()+')').show().siblings().hide();
that.createTypeHtml();
});
jQuery(that.sectionArea).find('.headMoreBottonDiv').click(function(){
jQuery(that.sectionArea).find(".el-dropdown-menu").toggle(100);
});
jQuery(that.sectionArea).find('.el-dropdown-menu__item').click(function(){
if(jQuery(this).text()=="删除"){
}
//---for记录类型
if(jQuery(this).parent().attr("tid")=="recordType"){
jQuery(".se-select-name").text(jQuery(this).text());
jQuery(this).parent().toggle(100);
}
});
jQuery(that.sectionArea).find('.headMoveBottonDiv').click(function(){
that.transfer();
});
jQuery(that.sectionArea).find('.headEditBottonDiv').click(function(){
that.chanceEdit();
});
jQuery(that.sectionArea).find('#bar-file').change(function(event) {
var files = event.target.files;
var inputId = event.target.id;
debugger
jQuery(that.sectionArea).find('.fileList').empty();
if (files && files.length > 0) {
// 获取目前上传的文件
var fileListHtml = '<div class="fileList">';
for(var i=0;i<files.length;i++){
var file = files[i];
var fsize = file.size/1024;
//var lastModifiedDate = file.lastModified;
fileListHtml = fileListHtml+'<div class="fileItem"><div class="fname">'+file.name+'</div><div class="fsize">'+that.toDecimal(fsize)+'kb</div><div class="ftime">'+that.getFormateTime(new Date())+'</div></div>';
if(inputId == "bar-img"){
that.imgArr.push(file)
}
if(inputId == "bar-file"){
that.fileArr.push(file);
}
}
fileListHtml = fileListHtml+'</div>';
jQuery(that.sectionArea).find('.mix-container').append(fileListHtml);
}
});
jQuery(that.sectionArea).find('.se-send').click(function(){
that.sendRecord();
});
jQuery(that.sectionArea).find('.el-dropdown-selfdefine').click(function(){
jQuery(that.sectionArea).find("[tid='recordType']").toggle(100);
});
},
sendRecord: function () {
that = this;
//var objFile = document.getElementById("bar-file");
var filters = {};
filters = {
types:"customer",
typesid:that.options.openId,
content:jQuery(that.sectionArea).find('.el-textarea__inner').val(),
category:jQuery(that.sectionArea).find('.se-select-name').text(),
nexttime:jQuery(that.sectionArea).find('.el-input__inner').text(),
businessids:"",
contactsids:"",
createuser:""
};
that.actions.createRecord(filters,function(json){
if(json.type=="success"){
Showbo.Msg.alert('跟进记录发布成功!');
var objFile = jQuery(that.sectionArea).find('#bar-file')[0];
jQuery(that.fileArr).each(function(index,file){
var filter = {};
filter = {
file:file,
fileName:file.name
};
debugger
var formdata=new FormData();
formdata.append("fileName",file.name);
formdata.append("file",file);
that.actions.updateAttachment("att",json.data.id, "record", formdata,file, function (attjson) {
debugger
/*if(json.type=="success"){
Showbo.Msg.alert('附件上传成功!');
}*/
}.bind(that));
}
);
var objImg = jQuery(that.sectionArea).find('#bar-img')[0];
jQuery(that.imgArr).each(function(index,file){
var filter = {};
filter = {
file:file,
fileName:file.name
};
debugger
var formdata=new FormData();
formdata.append("fileName",file.name);
formdata.append("file",file);
that.actions.updateAttachment("img",json.data.id, "record", formdata,file, function (attjson) {
/*if(json.type=="success"){
Showbo.Msg.alert('附件上传成功!');
}*/
}.bind(that));
}
);
objFile.value = "";
objImg.value = "";
that.fileArr = [];
that.imgArr = [];
if(jQuery(".fileList").length>0){
jQuery(".fileList").remove();
}
jQuery(".el-textarea__inner").val("");
that.loadRecord();
}
}.bind(that),function(xhr,text,error){
}.bind(that));
},
loadRecord: function(){
that = this;
this.actions.getRecord(this.options.openId, function (json) {
if(json.type=="success"){
var recordDatas = json.data;
jQuery(that.sectionArea).find(".fl-c").remove();
var logItemHtml = "";
for ( i in recordDatas){
if(i<recordDatas.length){
var recordData = recordDatas[i];
var personImg = '/x_component_CRM/$Template/portrait.png';
if(recordData.hasOwnProperty("ICONBase64") && recordData.ICONBase64!=""){
personImg = "data:image/png;base64,"+recordData.ICONBase64;
}
logItemHtml = logItemHtml+'<div class="fl-c"><div class="vux-flexbox fl-h vux-flex-row">'+
'<div class="div-photo fl-h-img" style="background-image: url("'+personImg+'");" lazy="loaded"></div> '+
'<div class="fl-h-b"><div class="fl-h-name">'+recordData.person.name+'</div><div class="fl-h-time">'+recordData.updateTime+'</div></div>'+
//'<div class="vux-flexbox fl-h-mark vux-flex-row"><img src="" class="fl-h-mark-img"><div class="fl-h-mark-name">跟进记录</div></div>'+
//'<div class="el-dropdown"><i class="el-icon-arrow-down el-icon-more el-dropdown-selfdefine" style="color: rgb(205, 205, 205); margin-left: 8px;" aria-haspopup="list" aria-controls="dropdown-menu-4704" role="button" tabindex="0"></i> <ul class="el-dropdown-menu el-popper" style="display: none;" id="dropdown-menu-4704"><li data-v-e36820dc="" tabindex="-1" class="el-dropdown-menu__item">删除</li></ul></div>'+
'</div>'+
'<div class="fl-b"><div class="fl-b-content">'+recordData.content+'</div><div class="follow"><span class="follow-info">'+recordData.category+'</span></div></div>'+
'<div class="full-container" style="display: none;"></div></div>'
}
}
if(logItemHtml!=""){
jQuery(that.sectionArea).find(".load").before(logItemHtml);
}
if(recordDatas.length<1){
jQuery(that.sectionArea).find(".load").hide();
jQuery(that.sectionArea).find(".empty-mask").show();
}else{
jQuery(that.sectionArea).find(".empty-mask").hide();
}
}
}.bind(this));
},
open: function (e) {
this.fireEvent("queryOpen");
this._open();
this.fireEvent("postOpen");
},
create: function () {
this.fireEvent("queryCreate");
this.isNew = true;
this._open();
this.fireEvent("postCreate");
},
edit: function () {
this.fireEvent("queryEdit");
this.isEdited = true;
this._open();
this.fireEvent("postEdit");
},
_open: function () {
if( this.options.hasMask ){
this.formMaskNode = new Element("div.formMaskNode", {
"styles": this.css.formMaskNode,
"events": {
"mouseover": function (e) {
e.stopPropagation();
},
"mouseout": function (e) {
e.stopPropagation();
},
"click": function (e) {
e.stopPropagation();
}
}
}).inject( this.container || this.app.content);
}
this.formAreaNode = new Element("div.formAreaNode", {
"styles": this.css.formAreaNode
});
this.createFormNode();
this.formAreaNode.inject(this.formMaskNode || this.container || this.app.content, "after");
this.formAreaNode.fade("in");
this.setFormNodeSize();
this.setFormNodeSizeFun = this.setFormNodeSize.bind(this);
if( this.app )this.app.addEvent("resize", this.setFormNodeSizeFun);
if (this.options.draggable && this.formTopNode) {
var size = (this.container || this.app.content).getSize();
var nodeSize = this.formAreaNode.getSize();
this.formAreaNode.makeDraggable({
"handle": this.formTopNode,
"limit": {
"x": [0, size.x - nodeSize.x],
"y": [0, size.y - nodeSize.y]
}
});
}
},
createFormNode: function () {
var _self = this;
this.formNode = new Element("div.formNode", {
"styles": this.css.formNode
}).inject(this.formAreaNode);
if (this.options.hasTop) {
this.createTopNode();
}
if (this.options.hasIcon) {
this.formIconNode = new Element("div.formIconNode", {
"styles": this.isNew ? this.css.formNewNode : this.css.formIconNode
}).inject(this.formNode);
}
this.createContent();
//formContentNode.set("html", html);
if (this.options.hasBottom) {
this.createBottomNode();
}
this._setCustom();
if( this.options.hasScroll ){
//this.setScrollBar(this.formTableContainer)
MWF.require("MWF.widget.ScrollBar", function () {
new MWF.widget.ScrollBar(this.formTableContainer, {
"indent": false,
"style": "default",
"where": "before",
"distance": 30,
"friction": 4,
"axis": {"x": false, "y": true},
"onScroll": function (y) {
//var scrollSize = _self.viewContainerNode.getScrollSize();
//var clientSize = _self.viewContainerNode.getSize();
//var scrollHeight = scrollSize.y - clientSize.y;
//if (y + 200 > scrollHeight && _self.view && _self.view.loadElementList) {
// if (!_self.view.isItemsLoaded) _self.view.loadElementList();
//}
}
});
}.bind(this));
}
},
createContent: function () {
this.formContentNode = new Element("div.formContentNode", {
"styles": this.css.formContentNode
}).inject(this.formNode);
this.formTableContainer = new Element("div.formTableContainer", {
"styles": this.css.formTableContainer
}).inject(this.formContentNode);
this.formTableArea = new Element("div.formTableArea", {
"styles": this.css.formTableArea,
"text":"loading..."
}).inject(this.formTableContainer);
this._createTableContent();
},
createBottomNode: function () {
this.formBottomNode = new Element("div.formBottomNode", {
"styles": this.css.formBottomNode
}).inject(this.formNode);
this._createBottomContent()
},
createTopNode: function () {
if (!this.formTopNode) {
this.formTopNode = new Element("div.formTopNode", {
"styles": this.css.formTopNode
}).inject(this.formNode);
this.formTopIconNode = new Element("div", {
"styles": this.css.formTopIconNode
}).inject(this.formTopNode);
this.formTopTextNode = new Element("div", {
"styles": this.css.formTopTextNode,
"text": this.options.title + ( this.data.title ? ("-" + this.data.title ) : "" )
}).inject(this.formTopNode);
if (this.options.closeAction) {
this.formTopCloseActionNode = new Element("div", {"styles": this.css.formTopCloseActionNode}).inject(this.formTopNode);
this.formTopCloseActionNode.addEvent("click", function () {
this.close();
}.bind(this))
}
this.formTopContentNode = new Element("div", {
"styles": this.css.formTopContentNode
}).inject(this.formTopNode);
this._createTopContent();
}
},
_createTopContent: function () {
},
_createTableContent: function () {
this.loadFormData();
/*
var Ttype = "clue";
this.actions.getProfiles(Ttype,function(json){
this.profileData = json.data;
if(this.data.id){
this.actions.getCustomerInfo(this.data.id,function(json){
this.customerData = json.data;
this.loadFormData();
this.createCustomBottom();
}.bind(this));
}else{
this.loadFormData();
this.createCustomBottom();
}
}.bind(this));
*/
},
_createBottomContent: function () {
this.cancelActionNode = new Element("div.formCancelActionNode", {
"styles": this.css.formCancelActionNode,
"text": this.lp.actionCancel
}).inject(this.formBottomNode);
if (this.options.isNew || this.options.isEdited) {
//this.ok();
this.okActionNode = new Element("div.formOkActionNode", {
"styles": this.css.formOkActionNode,
"text": this.lp.actionConfirm
}).inject(this.formBottomNode);
this.okActionNode.addEvent("click", function (e) {
this.ok(e);
}.bind(this));
}
this.cancelActionNode.addEvent("click", function (e) {
this.cancel(e);
}.bind(this));
},
loadFormData:function(){
var tmpData={};
this.loadForm();
},
ok: function (e) {
this.fireEvent("queryOk");
var data = this.form.getResult(true, ",", true, false, true);
debugger;
if (data) {
this._ok(data, function (json) {
if (json.type == "error") {
if( this.app )this.app.notice(json.message, "error");
} else {
if( this.formMaskNode )this.formMaskNode.destroy();
this.formAreaNode.destroy();
if (this.explorer && this.explorer.view)this.explorer.view.reload();
if( this.app )this.app.notice(this.isNew ? this.lp.createSuccess : this.lp.updateSuccess, "success");
this.fireEvent("postOk");
}
}.bind(this))
}
},
loadForm: function(){
_self = this;
this.form = new MForm(this.formTableArea, this.data, {
style: "default",
isEdited: this.isEdited || this.isNew,
itemTemplate: this.getItemTemplate(this.lp )
},this.app,this.css);
var html = "<table width='100%' bordr='0' cellpadding='5' cellspacing='0' styles='formTable'>";
var itemTemplateObject = this.form.itemTemplate;
debugger
for ( i in itemTemplateObject){
html = html+"<tr>" +
" <td styles='formTableTitle'><span lable='"+i+"'>"+itemTemplateObject[i].text+"</td>" +
" <td styles='formTableValue' item='"+i+"'></td>" +
"</tr>";
}
html = html+"</table>";
debugger
this.formTableArea.set("html", html);
this.form.load();
if(!this.isNew){
this.actions.getCustomerInfo(this.options.openId, function (json) {
debugger
var jsonObj = json.data;
var spanObject = this.formTableArea.getElements("span");
for ( j in spanObject){
if(j < spanObject.length){
debugger
if(spanObject[j].get("name")!=null){
var fieldName = spanObject[j].get("name");
for (var prop in jsonObj){
if(prop == fieldName){
spanObject[j].set("text",jsonObj[prop]);
}
}
}
}
}
}.bind(this));
}
//this.nexttime = this.formTableArea.getElement("#nexttime");
//this.nexttime.addEvent("click",function(){
//_self.selectCalendar(this);
//});
this.formTableArea.getElements("textarea").setStyles({"height":"100px","overflow":"auto","color":"#666666"});
this.formTableArea.getElements("input").setStyles({"color":"#666666"});
},
getItemTemplate: function( lp ){
_self = this;
console.log(lp);
return {
name: {
text: lp.name,
type: "text",
//attr : {placeholder:lp.name},
notEmpty:true,
value:this.data&&this.data.opportunityname?this.data.opportunityname:""
},
customer:{
type: "text",
text: lp.customer,
value:this.data && this.data.customer&&this.data.customer.customername?this.data.customer.customername:""
},
typeid: {
type: "select",
text: lp.typeid,
value:this.data && this.data.opportunityType&&this.data.opportunityType.opportunitytypename?this.data.opportunityType.opportunitytypename:""
},
statusid: {
type: "select",
text: lp.statusid,
value:this.data && this.data.opportunityStatus&&this.data.opportunityStatus.opportunitystatusname?this.data.opportunityStatus.opportunitystatusname:""
},
money:{
type: "text",
text: lp.money,
value: this.data && this.data.money?this.data.money:""
},
dealdate: {
text: lp.dealdate,
name:"dealdate",
attr : {id:"dealdate"},
type: "datetime",
value:this.data && this.data.dealdate?this.data.dealdate:""
},
remark: {
text: lp.remark,
name:"remark",
type: "textarea",
value:this.data && this.data.remark?this.data.remark:""
}
}
},
getContactTemplate: function( lp ){
_self = this;
return {
contactsname: {
text: lp.contactsname,
type: "text",
notEmpty:true
},
customername: {
text: lp.customername,
type: "readonly",
notEmpty:true
},
telephone:{
type: "text",
text: lp.telephone,
},
cellphone: {
text:lp.cellphone,
type: "text"
},
email:{
type: "text",
text: lp.email
},
decision: {
type: "select",
text: lp.decision,
value:this.app.lp.contact.decision.value
},
post: {
text:lp.post,
type: "text"
},
sex: {
type: "select",
text: lp.sex,
value:this.app.lp.contact.sex.value
},
detailaddress: {
text:lp.detailaddress,
type: "text"
},
nexttime: {
text:lp.nexttime,
attr : {id:"nexttime"},
type: "datetime"
},
remark: {
text:lp.remark,
type: "textarea"
}
}
},
selectPerson: function (showContainer,nameId,fullNameId,count) {
var options = {
"type" : "",
"types": ["person"],
"values": this.configData,
"count": count,
"zIndex": 50000,
"onComplete": function(items){
MWF.require("MWF.widget.O2Identity", function(){
var invitePersonList = [];
var fullPersonList = [];
this.configData = [];
this.process = null;
items.each(function(item){
var _self = this;
if( item.data.distinguishedName.split("@").getLast().toLowerCase() == "i" ){
var person = new MWF.widget.O2Identity(item.data, it.form.getItem("invitePersonList").container, {"style": "room"});
invitePersonList.push( item.data.distinguishedName );
}else{
//var person = new MWF.widget.O2Person(item.data, it.form.getItem("invitePersonList").container, {"style": "room"});
invitePersonList.push(item.data.name);
fullPersonList.push(item.data.distinguishedName);
var personJson = {
"name": item.data.name,
"distinguishedName": item.data.distinguishedName,
"employee":item.data.employee
}
debugger
this.configData.push(personJson);
}
}.bind(this));
if(items.length==0){
document.getElementById(nameId).innerHTML = "+点击选择"
}else{
document.getElementById(nameId).innerHTML = invitePersonList.join(",");
if(fullNameId!=""){
document.getElementById(fullNameId).innerHTML = fullPersonList.join(",");
}
}
}.bind(this));
}.bind(this)
};
var selector = new MWF.O2Selector(showContainer, options);
},
getFormateTime: function( timeStr ){
_self = this;
var date= new Date(timeStr);
return date.getFullYear()+'-'+_self.checkTime(date.getMonth()+1)+'-'+_self.checkTime(date.getDate())+ ' ' + _self.checkTime(date.getHours()) + ':' + _self.checkTime(date.getMinutes()) + ':' + _self.checkTime(date.getSeconds());
},
checkTime: function( i ){
if(i<10){
i = '0'+i
}
return i;
},
toDecimal: function(x){
if(x==""){
return "";
}else{
var f = parseFloat(x);
if (isNaN(f)) {
return x;
}
f = Math.round(x*100)/100;
return f;
}
},
/*selectCalendar : function( calendarNode ){
MWF.require("MWF.widget.Calendar", function(){
var calendar = new MWF.widget.Calendar( calendarNode, {
"style": "xform",
"isTime": false
"target": this.app.content
});
calendar.show();
}.bind(this));
},*/
createCustomBottom:function(){
this.okActionNode = new Element("div.formOkActionNode", {
"styles": this.css.formOkActionNode,
"text": this.lp.actionConfirm
}).inject(this.formBottomNode);
this.okActionNode.addEvent("click", function (e) {
this.ok(e);
}.bind(this));
},
_ok: function (data, callback) {
var saveDataStr = "";
for ( i in this.data){
saveDataStr = saveDataStr+"'"+i+"':'"+this.data[i]+"',";
}
debugger;
saveDataStr = "'{"+saveDataStr.replace(/'/g, '"')+"}'";
debugger;
//var saveData = JSON.parse(saveDataStr);
var saveData = eval('(' + saveDataStr.substring(1,saveDataStr.length - 1) + ')');
debugger;
//alert(JSON.stringify(saveData))
this.app.createShade();
this.actions.saveClue(saveData,function(json){
this.app.destroyShade();
this.app.notice(this.lp.saveSuccess,"success");
this.close();
this.fireEvent("reloadView",json);
}.bind(this),function(xhr,text,error){
this.app.showErrorMessage(xhr,text,error);
this.app.destroyShade();
}.bind(this));
}
});
MWF.xApplication.CRM.ChanceEdit.SelectContact = new Class({
Extends: MWF.xApplication.CRM.Template.SelectForm,
//一般需要重写分页方法
_getCurrentPageData: function(callback, count, page, searchText){
var category = this.category = this.options.category;
if (!count)count = 10;
if (!page)page = 1;
var id = (this.items.length) ? this.items[this.items.length - 1].data.id : "(0)";
//if(id=="(0)")this.app.createShade();
var filter = this.options.filterData || {};
if(this.data.customerid){
filter = {
customerId:this.data.customerid
};
}
/*if(searchText){
filter = {
customerId:searchText
};
}*/
this.actions.getContactsListPageByCustomerId(page, count, filter, function (json) {
if (callback)callback(json);
}.bind(this));
}
});
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手