cold.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head>
  4. <th:block th:include="include :: header('配送单列表')" />
  5. <th:block th:include="include :: layout-latest-css" />
  6. <th:block th:include="include :: ztree-css" />
  7. </head>
  8. <body class="gray-bg">
  9. <div class="ui-layout-center">
  10. <div class="container-div">
  11. <div class="row">
  12. <div class="col-sm-12 search-collapse">
  13. <div class="query-condition-container">
  14. <h4 class="query-condition-title">查询条件</h4>
  15. <div class="query-buttons">
  16. <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
  17. <a class="btn btn-warning btn-rounded btn-sm" onclick="resetPre()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
  18. </div>
  19. </div>
  20. <form id="user-form">
  21. <input type="hidden" id="deptId" name="deptId">
  22. <input type="hidden" id="parentId" name="parentId">
  23. <div class="select-list">
  24. <ul>
  25. <li class="select-time">
  26. <label>创建日期</label>
  27. <input type="text" class="time-input" id="creationTimeStart" placeholder="开始时间" name="creationTimeStart"/>
  28. <span>-</span>
  29. <input type="text" class="time-input" id="creationTimeEnd" placeholder="结束时间" name="creationTimeEnd"/>
  30. </li>
  31. <li class="select-time">
  32. <label>实际送达</label>
  33. <input type="text" class="time-input" id="startTime" placeholder="开始时间" name="actualDeliveryTimeStart"/>
  34. <span>-</span>
  35. <input type="text" class="time-input" id="endTime" placeholder="结束时间" name="actualDeliveryTimeEnd"/>
  36. </li>
  37. <li>
  38. <label>订单号:</label>
  39. <input type="text" class="styled-input" placeholder="请输入订单号" name="orderNumber"/>
  40. </li>
  41. <li>
  42. <label>配送员:</label>
  43. <input type="text" class="styled-input" placeholder="请输入配送员" name="deliveryPerson"/>
  44. </li>
  45. <li>
  46. <label>收货人:</label>
  47. <input type="text" class="styled-input" placeholder="请输入收货人" name="recipientName"/>
  48. </li>
  49. <li>
  50. <label>收货电话:</label>
  51. <input type="text" class="styled-input" placeholder="请输入收货电话" name="recipientPhone"/>
  52. </li>
  53. <li>
  54. <label>配送状态:</label>
  55. <select name="deliveryStatus" th:with="type=${@dict.getType('sys_select_pszt')}" class="styled-input">
  56. <option value="">全部</option>
  57. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"></option>
  58. </select>
  59. </li>
  60. <li>
  61. <label>所属连锁:</label>
  62. <input name="chainName" class="styled-input" onclick="selectDeptTree()" id="treeName" type="text" placeholder="请选择门店">
  63. </li>
  64. <li>
  65. <label>冷链类型:</label>
  66. <select name="coldChainType" th:with="type=${@dict.getType('sys_select_cold_type')}" class="styled-input">
  67. <option value="">全部</option>
  68. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  69. ></option>
  70. </select>
  71. </li>
  72. <li>
  73. <label>付款顺序:</label>
  74. <select name="paymentSequence" th:with="type=${@dict.getType('sys_select_payment_sequence')}" class="styled-input">
  75. <option value="">全部</option>
  76. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictLabel}"
  77. ></option>
  78. </select>
  79. </li>
  80. </ul>
  81. </div>
  82. </form>
  83. </div>
  84. <div class="btn-group-sm" id="toolbar" role="group">
  85. <a class="btn btn-success" onclick="$.operate.addTab()" shiro:hasPermission="dtp:cold:add">
  86. <i class="fa fa-plus"></i> 新增
  87. </a>
  88. <a class="btn btn-primary single disabled" onclick="$.operate.editTab()" shiro:hasPermission="dtp:cold:edit">
  89. <i class="fa fa-edit"></i> 修改
  90. </a>
  91. <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="sdtp:cold:remove">
  92. <i class="fa fa-remove"></i> 删除
  93. </a>
  94. <!-- <a class="btn btn-info" onclick="$.table.importExcel()" shiro:hasPermission="dtp:recipe:import">-->
  95. <!-- <i class="fa fa-upload"></i> 导入-->
  96. <!-- </a>-->
  97. <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="dtp:cold:export">
  98. <i class="fa fa-download"></i> 导出
  99. </a>
  100. </div>
  101. <div class="col-sm-12 select-table table-striped">
  102. <table id="bootstrap-table"></table>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. <th:block th:include="include :: footer" />
  108. <th:block th:include="include :: layout-latest-js" />
  109. <th:block th:include="include :: ztree-js" />
  110. <script th:inline="javascript">
  111. var editFlag = [[${@permission.hasPermi('dtp:cold:edit')}]];
  112. var removeFlag = [[${@permission.hasPermi('dtp:cold:remove')}]];
  113. var prefix = ctx + "dtp/cold";
  114. $(function() {
  115. var panehHidden = false;
  116. if ($(this).width() < 1590) {
  117. panehHidden = true;
  118. }
  119. $('body').layout({ initClosed: panehHidden, west__size: 185, resizeWithWindow: false });
  120. // 回到顶部绑定
  121. if ($.fn.toTop !== undefined) {
  122. var opt = {
  123. win:$('.ui-layout-center'),
  124. doc:$('.ui-layout-center')
  125. };
  126. $('#scroll-up').toTop(opt);
  127. }
  128. queryUserList();
  129. });
  130. function queryUserList() {
  131. var options = {
  132. url: prefix + "/list",
  133. viewUrl: prefix + "/view/{id}",
  134. createUrl: prefix + "/add",
  135. updateUrl: prefix + "/edit/{id}",
  136. removeUrl: prefix + "/remove",
  137. exportUrl: prefix + "/export",
  138. //importUrl: prefix + "/importData",
  139. importTemplateUrl: prefix + "/importTemplate",
  140. sortName: "createTime",
  141. sortOrder: "desc",
  142. modalName: "配送单列表",
  143. showFooter:true, //是否显示表格底部区域。
  144. clickToSelect: true, //是否启用点击行时选中整行的功能。
  145. singleSelect: false, //是否仅允许选择一行
  146. columns: [{
  147. checkbox: true
  148. },
  149. {
  150. field: "id",
  151. title: "id",
  152. //hidden:false
  153. visible: false,
  154. },
  155. // {
  156. // "field": "createdBy",
  157. // "title": "创建人"
  158. // },
  159. {
  160. "field": "orderNumber",
  161. "title": "订单号"
  162. },
  163. {
  164. "field": "createdDate",
  165. "title": "创建日期"
  166. },
  167. {
  168. "field": "creationTime",
  169. "title": "订单创建时间"
  170. },
  171. {
  172. "field": "expectedDeliveryTime",
  173. "title": "预计配送时间"
  174. },
  175. {
  176. "field": "actualDeliveryTime",
  177. "title": "实际配送时间"
  178. },
  179. {
  180. "field": "chainName",
  181. "title": "所属连锁"
  182. },
  183. {
  184. "field": "storeName",
  185. "title": "所属门店"
  186. },
  187. {
  188. "field": "deliveryStatus",
  189. "title": "配送状态"
  190. },
  191. {
  192. "field": "coldChainType",
  193. "title": "冷链类型"
  194. },
  195. {
  196. "field": "orderSource",
  197. "title": "订单来源"
  198. },
  199. {
  200. "field": "deliveryPerson",
  201. "title": "配送员"
  202. },
  203. {
  204. "field": "recipientName",
  205. "title": "收货人"
  206. },
  207. {
  208. "field": "recipientPhone",
  209. "title": "收货电话"
  210. },
  211. {
  212. "field": "recipientAddress",
  213. "title": "收货地址"
  214. },
  215. {
  216. "field": "departureTemperature",
  217. "title": "出发温度"
  218. },
  219. {
  220. "field": "arrivalTemperature",
  221. "title": "送达温度"
  222. },
  223. {
  224. "field": "signaturePhoto",
  225. "title": "签收照片"
  226. },
  227. {
  228. "field": "isOnlineSignature",
  229. "title": "是否线上签收"
  230. },
  231. {
  232. "field": "deliveryBoxNumber",
  233. "title": "配送箱编号"
  234. },
  235. {
  236. "field": "icePackNumber",
  237. "title": "冰排编号"
  238. },
  239. // {
  240. // "field": "paymentSequence",
  241. // "title": "付款顺序"
  242. // },
  243. // {
  244. // "field": "create_time",
  245. // "title": "创建时间"
  246. // },
  247. // {
  248. // "field": "updatedTime",
  249. // "title": "更新时间"
  250. // },
  251. {
  252. title: '操作',
  253. align: 'center',
  254. fixed: true, // 固定列
  255. formatter: function(value, row, index) {
  256. if (row.id) {
  257. var actions = [];
  258. actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.editTab(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
  259. actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="javascript:void(0)" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a> ');
  260. return actions.join('');
  261. } else {
  262. return "";
  263. }
  264. }
  265. }]
  266. };
  267. $.table.init(options);
  268. }
  269. /* 用户管理-新增-选择门店树 */
  270. function selectDeptTree() {
  271. var treeId = $("#treeId").val();
  272. var deptId = $.common.isEmpty(treeId) ? "100" : $("#treeId").val();
  273. var url = ctx + "system/user/selectDeptTree/" + deptId;
  274. var options = {
  275. title: '选择门店',
  276. width: "380",
  277. url: url,
  278. callBack: doSubmit
  279. };
  280. $.modal.openOptions(options);
  281. }
  282. function doSubmit(index, layero){
  283. var body = $.modal.getChildFrame(index);
  284. $("#treeId").val(body.find('#treeId').val());
  285. $("#treeName").val(body.find('#treeName').val());
  286. $.modal.close(index);
  287. }
  288. /* 自定义重置-表单重置/隐藏框/树节点选择色/搜索 */
  289. function resetPre() {
  290. resetDate();
  291. $("#user-form")[0].reset();
  292. $("#deptId").val("");
  293. $("#parentId").val("");
  294. $(".curSelectedNode").removeClass("curSelectedNode");
  295. $.table.search();
  296. }
  297. </script>
  298. </body>
  299. </html>