detail.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <script src="../../../admin/index.js" door type="text/javascript" charset="utf-8"></script>
  7. <script type="text/html" id="userTpl">
  8. <li>用户名称:{{d.name || ''}}</li>
  9. <li>注册时间:{{d.registrationTime || ''}}</li>
  10. <li>绑定手机号:{{d.phone || ''}}</li>
  11. </script>
  12. <script type="text/html" id="recordTpl">
  13. {{# if(d.status == 2){ }}
  14. <li><span>备案类型:个人</span></li>
  15. <li><span>身份证号码:{{d.archival.idCard || ''}}</span></li>
  16. <li><span>姓名:{{d.archival.name || ''}}</span></li>
  17. <li><span>身份证照片:<img layer-src="{{window.hywa.config.href+d.archival.frontImage}}" src="{{window.hywa.config.href+d.archival.frontImage}}" alt=""></span><span><img src="{{window.hywa.config.href+d.archival.contraryImage}}" alt=""></span></li>
  18. {{# } else if(d.status == 1) { }}
  19. <li><span>备案类型:企业</span></li>
  20. <li><span>营业执照号:{{d.archival.socialCreditCode || ''}}</span></li>
  21. <li><span>企业名称:{{d.archival.name || ''}}</span></li>
  22. <li><span>企业法人:{{d.archival.juridicalPerson || ''}}</span></li>
  23. <li>营业执照照片:<img layer-src="{{window.hywa.config.href+d.archival.businessLicense}}" src="{{window.hywa.config.href+d.archival.businessLicense}}" alt=""></li>
  24. {{# } }}
  25. </script>
  26. </head>
  27. <body>
  28. <div id="detailBox">
  29. <div class="layui-card">
  30. <div class="layui-card-header">基本信息</div>
  31. <div class="layui-card-body">
  32. <ul id="userInfo">
  33. </ul>
  34. </div>
  35. </div>
  36. <div class="layui-card">
  37. <div class="layui-card-header">备案信息</div>
  38. <div class="layui-card-body">
  39. <ul id="recordInfo" class="layer-photos-demo">
  40. </ul>
  41. </div>
  42. </div>
  43. </div>
  44. <script type="text/javascript">
  45. layui.config({
  46. base: "../../../admin/js/layuiPlugins/"
  47. }).use(["form", 'layer', 'cascade', 'laytpl', 'upload'], function() {
  48. var form = layui.form,
  49. $ = layui.$,
  50. layer = layui.layer,
  51. laytpl = layui.laytpl,
  52. cascade = layui.cascade,
  53. upload = layui.upload;
  54. var object = {
  55. id: (JSON.stringify(location.searchObj()) != "{}") ? location.searchObj().id || null : null, //带参传入ID
  56. currentData: {}, //当前表单数据
  57. byIdUrl: "userByIdUrl", //根据id查询详情
  58. formLayFilter: "addForm", //表单容器
  59. closeModal: function() { //关闭当前窗口
  60. parent.layer.close(parent.layer.getFrameIndex(window.name));
  61. }
  62. };
  63. //初始化
  64. object.main = function() {
  65. var _this = this;
  66. if (this.id) {
  67. _this.getCurrent(_this.id); //获取并初始化表单角色信息
  68. }
  69. return this;
  70. };
  71. //获取当前信息
  72. object.getCurrent = function(id) {
  73. var _this = this;
  74. $.ajax({
  75. url: _this.byIdUrl,
  76. data: {
  77. id: id || _this.id //当前ID
  78. },
  79. success: function(res) {
  80. console.log(res)
  81. laytpl(userTpl.innerHTML).render(res.data[0].buyer, function(html) {
  82. $("#userInfo").html(html);
  83. });
  84. laytpl(recordTpl.innerHTML).render(res.data[0].archival, function(html) {
  85. $("#recordInfo").html(html);
  86. layer.photos({
  87. photos: '#recordInfo'
  88. });
  89. });
  90. }
  91. });
  92. return this;
  93. };
  94. object.main();
  95. });
  96. </script>
  97. </body>
  98. </html>