jquery-changeuser.js 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676
  1. /**
  2. edittable 选择人员插件
  3. caratename:chenxihu
  4. caratetime:2014-04-06 21:40:00
  5. email:admin@rockoa.com
  6. homepage:www.rockoa.com
  7. */
  8. (function ($) {
  9. function _getstyles(){
  10. var s='<style>.changeuserlist div.listsss{padding:10px; background:white;border-bottom:1px #eeeeee solid;cursor:default}.changeuserlist td{color:#333333}.changeuserlist div:active{ background:#f1f1f1}.changeuserbotton{height:30px;width:50px; background:#d9534f;color:white;font-size:14px;border:none;padding:0px;margin:0px;line-height:20px;cursor:default;opacity:1;outline:none;border-radius:5px}.changeuserbotton:active{color:white;border:none;opacity:0.8}.changeuserxuan span{background:white;border:1px #cccccc solid;padding:3px;border-radius:5px;font-size:12px;margin-left:5px;cursor:pointer}</style>';
  11. return s;
  12. }
  13. function chnageuser(sobj, options){
  14. var obj = sobj;
  15. var rand = ''+parseInt(Math.random()*9999999)+'';
  16. var me = this;
  17. this.rand = rand;
  18. this.changesel = '';
  19. this.firstpid = 0;
  20. this._init = function(){
  21. for(var i in options)this[i]=options[i];
  22. this.oveob = false;
  23. if(this.showview!='' && get(this.showview))this.oveob=true;
  24. if(!this.oveob){
  25. window.onhashchange=function(){
  26. var has = location.hash;
  27. if(has.indexOf('#changeuser')==-1)me.hide();
  28. }
  29. js.location('#changeuser');
  30. }
  31. this.userarr = [];
  32. this.deptarr = [];
  33. this.grouparr= [];
  34. if(isempt(this.changerange) && isempt(this.changerangeno)){
  35. var us = js.getoption('userjson');
  36. if(us)this.userarr = js.decode(us);
  37. us = js.getoption('deptjson');
  38. if(us)this.deptarr = js.decode(us);
  39. us = js.getoption('groupjson');
  40. if(us)this.grouparr = js.decode(us);
  41. }
  42. this.show();
  43. };
  44. this.creatediv=function(){
  45. var type='checkbox';
  46. if(this.changetype.indexOf('check')==-1)type='radio';
  47. this.inputtype = type;
  48. $('#changeuser_'+rand+'').remove();
  49. var hei = $(window).height(),jhei=50,atts='position:fixed;';
  50. if(this.oveob){
  51. hei = $('#'+this.showview+'').height();
  52. atts='';
  53. }
  54. var s='<div style="'+atts+'z-index:100;width:100%;height:100%;overflow:hidden;left:0px;top:0px; background:white" id="changeuser_'+rand+'">';
  55. if(this.titlebool){
  56. s+='<div style="height:50px;line-height:50px;text-align:center; background:white;border-bottom:1px #cccccc solid"><b>'+this.title+'</b></div>';
  57. jhei+=50;
  58. }
  59. if(this.changetype.indexOf('user')>=0){
  60. s+='<div style="height:50px;overflow:hidden;border-bottom:1px #cccccc solid"><table width="100%" style="background:none"><tr><td width="100%" height="50" style="background:none"><input id="changekey_'+this.rand+'" placeholder="部门/姓名/职位" style="height:30px;border:none;background:none;width:100%;margin:0px 10px;outline:none"></td><td><button style="background:none;border:none;color:#666666" class="changeuserbotton" id="changesoubtn_'+this.rand+'" type="button" >查找</button></td></tr></table></div>';
  61. jhei+=50;
  62. }
  63. s+='<div style="-webkit-overflow-scrolling:touch;height:'+(hei-jhei)+'px;overflow:auto; background:#f1f1f1" class="changeuserlist">';
  64. s+='<span id="showdiv'+rand+'_0"></span>';
  65. s+='<span id="showdiv'+rand+'_search"></span>';
  66. s+='</div>';
  67. var s3= '<input id="changeboxs_'+rand+'" style="width:18px;height:18px;" align="absmiddle" type="checkbox" >';
  68. if(type!='checkbox1')s3='';
  69. if(1==1){
  70. s3='<select id="changesel_'+rand+'" style="height:30px;border:none;background:none;outline:none">';
  71. s3+='<option value="">默认显示</option>';
  72. if(this.changetype.indexOf('user')>=0)s3+='<option value="1">仅限显示人员</option>';
  73. if(this.changetype.indexOf('dept')>=0)s3+='<option value="2">仅限显示部门</option>';
  74. if(this.changetype.indexOf('user')>=0)s3+='<option value="3">显示组</option>';
  75. s3+='</select>';
  76. }
  77. if(type=='checkbox'){
  78. s+='<div class="changeuserxuan" style="padding:5px;border-right:1px #cccccc solid;border-top:1px #cccccc solid;line-height:30px;position:absolute;bottom:49px;background:white;"><font style="cursor:pointer" id="yixuanbtn_'+rand+'">∨</font><font id="yixuan_'+rand+'"></font></div>';
  79. }
  80. var cold = window['maincolor'];if(!cold)cold='#1389D3';
  81. s+='<div style="height:50px;line-height:50px;border-top:1px #cccccc solid" align="right"><table width="100%" style="background:none"><tr><td width="10" nowrap>&nbsp;</td><td width="80%">'+s3+'</td><td><button style="width:70px;border:none" type="button" id="changereload_'+rand+'" class="changeuserbotton" >刷新数据</button></td><td width="10" nowrap>&nbsp;</td><td><button class="changeuserbotton" type="button" id="changecancl_'+rand+'" >取消</button></td><td width="10" nowrap>&nbsp;</td><td height="50"><button style="background:'+cold+';" id="changeok_'+rand+'" type="button" class="changeuserbotton">确定</button></td><td width="10" nowrap>&nbsp;</td></tr></table></div>';
  82. s+=_getstyles();
  83. s+='</div>';
  84. if(atts==''){
  85. $('#'+this.showview+'').html(s);
  86. }else{
  87. obj.append(s);
  88. }
  89. $('#changecancl_'+this.rand+'').click(function(){
  90. me._clickcancel();
  91. });
  92. $('#changereload_'+this.rand+'').click(function(){
  93. me._loaddata();
  94. });
  95. $('#changeok_'+this.rand+'').click(function(){
  96. me.queding();
  97. });
  98. $('#changesoubtn_'+this.rand+'').click(function(){
  99. me._searchkey(true);
  100. });
  101. $('#changekey_'+this.rand+'').keydown(function(e){
  102. me._searchkeys(e)
  103. });
  104. $('#changeboxs_'+this.rand+'').click(function(){
  105. me._changboxxuan(this)
  106. });
  107. $('#changesel_'+this.rand+'').change(function(){
  108. me._changesel(this)
  109. });
  110. if(type=='checkbox'){
  111. $('#yixuanbtn_'+rand+'').click(function(){
  112. $('#yixuan_'+rand+'').toggle();
  113. });
  114. this._initmrvel();
  115. }
  116. rchanguserclick=function(o1){
  117. me._changexuan(o1);
  118. }
  119. rchanguserquxiao=function(o1){
  120. me._changequxiao(o1);
  121. }
  122. };
  123. this.showlist=function(pid,oi){
  124. var type=this.inputtype,hw=24;
  125. var s='',ssu='',s1='';
  126. var sel = this.changesel;
  127. var dob = this.changetype.indexOf('dept')==-1;
  128. var uob = this.changetype.indexOf('user')>=0;
  129. this.fid = 1;
  130. if(sel=='1'){
  131. ssu = this._showuser(0,'',type,sel);
  132. }else if(sel=='2'){
  133. s = this._showdept(pid,oi,s1,type,sel,dob,uob);
  134. }else if(sel=='3'){
  135. s = this._showgorup(type);
  136. }else{
  137. s1='<div style="width:'+(hw*oi)+'px"></div>';
  138. s = this._showdept(pid,oi,s1,type,sel,dob,uob);
  139. if(uob){
  140. ssu+=this._showuser(pid,s1,type,sel);
  141. }
  142. }
  143. var xud = (oi==0)?'0' : pid;
  144. $('#showdiv'+rand+'_'+xud+'').html(ssu+s).attr('show','true');
  145. if(sel==''){
  146. if(oi==0)this.showlist(this.fid, 1);
  147. $('#showdiv'+rand+'_0 [deptxu]').unbind('click').click(function(){
  148. me._deptclicks(this);
  149. });
  150. }
  151. if(sel=='3'){
  152. $('#showdiv'+rand+'_0 [groupxu]').unbind('click').click(function(){
  153. me._groupclicks(this);
  154. });
  155. }
  156. };
  157. this._showuser=function(pid,s1,type,sel){
  158. var a,len,i,ssu='',dids,zoi=0,ids,chk='';
  159. a=this.userarr;
  160. len=a.length;
  161. for(i=0;i<len;i++){
  162. dids = ','+a[i].deptids+',';
  163. if(
  164. ((a[i].deptid==pid || dids.indexOf(','+pid+',')>-1 || sel=='1') && sel!='3')
  165. ||
  166. (sel=='3' && (','+a[i].groupname+',').indexOf(','+pid+',')>-1)//显示组下人员
  167. ){
  168. chk='';
  169. if(get('show'+rand+'_u'+a[i].id+''))chk='checked ';
  170. ssu+='<div class="listsss">';
  171. ssu+='<table style="background:none" width="100%"><tr><td>'+s1+'</td><td width="100%"><img align="absmiddle" height="24" height="24" src="'+a[i].face+'">&nbsp;'+a[i].name+'<span style="font-size:12px;color:#888888">('+a[i].ranking+')</span></td><td><input name="changeuserinput_'+rand+'" xxu="'+i+'" xls="u" xname="'+a[i].name+'" value="'+a[i].id+'" style="width:18px;height:18px;" '+chk+'onclick="rchanguserclick(this)" type="'+type+'"></td></tr></table>';
  172. ssu+='</div>';
  173. zoi++;
  174. if(zoi>=200)break;
  175. }
  176. }
  177. return ssu;
  178. };
  179. this._showdept=function(pid,oi,s1,type,sel,dob,uob){
  180. var a,len,i,wwj,s2='',s='';
  181. a=this.deptarr;
  182. len=a.length;
  183. for(i=0;i<len;i++){
  184. if(a[i].pid==pid || sel=='2'){
  185. this.fid = a[i].id;
  186. wjj= 'images/files.png';
  187. if(a[i].ntotal=='0' && uob)wjj= 'images/file.png';
  188. s2 = '<input name="changeuserinput_'+rand+'" xls="d" xname="'+a[i].name+'" xu="'+i+'" value="'+a[i].id+'" style="width:18px;height:18px;" onclick="rchanguserclick(this)" type="'+type+'">';
  189. if(dob)s2='';
  190. if(s2!='' && !this._isdeptcheck(a[i]))s2='';
  191. s+='<div class="listsss">';
  192. s+='<table style="background:none" width="100%"><tr><td>'+s1+'</td><td deptxu="'+i+'_'+oi+'" width="100%"><img align="absmiddle" height="20" height="20" src="'+wjj+'">&nbsp;'+a[i].name+'</td><td>'+s2+'</td></tr></table>';
  193. s+='</div>';
  194. s+='<span show="false" id="showdiv'+rand+'_'+a[i].id+'"></span>';
  195. }
  196. }
  197. return s;
  198. };
  199. this._showgorup=function(type){
  200. var a,len,i,ssu='',s1;
  201. a=this.grouparr;
  202. len=a.length;
  203. for(i=0;i<len;i++){
  204. s1 = '<input name="changeuserinput_'+rand+'" xls="g" xname="'+a[i].name+'" value="'+a[i].id+'" style="width:18px;height:18px;" onclick="rchanguserclick(this)" type="'+type+'">';
  205. if(this.changetype.indexOf('deptuser')==-1)s1='';
  206. ssu+='<div class="listsss">';
  207. ssu+='<table style="background:none" width="100%"><tr><td></td><td groupxu="'+i+'" width="100%"><img align="absmiddle" height="24" height="24" src="images/group.png">&nbsp;'+a[i].name+' <span style="font-size:12px;color:#888888">('+a[i].usershu+'人)</span></td><td>'+s1+'</td></tr></table>';
  208. ssu+='</div>';
  209. ssu+='<span show="false" id="showgroup'+rand+'_'+a[i].id+'"></span>';
  210. }
  211. return ssu;
  212. };
  213. this._groupclicks=function(o){
  214. if(this.changetype.indexOf('user')==-1)return;
  215. var sxu = $(o).attr('groupxu');
  216. var a = this.grouparr[sxu];
  217. var o1 = $('#showgroup'+rand+'_'+a.id+'');
  218. var lx = o1.attr('show');
  219. if(lx=='false'){
  220. var s1='<div style="width:24px"></div>';
  221. var s = this._showuser(a.id,s1,this.inputtype, this.changesel);
  222. o1.html(s).attr('show','true');
  223. }else{
  224. o1.toggle();
  225. }
  226. };
  227. this._changexuan=function(o1){
  228. if(this.inputtype!='checkbox')return;
  229. var o = $(o1),xls=o.attr('xls'),val=o.val();
  230. var sid = 'show'+rand+'_'+xls+''+val+'';
  231. if(o1.checked){
  232. var str='<span id="'+sid+'" xls="'+xls+'" xvl="'+val+'" onclick="rchanguserquxiao(this)">';
  233. str+='<input name="yixuancheck_'+rand+'" value="'+val+'" align="absmiddle" xls="'+xls+'" type="checkbox" checked xxu="" xname="'+o.attr('xname')+'">'+o.attr('xname')+'';
  234. str+='</span>';
  235. if(!get(sid))$('#yixuan_'+rand+'').append(str);
  236. }else{
  237. $('#'+sid+'').remove();
  238. }
  239. };
  240. this._changequxiao=function(o1){
  241. var o = $(o1),xls=o.attr('xls'),xvl=o.attr('xvl');
  242. o.remove();
  243. $("input[name='changeuserinput_"+rand+"'][xls='"+xls+"'][value='"+xvl+"']").attr('checked', false);
  244. };
  245. this._initmrvel=function(){
  246. var sid ='',sna='',i,str='',xls,val;
  247. if(this.idobj)sid=this.idobj.value;
  248. if(this.nameobj)sna=this.nameobj.value;
  249. if(!sid || !sna)return;
  250. var sida = sid.split(','),snaa=sna.split(',');
  251. var ob1=this.changetype.indexOf('dept')>-1,ob2=this.changetype.indexOf('user')>-1;
  252. for(i=0;i<sida.length;i++){
  253. xls=sida[i].substr(0,1);
  254. if(!isNaN(xls)){
  255. if(ob1)xls='d';
  256. if(ob2)xls='u';
  257. }
  258. val=sida[i].replace('u','').replace('g','').replace('d','');
  259. str+='<span id="show'+rand+'_'+xls+''+val+'" xls="'+xls+'" xvl="'+val+'" onclick="rchanguserquxiao(this)">';
  260. str+='<input name="yixuancheck_'+rand+'" value="'+val+'" align="absmiddle" xls="'+xls+'" type="checkbox" checked xxu="" xname="'+snaa[i]+'">'+snaa[i]+'';
  261. str+='</span>';
  262. }
  263. $('#yixuan_'+rand+'').html(str);
  264. };
  265. this._changesel=function(o1){
  266. var val = o1.value;
  267. this.changesel = val;
  268. this.showlist(this.firstpid, 0);
  269. };
  270. this._searchkeys=function(e){
  271. clearTimeout(this._searchkeystime);
  272. this._searchkeystime=setTimeout(function(){
  273. me._searchkey(false);
  274. },500);
  275. };
  276. this._isdeptcheck=function(a){
  277. if(this.inputtype=='checkbox' && this.changetype.indexOf('user')>=0 && this.changetype.indexOf('dept')>=0){
  278. var stotal,i,nstotal=0,len=this.userarr.length,spath;
  279. stotal = parseFloat(a.stotal);
  280. for(i=0;i<len;i++){
  281. spath = this.userarr[i].deptpath;
  282. if(spath.indexOf('['+a.id+']')>=0)nstotal++;
  283. }
  284. return nstotal>=stotal;
  285. }else{
  286. return true;
  287. }
  288. },
  289. this._clickcheckbox=function(o1){
  290. var o = $(o1),xu,a,stotal,i,nstotal=0,len=this.userarr.length,spath;
  291. if(o.attr('xls')!='d')return;
  292. xu = parseFloat(o.attr('xu'));
  293. a = this.deptarr[xu];
  294. stotal = parseFloat(a.stotal);
  295. for(i=0;i<len;i++){
  296. spath = this.userarr[i].deptpath;
  297. if(spath.indexOf('['+a.id+']')>=0)nstotal++;
  298. }
  299. if(nstotal<stotal){
  300. o1.checked=false;
  301. o1.disabled=true;
  302. js.msg('msg','无权选择部门['+a.name+']');
  303. }
  304. },
  305. this._searchkey = function(bo){
  306. var key = $('#changekey_'+this.rand+'').val(),s='',a=[],d=[],len,i;
  307. a=this.userarr;
  308. len=a.length;
  309. if(key!='')for(i=0;i<len;i++)if(a[i].name.indexOf(key)>-1 || a[i].pingyin.indexOf(key)==0 || a[i].deptname.indexOf(key)>-1 || a[i].ranking.indexOf(key)>-1){a[i].xu=i;d.push(a[i])};
  310. len = d.length;
  311. for(i=0;i<len;i++){
  312. s+='<div class="listsss">';
  313. s+='<table style="background:none" width="100%"><tr><td></td><td width="100%"><img align="absmiddle" height="24" height="24" src="'+d[i].face+'">&nbsp;'+d[i].name+'<span style="font-size:12px;color:#888888">('+d[i].ranking+')</span></td><td><input name="changeuserinput_'+rand+'_soukey" xxu="'+d[i].xu+'" xls="u" xname="'+d[i].name+'" value="'+d[i].id+'" style="width:18px;height:18px;" onclick="rchanguserclick(this)" type="'+this.inputtype+'"></td></tr></table>';
  314. s+='</div>';
  315. }
  316. if(bo && s=='' && key!='')js.msg('msg','无相关['+key+']的记录', 2);
  317. $('#showdiv'+rand+'_search').html(s);
  318. var o1 = $('#showdiv'+rand+'_0');
  319. if(s==''){o1.show();}else{o1.hide();}
  320. };
  321. this._clickcancel=function(){
  322. if(!this.oveob)history.back();
  323. this.hide();
  324. };
  325. this.hide=function(){
  326. $('#changeuser_'+rand+'').remove();
  327. this.oncancel();
  328. };
  329. this.show=function(){
  330. this.creatediv();
  331. if(this.deptarr.length>0){
  332. this.firstpid = this.deptarr[0].pid;
  333. this.showlist(this.firstpid,0);
  334. }else{
  335. this._loaddata();
  336. }
  337. };
  338. this._deptclicks=function(o){
  339. var sxu = $(o).attr('deptxu').split('_');
  340. var a = this.deptarr[sxu[0]];
  341. var o1 = $('#showdiv'+rand+'_'+a.id+'');
  342. var lx = o1.attr('show');
  343. if(lx=='false'){
  344. this.showlist(a.id, parseFloat(sxu[1])+1);
  345. }else{
  346. o1.toggle();
  347. }
  348. };
  349. this._loaddata=function(){
  350. var o1 = $('#showdiv'+rand+'_0'),url;
  351. o1.html('<div align="center" style="padding:30px"><img src="images/mloading.gif"></div>');
  352. var url = 'index.php?a=deptuserjson&m=dept&d=system&ajaxbool=true&changerange='+this.changerange+'&changerangeno='+this.changerangeno+'&gtype=change';
  353. $.getJSON(url, function(ret){
  354. if(ret.code==200){
  355. ret = ret.data;
  356. me._loaddatashow(ret);
  357. }else{
  358. o1.html(ret.msg);
  359. }
  360. });
  361. };
  362. this._loaddatashow=function(ret){
  363. if(isempt(this.changerange) && isempt(this.changerangeno)){
  364. js.setoption('deptjson', ret.deptjson);
  365. js.setoption('userjson', ret.userjson);
  366. js.setoption('groupjson', ret.groupjson);
  367. }
  368. this.userarr = js.decode(ret.userjson);
  369. this.deptarr = js.decode(ret.deptjson);
  370. this.grouparr = js.decode(ret.groupjson);
  371. this.firstpid = 0;
  372. if(this.deptarr[0])this.firstpid = this.deptarr[0].pid;
  373. this.showlist(this.firstpid, 0);
  374. };
  375. this._changboxxuan=function(os){
  376. var ns= 'changeuserinput_'+rand+'';
  377. if($('#showdiv'+rand+'_search').html()!='')ns+='_soukey';
  378. var ob = os.checked,o=$("input[name='"+ns+"']"),i;
  379. for(i=0;i<o.length;i++)o[i].checked=ob;
  380. };
  381. this.queding=function(){
  382. var ns= 'changeuserinput_'+rand+'';
  383. if($('#showdiv'+rand+'_search').html()!='')ns+='_soukey';
  384. if(this.inputtype=='checkbox')ns='yixuancheck_'+rand+'';
  385. var o = $("input[name='"+ns+"']");
  386. var i,len=o.length,o1,xls,xna,xal,xxu,sid='',sna='',ob1=this.changetype.indexOf('dept')==-1,ob2=this.changetype.indexOf('user')==-1,xzarr=[];
  387. var ob3=ob1 || ob2;
  388. for(i=0;i<len;i++){
  389. o1 = $(o[i]);
  390. if(o[i].checked){
  391. xls= o1.attr('xls');
  392. xna= o1.attr('xname');
  393. xxu= o1.attr('xxu');
  394. xal= o1.val();
  395. if(ob3)xls='';
  396. sid+=','+xls+''+xal+'';
  397. sna+=','+xna+'';
  398. if(!isempt(xxu))xzarr.push(this.userarr[parseFloat(xxu)]);
  399. }
  400. }
  401. if(sid!=''){
  402. sid=sid.substr(1);
  403. sna=sna.substr(1);
  404. }
  405. if(this.idobj)this.idobj.value=sid;
  406. if(this.nameobj){
  407. this.nameobj.value=sna;
  408. this.nameobj.focus();
  409. }
  410. if(!this.oveob)history.back();
  411. this.onselect(sna, sid, xzarr);
  412. this.hide();
  413. }
  414. }
  415. function selectdata(sobj, options){
  416. var obj = sobj;
  417. var rand = ''+parseInt(Math.random()*9999999)+'';
  418. var me = this;
  419. this.rand = rand;
  420. this.ismobile = false;
  421. this.selvalue = '';
  422. this._init = function(){
  423. for(var i in options)this[i]=options[i];
  424. if(typeof(ismobile) && ismobile==1)this.ismobile = true;
  425. this._showcreate();
  426. };
  427. this._showcreate = function(){
  428. var ws = '350px';
  429. if(this.ismobile)ws='90%';
  430. var cold = window['maincolor'];if(!cold)cold='#1389D3';
  431. var s='<div style="width:100%;height:100%;overflow:hidden;left:0px;top:0px; background:rgba(0,0,0,0.3);position:fixed;z-index:11" id="selectdata_'+rand+'">';
  432. s+='<div tsid="main" id="mints_'+rand+'" style="position:absolute;top:30%; background:white;width:'+ws+';box-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:5px">';
  433. s+=' <div onmousedown="js.move(\'mints_'+rand+'\')" style="line-height:50px;color:'+cold+';font-size:16px;border-bottom:1px #eeeeee solid;font-weight:bold;"> &nbsp; &nbsp;'+this.title+'</div>';
  434. s+=' <div style="height:40px;overflow:hidden;border-bottom:1px #cccccc solid;"><table width="100%" style="background:none"><tr><td><select id="selxuan_'+this.rand+'" style="width:120px;border:none;background:none;display:none"><option value="">选择所有</option></select></td><td width="100%" height="40"><input id="changekey_'+this.rand+'" placeholder="搜索关键词" style="height:30px;border:none;background:none;width:100%;margin:0px 10px;outline:none"></td><td><button style="background:none;color:#666666;" class="changeuserbotton" id="changesoubtn_'+this.rand+'" type="button" >查找</button></td></tr></table></div>';
  435. s+=' <div style="-webkit-overflow-scrolling:touch;height:300px;overflow:auto; background:#f1f1f1" id="selectlist_'+rand+'" class="changeuserlist"></div>';
  436. s+=' <div style="height:50px;line-height:50px;border-top:1px #cccccc solid;" align="right"><table width="100%" style="background:none"><tr><td width="10" nowrap>&nbsp;</td><td width="80%"><font color="#888888" tsid="count"></font></td><td><button type="button" id="changereload_'+rand+'" class="changeuserbotton">刷新</button></td><td width="10" nowrap>&nbsp;</td><td><button class="changeuserbotton" type="button" id="changecancl_'+rand+'">取消</button></td><td width="10" nowrap>&nbsp;</td><td height="50"><button style="background:'+cold+';" id="changeok_'+rand+'" type="button" class="changeuserbotton">确定</button></td><td width="10" nowrap>&nbsp;</td></tr></table></div>';
  437. s+='</div>';
  438. s+='</div>';
  439. s+=_getstyles();
  440. $('body').append(s);
  441. this.showdata(this.data);
  442. var o = this._getobj('main');
  443. var l = ($(window).width()-o.width())*0.5,t = ($(window).height()-o.height())*0.5;
  444. o.css({'left':''+l+'px','top':''+t+'px'});
  445. $('#changecancl_'+this.rand+'').click(function(){
  446. me._clickcancel();
  447. });
  448. $('#changeok_'+this.rand+'').click(function(){
  449. me.queding();
  450. });
  451. $('#changereload_'+this.rand+'').click(function(){
  452. me.reload();
  453. });
  454. $('#changesoubtn_'+this.rand+'').click(function(){
  455. me._searchkey(true);
  456. });
  457. $('#changekey_'+this.rand+'').keydown(function(e){
  458. me._searchkeys(e)
  459. });
  460. $('#changekey_'+this.rand+'').keyup(function(e){
  461. me._searchkeys(e)
  462. });
  463. };
  464. this._getobj=function(lx){
  465. var o = $('#selectdata_'+rand+'').find("[tsid='"+lx+"']");
  466. return o;
  467. };
  468. this._clickcancel=function(){
  469. this.hide();
  470. };
  471. this.hide=function(){
  472. $('#selectdata_'+rand+'').remove();
  473. this.oncancel();
  474. };
  475. this.queding=function(){
  476. var ns= 'changeuserinput_'+rand+'';
  477. var o = $("input[name='"+ns+"']");
  478. var i,len=o.length,o1,xna,xu,xal,sid='',sna='',seld=[];
  479. for(i=0;i<len;i++){
  480. o1 = $(o[i]);
  481. if(o[i].checked){
  482. xna= o1.attr('xname');
  483. xu = parseFloat(o1.attr('xu'));
  484. if(this.checked){
  485. seld.push(this.nowdata[xu]);
  486. }else{
  487. seld=this.nowdata[xu];
  488. }
  489. xal= o1.val();
  490. sid+=','+xal+'';
  491. sna+=','+xna+'';
  492. }
  493. }
  494. if(sid!=''){
  495. sid=sid.substr(1);
  496. sna=sna.substr(1);
  497. }
  498. if(this.idobj)this.idobj.value=sid;
  499. if(this.nameobj){
  500. this.nameobj.value=sna;
  501. this.nameobj.focus();
  502. }
  503. this.onselect(seld,sna, sid);
  504. this.hide();
  505. };
  506. this.showdata=function(a,inb){
  507. if(!a)a=[];
  508. this.showselectdata(a.selectdata);
  509. if(a.rows)a = a.rows;
  510. var s='',len=a.length,s1='';
  511. if(len==0){
  512. s='<div align="center" style="margin-top:30px;color:#cccccc;font-size:16px">无记录</div>';
  513. }else{
  514. s = this.showhtml(a);
  515. s1='共'+len+'条';
  516. }
  517. this._getobj('count').html(s1);
  518. var o = $('#selectlist_'+rand+'');
  519. o.html(s);
  520. if(!inb && len==0)this.loaddata();
  521. };
  522. this.seldatsse=[];
  523. this.showselectdata=function(da){
  524. if(this.showselbo || !da)return;
  525. var o = get('selxuan_'+this.rand+'');
  526. js.setselectdata(o,da,'value');
  527. if(da.length>0){
  528. this.showselbo=true;
  529. }
  530. $(o).change(function(){
  531. me._changeselval(this);
  532. }).show();
  533. };
  534. this._changeselval=function(o){
  535. this.selvalue = o.value;
  536. this.loaddata(o.value);
  537. };
  538. this.showhtml=function(a,ks){
  539. this.nowdata = a;
  540. var i,len=a.length,s='',s2,s1='',atr,oldvel='',d;
  541. if(this.nameobj)oldvel=this.nameobj.value;
  542. if(this.idobj)oldvel=this.idobj.value;
  543. var type='checkbox',ched='';
  544. if(!ks)ks=0;
  545. if(!this.checked)type='radio';
  546. oldvel = ','+oldvel+',';
  547. for(i=ks;i<len && i<this.maxshow+ks;i++){
  548. ched='';
  549. d = a[i];
  550. if(!isempt(d.value) && oldvel.indexOf(','+d.value+',')>-1)ched='checked';
  551. if(d.disabled)ched+=' disabled';
  552. s2 = '<input xu="'+i+'" '+ched+' name="changeuserinput_'+rand+'" xname="'+d.name+'" value="'+d.value+'" style="width:18px;height:18px;" align="absmiddle" type="'+type+'">';
  553. atr = '';
  554. if(d.padding)atr='style="padding-left:'+d.padding+'px"';
  555. if(!d.iconswidth)d.iconswidth=18;
  556. if(d.iconsimg)s2+=' <img align="absmiddle" src="'+d.iconsimg+'" height="'+d.iconswidth+'" width="'+d.iconswidth+'">';
  557. s+='<div class="listsss" '+atr+'><label>'+s2+'&nbsp;'+d.name+'';
  558. if(d.subname)s+='&nbsp;<span style="font-size:12px;color:#888888">('+d.subname+')</span>';
  559. s+='</label></div>';
  560. }
  561. if(len>i){
  562. s+='<div align="center" id="moreadd_'+rand+'" style="padding:10px;font-size:12px;color:#aaaaaa;cursor:pointer">还有'+(len-i)+'条,点我加载</div>';
  563. setTimeout(function(){$('#moreadd_'+rand+'').click(function(){me.moregegd(i);});},10);
  564. }
  565. return s;
  566. };
  567. this.moregegd=function(i1){
  568. $('#moreadd_'+rand+'').remove();
  569. var s = this.showhtml(this.nowdata, i1);
  570. if(s)$('#selectlist_'+rand+'').append(s);
  571. };
  572. this.reload=function(){
  573. this.loaddata(this.selvalue);
  574. };
  575. this.loaddata=function(svel){
  576. var url = this.url;
  577. if(svel)url+='&selvalue='+svel+'';
  578. if(url=='')return;
  579. $('#selectlist_'+rand+'').html('<div align="center" style="margin-top:30px"><img src="images/mloading.gif"></div>');
  580. $.ajax({
  581. type:'get',dataType:'json',url:url,
  582. success:function(ret){
  583. me.data = ret;
  584. me.onloaddata(ret);
  585. me.showdata(ret, true);
  586. },
  587. error:function(e){
  588. $('#selectlist_'+rand+'').html('加载错误:<br><textarea style="width:95%;height:60%;color:red">'+e.responseText+'</textarea>');
  589. }
  590. });
  591. };
  592. this._searchkeys=function(e){
  593. clearTimeout(this._searchkeystime);
  594. this._searchkeystime=setTimeout(function(){
  595. me._searchkey(false);
  596. },500);
  597. };
  598. this._searchkey = function(bo){
  599. var key = $('#changekey_'+this.rand+'').val(),a=[],d=[],d1,len,i,oi=0,s;
  600. a=this.data;
  601. if(a.rows)a=a.rows;
  602. len=a.length;if(len==0)return;
  603. if(key)key = key.toLowerCase();
  604. if(key!='')for(i=0;i<len;i++){
  605. d1 = a[i];
  606. if(d1.name.indexOf(key)>-1 || d1.name.toLowerCase().indexOf(key)>-1 || d1.value==key || (d1.subname && d1.subname.indexOf(key)>-1)){
  607. d.push(d1);
  608. oi++;
  609. if(oi>20)break;//最多显示搜索
  610. }
  611. }
  612. len = d.length;
  613. if(len==0){
  614. if(key){
  615. s='<div align="center" style="margin-top:30px;color:#cccccc;font-size:16px">无相关['+key+']的记录</div>';
  616. }else{
  617. s=this.showhtml(a);
  618. }
  619. }else{
  620. s=this.showhtml(d);
  621. }
  622. $('#selectlist_'+rand+'').html(s);
  623. if(bo && len==0 && key!='')js.msg('msg','无相关['+key+']的记录', 2);
  624. };
  625. }
  626. $.fn.chnageuser = function(options){
  627. var defaultVal = {
  628. 'title' : '请选择...',
  629. 'titlebool':true,
  630. 'showview':'',
  631. 'changerange':'', //从哪些人员中选择
  632. 'changerangeno':'', //不从哪些人选择
  633. 'changetype' : 'user',
  634. 'idobj':false,'nameobj':false,
  635. 'onselect':function(){},
  636. 'oncancel':function(){}
  637. };
  638. var can = $.extend({}, defaultVal, options);
  639. var funcls = new chnageuser($(this), can);
  640. funcls._init();
  641. return funcls;
  642. };
  643. $.selectdata = function(options){
  644. var defaultVal = {
  645. 'showview': '',
  646. 'title' : '请选择...',
  647. 'maxshow' : 100, //最多显示防止卡死浏览器
  648. 'data' : [], 'url' : '',
  649. 'checked' : false,
  650. 'idobj' : false, 'nameobj':false,
  651. 'onselect': function(){},
  652. 'oncancel': function(){},
  653. 'onloaddata':function(){}
  654. };
  655. var can = $.extend({}, defaultVal, options);
  656. var funcls = new selectdata(false, can);
  657. funcls._init();
  658. return funcls;
  659. };
  660. })(jQuery);