cold.html 10 KB

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