view.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="keywords" content="">
  8. <meta name="description" content="">
  9. <title>机构企业</title>
  10. <link rel="stylesheet" href="../../../component/pear/css/pear.css">
  11. <link rel="stylesheet" href="../../../admin/css/cool/add.css">
  12. <style>
  13. th {
  14. background-color: #f2f9fc;
  15. color: #666;
  16. }
  17. td {
  18. color: #333;
  19. }
  20. .layui-table th {
  21. font-weight: 400;
  22. width: 70px;
  23. }
  24. .formClass {
  25. border: 0;
  26. height: 22px;
  27. background-color: transparent;
  28. }
  29. .cool-imgs-ul {
  30. overflow: hidden;
  31. }
  32. .cool-imgs-ul li {
  33. position: relative;
  34. cursor: pointer;
  35. margin-top: 15px;
  36. margin-right: 15px;
  37. list-style: none;
  38. padding: 0;
  39. float: left;
  40. display: block;
  41. overflow: hidden;
  42. width: 150px;
  43. text-align: center
  44. }
  45. .cool-imgs-ul li image {
  46. cursor: pointer;
  47. }
  48. </style>
  49. </head>
  50. <body>
  51. <div class="cool-container">
  52. <section class="container-header">
  53. <div class="cool-page-header-sm3" style="text-align: left;" id="fhmain">
  54. <span>/ 详情</span>
  55. <a href="main.html" class="cool-back-link">返回列表</a>
  56. </div>
  57. <div style="text-align: right;">
  58. <div id="examine">
  59. </div>
  60. </div>
  61. </section>
  62. <div class="setting container-body">
  63. <form class="layui-form" lay-filter="edit">
  64. <input type="hidden" name="id">
  65. <blockquote class="cool-elem-quote">区县总计</blockquote>
  66. <table class="layui-table" style="table-layout:fixed;">
  67. <tr>
  68. <th>区县名称</th>
  69. <td colspan="5" style="padding-left: 5px;">
  70. <input type="text" name="districtName" class="layui-input formClass" disabled>
  71. </td>
  72. <th>销售套数</th>
  73. <td colspan="5" style="padding-left: 5px;">
  74. <input type="text" name="saleNumber" class="layui-input formClass" disabled>
  75. </td>
  76. </tr>
  77. <tr>
  78. <th>销售面积</th>
  79. <td colspan="5" style="padding-left: 5px;">
  80. <input type="text" name="saleArea" class="layui-input formClass" disabled>
  81. </td>
  82. <th>销售总价</th>
  83. <td colspan="5" style="padding-left: 5px;">
  84. <input type="text" name="saleTotalPrice" class="layui-input formClass" disabled>
  85. </td>
  86. </tr>
  87. </table>
  88. <blockquote class="cool-elem-quote">住宅统计</blockquote>
  89. <table class="layui-table" style="table-layout:fixed;">
  90. <tr>
  91. <th>区县名称</th>
  92. <td colspan="5" style="padding-left: 5px;">
  93. <input type="text" name="districtName" class="layui-input formClass" disabled>
  94. </td>
  95. <th>销售套数</th>
  96. <td colspan="5" style="padding-left: 5px;">
  97. <input type="text" name="resSaleNumber" class="layui-input formClass" disabled>
  98. </td>
  99. </tr>
  100. <tr>
  101. <th>销售面积</th>
  102. <td colspan="5" style="padding-left: 5px;">
  103. <input type="text" name="resSaleArea" class="layui-input formClass" disabled>
  104. </td>
  105. <th>销售总价</th>
  106. <td colspan="5" style="padding-left: 5px;">
  107. <input type="text" name="resSaleTotalPrice" class="layui-input formClass" disabled>
  108. </td>
  109. </tr>
  110. </table>
  111. <blockquote class="cool-elem-quote">非住宅统计</blockquote>
  112. <table class="layui-table" style="table-layout:fixed;">
  113. <tr>
  114. <th>区县名称</th>
  115. <td colspan="5" style="padding-left: 5px;">
  116. <input type="text" name="districtName" class="layui-input formClass" disabled>
  117. </td>
  118. <th>销售套数</th>
  119. <td colspan="5" style="padding-left: 5px;">
  120. <input type="text" name="otherSaleNumber" class="layui-input formClass" disabled>
  121. </td>
  122. </tr>
  123. <tr>
  124. <th>销售面积</th>
  125. <td colspan="5" style="padding-left: 5px;">
  126. <input type="text" name="otherSaleArea" class="layui-input formClass" disabled>
  127. </td>
  128. <th>销售总价</th>
  129. <td colspan="5" style="padding-left: 5px;">
  130. <input type="text" name="otherSaleTotalPrice" class="layui-input formClass" disabled>
  131. </td>
  132. </tr>
  133. </table>
  134. </form>
  135. </div>
  136. </div>
  137. <script src="../../../component/layui/layui.js"></script>
  138. <script src="../../../component/pear/pear.js"></script>
  139. <script>
  140. layui.use(['request', 'form', 'popup'], function () {
  141. var $ = layui.jquery,
  142. request = layui.request,
  143. form = layui.form,
  144. popup = layui.popup;
  145. var MODULE_PATH = "/business/data/v1/view";
  146. layer.ready(function () {
  147. var yearMonth = request.getQueryString("yearMonth");
  148. var district = request.getQueryString("district");
  149. if (district) {
  150. var loading = layer.load(2, {shade: [0.3, '#333']});
  151. request.httpGet(MODULE_PATH + "?district="+district+"&yearMonth="+yearMonth, function (res) {
  152. layer.close(loading);
  153. if (res.success) {
  154. form.val('edit', res.data);
  155. } else {
  156. popup.failure(res.msg);
  157. }
  158. });
  159. }
  160. });
  161. // 初始化按钮
  162. window.initButton = function (data) {
  163. if (parseInt(data.examineStatus) === 0) {
  164. $('#examine').append('<button class="pear-btn pear-btn-primary pear-btn-md" style="padding:0 15px;" onclick="examine()">审批</button>');
  165. }
  166. };
  167. window.getExamineStatus = function (data) {
  168. if (parseInt(data) === 0) {
  169. $("#examineStatus").html("<span class=\"layui-badge-dot warning\"></span>待审批");
  170. }
  171. if (parseInt(data) === 1) {
  172. $("#examineStatus").html("<span class=\"layui-badge-dot success\"></span>已审批");
  173. }
  174. if (parseInt(data) === 2) {
  175. $("#examineStatus").html("<span class=\"layui-badge-dot failure\"></span>已驳回");
  176. }
  177. }
  178. // 初始化详情
  179. request.tableRender({
  180. url: '/business/collection/v1/',
  181. where: {
  182. corpId: request.getQueryString("id")
  183. },
  184. cols: [
  185. [
  186. {title: '区县', field: 'district', align: 'center'},
  187. {title: '区县名称', field: 'districtName', align: 'center'},
  188. {title: '销售年月', field: 'yearMonth', align: 'center'},
  189. {title: '销售类型', field: 'saleType', align: 'center', templet: function (d) {
  190. return d.saleType == 1 ? '住宅' : '非住宅';
  191. }
  192. },
  193. {title: '销售套数(套)', field: 'saleNumber', align: 'center'},
  194. {title: '销售面积(m²)', field: 'saleArea', align: 'center'},
  195. {title: '销售总价(元)', field: 'saleTotalPrice', align: 'center'},
  196. ]
  197. ]
  198. });
  199. // 审核
  200. window.examine = function () {
  201. layer.open({
  202. type: 2,
  203. title: '流程审批',
  204. shade: 0.1,
  205. area: ['480px', '350px'],
  206. content: 'examine.html?id=' + $('[name="id"]').val()
  207. });
  208. };
  209. })
  210. </script>
  211. </body>
  212. </html>