jquery-changeuser.js 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733
  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._showdeptci = 0;
  180. this._showdept=function(pid,oi,s1,type,sel,dob,uob){
  181. var a,len,i,wwj,s2='',s='',zs;
  182. a=this.deptarr;
  183. len=a.length;
  184. this._showdeptci++;
  185. for(i=0;i<len;i++){
  186. //if(this._showdeptci==1)this._showdepticons(i);
  187. if(a[i].pid==pid || sel=='2'){
  188. this.fid = a[i].id;
  189. wjj= 'images/files.png';
  190. if(a[i].ntotal=='0' && uob)wjj= 'images/file.png';
  191. if(this.changetype=='changedept' || this.changetype=='changedeptcheck'){
  192. //zs = a[i].dtotal;
  193. //wjj= 'images/files.png';
  194. //if(zs==0)wjj= 'images/file.png';
  195. }
  196. 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+'">';
  197. if(dob)s2='';
  198. if(s2!='' && !this._isdeptcheck(a[i]))s2='';
  199. s+='<div class="listsss">';
  200. 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>';
  201. s+='</div>';
  202. s+='<span show="false" id="showdiv'+rand+'_'+a[i].id+'"></span>';
  203. }
  204. }
  205. return s;
  206. };
  207. this._showdepticons=function(xu){
  208. var a,len,i,d,zs=0;
  209. a=this.deptarr;
  210. len=a.length;
  211. d = a[xu];
  212. if(!isempt(d.dtotal))return zs;
  213. for(i=0;i<len;i++){
  214. if(a[i].pid==d.id)zs++;
  215. }
  216. this.deptarr[xu].dtotal=zs;
  217. return zs;
  218. };
  219. this._showgorup=function(type){
  220. var a,len,i,ssu='',s1;
  221. a=this.grouparr;
  222. len=a.length;
  223. for(i=0;i<len;i++){
  224. 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+'">';
  225. if(this.changetype.indexOf('deptuser')==-1)s1='';
  226. ssu+='<div class="listsss">';
  227. 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>';
  228. ssu+='</div>';
  229. ssu+='<span show="false" id="showgroup'+rand+'_'+a[i].id+'"></span>';
  230. }
  231. return ssu;
  232. };
  233. this._groupclicks=function(o){
  234. if(this.changetype.indexOf('user')==-1)return;
  235. var sxu = $(o).attr('groupxu');
  236. var a = this.grouparr[sxu];
  237. var o1 = $('#showgroup'+rand+'_'+a.id+'');
  238. var lx = o1.attr('show');
  239. if(lx=='false'){
  240. var s1='<div style="width:24px"></div>';
  241. var s = this._showuser(a.id,s1,this.inputtype, this.changesel);
  242. o1.html(s).attr('show','true');
  243. }else{
  244. o1.toggle();
  245. }
  246. };
  247. this._changexuan=function(o1){
  248. if(this.inputtype!='checkbox')return;
  249. var o = $(o1),xls=o.attr('xls'),val=o.val();
  250. var sid = 'show'+rand+'_'+xls+''+val+'';
  251. if(o1.checked){
  252. var str='<span id="'+sid+'" xls="'+xls+'" xvl="'+val+'" onclick="rchanguserquxiao(this)">';
  253. str+='<input name="yixuancheck_'+rand+'" value="'+val+'" align="absmiddle" xls="'+xls+'" type="checkbox" checked xxu="" xname="'+o.attr('xname')+'">'+o.attr('xname')+'';
  254. str+='</span>';
  255. if(!get(sid))$('#yixuan_'+rand+'').append(str);
  256. }else{
  257. $('#'+sid+'').remove();
  258. }
  259. };
  260. this._changequxiao=function(o1){
  261. var o = $(o1),xls=o.attr('xls'),xvl=o.attr('xvl');
  262. o.remove();
  263. $("input[name='changeuserinput_"+rand+"'][xls='"+xls+"'][value='"+xvl+"']").attr('checked', false);
  264. };
  265. this._initmrvel=function(){
  266. var sid ='',sna='',i,str='',xls,val;
  267. if(this.idobj)sid=this.idobj.value;
  268. if(this.nameobj)sna=this.nameobj.value;
  269. if(!sid || !sna)return;
  270. var sida = sid.split(','),snaa=sna.split(',');
  271. var ob1=this.changetype.indexOf('dept')>-1,ob2=this.changetype.indexOf('user')>-1;
  272. for(i=0;i<sida.length;i++){
  273. xls=sida[i].substr(0,1);
  274. if(!isNaN(xls)){
  275. if(ob1)xls='d';
  276. if(ob2)xls='u';
  277. }
  278. val=sida[i].replace('u','').replace('g','').replace('d','');
  279. str+='<span id="show'+rand+'_'+xls+''+val+'" xls="'+xls+'" xvl="'+val+'" onclick="rchanguserquxiao(this)">';
  280. str+='<input name="yixuancheck_'+rand+'" value="'+val+'" align="absmiddle" xls="'+xls+'" type="checkbox" checked xxu="" xname="'+snaa[i]+'">'+snaa[i]+'';
  281. str+='</span>';
  282. }
  283. $('#yixuan_'+rand+'').html(str);
  284. };
  285. this._changesel=function(o1){
  286. var val = o1.value;
  287. this.changesel = val;
  288. this.showlist(this.firstpid, 0);
  289. };
  290. this._searchkeys=function(e){
  291. clearTimeout(this._searchkeystime);
  292. this._searchkeystime=setTimeout(function(){
  293. me._searchkey(false);
  294. },500);
  295. };
  296. this._isdeptcheck=function(a){
  297. if(this.inputtype=='checkbox' && this.changetype.indexOf('user')>=0 && this.changetype.indexOf('dept')>=0){
  298. var stotal,i,nstotal=0,len=this.userarr.length,spath;
  299. stotal = parseFloat(a.stotal);
  300. for(i=0;i<len;i++){
  301. spath = this.userarr[i].deptpath;
  302. if(spath.indexOf('['+a.id+']')>=0)nstotal++;
  303. }
  304. return nstotal>=stotal;
  305. }else{
  306. return true;
  307. }
  308. },
  309. this._clickcheckbox=function(o1){
  310. var o = $(o1),xu,a,stotal,i,nstotal=0,len=this.userarr.length,spath;
  311. if(o.attr('xls')!='d')return;
  312. xu = parseFloat(o.attr('xu'));
  313. a = this.deptarr[xu];
  314. stotal = parseFloat(a.stotal);
  315. for(i=0;i<len;i++){
  316. spath = this.userarr[i].deptpath;
  317. if(spath.indexOf('['+a.id+']')>=0)nstotal++;
  318. }
  319. if(nstotal<stotal){
  320. o1.checked=false;
  321. o1.disabled=true;
  322. js.msg('msg','无权选择部门['+a.name+']');
  323. }
  324. },
  325. this._searchkey = function(bo){
  326. var key = $('#changekey_'+this.rand+'').val(),s='',a=[],d=[],len,i;
  327. a=this.userarr;
  328. len=a.length;
  329. 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])};
  330. len = d.length;
  331. for(i=0;i<len;i++){
  332. s+='<div class="listsss">';
  333. 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>';
  334. s+='</div>';
  335. }
  336. if(bo && s=='' && key!='')js.msg('msg','无相关['+key+']的记录', 2);
  337. $('#showdiv'+rand+'_search').html(s);
  338. var o1 = $('#showdiv'+rand+'_0');
  339. if(s==''){o1.show();}else{o1.hide();}
  340. };
  341. this._clickcancel=function(){
  342. if(!this.oveob)history.back();
  343. this.hide();
  344. };
  345. this.hide=function(){
  346. $('#changeuser_'+rand+'').remove();
  347. this.oncancel();
  348. };
  349. this.show=function(){
  350. this.creatediv();
  351. if(this.deptarr.length>0){
  352. this.firstpid = this.deptarr[0].pid;
  353. this.showlist(this.firstpid,0);
  354. }else{
  355. this._loaddata();
  356. }
  357. };
  358. this._deptclicks=function(o){
  359. var sxu = $(o).attr('deptxu').split('_');
  360. var a = this.deptarr[sxu[0]];
  361. var o1 = $('#showdiv'+rand+'_'+a.id+'');
  362. var lx = o1.attr('show');
  363. if(lx=='false'){
  364. this.showlist(a.id, parseFloat(sxu[1])+1);
  365. }else{
  366. o1.toggle();
  367. }
  368. };
  369. this._loaddata=function(){
  370. var o1 = $('#showdiv'+rand+'_0'),url;
  371. o1.html('<div align="center" style="padding:30px"><img src="images/mloading.gif"></div>');
  372. var url = 'index.php?a=deptuserjson&m=dept&d=system&ajaxbool=true&changerange='+this.changerange+'&changerangeno='+this.changerangeno+'&gtype=change';
  373. $.getJSON(url, function(ret){
  374. if(ret.code==200){
  375. ret = ret.data;
  376. me._loaddatashow(ret);
  377. }else{
  378. o1.html(ret.msg);
  379. }
  380. });
  381. };
  382. this._loaddatashow=function(ret){
  383. if(isempt(this.changerange) && isempt(this.changerangeno)){
  384. if(ret.iscache=='1'){
  385. js.setoption('deptjson', '');
  386. js.setoption('userjson', '');
  387. js.setoption('groupjson', '');
  388. }else{
  389. js.setoption('deptjson', ret.deptjson);
  390. js.setoption('userjson', ret.userjson);
  391. js.setoption('groupjson', ret.groupjson);
  392. }
  393. }
  394. this.userarr = js.decode(ret.userjson);
  395. this.deptarr = js.decode(ret.deptjson);
  396. this.grouparr = js.decode(ret.groupjson);
  397. this.firstpid = 0;
  398. if(this.deptarr[0])this.firstpid = this.deptarr[0].pid;
  399. this.showlist(this.firstpid, 0);
  400. };
  401. this._changboxxuan=function(os){
  402. var ns= 'changeuserinput_'+rand+'';
  403. if($('#showdiv'+rand+'_search').html()!='')ns+='_soukey';
  404. var ob = os.checked,o=$("input[name='"+ns+"']"),i;
  405. for(i=0;i<o.length;i++)o[i].checked=ob;
  406. };
  407. this.queding=function(){
  408. var ns= 'changeuserinput_'+rand+'';
  409. if($('#showdiv'+rand+'_search').html()!='')ns+='_soukey';
  410. if(this.inputtype=='checkbox')ns='yixuancheck_'+rand+'';
  411. var o = $("input[name='"+ns+"']");
  412. 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=[];
  413. var ob3=ob1 || ob2;
  414. for(i=0;i<len;i++){
  415. o1 = $(o[i]);
  416. if(o[i].checked){
  417. xls= o1.attr('xls');
  418. xna= o1.attr('xname');
  419. xxu= o1.attr('xxu');
  420. xal= o1.val();
  421. if(ob3)xls='';
  422. sid+=','+xls+''+xal+'';
  423. sna+=','+xna+'';
  424. if(!isempt(xxu))xzarr.push(this.userarr[parseFloat(xxu)]);
  425. }
  426. }
  427. if(sid!=''){
  428. sid=sid.substr(1);
  429. sna=sna.substr(1);
  430. }
  431. if(this.idobj)this.idobj.value=sid;
  432. if(this.nameobj){
  433. this.nameobj.value=sna;
  434. this.nameobj.focus();
  435. }
  436. if(!this.oveob)history.back();
  437. this.onselect(sna, sid, xzarr);
  438. this.hide();
  439. }
  440. }
  441. function selectdata(sobj, options){
  442. var obj = sobj;
  443. var rand = ''+parseInt(Math.random()*9999999)+'';
  444. var me = this;
  445. this.rand = rand;
  446. this.ismobile = false;
  447. this.page = 1;
  448. this.selvalue = '';
  449. this._init = function(){
  450. for(var i in options)this[i]=options[i];
  451. if(typeof(ismobile) && ismobile==1)this.ismobile = true;
  452. this._showcreate();
  453. };
  454. this._showcreate = function(){
  455. var ws = '350px';
  456. if(this.ismobile)ws='90%';
  457. var cold = window['maincolor'];if(!cold)cold='#1389D3';
  458. 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+'">';
  459. 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">';
  460. 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>';
  461. 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>';
  462. s+=' <div style="-webkit-overflow-scrolling:touch;height:300px;overflow:auto; background:#f1f1f1" id="selectlist_'+rand+'" class="changeuserlist"></div>';
  463. 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>';
  464. s+='</div>';
  465. s+='</div>';
  466. s+=_getstyles();
  467. $('body').append(s);
  468. this.showdata(this.data);
  469. var o = this._getobj('main');
  470. var l = ($(window).width()-o.width())*0.5,t = ($(window).height()-o.height())*0.5;
  471. o.css({'left':''+l+'px','top':''+t+'px'});
  472. $('#changecancl_'+this.rand+'').click(function(){
  473. me._clickcancel();
  474. });
  475. $('#changeok_'+this.rand+'').click(function(){
  476. me.queding();
  477. });
  478. $('#changereload_'+this.rand+'').click(function(){
  479. me.reload();
  480. });
  481. $('#changesoubtn_'+this.rand+'').click(function(){
  482. me._searchkey(true);
  483. });
  484. $('#changekey_'+this.rand+'').keydown(function(e){
  485. me._searchkeys(e)
  486. });
  487. $('#changekey_'+this.rand+'').keyup(function(e){
  488. me._searchkeys(e)
  489. });
  490. };
  491. this._getobj=function(lx){
  492. var o = $('#selectdata_'+rand+'').find("[tsid='"+lx+"']");
  493. return o;
  494. };
  495. this._clickcancel=function(){
  496. this.hide();
  497. };
  498. this.hide=function(){
  499. $('#selectdata_'+rand+'').remove();
  500. this.oncancel();
  501. };
  502. this.queding=function(){
  503. var ns= 'changeuserinput_'+rand+'';
  504. var o = $("input[name='"+ns+"']");
  505. var i,len=o.length,o1,xna,xu,xal,sid='',sna='',seld=[];
  506. for(i=0;i<len;i++){
  507. o1 = $(o[i]);
  508. if(o[i].checked){
  509. xna= o1.attr('xname');
  510. xu = parseFloat(o1.attr('xu'));
  511. if(this.checked){
  512. seld.push(this.nowdata[xu]);
  513. }else{
  514. seld=this.nowdata[xu];
  515. }
  516. xal= o1.val();
  517. sid+=','+xal+'';
  518. sna+=','+xna+'';
  519. }
  520. }
  521. if(sid!=''){
  522. sid=sid.substr(1);
  523. sna=sna.substr(1);
  524. }
  525. if(this.idobj)this.idobj.value=sid;
  526. if(this.nameobj){
  527. this.nameobj.value=sna;
  528. this.nameobj.focus();
  529. }
  530. this.onselect(seld,sna, sid);
  531. this.hide();
  532. };
  533. this.showdata=function(a,inb){
  534. if(!a)a=[];
  535. var ret= a;
  536. this.showselectdata(a.selectdata);
  537. var len = 0;
  538. if(a.totalCount)len=a.totalCount;
  539. if(a.rows)a = a.rows;
  540. if(len==0)len=a.length;
  541. var s='',s1='',npid='nextpage_'+this.rand+'';
  542. if(len==0){
  543. s='<div align="center" style="margin-top:30px;color:#cccccc;font-size:16px">无记录</div>';
  544. }else{
  545. s = this.showhtml(a);
  546. s1='共'+len+'条';
  547. if(ret.page && ret.limit){
  548. var max = Math.ceil(len/ret.limit);
  549. s1+=' ';
  550. if(ret.page>1)s1+='<a id="'+npid+'1" class="zhu" href="javascript:;">上页</a>';
  551. s1+='('+ret.page+'/'+max+')';
  552. if(max>ret.page)s1+='<a id="'+npid+'" class="zhu" href="javascript:;">下页</a>';
  553. this.searchajax = true;
  554. }
  555. }
  556. this._getobj('count').html(s1);
  557. var o = $('#selectlist_'+rand+'');
  558. o.html(s);
  559. $('#'+npid+'').click(function(){me.nextpage(1);});
  560. $('#'+npid+'1').click(function(){me.nextpage(-1);});
  561. if(!inb && len==0)this.loaddata();
  562. };
  563. this.seldatsse=[];
  564. this.showselectdata=function(da){
  565. if(this.showselbo || !da)return;
  566. var o = get('selxuan_'+this.rand+'');
  567. js.setselectdata(o,da,'value');
  568. if(da.length>0){
  569. this.showselbo=true;
  570. }
  571. $(o).change(function(){
  572. me._changeselval(this);
  573. }).show();
  574. };
  575. this._changeselval=function(o){
  576. this.selvalue = o.value;
  577. this.loaddata(o.value);
  578. };
  579. this.showhtml=function(a,ks){
  580. this.nowdata = a;
  581. var i,len=a.length,s='',s2,s1='',atr,oldvel='',d;
  582. if(this.nameobj)oldvel=this.nameobj.value;
  583. if(this.idobj)oldvel=this.idobj.value;
  584. var type='checkbox',ched='';
  585. if(!ks)ks=0;
  586. if(!this.checked)type='radio';
  587. oldvel = ','+oldvel+',';
  588. for(i=ks;i<len && i<this.maxshow+ks;i++){
  589. ched='';
  590. d = a[i];
  591. if(!isempt(d.value) && oldvel.indexOf(','+d.value+',')>-1)ched='checked';
  592. if(d.disabled)ched+=' disabled';
  593. s2 = '<input xu="'+i+'" '+ched+' name="changeuserinput_'+rand+'" xname="'+d.name+'" value="'+d.value+'" style="width:18px;height:18px;" align="absmiddle" type="'+type+'">';
  594. atr = '';
  595. if(d.padding)atr='style="padding-left:'+d.padding+'px"';
  596. if(!d.iconswidth)d.iconswidth=18;
  597. if(d.iconsimg)s2+=' <img align="absmiddle" src="'+d.iconsimg+'" height="'+d.iconswidth+'" width="'+d.iconswidth+'">';
  598. s+='<div class="listsss" '+atr+'><label>'+s2+'&nbsp;'+d.name+'';
  599. if(d.subname)s+='&nbsp;<span style="font-size:12px;color:#888888">('+d.subname+')</span>';
  600. s+='</label></div>';
  601. }
  602. if(len>i){
  603. s+='<div align="center" id="moreadd_'+rand+'" style="padding:10px;font-size:12px;color:#aaaaaa;cursor:pointer">还有'+(len-i)+'条,点我加载</div>';
  604. setTimeout(function(){$('#moreadd_'+rand+'').click(function(){me.moregegd(i);});},10);
  605. }
  606. return s;
  607. };
  608. this.moregegd=function(i1){
  609. $('#moreadd_'+rand+'').remove();
  610. var s = this.showhtml(this.nowdata, i1);
  611. if(s)$('#selectlist_'+rand+'').append(s);
  612. };
  613. this.reload=function(){
  614. this.page = 1;
  615. this.loaddata(this.selvalue);
  616. };
  617. this.nextpage=function(p){
  618. this.page = this.page+p;
  619. this.loaddata(this.selvalue);
  620. };
  621. this.loaddata=function(svel){
  622. var url = this.url;
  623. if(svel)url+='&selvalue='+svel+'';
  624. if(url=='')return;
  625. url+='&page='+this.page+'';
  626. url+='&limit='+this.maxshow+'';
  627. $('#selectlist_'+rand+'').html('<div align="center" style="margin-top:30px"><img src="images/mloading.gif"></div>');
  628. $.ajax({
  629. type:'get',dataType:'json',url:url,
  630. success:function(ret){
  631. me.data = ret;
  632. me.onloaddata(ret);
  633. me.showdata(ret, true);
  634. },
  635. error:function(e){
  636. $('#selectlist_'+rand+'').html('加载错误:<br><textarea style="width:95%;height:60%;color:red">'+e.responseText+'</textarea>');
  637. }
  638. });
  639. };
  640. this._searchkeys=function(e){
  641. if(!this.searchajax){
  642. clearTimeout(this._searchkeystime);
  643. this._searchkeystime=setTimeout(function(){
  644. me._searchkey(false);
  645. },500);
  646. }else{
  647. if(e.keyCode==13)this._searchkey(false);
  648. }
  649. };
  650. this._searchkey = function(bo){
  651. var key = $('#changekey_'+this.rand+'').val(),a=[],d=[],d1,len,i,oi=0,s;
  652. if(this.searchajax){
  653. this.page = 1;
  654. this.loaddata(''+this.selvalue+'&key='+jm.base64encode(key)+'');
  655. return;
  656. }
  657. a=this.data;
  658. if(a.rows)a=a.rows;
  659. len=a.length;if(len==0)return;
  660. if(key)key = key.toLowerCase();
  661. if(key!='')for(i=0;i<len;i++){
  662. d1 = a[i];
  663. if(d1.name.indexOf(key)>-1 || d1.name.toLowerCase().indexOf(key)>-1 || d1.value==key || (d1.subname && d1.subname.indexOf(key)>-1)){
  664. d.push(d1);
  665. oi++;
  666. if(oi>20)break;//最多显示搜索
  667. }
  668. }
  669. len = d.length;
  670. if(len==0){
  671. if(key){
  672. s='<div align="center" style="margin-top:30px;color:#cccccc;font-size:16px">无相关['+key+']的记录</div>';
  673. }else{
  674. s=this.showhtml(a);
  675. }
  676. }else{
  677. s=this.showhtml(d);
  678. }
  679. $('#selectlist_'+rand+'').html(s);
  680. if(bo && len==0 && key!='')js.msg('msg','无相关['+key+']的记录', 2);
  681. };
  682. }
  683. $.fn.chnageuser = function(options){
  684. var defaultVal = {
  685. 'title' : '请选择...',
  686. 'titlebool':true,
  687. 'showview':'',
  688. 'changerange':'', //从哪些人员中选择
  689. 'changerangeno':'', //不从哪些人选择
  690. 'changetype' : 'user',
  691. 'idobj':false,'nameobj':false,
  692. 'onselect':function(){},
  693. 'oncancel':function(){}
  694. };
  695. var can = $.extend({}, defaultVal, options);
  696. var funcls = new chnageuser($(this), can);
  697. funcls._init();
  698. return funcls;
  699. };
  700. $.selectdata = function(options){
  701. var defaultVal = {
  702. 'showview': '',
  703. 'title' : '请选择...',
  704. 'maxshow' : 100, //最多显示防止卡死浏览器
  705. 'data' : [], 'url' : '',
  706. 'checked' : false,
  707. 'idobj' : false, 'nameobj':false,
  708. 'onselect': function(){},
  709. 'oncancel': function(){},
  710. 'onloaddata':function(){}
  711. };
  712. var can = $.extend({}, defaultVal, options);
  713. var funcls = new selectdata(false, can);
  714. funcls._init();
  715. return funcls;
  716. };
  717. })(jQuery);