detail.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>潜客跟踪详情</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  12. <link rel="stylesheet" type="text/css" href="../../layuiadmin/style/formSelects-v4.css"/>
  13. <style>
  14. .input {
  15. border-radius: 2px;
  16. height: 38px;
  17. border-width: 1px;
  18. border-color: lightgray;
  19. border-style: solid;
  20. background-color: white;
  21. padding-left: 3px;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="layui-fluid">
  27. <div class="layui-row layui-col-space15">
  28. <div class="layui-card">
  29. <div class="layui-card-body" pad15>
  30. <div id="tableDom"></div>
  31. <h3 style="margin: 20px 0 10px 0">潜客跟踪报告</h3>
  32. <table class="layui-hide" id="customer_datagrid" lay-filter="customer-operate"></table>
  33. </div>
  34. </div>
  35. </div>
  36. </div>
  37. <script id="demo" type="text/html">
  38. <table class="layui-table">
  39. <tbody>
  40. <tr>
  41. <td style="background: #f8f8f8; width: 70px">姓名:</td>
  42. <td>{{ d.name }}</td>
  43. <td style="background: #f8f8f8; width: 70px">性别:</td>
  44. <td>{{ d.gender_text }}</td>
  45. </tr>
  46. <tr>
  47. <td style="background: #f8f8f8; width: 70px">电话:</td>
  48. <td>{{ d.tel }}</td>
  49. <td style="background: #f8f8f8; width: 70px">地址:</td>
  50. <td>{{ d.address }}</td>
  51. </tr>
  52. <tr>
  53. <td style="background: #f8f8f8; width: 70px">小区:</td>
  54. <td>{{ d.village }}</td>
  55. <td style="background: #f8f8f8; width: 70px">来源:</td>
  56. <td>{{ d.source_text }}</td>
  57. </tr>
  58. <tr>
  59. <td style="background: #f8f8f8; width: 70px">项目:</td>
  60. <td>{{ d.project_text }}</td>
  61. <td style="background: #f8f8f8; width: 70px">阶段进度:</td>
  62. <td>{{ d.stage_progress_text }}</td>
  63. </tr>
  64. <tr>
  65. <td style="background: #f8f8f8; width: 70px">备注:</td>
  66. <td colspan="3">{{ d.notes || ""}}</td>
  67. </tr>
  68. </tbody>
  69. </table>
  70. </script>
  71. <script src="../../layuiadmin/layui/layui.js"></script>
  72. <script>
  73. layui.link('../../../layuiadmin/style/autocomplete.css');
  74. layui.config({
  75. base: '../../../layuiadmin/' //静态资源所在路径
  76. , autocomplete: 'autocomplete'
  77. }).extend({
  78. index: 'lib/index',
  79. formSelects: 'formSelects-v4'
  80. }).use(['index', 'table', 'form', 'autocomplete', 'formSelects', 'laytpl' ], function () {
  81. var $ = layui.$
  82. , table = layui.table
  83. , admin = layui.admin
  84. , laytpl = layui.laytpl
  85. , formSelects = layui.formSelects
  86. , form = layui.form;
  87. editdata = JSON.parse(JSON.stringify(parent.layui.table.editdata)); // 框架有Bug所以这么转换
  88. var data = editdata;
  89. var getTpl = demo.innerHTML
  90. ,tableDom = document.getElementById('tableDom');
  91. laytpl(getTpl).render(data, function(html){
  92. tableDom.innerHTML = html;
  93. });
  94. var id = layui.view.getParameterByName('customer');
  95. table.render({
  96. elem: '#customer_datagrid'
  97. , url: '/customer/get_review/?customer=' + id
  98. , cols: [[
  99. {field: 'create_user_text', title: '跟踪人', width: 100}
  100. , {field: 'create_time_f', title: "跟踪时间", width: 150}
  101. , {field: 'description', title: '回访情况', width: 200}
  102. , {field: 'instruction', title: '支援或放弃', width: 150}
  103. , {field: 'check_comment', title: "审核批示", width: 150}
  104. , {field: 'check_status_text', title: '审核状态', width: 100}
  105. ]]
  106. , page: true
  107. });
  108. });
  109. </script>
  110. </body>
  111. </html>