add_customer.html 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754
  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. }
  47. .everytit {
  48. border-bottom: 1px solid #999;
  49. font-weight: bold;
  50. font-size: 15px;
  51. margin-bottom: 10px;
  52. margin-top: 5px;
  53. text-indent: 3px;
  54. font-family: Arial;
  55. letter-spacing: 1px;
  56. line-height: 35px;
  57. }
  58. .everydiv {
  59. display: inline-block;
  60. border-bottom: 1px solid #EAEAEC;
  61. padding: 7px;
  62. line-height: 25px;
  63. font-size: 13px;
  64. box-sizing: border-box;
  65. width:auto;
  66. }
  67. .w70 {
  68. width: 70px;
  69. }
  70. .addbtn {
  71. display: block;
  72. margin: 20px auto;
  73. border: none;
  74. width: 98px;
  75. height: 30px;
  76. color: #fff;
  77. font-size: 14px;
  78. font-weight: bold;
  79. text-align: center;
  80. background: url(__STATIC__/img/icon-sub.png) no-repeat;
  81. cursor: pointer;
  82. }
  83. .noticebox{
  84. display: block;
  85. width: 100%;
  86. padding: 15px 10px;
  87. border: 1px solid #F0F0F0;
  88. background: #FCFCFC;
  89. margin-bottom: 10px;
  90. position: relative;
  91. line-height: 23px;
  92. color: #666;
  93. }
  94. input[type=radio] {
  95. vertical-align: middle;
  96. width: 16px;
  97. height: 16px;
  98. appearance: radio;
  99. /**css3属性,不支持ie,但不影响使用**/
  100. -webkit-appearance: radio;
  101. -moz-appearance: radio;
  102. background-color: transparent;
  103. border: 0;
  104. outline: 0 !important;
  105. line-height: 14px;
  106. color: #d8d8d8;
  107. }
  108. input[type=radio]+label {
  109. vertical-align: middle;
  110. padding-left: 1px;
  111. padding-right: 1px;
  112. }
  113. input[type=radio]:after {
  114. content: "";
  115. background-color:unset;
  116. border:unset;
  117. }
  118. input[type=radio]:checked:after {
  119. content: "";
  120. transform: unset;
  121. background-color:unset;
  122. }
  123. input[type=text]{
  124. -webkit-user-select:text !important
  125. }
  126. .uploadbtn{
  127. float:left;
  128. height: 28px;
  129. line-height: 28px;
  130. padding: 0 18px;
  131. background-color: #249efb;
  132. color: #fff;
  133. white-space: nowrap;
  134. text-align: center;
  135. font-size: 12px;
  136. border: none;
  137. border-radius: 2px;
  138. cursor: pointer;
  139. }
  140. .uploadbtn .layui-icon{
  141. margin-right: 3px;
  142. font-size: 14px;
  143. vertical-align: bottom;
  144. }
  145. .addimgbox{
  146. float: left;
  147. }
  148. .addimgbox img{
  149. display: block;
  150. float: left;
  151. width: 28px;
  152. height: 28px;
  153. margin-right: 8px;
  154. }
  155. .foldbtn {
  156. display: block;
  157. font-weight: 500;
  158. cursor: pointer;
  159. }
  160. .foldbtn:hover{
  161. text-decoration: underline
  162. }
  163. .everydiv span{
  164. float: left;
  165. }
  166. ::-webkit-scrollbar {
  167. width: 8px;
  168. height: 8px;
  169. }
  170. .everydiv select{
  171. float: left;
  172. }
  173. </style>
  174. <body class="clearfix">
  175. <div class="mainbox">
  176. <div class="titbox clearfix">
  177. <div class="left">你正在添加一条新客户</div>
  178. <div class="right">
  179. <div class="left">点击这里返回编辑列表:</div>
  180. <button class="left goback" type="button">返回</button>
  181. </div>
  182. </div>
  183. <div class="clearfix waybox">
  184. <div class="left leftstatebox">线索状态:</div>
  185. <div class="left">
  186. <div class="left everylabel stateElement">
  187. <input name="state" type="radio" value="待确认" id="state1" title="待确认" checked>
  188. <label for="state1" title="待确认">待确认</label>
  189. </div>
  190. <div class="left everylabel stateElement">
  191. <input name="state" type="radio" value="未到访" id="state2" title="有效">
  192. <label for="state2" title="有效">有效线索</label>
  193. </div>
  194. </div>
  195. </div>
  196. <div class="crmsgbox">
  197. </div>
  198. <button class="addbtn" type="button">提交并保存</button>
  199. <div class="noticebox">
  200. <div>·客户的姓名、电话号码、小区名等有星号<em class="red">*</em>标红色的都为必须填写信息!</div>
  201. <div>·关于手机号码注解:手机号码仅仅可以输入11位,如果是手机号码直接填写手机号,如是固定电话请填写号码,如果需要区号,格式参考37155558807,即去掉区号前面的0再连接上电话号码.</div>
  202. <!-- <div>·经理级别有权利更换设计师。</div> -->
  203. </div>
  204. </div>
  205. </body>
  206. <script src="__LAYUI__/layui/layui.js"></script>
  207. <script src="__STATIC__/layui/layui/lay/modules/xm-select.js" type="text/javascript" charset="utf-8"></script>
  208. {/block}{block name="js"}
  209. <script type="text/javascript">
  210. layui.config({
  211. base: '__LAYUI__/',
  212. urlbase: '/sys'
  213. }).extend({
  214. index: 'lib/index', //主入口模块
  215. layarea:'lib/layarea' // 这里的layarea为插件的别名
  216. , version: '1.0'
  217. }).use(['table', 'laydate', 'form', 'layarea','upload'], function () {
  218. var table = layui.table, laydate = layui.laydate,form=layui.form
  219. $ = layui.$, upload = layui.upload;
  220. var layarea = layui.layarea;
  221. $.ajax({
  222. url: '{:url("empcrm/model_report")}'
  223. , data: {}
  224. , type: 'post'
  225. , success: function (res) {
  226. if (res.code == 0) {
  227. let str="",selectstr='',designer=[];
  228. let timearr=[],uploadarr=[];
  229. for(let i in res.data){
  230. // if(i==0){
  231. // str+='<div class="everytit">'+ res.data[i].name +':</div><div class="everyinputbox">';
  232. // }else{
  233. // str+='<div class="everytit clearfix" style="margin-top: 14px;"><div class="left">'+ res.data[i].name +':</div><div class="right foldbtn seebtn" style="padding-right: 10px;">折叠</div></div><div class="everyinputbox">';
  234. // }
  235. for(let j in res.data[i].child){
  236. // ,1输入框,2数字框,3单选框,4多选框,5日期,6上传图片
  237. res.data[i].child[j].keyname='wzh--'+ res.data[i].child[j].keyname;
  238. if(res.data[i].child[j].type==1){
  239. // 业务直播人员 "设计直播人员" 直播人员
  240. if(res.data[i].child[j].keyname=='wzh--live_broadcast_business'||res.data[i].child[j].keyname=='wzh--live_broadcast_design'||res.data[i].child[j].keyname=='wzh--live_broadcast_personnel'){
  241. designer=res.data[i].child[j].select.designer;
  242. selectstr='<select name="'+res.data[i].child[j].keyname+'" id="'+res.data[i].child[j].keyname+'"><option value="">------------</option>';
  243. for(let r in res.data[i].child[j].select.designer){
  244. selectstr+='<option value="'+res.data[i].child[j].select.designer[r].name+'">'+ res.data[i].child[j].select.designer[r].name+'</option>'
  245. }
  246. employeefun(res.data[i].child[j].select.child_org[0]);
  247. selectstr+='</select>';
  248. if(res.data[i].child[j].keyname=='wzh--live_broadcast_business'){
  249. str+=`<div id="liveperson1" style="display:none;" class="clearfix everydiv">
  250. <div class="left"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  251. ${selectstr}
  252. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  253. </div>`;
  254. }else if(res.data[i].child[j].keyname=='wzh--live_broadcast_design'){
  255. str+=`<div id="liveperson2" style="display:none;" class="clearfix everydiv">
  256. <div class="left"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  257. ${selectstr}
  258. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  259. </div>`;
  260. }else{
  261. str+=`<div id="liveperson3" style="display:none;" class="clearfix everydiv">
  262. <div class="left" style="line-height: 36px;"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  263. <div class="left" style="width:60%;" id="range_person"></div>
  264. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  265. </div>`;
  266. }
  267. }else if(res.data[i].child[j].keyname=='wzh--house_location'){
  268. str+=`<div style="display:${res.data[i].child[j].status!=0?'none':''};" class="clearfix everydiv">
  269. <div class="left" style="line-height: 36px;"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  270. <form class="layui-form layui-form-pane" id="addForm">
  271. <div id="area-picker" class="clearfix">
  272. <div class="layui-row left">
  273. <select name="province" class="province-selector" lay-verify="required" data-value="" lay-filter="province-1">
  274. <option value="">请选择省份</option>
  275. </select>
  276. </div>
  277. <div class="layui-row left">
  278. <select name="city" class="city-selector" lay-verify="required" data-value="" lay-filter="city-1">
  279. <option value="">请选择市</option>
  280. </select>
  281. </div>
  282. <div class="layui-row left">
  283. <select name="county" class="county-selector" lay-verify="required" data-value="" lay-filter="county-1">
  284. <option value="">请选择区</option>
  285. </select>
  286. </div>
  287. </div>
  288. </form>
  289. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  290. </div>`;
  291. }else if(res.data[i].child[j].keyname =='wzh--talking_about_single_time'){
  292. str += `<div style="display:${res.data[i].child[j].status != 0 ? 'none' : ''};" class="clearfix everydiv">
  293. <div class="left"><span style="${res.data[i].child[j].is_must == 0 ? 'color:#FF0000;' : ''}">${res.data[i].child[j].name}</span>:</div>
  294. <input autocomplete="off" name="${res.data[i].child[j].keyname}" type="text" placeholder="请填写${res.data[i].child[j].name}" onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')" class="txtbox left" id="${res.data[i].child[j].keyname}" >
  295. ${res.data[i].child[j].is_must == 0 ? '<span title="必填信息" class="red2">*</span>' : ''}
  296. </div>`;
  297. }else{
  298. str+=`<div style="display:${res.data[i].child[j].status!=0?'none':''};" class="clearfix everydiv">
  299. <div class="left"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  300. <input autocomplete="off" name="${res.data[i].child[j].keyname}" type="text" placeholder="请填写${res.data[i].child[j].name}" class="txtbox left" id="${res.data[i].child[j].keyname}" >
  301. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  302. </div>`;
  303. }
  304. }else if(res.data[i].child[j].type==2){
  305. let istr='';
  306. if(res.data[i].child[j].keyname=='wzh--phone'){
  307. istr='size="21" maxlength="11" ';
  308. }else if(res.data[i].child[j].keyname=='wzh--square'){
  309. istr=' size="8" maxlength="5"';
  310. }
  311. str+=`<div style="display:${res.data[i].child[j].status!=0?'none':''};" class="clearfix everydiv">
  312. <div class="left"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  313. <input name="${res.data[i].child[j].keyname}" type="text" class="txtbox left" autocomplete="off" id="${res.data[i].child[j].keyname}" ${istr} onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')" />
  314. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  315. <span style="display:${res.data[i].child[j].unity==null?'none':''};">${res.data[i].child[j].unity}</span>
  316. </div>`;
  317. }else if(res.data[i].child[j].type==3){
  318. if(res.data[i].child[j].keyname=='agents_id'){
  319. let optionstr='';
  320. for(let t in res.data[i].child[j].select){
  321. optionstr+='<option value="'+res.data[i].child[j].select[t].id+'">'+res.data[i].child[j].select[t].agent_name+'</option>';
  322. }
  323. str+=`<div style="display:${res.data[i].child[j].status!=0?'none':''};" class="clearfix everydiv">
  324. <div class="left"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].agent_name}</span>:</div>
  325. <select class="left" name="${res.data[i].child[j].keyname}" id="${res.data[i].child[j].keyname}" style="height:26px;">
  326. <option value="">------------</option>
  327. ${optionstr}
  328. </select>
  329. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  330. </div>`;
  331. }else if(res.data[i].child[j].select.length>3){
  332. let optionstr='';
  333. for(let t in res.data[i].child[j].select){
  334. optionstr+='<option value="'+res.data[i].child[j].select[t].id+'">'+res.data[i].child[j].select[t].name+'</option>';
  335. }
  336. str+=`<div style="display:${res.data[i].child[j].status!=0?'none':''};" class="clearfix everydiv">
  337. <div class="left"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  338. <select class="left" name="${res.data[i].child[j].keyname}" id="${res.data[i].child[j].keyname}" style="height:26px;">
  339. <option value="">------------</option>
  340. ${optionstr}
  341. </select>
  342. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  343. </div>`;
  344. }else{
  345. let optionstr = '';
  346. let checkedname = ["", "郑州市"];
  347. // if(res.data[i].child[j].keyname == 'wzh--current_region'){
  348. // checkedname[1]= res.data[i].child[j].select[1].name;
  349. // }
  350. for(let t in res.data[i].child[j].select){
  351. optionstr+=` <div class="left ml10">
  352. <input autocomplete="off" name="${res.data[i].child[j].keyname}" type="radio" ${res.data[i].child[j].select[t].name==checkedname[t]?'checked':''} value="${res.data[i].child[j].select[t].id}" id="${res.data[i].child[j].keyname+(t*1+1)}" title="${res.data[i].child[j].select[t].name}">
  353. <label for="${res.data[i].child[j].keyname+(t*1+1)}" title="${res.data[i].child[j].select[t].name}">${res.data[i].child[j].select[t].name}</label>
  354. </div>`;
  355. }
  356. str+=`<div style="display:${res.data[i].child[j].status!=0?'none':''};" class="clearfix everydiv">
  357. <div class="left"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  358. ${optionstr}
  359. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  360. </div>`;
  361. }
  362. }else if(res.data[i].child[j].type==4){
  363. let optionstr='';
  364. for(let t in res.data[i].child[j].select){
  365. optionstr+=` <div class="left ml10">
  366. <input autocomplete="off" name="${res.data[i].child[j].keyname}" type="checkbox" value="${res.data[i].child[j].select[t].id}" id="${res.data[i].child[j].keyname+(t*1+1)}" title="${res.data[i].child[j].select[t].name}">
  367. <label for="${res.data[i].child[j].keyname+(t*1+1)}" title="${res.data[i].child[j].select[t].name}">${res.data[i].child[j].select[t].name}</label>
  368. </div>`;
  369. }
  370. str+=`<div style="display:${res.data[i].child[j].status!=0?'none':''};" class="clearfix everydiv">
  371. <div class="left"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  372. ${optionstr}
  373. ${res.data[i].child[j].is_must==0?'<span title="必填信息" class="red2">*</span>':''}
  374. </div>`;
  375. }else if(res.data[i].child[j].type==5){
  376. timearr.push(res.data[i].child[j].keyname);
  377. str+=`<div style="display:${res.data[i].child[j].status!=0?'none':''};" class="clearfix everydiv"><div class="left"><span style="${res.data[i].child[j].is_must==0?'color:#FF0000;':''}">${res.data[i].child[j].name}</span>:</div>
  378. <input autocomplete="off" name="${res.data[i].child[j].keyname}" type="text" class="txtbox left" placeholder="请选择${res.data[i].child[j].name}" id="${res.data[i].child[j].keyname}" readonly="readonly" /></div>`;
  379. }else if(res.data[i].child[j].type == 6){
  380. str += `<div style="display:${res.data[i].child[j].status != 0 ? 'none' : ''};" class="clearfix everydiv">
  381. <div class="left"><span style="${res.data[i].child[j].is_must == 0 ? 'color:#FF0000;' : ''}">${res.data[i].child[j].name}</span>:</div>
  382. <div class="${res.data[i].child[j].keyname} addimgbox"></div>
  383. <button type="button" class="uploadbtn" id="${res.data[i].child[j].keyname}">
  384. <i class="layui-icon">&#xe67c;</i>上传图片
  385. </button>
  386. ${res.data[i].child[j].is_must == 0 ? '<span title="必填信息" class="red2">*</span>' : ''}
  387. </div>`;
  388. uploadarr.push(res.data[i].child[j].keyname);
  389. }
  390. }
  391. str+='</div>';
  392. }
  393. function employeefun(obj){
  394. if(obj.designer.length>0){
  395. optionfun(obj.designer);
  396. }
  397. if(obj.child_org&&obj.child_org.length>0){
  398. for(let i in obj.child_org){
  399. employeefun(obj.child_org[i]);
  400. }
  401. }
  402. }
  403. function optionfun(arr){
  404. let str='';
  405. designer=designer.concat(arr);
  406. for(let r in arr){
  407. str+='<option value="'+arr[r].name+'">'+ arr[r].name+'</option>'
  408. }
  409. selectstr+=str;
  410. }
  411. $('.crmsgbox').html(str);
  412. if ($("input[name='wzh--sex']")[0]) {
  413. $("input[name='wzh--sex']")[0].click();
  414. }
  415. let arr=[];
  416. for(let r in designer){
  417. let obj={
  418. name:designer[r].name,
  419. value:designer[r].id,
  420. selected:false,
  421. }
  422. arr.push(obj);
  423. }
  424. xmSelect.render({
  425. el: '#range_person',
  426. data: arr,
  427. on: function(data){
  428. var arr = data.arr;
  429. let valarr=[];
  430. for(let j in arr){
  431. valarr.push(arr[j].name);
  432. }
  433. $('#range_person').attr('title',valarr.join(','))
  434. }
  435. });
  436. for(let st=0;st<$('.seebtn').length;st++){
  437. $('.seebtn').index=st;
  438. $($('.seebtn')[st]).click(function(){
  439. let show = $(this).parent('').next().css('display');
  440. console.log(show)
  441. if (show != 'block') {
  442. $(this).parent('').next().css('display', 'block')
  443. } else {
  444. $(this).parent('').next().css('display', 'none')
  445. }
  446. })
  447. //$($('.seebtn')[st]).click()
  448. }
  449. $('input[name="wzh--live_broadcast"]').change(function (e) {
  450. if($(this).attr('title')=='1对1业务直播'){
  451. if($(this).is(':checked')==true){
  452. $('#liveperson1').show();
  453. }else{
  454. $('#liveperson1').hide();
  455. }
  456. }else if($(this).attr('title')=='1对1设计直播'){
  457. if($(this).is(':checked')==true){
  458. $('#liveperson2').show();
  459. }else{
  460. $('#liveperson2').hide();
  461. }
  462. }else{
  463. if($(this).is(':checked')==true){
  464. $('#liveperson3').show();
  465. }else{
  466. $('#liveperson3').hide();
  467. }
  468. }
  469. });
  470. // function getRecentDay(day){
  471. // var today = new Date();
  472. // var targetday_yymmdd = today.getTime() + 1000*60*60*24*day;
  473. // today.setTime(targetday_yymmdd);
  474. // var tYear = today.getFullYear();
  475. // var tMonth = today.getMonth();
  476. // var tDate = today.getDate();
  477. // tMonth = doHandleMonth(tMonth + 1);
  478. // tDate = doHandleMonth(tDate);
  479. // return tYear+"-"+tMonth+"-"+tDate;
  480. // }
  481. function doHandleMonth(month){
  482. var m = month;
  483. if(month.toString().length == 1){
  484. m = "0" + month;
  485. }
  486. return m;
  487. }
  488. for(let s=0;s<timearr.length;s++){
  489. if(timearr[s]=='wzh--add_wechat_time'){
  490. laydate.render({
  491. elem: '#'+timearr[s],
  492. max:0
  493. ,trigger:'click',
  494. type:'date',
  495. });
  496. }else if(timearr[s]=='wzh--group_building_date'){
  497. laydate.render({
  498. elem: '#'+timearr[s],
  499. max:0
  500. ,trigger:'click'
  501. });
  502. } else if(timearr[s]=='wzh--sign_time'){
  503. laydate.render({
  504. elem: '#'+timearr[s],
  505. trigger:'click',
  506. type: 'datetime',
  507. format: "yyyy/MM/dd HH:mm"
  508. });
  509. } else{
  510. laydate.render({
  511. elem: '#'+timearr[s]
  512. ,trigger:'click'
  513. });
  514. }
  515. $('#'+timearr[s]).removeAttr("lay-key");
  516. }
  517. form.render();
  518. layarea.render({
  519. elem: '#area-picker',
  520. change: function (res) {
  521. //选择结果
  522. // console.log(res)
  523. $('#area-picker').attr('title',res.province+'/'+res.city+'/'+res.county)
  524. }
  525. });
  526. setTimeout(() => {
  527. for (let g = 0; g < uploadarr.length; g++) {
  528. upload.render({
  529. elem: '#' + uploadarr[g] //绑定元素
  530. , url: '/empcrm/empcrm/upload_file' //上传接口
  531. , accept: 'image',
  532. multiple: true,
  533. exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
  534. field: 'file',
  535. done: function (res) {
  536. let imgstr = "<img src='https://o.nczyzs.com/" + res.url + "' img='" + res.url + "' />";
  537. $('.' + uploadarr[g]).append(imgstr);
  538. $('.' + uploadarr[g] + ' img').on('click', function () {
  539. if (confirm('确认删除这张图片吗?')) {
  540. $(this).remove();
  541. }
  542. })
  543. }
  544. , error: function () {
  545. //请求异常回调
  546. }
  547. });
  548. }
  549. }, 300);
  550. let arrdiv=$('.everydiv');
  551. let num1=0;
  552. let pwidth=$('.crmsgbox').width()/2;
  553. for(let i=0;i<arrdiv.length;i++){
  554. let str;
  555. if($(arrdiv[i]).width()>pwidth||arrdiv[i].id=='liveperson1'||arrdiv[i].id=='liveperson2'||arrdiv[i].id=='liveperson3'){
  556. $(arrdiv[i]).css({'width': '100%'});
  557. if(num1%2==1||!num1){
  558. $(arrdiv[i-1]).css({'width': '100%'});
  559. }
  560. num1=0;
  561. }else{
  562. num1=num1*1+1;
  563. $(arrdiv[i]).css({'width': '50%'});
  564. }
  565. }
  566. }else if(res.code==403){
  567. $(".exitbtn").trigger("click");
  568. } else {
  569. alert(res.msg)
  570. }
  571. }
  572. });
  573. $('.addbtn').click(function () {
  574. if ($('input[name="wzh--name"]').val() && $('input[name="wzh--name"]').val().length > 20) { alert("姓名最长20个字符"); return false; }
  575. if (isPhoneNumber($('input[name="wzh--phone"]').val()) == false) { alert("手机号码填写有误!"); return false; }
  576. if ($('input:radio[name="state"]:checked').val() == false) { alert("请选择客户状态"); return false; }
  577. var msg='您确定进行添加新客户吗?';
  578. if (confirm(msg) == true){
  579. var myMsg = layer.load('Loading...', {
  580. shade: [0.6,'#000'] //0.1透明度的白色背景
  581. });
  582. $('#submitBtn').attr('disabled', true);
  583. $.ajax({
  584. url: '{:url("empcrm/model_report")}'
  585. , data: {}
  586. , type: 'post'
  587. , success: function (res) {
  588. if (res.code == 0) {
  589. let arr=[];
  590. for(let i in res.data){
  591. for(let j in res.data[i].child){
  592. res.data[i].child[j].keyname='wzh--'+ res.data[i].child[j].keyname;
  593. // // ,1输入框,2数字框,3单选框,4多选框,5日期
  594. if(res.data[i].child[j].type==1){
  595. if(res.data[i].child[j].keyname=='wzh--live_broadcast_personnel'){
  596. let obj={
  597. id: res.data[i].child[j].id,
  598. keyname: res.data[i].child[j].keyname.split('--')[1],
  599. value: $('#range_person').attr('title')?$('#range_person').attr('title'):''
  600. }
  601. arr.push(obj);
  602. }else if(res.data[i].child[j].keyname=='wzh--house_location'){
  603. let obj={
  604. id: res.data[i].child[j].id,
  605. keyname: res.data[i].child[j].keyname.split('--')[1],
  606. value: $('#area-picker').attr('title')?$('#area-picker').attr('title'):''
  607. }
  608. arr.push(obj);
  609. }else{
  610. let obj={
  611. id: res.data[i].child[j].id,
  612. keyname: res.data[i].child[j].keyname.split('--')[1],
  613. value: $('#'+res.data[i].child[j].keyname).val()
  614. }
  615. arr.push(obj);
  616. }
  617. }else if(res.data[i].child[j].type==2){
  618. let obj={
  619. id: res.data[i].child[j].id,
  620. keyname: res.data[i].child[j].keyname.split('--')[1],
  621. value: $('#'+res.data[i].child[j].keyname).val()
  622. }
  623. arr.push(obj);
  624. }else if(res.data[i].child[j].type==3){
  625. let obj={
  626. id: res.data[i].child[j].id,
  627. keyname: res.data[i].child[j].keyname.split('--')[1],
  628. 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():'')
  629. }
  630. arr.push(obj);
  631. }else if(res.data[i].child[j].type==4){
  632. let nstr=res.data[i].child[j].keyname;
  633. var chk_value =[];//定义一个数组
  634. $('input[name="'+nstr+'"]:checked').each(function(){
  635. chk_value.push($(this).val());//将选中的值添加到数组chk_value中
  636. });
  637. let obj={
  638. id: res.data[i].child[j].id,
  639. keyname: res.data[i].child[j].keyname.split('--')[1],
  640. value: chk_value.join(',')
  641. }
  642. arr.push(obj);
  643. }else if(res.data[i].child[j].type==5){
  644. let obj={
  645. id: res.data[i].child[j].id,
  646. keyname: res.data[i].child[j].keyname.split('--')[1],
  647. value: $('#'+res.data[i].child[j].keyname).val()
  648. }
  649. arr.push(obj);
  650. } else if (res.data[i].child[j].type == 6){
  651. let arr1=[];
  652. for (let y = 0; y < $('.' + res.data[i].child[j].keyname + ' img').length; y++) {
  653. if ($($('.' + res.data[i].child[j].keyname + ' img')[y]).attr('img')) {
  654. arr1.push($($('.' + res.data[i].child[j].keyname + ' img')[y]).attr('img'));
  655. }
  656. }
  657. let obj = {
  658. id: res.data[i].child[j].id,
  659. keyname: res.data[i].child[j].keyname.split('--')[1],
  660. value: arr1.length>0&& arr1 ?arr1.join(','):''
  661. }
  662. arr.push(obj);
  663. }
  664. }
  665. }
  666. $.ajax({
  667. url: '{:url("community/add_customer")}'
  668. , data: {
  669. name: $('#wzh--name').val(),//(客户名称)
  670. phone: $('input[name="wzh--phone"]').val(),//(手机号)
  671. phone1: $('input[name="wzh--phone1"]').val(),//(手机号)
  672. phone2: $('input[name="wzh--phone2"]').val(),//(手机号)
  673. sex: $('input:radio[name="wzh--sex"]:checked').val(),// (性别)
  674. level: $('input[name="wzh--level"]').val(),//(客户重要级别)
  675. state: $('input:radio[name="state"]:checked').val(),// 客户状态
  676. ext:arr, //(扩展字段)
  677. }
  678. , type: 'post'
  679. , success: function (res) {
  680. if (res.code == 0) {
  681. window.parent.reloadFun();
  682. let hobj = GetRequest();
  683. window.location.href= "/empcrm/community/followup.html?cid=" + res.data+'&type='+ hobj.type;
  684. } else {
  685. alert(res.msg)
  686. }
  687. layer.close(myMsg);
  688. }
  689. });
  690. }
  691. }
  692. })
  693. }
  694. })
  695. })
  696. $('.goback').click(function () {
  697. let hobj = GetRequest();
  698. window.parent.addgotolist(hobj.type,'community');
  699. })
  700. function isPhoneNumber(tel) { var reg = /^0?1[3|4|5|6|7|8|9][0-9]\d{8}$/; return reg.test(tel); }
  701. function GetRequest() {
  702. var url = location.search; //获取url中"?"符后的字串
  703. var theRequest = new Object();
  704. if (url.indexOf("?") != -1) {
  705. var str = url.substr(1);
  706. strs = str.split("&");
  707. for (var i = 0; i < strs.length; i++) {
  708. theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
  709. }
  710. }
  711. return theRequest;
  712. }
  713. </script>
  714. {/block}