edit_customer.html 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832
  1. {extend name="public/layout"}
  2. {block name="body"}
  3. <link rel="stylesheet" href="__LAYUI__/layui/css/layui.css" media="all">
  4. <link rel="stylesheet" " href=" /static/css/common.css">
  5. <script src="/static/js/jquery.min.js"></script>
  6. <style>
  7. body {
  8. padding-bottom: 40px;
  9. background-color: #F3F3F3;
  10. position: relative;
  11. }
  12. .mainbox{
  13. display: block;
  14. width: 900px;
  15. padding-top: 20px;
  16. margin: 0 auto;
  17. }
  18. .titbox{
  19. padding: 15px 10px;
  20. border: 1px solid #F0F0F0;
  21. background: #FCFCFC;
  22. margin-bottom: 10px;
  23. position: relative;
  24. line-height: 28px;
  25. }
  26. .goback{
  27. display: block;
  28. cursor: pointer;
  29. color: #000;
  30. background: url(__STATIC__/img/btn_bg.gif) repeat-x;
  31. border: 1px solid #C0C0C0;
  32. padding: 0 12px;
  33. *padding: 0 6px;
  34. height: 28px;
  35. width: 84px;
  36. }
  37. .crmsgbox{
  38. display: block;
  39. width: 100%;
  40. _width: 100%;
  41. width: 100%;
  42. border: 1px solid #DFDFDF;
  43. background-color: #FFF;
  44. border-bottom: 2px solid #DFDFDF;
  45. padding: 0 10px;
  46. font-size: 0;
  47. }
  48. .everytit{
  49. border-bottom: 1px solid #999;
  50. font-weight: bold;
  51. font-size: 15px;
  52. margin-bottom: 10px;
  53. margin-top: 5px;
  54. text-indent: 3px;
  55. font-family: Arial;
  56. letter-spacing: 1px;
  57. line-height: 35px;
  58. }
  59. .everydiv{
  60. display: inline-block;
  61. border-bottom: 1px solid #EAEAEC;
  62. padding: 7px;
  63. line-height: 25px;
  64. font-size: 13px;
  65. /* position: relative; */
  66. box-sizing: border-box;
  67. width:auto;
  68. }
  69. .w70{
  70. width: 70px;
  71. }
  72. .addbtn{
  73. display: block;
  74. margin: 20px auto;
  75. border: none;
  76. width: 98px;
  77. height: 30px;
  78. color: #fff;
  79. font-size: 14px;
  80. font-weight: bold;
  81. text-align: center;
  82. background: url(__STATIC__/img/icon-sub.png) no-repeat;
  83. cursor: pointer;
  84. }
  85. .noticebox{
  86. display: block;
  87. width: 100%;
  88. padding: 15px 10px;
  89. border: 1px solid #F0F0F0;
  90. background: #FCFCFC;
  91. margin-bottom: 10px;
  92. position: relative;
  93. line-height: 23px;
  94. color: #666;
  95. }
  96. input[type=radio] {
  97. vertical-align: middle;
  98. width: 16px;
  99. height: 16px;
  100. appearance: radio;
  101. /**css3属性,不支持ie,但不影响使用**/
  102. -webkit-appearance: radio;
  103. -moz-appearance: radio;
  104. background-color: transparent;
  105. border: 0;
  106. outline: 0 !important;
  107. line-height: 14px;
  108. color: #d8d8d8;
  109. }
  110. input[type=radio]+label {
  111. vertical-align: middle;
  112. padding-left: 1px;
  113. padding-right: 1px;
  114. }
  115. input[type=radio]:after {
  116. content: "";
  117. background-color:unset;
  118. border:unset;
  119. }
  120. input[type=radio]:checked:after {
  121. content: "";
  122. transform: unset;
  123. background-color:unset;
  124. }
  125. .uploadbtn{
  126. float:left;
  127. height: 28px;
  128. line-height: 28px;
  129. padding: 0 18px;
  130. background-color: #249efb;
  131. color: #fff;
  132. white-space: nowrap;
  133. text-align: center;
  134. font-size: 12px;
  135. border: none;
  136. border-radius: 2px;
  137. cursor: pointer;
  138. }
  139. .uploadbtn .layui-icon{
  140. margin-right: 3px;
  141. font-size: 14px;
  142. vertical-align: bottom;
  143. }
  144. .addimgbox{
  145. float: left;
  146. }
  147. .addimgbox img{
  148. display: block;
  149. float: left;
  150. width: 28px;
  151. height: 28px;
  152. margin-right: 8px;
  153. }
  154. .foldbtn {
  155. display: block;
  156. font-weight: 500;
  157. cursor: pointer;
  158. }
  159. .foldbtn:hover{
  160. text-decoration: underline
  161. }
  162. ::-webkit-scrollbar {
  163. width: 8px;
  164. height: 8px;
  165. }
  166. .everydiv span{
  167. float: left;
  168. }
  169. .everydiv select{
  170. float: left;
  171. }
  172. </style>
  173. <body class="clearfix">
  174. <div class="mainbox">
  175. <div class="titbox clearfix">
  176. <div class="left">你正在编辑"<span style="color:#336699;">{$customer.name}</span></div>
  177. <div class="right">
  178. <div class="left">点击这里返回:</div>
  179. <button class="left goback" type="button">返回</button>
  180. </div>
  181. </div>
  182. <div class="crmsgbox" id="crmsgbox">
  183. </div>
  184. <button class="addbtn" type="button">提交保存</button>
  185. </div>
  186. </body>
  187. <script src="__LAYUI__/layui/layui.js"></script>
  188. <script src="__STATIC__/layui/layui/lay/modules/xm-select.js" type="text/javascript" charset="utf-8"></script>
  189. {/block}{block name="js"}
  190. <script id="csutomerdiv" type="text/html">
  191. {{# for(let index=0;index<d.length;index++){ }}
  192. {{# if(index==0){ }}
  193. <div class="everytit">{{ d[index].name }}:</div>
  194. {{# }else{ }}
  195. <div class="everytit clearfix" style="margin-top: 14px;"><div class="left">{{d[index].name}}:</div><div class="right foldbtn seebtn" style="padding-right: 10px;">折叠</div></div><div class="everyinputbox" style="display: none;">
  196. {{# }; }}
  197. {{# for(let j=0,len=d[index].child.length;j<len;j++){ }}
  198. {{# d[index].child[j].keyname= 'wzh--'+d[index].child[j].keyname; }}
  199. {{# if(d[index].child[j].type==1){ }}
  200. {{# if(d[index].child[j].keyname=='wzh--live_broadcast_business'||d[index].child[j].keyname=='wzh--live_broadcast_design'||d[index].child[j].keyname=='wzh--live_broadcast_personnel'){ }}
  201. {{# var selectstr='';
  202. for(let h=0,len56=d[index].child[j].select.designer.length;h<len56;h++){
  203. selectstr+='<option value="'+d[index].child[j].select.designer[h].name+'">'+
  204. d[index].child[j].select.designer[h].name+'</option>';
  205. };
  206. var optionfun=function (arr){
  207. let str='' ;
  208. for(let r=0;r<arr.length;r++){
  209. str+='<option '+((d[index].child[j].value==arr[r].name) ? 'selected' : '')+' value="' +arr[r].name+'">'+ arr[r].name+'</option>'
  210. };
  211. selectstr+=str;
  212. };
  213. var employeefun=function(obj){
  214. if(obj.designer.length>0){
  215. optionfun(obj.designer);
  216. };
  217. if(obj.child_org&&obj.child_org.length>0){
  218. for(let n=0;n< obj.child_org.length;n++){ employeefun(obj.child_org[n]); }
  219. };
  220. };
  221. employeefun(d[index].child[j].select.child_org[0]);
  222. }}
  223. {{# if(d[index].child[j].keyname=='wzh--live_broadcast_business'){ }}
  224. <div title="{{d[index].child[j].value}}" id="liveperson1" style="display:none;" class="clearfix everydiv">
  225. {{# if(d[index].child[j].is_must==0){ }}
  226. <div class="left" style="line-height: 36px;"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  227. {{# }else{ }}
  228. <div class="left" style="line-height: 36px;"><span>{{d[index].child[j].name}}</span>:</div>
  229. {{# }; }}
  230. <select name="{{ d[index].child[j].keyname }}" id="{{ d[index].child[j].keyname }}">
  231. <option value="">------------</option>
  232. {{ selectstr }}
  233. </select>
  234. {{# }else if(d[index].child[j].keyname=='wzh--live_broadcast_design'){ }}
  235. <div title="{{d[index].child[j].value}}" id="liveperson2" style="display:none;" class="clearfix everydiv">
  236. {{# if(d[index].child[j].is_must==0){ }}
  237. <div class="left" style="line-height: 36px;"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  238. {{# }else{ }}
  239. <div class="left" style="line-height: 36px;"><span>{{d[index].child[j].name}}</span>:</div>
  240. {{# }; }}
  241. <select name="{{ d[index].child[j].keyname }}" id="{{ d[index].child[j].keyname }}">
  242. <option value="">------------</option>
  243. {{ selectstr }}
  244. </select>
  245. {{# }else{ }}
  246. <div title="{{d[index].child[j].value}}" id="liveperson3" style="display:none;" class="clearfix everydiv">
  247. {{# if(d[index].child[j].is_must==0){ }}
  248. <div class="left" style="line-height: 36px;"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  249. {{# }else{ }}
  250. <div class="left" style="line-height: 36px;"><span>{{d[index].child[j].name}}</span>:</div>
  251. {{# }; }}
  252. <select style="display:none;" id="{{ d[index].child[j].keyname }}">
  253. {{ selectstr }}
  254. </select>
  255. <div class="left" style="width:60%;" id="range_person"></div>
  256. {{# } }}
  257. {{# }else if(d[index].child[j].keyname=='wzh--house_location'){ }}
  258. <div class="clearfix everydiv">
  259. {{# if(d[index].child[j].is_must==0){ }}
  260. <div class="left"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  261. {{# }else{ }}
  262. <div class="left"><span>{{d[index].child[j].name}}</span>:</div>
  263. {{# }; }}
  264. <form title="{{d[index].child[j].value}}" class="layui-form layui-form-pane" id="addForm">
  265. <div id="area-picker" class="clearfix">
  266. <div class="layui-row left">
  267. <select name="province" class="province-selector" lay-verify="required" data-value="" lay-filter="province-1">
  268. <option value="">请选择省份</option>
  269. </select>
  270. </div>
  271. <div class="layui-row left">
  272. <select name="city" class="city-selector" lay-verify="required" data-value="" lay-filter="city-1">
  273. <option value="">请选择市</option>
  274. </select>
  275. </div>
  276. <div class="layui-row left">
  277. <select name="county" class="county-selector" lay-verify="required" data-value="" lay-filter="county-1">
  278. <option value="">请选择区</option>
  279. </select>
  280. </div>
  281. </div>
  282. </form>
  283. {{# }else if(d[index].child[j].keyname=='wzh--talking_about_single_time'){ }}
  284. <div class="clearfix everydiv">
  285. {{# if(d[index].child[j].is_must==0){ }}
  286. <div class="left"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  287. {{# }else{ }}
  288. <div class="left"><span>{{d[index].child[j].name}}</span>:</div>
  289. {{# }; }}
  290. <input autocomplete="off" name="{{ d[index].child[j].keyname }}" type="text" onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')"
  291. placeholder="请填写{{ d[index].child[j].name }}" class="txtbox left" value="{{ d[index].child[j].value }}" id="{{ d[index].child[j].keyname }}" />
  292. {{# }else{ }}
  293. <div class="clearfix everydiv">
  294. {{# if(d[index].child[j].is_must==0){ }}
  295. <div class="left"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  296. {{# }else{ }}
  297. <div class="left"><span>{{d[index].child[j].name}}</span>:</div>
  298. {{# }; }}
  299. <input autocomplete="off" name="{{ d[index].child[j].keyname }}" type="text" placeholder="请填写{{ d[index].child[j].name }}" class="txtbox left" value="{{ d[index].child[j].value }}" id="{{ d[index].child[j].keyname }}" />
  300. {{# } }}
  301. {{# if(d[index].child[j].is_must==0){ }}
  302. <span title="必填信息" class="red2">*</span>
  303. {{# }; }}
  304. </div>
  305. {{# }else if(d[index].child[j].type==2){ }}
  306. <div class="clearfix everydiv">
  307. {{# if(d[index].child[j].is_must==0){ }}
  308. <div class="left"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  309. {{# }else{ }}
  310. <div class="left"><span>{{d[index].child[j].name}}</span>:</div>
  311. {{# }; }}
  312. {{# if(d[index].child[j].keyname=='wzh--phone'){ }}
  313. <input name="{{d[index].child[j].keyname}}" type="text" autocomplete="off" value="{{d[index].child[j].value}}" class="txtbox left" size="21" maxlength="11"
  314. id="{{d[index].child[j].keyname}}" onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')" />
  315. {{# }else if(d[index].child[j].keyname=='wzh--square'){ }}
  316. <input name="{{d[index].child[j].keyname}}" type="text" autocomplete="off" value="{{d[index].child[j].value}}" class="txtbox left" size="8" maxlength="5"
  317. id="{{d[index].child[j].keyname}}" onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')" />
  318. {{# }else{ }}
  319. <input name="{{d[index].child[j].keyname}}" type="text" autocomplete="off" value="{{d[index].child[j].value}}" class="txtbox left"
  320. id="{{d[index].child[j].keyname}}" onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')" />
  321. {{# }; }}
  322. {{# if(d[index].child[j].is_must==0){ }}
  323. <span title="必填信息" class="red2">*</span>
  324. {{# }; }}
  325. {{# if(d[index].child[j].unity==null){ }}
  326. <span style="display:none;">{{d[index].child[j].unity}}</span>
  327. {{# }else{ }}
  328. <span >{{d[index].child[j].unity}}</span>
  329. {{# }; }}
  330. </div>
  331. {{# }else if(d[index].child[j].type==3){ }}
  332. <div class="clearfix everydiv">
  333. {{# if(d[index].child[j].is_must==0){ }}
  334. <div class="left"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  335. {{# }else{ }}
  336. <div class="left"><span>{{d[index].child[j].name}}</span>:</div>
  337. {{# }; }}
  338. {{# if(d[index].child[j].keyname=='agents_id'){ }}
  339. <select class="left" name="{{d[index].child[j].keyname}}" id="{{d[index].child[j].keyname}}" style="height:26px;">
  340. <option value="">------------</option>
  341. {{# for(var x=0,len1=d[index].child[j].select.length;x<len1;x++){ }}
  342. {{# if(d[index].child[j].select[x].id==d[index].child[j].value){ }}
  343. <option value="{{d[index].child[j].select[x].id}}" selected>{{d[index].child[j].select[x].name}}</option>
  344. {{# }else{ }}
  345. <option value="{{d[index].child[j].select[x].id}}">{{d[index].child[j].select[x].name}}</option>
  346. {{# }; }}
  347. {{# }; }}
  348. </select>
  349. {{# }else if(d[index].child[j].select.length>3){ }}
  350. <select class="left" name="{{d[index].child[j].keyname}}" id="{{d[index].child[j].keyname}}" style="height:26px;">
  351. <option value="">------------</option>
  352. {{# for(var x=0,len1=d[index].child[j].select.length;x<len1;x++){ }}
  353. {{# if(d[index].child[j].select[x].id==d[index].child[j].value){ }}
  354. <option value="{{d[index].child[j].select[x].id}}" selected>{{d[index].child[j].select[x].name}}</option>
  355. {{# }else{ }}
  356. <option value="{{d[index].child[j].select[x].id}}">{{d[index].child[j].select[x].name}}</option>
  357. {{# }; }}
  358. {{# }; }}
  359. </select>
  360. {{# }else{ }}
  361. {{# for(let w=0,len3=d[index].child[j].select.length;w<len3;w++){ }}
  362. {{# if(d[index].child[j].select[w].id==d[index].child[j].value){ }}
  363. <div class="left ml10">
  364. <input name="{{d[index].child[j].keyname}}" type="radio" value="{{d[index].child[j].select[w].id}}" checked
  365. id="{{d[index].child[j].keyname+(w*1+1)}}" title="{{d[index].child[j].select[w].name}}">
  366. <label for="{{d[index].child[j].keyname+(w*1+1)}}"
  367. title="{{d[index].child[j].select[w].name}}">{{d[index].child[j].select[w].name}}</label>
  368. </div>
  369. {{# }else{ }}
  370. <div class="left ml10">
  371. <input name="{{d[index].child[j].keyname}}" type="radio" value="{{d[index].child[j].select[w].id}}"
  372. id="{{d[index].child[j].keyname+(w*1+1)}}" title="{{d[index].child[j].select[w].name}}">
  373. <label for="{{d[index].child[j].keyname+(w*1+1)}}"
  374. title="{{d[index].child[j].select[w].name}}">{{d[index].child[j].select[w].name}}</label>
  375. </div>
  376. {{# }; }}
  377. {{# }; }}
  378. {{# }; }}
  379. {{# if(d[index].child[j].is_must==0){ }}
  380. <span title="必填信息" class="red2">*</span>
  381. {{# }; }}
  382. </div>
  383. {{# }else if(d[index].child[j].type==4){ }}
  384. <div class="clearfix everydiv">
  385. {{# if(d[index].child[j].is_must==0){ }}
  386. <div class="left"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  387. {{# }else{ }}
  388. <div class="left"><span>{{d[index].child[j].name}}</span>:</div>
  389. {{# }; }}
  390. {{# for(let k=0,len2=d[index].child[j].select.length;k<len2;k++){ }}
  391. <div class="left ml10">
  392. {{# if(!!d[index].child[j].select[k].check&&d[index].child[j].select[k].check=='true'){ }}
  393. <input name="{{d[index].child[j].keyname}}" type="checkbox" value="{{d[index].child[j].select[k].id}}" checked
  394. id="{{d[index].child[j].keyname+(k*1+1)}}" title="{{d[index].child[j].select[k].name}}">
  395. {{# }else{ }}
  396. <input name="{{d[index].child[j].keyname}}" type="checkbox" value="{{d[index].child[j].select[k].id}}"
  397. id="{{d[index].child[j].keyname+(k*1+1)}}" title="{{d[index].child[j].select[k].name}}">
  398. {{# }; }}
  399. <label for="{{d[index].child[j].keyname+(k*1+1)}}" title="{{d[index].child[j].select[k].name}}">{{ d[index].child[j].select[k].name }}</label>
  400. </div>
  401. {{# }; }}
  402. {{# if(d[index].child[j].is_must==0){ }}
  403. <span title="必填信息" class="red2">*</span>
  404. {{# }; }}
  405. </div>
  406. {{# }else if(d[index].child[j].type==5){ }}
  407. <div class="clearfix everydiv">
  408. {{# if(d[index].child[j].is_must==0){ }}
  409. <div class="left"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  410. {{# }else{ }}
  411. <div class="left"><span>{{d[index].child[j].name}}</span>:</div>
  412. {{# }; }}
  413. <input name="{{ d[index].child[j].keyname }}" type="text" autocomplete="off" value="{{ d[index].child[j].value }}"
  414. class="txtbox left" placeholder="请选择{{ d[index].child[j].name }}" id="{{ d[index].child[j].keyname }}"
  415. readonly="readonly" />
  416. {{# if(d[index].child[j].is_must==0){ }}
  417. <span title="必填信息" class="red2">*</span>
  418. {{# }; }}
  419. </div>
  420. {{# }else if(d[index].child[j].type==6){ }}
  421. <div class="clearfix everydiv">
  422. {{# if(d[index].child[j].is_must==0){ }}
  423. <div class="left"><span style="color:#FF0000;">{{d[index].child[j].name}}</span>:</div>
  424. {{# }else{ }}
  425. <div class="left"><span>{{d[index].child[j].name}}</span>:</div>
  426. {{# }; }}
  427. <div class="{{ d[index].child[j].keyname }} addimgbox">
  428. {{# if(d[index].child[j].value){ }}
  429. {{# for(var t=0;t<d[index].child[j].value.length;t++){ }}
  430. <img src='{{ d[index].child[j].value[t].oss_url }}' onclick='delimg(this)' img='{{ d[index].child[j].value[t].url }}' />
  431. {{# }; }}
  432. {{# }; }}
  433. </div>
  434. <button type="button" class="uploadbtn" id="{{ d[index].child[j].keyname }}">
  435. <i class="layui-icon">&#xe67c;</i>上传图片
  436. </button>
  437. {{# if(d[index].child[j].is_must==0){ }}
  438. <span title="必填信息" class="red2">*</span>
  439. {{# }; }}
  440. </div>
  441. {{# }; }}
  442. {{# }; }}
  443. </div>
  444. {{# }; }}
  445. </script>
  446. <script type="text/javascript">
  447. layui.config({
  448. base: '__LAYUI__/',
  449. urlbase: '/sys'
  450. }).extend({
  451. index: 'lib/index', //主入口模块
  452. layarea: 'lib/layarea' // 这里的layarea为插件的别名
  453. , version: '1.0'
  454. }).use(['table', 'laydate', 'form', 'upload', 'layarea', 'laytpl'], function () {
  455. var table = layui.table, laydate = layui.laydate,form=layui.form
  456. $ = layui.$, upload = layui.upload, laytpl=layui.laytpl,layarea = layui.layarea;
  457. let hobj = GetRequest();
  458. var cid = hobj.id;//客户id
  459. $.ajax({
  460. url: '{:url("empcrm/model_new_report")}'
  461. , data: {
  462. id:cid
  463. }
  464. , type: 'post'
  465. , success: function (res) {
  466. if (res.code == 0) {
  467. let designer = [];
  468. let uploadarr = [];
  469. var getTpl = csutomerdiv.innerHTML, view = document.getElementById('crmsgbox');
  470. laytpl(getTpl).render(res.data, function (html) {
  471. view.innerHTML = html;
  472. });
  473. for (let i = 0; i < res.data.length; i++) {
  474. for (let j = 0; j < res.data[i].child.length; j++) {
  475. // res.data[i].child[j].keyname = 'wzh--' + res.data[i].child[j].keyname;
  476. // ,1输入框,2数字框,3单选框,4多选框,5日期,6上传图片
  477. if (res.data[i].child[j].type == 5) {
  478. if (res.data[i].child[j].keyname == 'wzh--group_building_date') {
  479. laydate.render({
  480. elem: '#' + res.data[i].child[j].keyname,
  481. value: res.data[i].child[j].value ? res.data[i].child[j].value : '',
  482. max: 0
  483. , trigger: 'click'
  484. });
  485. } else if (res.data[i].child[j].keyname == 'wzh--add_wechat_time') {
  486. laydate.render({
  487. elem: '#' + res.data[i].child[j].keyname,
  488. max: 0,
  489. trigger: 'click',
  490. type: 'date',
  491. });
  492. } else if(res.data[i].child[j].keyname == 'wzh--sign_time'){
  493. laydate.render({
  494. elem: '#'+res.data[i].child[j].keyname,
  495. trigger:'click',
  496. type: 'datetime',
  497. format: "yyyy/MM/dd HH:mm"
  498. });
  499. } else {
  500. laydate.render({
  501. elem: '#' + res.data[i].child[j].keyname,
  502. value: res.data[i].child[j].value ? res.data[i].child[j].value : ''
  503. , trigger: 'click'
  504. });
  505. }
  506. } else if (res.data[i].child[j].type == 6) {
  507. uploadarr.push(res.data[i].child[j].keyname);
  508. }
  509. }
  510. }
  511. new Promise(function (resolve, reject) {
  512. setTimeout(() => {
  513. let arr = [], nowarr = $('#liveperson3').attr('title') ? $('#liveperson3').attr('title').split(',') : [];
  514. for (let r = 0; r < $('#wzh--live_broadcast_personnel option').length; r++) {
  515. let flag = false;
  516. for (let l in nowarr) {
  517. if (nowarr[l] == $($('#wzh--live_broadcast_personnel option')[r]).val()) {
  518. flag = true;
  519. }
  520. }
  521. let obj = {
  522. name: $($('#wzh--live_broadcast_personnel option')[r]).val(),
  523. value: $($('#wzh--live_broadcast_personnel option')[r]).val(),
  524. selected: flag ? flag : false,
  525. }
  526. arr.push(obj);
  527. }
  528. xmSelect.render({
  529. el: '#range_person',
  530. data: arr,
  531. on: function (data) {
  532. var arr = data.arr;
  533. let valarr = [];
  534. for (let j in arr) {
  535. valarr.push(arr[j].name);
  536. }
  537. $('#range_person').attr('title', valarr.join(','))
  538. }
  539. })
  540. resolve();
  541. }, 100);
  542. }).then(function () {
  543. setTimeout(() => {
  544. form.render();
  545. let lstr = $('#addForm').attr('title') ? $('#addForm').attr('title').split('/') : [];
  546. layarea.render({
  547. elem: '#area-picker',
  548. data: {
  549. province: lstr.length>0?lstr[0]:'',
  550. city: lstr.length > 0 ? lstr[1] : '',
  551. county: lstr.length > 0 ? lstr[2] : ''
  552. },
  553. change: function (res) {
  554. //选择结果
  555. // console.log(res)
  556. $('#area-picker').attr('title', res.province + '/' + res.city + '/' + res.county)
  557. }
  558. });
  559. }, 1200);
  560. }).then(function () {
  561. setTimeout(() => {
  562. if (!!$('input[name="wzh--live_broadcast"]')[0].checked) {
  563. $('#liveperson1').val($('#liveperson1').attr('title'));
  564. $('#liveperson1').show();
  565. }
  566. if (!!$('input[name="wzh--live_broadcast"]')[1].checked) {
  567. $('#liveperson2').val($('#liveperson2').attr('title'));
  568. $('#liveperson2').show();
  569. }
  570. if (!!$('input[name="wzh--live_broadcast"]')[2].checked) {
  571. $('#liveperson3').show();
  572. }
  573. $('input[name="wzh--live_broadcast"]').change(function (e) {
  574. if ($(this).attr('title') == '1对1业务直播') {
  575. if ($(this).is(':checked') == true) {
  576. $('#liveperson1').show();
  577. } else {
  578. $('#liveperson1').hide();
  579. }
  580. } else if ($(this).attr('title') == '1对1设计直播') {
  581. if ($(this).is(':checked') == true) {
  582. $('#liveperson2').show();
  583. } else {
  584. $('#liveperson2').hide();
  585. }
  586. } else {
  587. if ($(this).is(':checked') == true) {
  588. $('#liveperson3').show();
  589. } else {
  590. $('#liveperson3').hide();
  591. }
  592. }
  593. });
  594. }, 300);
  595. }).then(function () {
  596. setTimeout(() => {
  597. for (let g = 0; g < uploadarr.length; g++) {
  598. upload.render({
  599. elem: '#' + uploadarr[g] //绑定元素
  600. , url: '/empcrm/empcrm/upload_file' //上传接口
  601. , accept: 'image',
  602. multiple: true,
  603. exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
  604. field: 'file',
  605. done: function (res) {
  606. let imgstr = "<img src='https://o.nczyzs.com/" + res.url + "' onclick='delimg(this)' img='" + res.url + "' />";
  607. $('.' + uploadarr[g]).append(imgstr);
  608. }
  609. , error: function () {
  610. //请求异常回调
  611. }
  612. });
  613. }
  614. }, 550);
  615. });
  616. for (let st = 0; st < $('.seebtn').length; st++) {
  617. $('.seebtn').index = st;
  618. $($('.seebtn')[st]).click(function () {
  619. let show = $(this).parent('').next().css('display');
  620. console.log(show)
  621. if (show != 'block') {
  622. $(this).parent('').next().css('display', 'block')
  623. } else {
  624. $(this).parent('').next().css('display', 'none')
  625. }
  626. })
  627. }
  628. let arrdiv=$('.everydiv');
  629. let num1=0;
  630. let pwidth=$('.crmsgbox').width()/2;
  631. for(let i=0;i<arrdiv.length;i++){
  632. let str;
  633. if(((!!$(arrdiv[i]).prev()[0]&&$(arrdiv[i]).prev()[0].className.indexOf('everytit')>-1)||(!$(arrdiv[i]).prev()[0]&&$(arrdiv[i]).parent().prev()[0].className.indexOf('everytit')>-1))&&i!=0){
  634. if(num1%2==1){
  635. $(arrdiv[i-1]).css({'width': '100%'});
  636. }
  637. num1=0;
  638. }
  639. if($(arrdiv[i]).width()>pwidth||arrdiv[i].id=='liveperson1'||arrdiv[i].id=='liveperson2'||arrdiv[i].id=='liveperson3'||!!$(arrdiv[i]).children("#addForm")[0]){
  640. $(arrdiv[i]).css({'width': '100%'});
  641. if(num1%2==1||!num1){
  642. $(arrdiv[i-1]).css({'width': '100%'});
  643. }
  644. num1=0;
  645. }else{
  646. num1=num1*1+1;
  647. $(arrdiv[i]).css({'width': '50%'});
  648. }
  649. }
  650. }else if(res.code == 403){
  651. $(".exitbtn").trigger("click");
  652. } else {
  653. alert(res.msg)
  654. }
  655. }
  656. });
  657. $('.addbtn').click(function(){
  658. if ($('input[name="wzh--name"]').val() && $('input[name="wzh--name"]').val().length > 20) { alert("姓名最长20个字符"); return false; }
  659. if (isPhoneNumber($('input[name="wzh--phone"]').val()) == false) { alert("手机号码填写有误!"); return false; }
  660. var msg='您确定要修改客户信息吗?';
  661. if (confirm(msg) == true){
  662. var myMsg = layer.msg("加载中...",{
  663. icon:16,
  664. time:-1
  665. })
  666. $('#submitBtn').attr('disabled', true);
  667. $.ajax({
  668. url: '{:url("empcrm/model_new_report")}'
  669. , data: {
  670. id:cid
  671. }
  672. , type: 'post'
  673. , success: function (res) {
  674. console.log(res)
  675. if (res.code == 0) {
  676. let arr=[];
  677. for(let i in res.data){
  678. for(let j in res.data[i].child){
  679. // // ,1输入框,2数字框,3单选框,4多选框,5日期
  680. res.data[i].child[j].keyname ='wzh--'+ res.data[i].child[j].keyname;
  681. if(res.data[i].child[j].type==1){
  682. if(res.data[i].child[j].keyname=='wzh--live_broadcast_personnel'){
  683. let obj={
  684. id: res.data[i].child[j].id,
  685. keyname: res.data[i].child[j].keyname.split('--')[1],
  686. value: $('#range_person').attr('title')?$('#range_person').attr('title'):''
  687. }
  688. arr.push(obj);
  689. }else if(res.data[i].child[j].keyname=='wzh--house_location'){
  690. let obj={
  691. id: res.data[i].child[j].id,
  692. keyname: res.data[i].child[j].keyname.split('--')[1],
  693. value: $('#area-picker').attr('title')?$('#area-picker').attr('title'):''
  694. }
  695. arr.push(obj);
  696. }else{
  697. let obj={
  698. id: res.data[i].child[j].id,
  699. keyname: res.data[i].child[j].keyname.split('--')[1],
  700. value: $('#'+res.data[i].child[j].keyname).val()
  701. }
  702. arr.push(obj);
  703. }
  704. }else if(res.data[i].child[j].type==2){
  705. let obj={
  706. id: res.data[i].child[j].id,
  707. keyname: res.data[i].child[j].keyname.split('--')[1],
  708. value: $('#'+res.data[i].child[j].keyname).val()
  709. }
  710. arr.push(obj);
  711. }else if(res.data[i].child[j].type==3){
  712. let obj={
  713. id: res.data[i].child[j].id,
  714. keyname: res.data[i].child[j].keyname.split('--')[1],
  715. value: $('input[name="'+res.data[i].child[j].keyname+'"]').val()==undefined?$('select[name="'+res.data[i].child[j].keyname+'"]').val():($('input[name="'+res.data[i].child[j].keyname+'"]:checked').val()?$('input[name="'+res.data[i].child[j].keyname+'"]:checked').val():'')
  716. }
  717. arr.push(obj);
  718. }else if(res.data[i].child[j].type==4){
  719. let nstr=res.data[i].child[j].keyname;
  720. var chk_value =[];//定义一个数组
  721. $('input[name="'+nstr+'"]:checked').each(function(){
  722. chk_value.push($(this).val()?$(this).val():'');//将选中的值添加到数组chk_value中
  723. });
  724. let obj={
  725. id: res.data[i].child[j].id,
  726. keyname: res.data[i].child[j].keyname.split('--')[1],
  727. value: chk_value.join(',')
  728. }
  729. arr.push(obj);
  730. }else if(res.data[i].child[j].type==5){
  731. let obj={
  732. id: res.data[i].child[j].id,
  733. keyname: res.data[i].child[j].keyname.split('--')[1],
  734. value: $('#'+res.data[i].child[j].keyname).val()
  735. }
  736. arr.push(obj);
  737. } else if (res.data[i].child[j].type == 6) {
  738. let arr1 = [];
  739. for (let y=0;y<$('.' + res.data[i].child[j].keyname + ' img').length;y++) {
  740. if ($($('.' + res.data[i].child[j].keyname + ' img')[y]).attr('img')) {
  741. arr1.push($($('.' + res.data[i].child[j].keyname + ' img')[y]).attr('img'));
  742. }
  743. }
  744. let obj = {
  745. id: res.data[i].child[j].id,
  746. keyname: res.data[i].child[j].keyname.split('--')[1],
  747. value: arr1.length > 0 && arr1 ? arr1.join(',') : ''
  748. }
  749. arr.push(obj);
  750. }
  751. }
  752. }
  753. $.ajax({
  754. url: '{:url("community/add_customer")}'
  755. , data: {
  756. id:cid,
  757. name: $('#wzh--name').val(),//(客户名称)
  758. phone: $('input[name="wzh--phone"]').val(),//(手机号)
  759. phone1: $('input[name="wzh--phone1"]').val(),//(手机号)
  760. phone2: $('input[name="wzh--phone2"]').val(),//(手机号)
  761. sex: $('input:radio[name="wzh--sex"]:checked').val(),// (性别)
  762. level: $('input[name="wzh--level"]').val(),//(客户重要级别)
  763. ext: arr, //(扩展字段)
  764. id: cid, //(客户id)
  765. }
  766. , type: 'post'
  767. , success: function (res) {
  768. if (res.code == 0) {
  769. let hobj = GetRequest();
  770. window.parent.gotonewlist(hobj.id, hobj.type ? hobj.type : '');
  771. } else {
  772. alert(res.msg)
  773. }
  774. layer.close(myMsg);
  775. }
  776. });
  777. }else if(res.code == 403){
  778. $(".exitbtn").trigger("click");
  779. }
  780. }
  781. })
  782. }
  783. })
  784. })
  785. function delimg(that) {
  786. if (confirm('确认删除这张图片吗?')) {
  787. $(that).remove();
  788. }
  789. }
  790. function isPhoneNumber(tel) { var reg = /^0?1[3|4|5|6|7|8|9][0-9]\d{8}$/; return reg.test(tel); }
  791. $('.goback').click(function () {
  792. let hobj = GetRequest();
  793. window.parent.gotonewlist(hobj.id, hobj.type? hobj.type:'');
  794. })
  795. function GetRequest() {
  796. var url = location.search; //获取url中"?"符后的字串
  797. var theRequest = new Object();
  798. if (url.indexOf("?") != -1) {
  799. var str = url.substr(1);
  800. strs = str.split("&");
  801. for (var i = 0; i < strs.length; i++) {
  802. theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
  803. }
  804. }
  805. return theRequest;
  806. }
  807. </script>
  808. {/block}