list.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!-- include '../comm/header' -->
  2. <link href="<?= WEB_SITE_GLOBAL ?>gridManager/common.css" rel="stylesheet" type="text/css">
  3. <link href="<?= WEB_SITE_GLOBAL ?>gridManager/gm.css" rel="stylesheet" type="text/css">
  4. <script src="<?= WEB_SITE_GLOBAL ?>gridManager/gm.js"></script>
  5. <body>
  6. <div class="mainLayout">
  7. <div class="mainMenu">
  8. <div class="menuItem">
  9. <a href="#" class="mLogo">CLD</a>
  10. <ul>
  11. <!-- include '../admin/menuReceipt' -->
  12. </ul>
  13. </div>
  14. </div>
  15. <div class="warpContent">
  16. <div class="subMenu fL">
  17. <div class="menuItem">
  18. <ul>
  19. <!-- include 'menu' -->
  20. </ul>
  21. </div>
  22. </div>
  23. <div class="adminContent adminContentS autoHeight">
  24. <div class="librarySide">
  25. <section class=" ">
  26. <div class="saeasideMnav autoHeight">
  27. <div class="search">
  28. <div class="input-append">
  29. <input class="" placeholder="单号(不包含#),总金额" type="text" name="kw"
  30. style="width: 130px !important;border-radius: 4px;">
  31. </div>
  32. </div>
  33. <div><select style="width:120px" name="year">
  34. {{yearHtml}}
  35. </select></div>
  36. <div><select style="width:120px" name="month">
  37. <option value="">全年</option>
  38. <option value="01">1月</option>
  39. <option value="02">2月</option>
  40. <option value="03">3月</option>
  41. <option value="04">4月</option>
  42. <option value="05">5月</option>
  43. <option value="06">6月</option>
  44. <option value="07">7月</option>
  45. <option value="08">8月</option>
  46. <option value="09">9月</option>
  47. <option value="10">10月</option>
  48. <option value="11">11月</option>
  49. <option value="12">12月</option>
  50. </select></div>
  51. <div class="clearfix">
  52. <select class="fL" name="categoryId">
  53. <option value="">请选择所在办事处</option>
  54. <!-- loop office -->
  55. <option value="{{office' value.cid}}">{{office' value.title}}</option>
  56. <!-- endloop -->
  57. </select>
  58. </div>
  59. <div class="clearfix">
  60. <select class="fL" name="staffId">
  61. <option value="">请选择员工</option>
  62. <!-- loop staffSelect -->
  63. <option value="{{staffSelect' value.sid_cld}}">{{staffSelect' value.username}}
  64. </option>
  65. <!-- endloop -->
  66. </select>
  67. </div>
  68. <div class="clearfix">
  69. <select class="fL" name="feeType">
  70. <option value="">请选择费用类型</option>
  71. <option value="0">报销单</option>
  72. <option value="1">借款(借款报销单)</option>
  73. <option value="2">对公汇款</option>
  74. <option value="3">培训班</option>
  75. </select>
  76. </div>
  77. <button class="search-action button stockdemandBtn">点击查询</button>
  78. <button class="reset-action">重置</button>
  79. </div>
  80. </section>
  81. </div>
  82. <div class="libraryContent">
  83. <legend>
  84. <div class="fR"></div>所有费用列表
  85. </legend>
  86. <div class="saeaList">
  87. <!--待审批列表-->
  88. <section class="grid-main">
  89. <table id="feeList"></table>
  90. </section>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <script src="<?= WEB_SITE_GLOBAL ?>gridManager/fee/list.js"></script>
  97. <script>
  98. $(function () {
  99. $("select[name=categoryId]").change(function () {
  100. let categoryId = $(this).val();
  101. let form_data = new FormData();
  102. form_data.append("categoryId", categoryId);
  103. $.ajax({
  104. type: "POST",
  105. url: "/json/staff/category",
  106. dataType: "json",
  107. processData: false,
  108. contentType: false,
  109. data: form_data
  110. }).success(function (data) {
  111. console.log(data)
  112. let html='<option value="">请选择员工</option>';
  113. data.forEach(el => {
  114. html+=`<option value="${el.sid_cld}">${el.username}
  115. </option>`;
  116. });
  117. $("select[name=staffId]").html(html);
  118. }).fail(function (msg) {
  119. this.alertDia("获取员工失败");
  120. });
  121. })
  122. })
  123. </script>
  124. <!-- <script type="text/javascript">autoFlashHeight();</script> -->
  125. </body>