followup.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299
  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. }
  11. .message_title {
  12. padding: 15px 10px;
  13. border: 1px solid #F0F0F0;
  14. background: #FCFCFC;
  15. margin-top: 5px;
  16. margin-bottom: 10px;
  17. position: relative;
  18. min-width: 800px;
  19. margin: 20px auto 10px;
  20. width: 880px;
  21. box-sizing: content-box;
  22. }
  23. .message_title a {
  24. display: block;
  25. height: 24px;
  26. line-height: 24px;
  27. background: url(/static/img/linkBG.gif);
  28. color: #FFF;
  29. padding: 0 12px;
  30. margin-right: 28px;
  31. cursor: pointer;
  32. }
  33. .mainbox {
  34. width: 900px;
  35. margin: 0 auto;
  36. }
  37. textarea {
  38. padding: 5px;
  39. }
  40. .maintable {
  41. table-layout: fixed;
  42. _width: 100%;
  43. width: 100%;
  44. border: 1px solid #DFDFDF;
  45. border-collapse: separate !important;
  46. background-color: #FFF;
  47. border-right: 0;
  48. border-bottom: 2px solid #DFDFDF;
  49. }
  50. .maintable th {
  51. background-color: #F2F3F7;
  52. border-right: 1px solid #DFDFDF;
  53. border-bottom: 1px solid #DFDFDF;
  54. line-height: 25px;
  55. padding: 5px;
  56. text-align: center;
  57. font-family: Arial;
  58. font-size: 12px;
  59. letter-spacing: 1px;
  60. color: #333
  61. }
  62. .maintable td {
  63. border-right: 1px solid #DFDFDF;
  64. border-bottom: 1px solid #EAEAEC;
  65. padding: 7px;
  66. line-height: 25px;
  67. font-size: 13px;
  68. position: relative;
  69. }
  70. .tablelist th,
  71. .tablelist td {
  72. overflow: hidden;
  73. white-space: nowrap;
  74. text-overflow: ellipsis;
  75. word-wrap: break-word;
  76. }
  77. .tbcenter td {
  78. text-align: center
  79. }
  80. .maintable h2 {
  81. border-bottom: 1px solid #999;
  82. margin: 0;
  83. font-weight: bold;
  84. font-size: 15px;
  85. margin-bottom: 10px;
  86. margin-top: 5px;
  87. text-indent: 3px;
  88. font-family: Arial;
  89. letter-spacing: 1px;
  90. }
  91. .maintable td label {
  92. cursor: pointer
  93. }
  94. .btnx {
  95. border: none;
  96. width: 98px;
  97. height: 30px;
  98. color: #fff;
  99. font-size: 14px;
  100. font-weight: bold;
  101. text-align: center;
  102. background: url(/static/img/icon-sub.png) no-repeat;
  103. cursor: pointer;
  104. }
  105. .layui-layer-imgbar{
  106. display: none !important;
  107. }
  108. </style>
  109. <body class="clearfix">
  110. <div class="message_title clearfix">
  111. <div class="left" style="line-height: 24px;">新线索添加成功!&nbsp;&nbsp;&nbsp;接下来您想?&nbsp;</div>
  112. <a class="left lastlink" href="javascript:void(0);">继续添加</a><a href="javascript:void(0);"
  113. class="left goback">返回列表</a>
  114. </div>
  115. <div class="mainbox">
  116. <table class="maintable" border="0" cellspacing="0" cellpadding="0">
  117. <tbody>
  118. <tr class="firstaddlog">
  119. <th align="left">添加首次洽谈内容:</th>
  120. </tr>
  121. <tr class="firstaddlog">
  122. <td>
  123. 洽谈情况:<textarea name="content" cols="68" rows="6" id="content"></textarea>
  124. </td>
  125. </tr>
  126. <tr class="firstaddlog">
  127. <td>
  128. 下次回访:
  129. <input name="nextuptime" type="text" class="txtbox" id="nextuptime" size="15" readonly="readonly"><span
  130. title="必填信息" class="red2">*</span>&nbsp;&nbsp;&nbsp;&nbsp;
  131. <input type="submit" value="提交保存信息" title="保存信息" class="btnx" style="vertical-align:bottom">
  132. </td>
  133. </tr>
  134. </tbody>
  135. </table>
  136. </div>
  137. </body>
  138. <script src="__LAYUI__/layui/layui.js"></script>
  139. {/block}{block name="js"}
  140. <script type="text/javascript">
  141. layui.config({
  142. base: '__LAYUI__/',
  143. urlbase: '/sys'
  144. }).extend({
  145. index: 'lib/index' //主入口模块
  146. }).use(['table', 'laydate'], function () {
  147. var table = layui.table, laydate = layui.laydate,
  148. $ = layui.$;
  149. laydate.render({
  150. elem: '#nextuptime'
  151. , min: 0
  152. ,trigger:'click'
  153. });
  154. let hobj1 = GetRequest();
  155. var cid = hobj1.cid;//客户id
  156. $.ajax({
  157. url: '{:url("empcrm/model_report")}'
  158. , data: {
  159. id:cid
  160. }
  161. , type: 'post'
  162. , success: function (res) {
  163. if (res.code == 0) {
  164. let str="";
  165. for(let i in res.data){
  166. for(let j in res.data[i].child){
  167. if(j==0){
  168. if(res.data[i].child[j].type==6){
  169. let imgstr='';
  170. for(let k in res.data[i].child[j].value){
  171. imgstr +='<img class="nowimgbox" width="25px" height="25px" style="display:inline-block;margin-right:8px;" src="'+ res.data[i].child[j].value[k].oss_url +'" img="'+ res.data[i].child[j].value[k].url +'" alt="">';
  172. }
  173. str += `<tr>
  174. <td>
  175. <h2>${res.data[i].name}:</h2>
  176. ${res.data[i].child[j].name}:${imgstr}
  177. </td>
  178. </tr>`;
  179. }else{
  180. str += `<tr>
  181. <td>
  182. <h2>${res.data[i].name}:</h2>
  183. ${res.data[i].child[j].name}:${res.data[i].child[j].type == 1 || res.data[i].child[j].type == 2 || res.data[i].child[j].type == 5 ? res.data[i].child[j].value : res.data[i].child[j].valname}
  184. </td>
  185. </tr>`;
  186. }
  187. }else{
  188. if(res.data[i].child[j].type==1||res.data[i].child[j].type==2||res.data[i].child[j].type==5){
  189. str+=`<tr>
  190. <td>${res.data[i].child[j].name}:${res.data[i].child[j].value}</td>
  191. </tr>`;
  192. }else if (res.data[i].child[j].type == 6) {
  193. let imgstr = '';
  194. for (let k in res.data[i].child[j].value) {
  195. imgstr += '<img class="nowimgbox" width="25px" height="25px" style="display:inline-block;margin-right:8px;" src="' + res.data[i].child[j].value[k].oss_url + '" img="' + res.data[i].child[j].value[k].url + '" alt="">';
  196. }
  197. str += `< tr >
  198. <td>${res.data[i].child[j].name}:${imgstr}</td>
  199. </tr >`;
  200. }else{
  201. if(res.data[i].child[j].keyname!='name'&&res.data[i].child[j].keyname!='phone'){
  202. str+=`< tr >
  203. <td>${res.data[i].child[j].name}:${res.data[i].child[j].valname}</td>
  204. </tr >`;
  205. }
  206. }
  207. }
  208. }
  209. str+='</div></div>';
  210. }
  211. $('.maintable tbody').append(str);
  212. for(let i=0;i<$('.nowimgbox').length;i++){
  213. $($('.nowimgbox')[i]).click(function(){
  214. layer.photos({
  215. photos: { "data": [{ "src": 'https://o.nczyzs.com/'+$(this).attr('img'), }] },
  216. shade: 0.2
  217. });
  218. })
  219. }
  220. }else if(res.code == 403){
  221. $(".exitbtn").trigger("click");
  222. } else {
  223. alert(res.msg)
  224. }
  225. }
  226. });
  227. $('.lastlink').click(function () {
  228. window.history.go(-1);
  229. })
  230. $('.goback').click(function () {
  231. let hobj = GetRequest();
  232. window.parent.addgotolist(hobj.type,'community');
  233. })
  234. // 恭喜,回访信息录入成功,记得下一次要及时回访哟!
  235. $('.btnx').click(function () {
  236. if ($('#content').val() == "") { alert("亲,请输入首次与客户洽谈的内容情况!"); $('#content').focus(); return false; }
  237. if ($('#nextuptime').val() == "") { alert("嗨,打算下一次什么时间回访这个客户呢?"); $('#nextuptime').focus(); return false; }
  238. let hobj = GetRequest();
  239. var nowstate = '{$data.state}';
  240. //console.log(nowstate);
  241. $.ajax({
  242. url: '{:url("community/addVisitlog")}'
  243. , data: {
  244. customer_id: hobj.cid,// (客户id)
  245. state: nowstate,//
  246. next_contact_date: $('#nextuptime').val(),//
  247. remark: $('#content').val()
  248. }
  249. , type: 'post'
  250. , success: function (res) {
  251. if (res.code == 0) {
  252. alert("恭喜,回访信息录入成功,记得下一次要及时回访哟!")
  253. $('.firstaddlog').hide()
  254. }else if(res.code == 403){
  255. $(".exitbtn").trigger("click");
  256. } else {
  257. alert(res.msg)
  258. }
  259. }
  260. });
  261. })
  262. })
  263. function GetRequest() {
  264. var url = location.search; //获取url中"?"符后的字串
  265. var theRequest = new Object();
  266. if (url.indexOf("?") != -1) {
  267. var str = url.substr(1);
  268. strs = str.split("&");
  269. for (var i = 0; i < strs.length; i++) {
  270. theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
  271. }
  272. }
  273. return theRequest;
  274. }
  275. </script>
  276. {/block}