detail.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  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="shopTpl">
  8. <li>商户名称:{{d.name || ''}}</li>
  9. <li>经营地址:{{d.businessAddress || ''}}</li>
  10. <li>联系人:{{d.contact || ''}}</li>
  11. <li>绑定手机号:{{d.phone || ''}}</li>
  12. </script>
  13. <script type="text/html" id="businessTpl">
  14. <!-- <li>店铺名称:{{d.name || ''}}</li> -->
  15. <!-- <li><span>营业执照号:{{d.licenseCode || d.idCard || ''}}</span><span>证照类型:{{d.socialCreditType || "身份证"}}</span></li> -->
  16. <li>
  17. <span>法人姓名:{{d.legalPerson || ''}}</span>
  18. </li>
  19. <li>
  20. <span>法人身份证号:{{d.idCard || ''}}</span>
  21. </li>
  22. <li>
  23. <span>联系电话:{{d.legalPhone || ''}}</span>
  24. </li>
  25. <!-- <li>注册地址:{{d.registeredAddress || d.businessAddress || ''}}</li> -->
  26. <!-- <li>营业执照照片:<img src="{{window.hywa.config.href+d.headPortrait}}" layer-src="{{window.hywa.config.href+d.headPortrait}}"></li> -->
  27. </script>
  28. </head>
  29. <body>
  30. <div id="imgBox" style="display: none;">
  31. <img src="../../../img/face.jpg" alt="">
  32. </div>
  33. <div id="detailBox">
  34. <div class="layui-card">
  35. <div class="layui-card-header">店铺基本信息</div>
  36. <div class="layui-card-body">
  37. <ul id="shopInfo">
  38. <!-- <li>商户名称:</li>
  39. <li>经营地址:</li>
  40. <li>绑定手机号:</li> -->
  41. </ul>
  42. </div>
  43. </div>
  44. <div class="layui-card">
  45. <div class="layui-card-header">法人信息</div>
  46. <div class="layui-card-body">
  47. <ul id="businessInfo">
  48. <!-- <li>店铺名称:</li>
  49. <li><span>经营地址:</span><span>证照类型:</span></li>
  50. <li><span>法人姓名:</span><span>法人身份证号:</span></li>
  51. <li><span>联系人:</span><span>联系电话:</span></li>
  52. <li>注册地址:</li>
  53. <li>营业执照照片:</li> -->
  54. </ul>
  55. </div>
  56. </div>
  57. </div>
  58. <script type="text/javascript">
  59. layui.config({
  60. base: "../../../admin/js/layuiPlugins/"
  61. }).use(["form", 'layer', 'cascade', 'laytpl', 'upload'], function() {
  62. var form = layui.form,
  63. $ = layui.$,
  64. layer = layui.layer,
  65. laytpl = layui.laytpl,
  66. cascade = layui.cascade,
  67. upload = layui.upload;
  68. var object = {
  69. id: (JSON.stringify(location.searchObj()) != "{}") ? location.searchObj().id || null : null, //带参传入ID
  70. currentData: {}, //当前表单数据
  71. byIdUrl: "shopByIdUrl", //根据id查询详情
  72. formLayFilter: "addForm", //表单容器
  73. closeModal: function() { //关闭当前窗口
  74. parent.layer.close(parent.layer.getFrameIndex(window.name));
  75. }
  76. };
  77. //初始化
  78. object.main = function() {
  79. var _this = this;
  80. if (this.id) {
  81. _this.getCurrent(_this.id); //获取并初始化表单角色信息
  82. }
  83. return this;
  84. };
  85. //获取当前信息
  86. object.getCurrent = function(id) {
  87. var _this = this;
  88. $.ajax({
  89. url: _this.byIdUrl,
  90. data: {
  91. id: id || _this.id //当前ID
  92. },
  93. success: function(res) {
  94. laytpl(shopTpl.innerHTML).render(res.data[0], function(html) {
  95. $("#shopInfo").html(html);
  96. });
  97. laytpl(businessTpl.innerHTML).render(res.data[0], function(html) {
  98. $("#businessInfo").html(html);
  99. layer.photos({
  100. photos: '#businessInfo'
  101. });
  102. });
  103. $('#imgBox img').attr('src', window.hywa.config.href + res.data[0].headPortrait);
  104. }
  105. });
  106. return this;
  107. };
  108. object.main();
  109. });
  110. </script>
  111. </body>
  112. </html>