pending_invite.html 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775
  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. <title>逸管FEP</title>
  7. <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
  8. <link rel="stylesheet" href="{__MOBILE__}/css/pending.css">
  9. <link rel="stylesheet" href="{__MOBILE__}/layui/css/layui.css">
  10. <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
  11. <style>
  12. .footer_icon1 {
  13. background-image: url('{__MOBILE__}/img/first.png') !important;
  14. }
  15. .footer_icon2 {
  16. background-image: url('{__MOBILE__}/img/second.png') !important;
  17. }
  18. .footer_icon3 {
  19. background-image: url('{__MOBILE__}/img/third-a.png') !important;
  20. }
  21. .footer_icon4 {
  22. background-image: url('{__MOBILE__}/img/forth.png') !important;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <!-- <div class="top">
  28. <span><img src="{__MOBILE__}/img/left.png" alt="" style="width: 5vw;"></span><span>待处理</span><span></span>
  29. </div> -->
  30. <div class="pending">
  31. <div class="layui-tab layui-tab-brief">
  32. <ul class="layui-tab-title">
  33. <a href="{:url('mobile/index/pending')}">
  34. <li>待审项目&nbsp;<span class="dot-img">{if $red}<img src="{__MOBILE__}/img/dot.png" alt=""
  35. style="width: 1.2vh;">{/if}</span></li>
  36. </a>
  37. <a href="{:url('mobile/index/pending_invite')}">
  38. <li class="layui-this">待审请款&nbsp;<span class="dot-img">{if $app_red}<img src="{__MOBILE__}/img/dot.png" alt=""
  39. style="width: 1.2vh;">{/if}</span>
  40. </li>
  41. </a>
  42. <a href="{:url('mobile/index/pending_advent')}">
  43. <li>临期</li>
  44. </a>
  45. <a href="{:url('mobile/index/pending_late')}">
  46. <li>逾期</li>
  47. </a>
  48. </ul>
  49. {if $unit_type == 2}
  50. <div class="layui-tab-content">
  51. <div class="layui-tab-item layui-show">
  52. <div class="kan-sreach">
  53. <form id="taskForm" class="layui-form" lay-filter="barsearchform">
  54. <div class="layui-input-wrap" style="display: flex;">
  55. <input type="text" name="invite_keyword" lay-filter="invite_keyword" placeholder="搜索…"
  56. class="layui-input">
  57. <span><button lay-submit="" lay-filter="invite_search"><img
  58. src="{__MOBILE__}/img/search.png" alt=""
  59. style="height: 5vw;"></button></span>
  60. </div>
  61. </form>
  62. <!--<div class="kan-sift"><span id="btn">筛选</span><span><img src="{__MOBILE__}/img/sift.png"-->
  63. <!-- alt=""></span>-->
  64. <!--</div>-->
  65. </div>
  66. <div style="margin-bottom: 18vw;">
  67. {volist name="list" id="vo"}
  68. <div class="pending-item">
  69. <div class="pending-top">
  70. <span style="font-size: 4vw;"><b>{$vo.project_name}</b></span>
  71. {if $vo.audit_status==1}
  72. {in name="$vo.audit_type" value="10,11,12"}
  73. <a href="{:url('mobile/index/read_company')}?id={$vo.id}&project_id={$vo.project_id}&type={$vo.audit_type}">
  74. <span style="display: flex;align-items: center;font-size: 3.5vw;color: #187FDD;">
  75. <span><b>查看详情</b></span>
  76. <span><img src="{__MOBILE__}/img/right.png" alt=""
  77. style="width: 4vw;height: 3.5vw;"></span>
  78. </span>
  79. </a>
  80. {/in}
  81. {/if}
  82. </div>
  83. <div class="pending-content">项目编号:{$vo.project_num}</div>
  84. <div class="pending-content content">
  85. <span>
  86. 审批状态:
  87. <span style="margin-left: -1vw;font-weight:600;">
  88. {switch $vo.audit_status}
  89. {case 1}<span style="color: #ea8816">未审核</span>{/case}
  90. {case 2}<span style="color: #16b777">已通过</span>{/case}
  91. {case 3}<span style="color: #d81e06">已拒绝</span>{/case}
  92. {default /}未知
  93. {/switch}
  94. </span>
  95. </span>
  96. <span>当前审核:{$vo.audit_name}</span>
  97. </div>
  98. <div class="pending-content"
  99. style="display: flex;justify-content: space-between;align-items: center;">
  100. <span style="color: darkgray;"><b>{$vo.create_time}</b></span>
  101. <span class="pending-button">
  102. <form class="layui-form" lay-filter="barsearchform">
  103. <input type="hidden" name="id" value="{$vo.id}"/>
  104. <input type="hidden" name="else_id" value="{$vo.else_id}"/>
  105. <input type="hidden" name="else_name" value="{$vo.else_name}"/>
  106. <input type="hidden" name="audit_type" value="{$vo.audit_type}"/>
  107. <input type="hidden" name="project_id" value="{$vo.project_id}"/>
  108. <input type="hidden" name="project_status" value="{$vo.project_status}"/>
  109. {if isset($vo["else_status"])}
  110. <input type="hidden" name="else_status" value="{$vo.else_status}"/>
  111. {/if}
  112. {if $vo.audit_status==1}
  113. <button type="button" class="layui-btn layui-btn-normal " lay-submit
  114. lay-filter="agree_company"
  115. style="background-color:rgb(146,208,80);">通过</button>
  116. <button type="button" class="layui-btn layui-bg-red layui-btn-normal" lay-submit
  117. lay-filter="disagree_company">拒绝</button>
  118. {else}
  119. <button type="button" class="layui-btn layui-btn-normal chakan"><a
  120. href="{:url('mobile/index/read_company')}?id={$vo.id}&project_id={$vo.project_id}&type={$vo.audit_type}"
  121. style="color: #fff;">查看</a></button>
  122. {/if}
  123. </form>
  124. </span>
  125. </div>
  126. </div>
  127. {/volist}
  128. </div>
  129. <!-- <div>
  130. 页面里的内容 <button id="btn">展示弹窗</button>
  131. </div> -->
  132. <div class="mask" id="mask"></div>
  133. <div class="dialog" id="dialog">
  134. <div class="sift">
  135. <div class="sift-top" style="margin-bottom: 2vw;">
  136. <b>项目状态</b>
  137. </div>
  138. <form class="layui-form" action="">
  139. <div class="layui-form-item">
  140. <div class="layui-input-block">
  141. <input type="radio" name="project_status" value="2" title="审批中"
  142. class="sift-state">
  143. <input type="radio" name="project_status" value="3" title="待接收"
  144. class="sift-state">
  145. <input type="radio" name="project_status" value="4" title="分配中"
  146. class="sift-state">
  147. <input type="radio" name="project_status" value="5" title="作业中"
  148. class="sift-state">
  149. <input type="radio" name="project_status" value="6" title="归档中"
  150. class="sift-state">
  151. <input type="radio" name="project_status" value="7" title="退审中"
  152. class="sift-state">
  153. <input type="radio" name="project_status" value="8" title="已归档"
  154. class="sift-state">
  155. <input type="radio" name="project_status" value="9" title="已退审"
  156. class="sift-state">
  157. </div>
  158. </div>
  159. <div class="layui-form-item">
  160. <div class="sift-bottom">
  161. <div class="layui-input-block">
  162. <button type="button" class="layui-btn" lay-submit lay-filter="demo1"
  163. style="padding: 0;">立即提交
  164. </button>
  165. <!-- <button type="reset" class="layui-btn layui-btn-primary">重置</button> -->
  166. </div>
  167. </div>
  168. </div>
  169. </form>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. {else}
  175. <div class="layui-tab-content">
  176. <div class="layui-tab-item layui-show">
  177. <div class="kan-sreach">
  178. <form id="taskForm" class="layui-form" lay-filter="barsearchform">
  179. <div class="layui-input-wrap" style="display: flex;">
  180. <input type="text" name="invite_keyword" lay-filter="invite_keyword" placeholder="搜索…"
  181. class="layui-input">
  182. <span><button lay-submit="" lay-filter="invite_search"><img
  183. src="{__MOBILE__}/img/search.png" alt=""
  184. style="height: 2.7vh;"></button></span>
  185. </div>
  186. </form>
  187. </div>
  188. <div style="margin-bottom: 18vw;">
  189. {volist name="list" id="vo"}
  190. <div class="pending-item">
  191. <div class="pending-content" id="project_name_box">
  192. <span>
  193. 相关项目:{volist name="$vo.project_names" id="vname"}
  194. {$vname}
  195. {/volist}
  196. </span>
  197. </div>
  198. <div class="pending-content content">
  199. <span>发起人:{$vo.maker_name}</span>
  200. <span>
  201. 请款状态:
  202. <span style="margin-left: -1vw;font-weight:600;">
  203. {switch $vo.status}
  204. {case 0}<span style="color: #ea8816">立项中</span>{/case}
  205. {case 1}<span style="color: #ea8816">待审核</span>{/case}
  206. {case 2}<span style="color: #16b777">已通过</span>{/case}
  207. {case 3}<span style="color: #d81e06">已驳回</span>{/case}
  208. {case -1}<span style="color: #d81e06">立项审核中</span>{/case}
  209. {case -2}<span style="color: #d81e06">立项未通过</span>{/case}
  210. {default /}未知
  211. {/switch}
  212. </span>
  213. </span>
  214. </div>
  215. <div class="pending-content content">
  216. <span>请款金额:{$vo.appropriation_amount}元</span>
  217. </div>
  218. <div class="pending-content content">
  219. <span style="width:100%;">送审单位:{$vo.review_unit_name}</span>
  220. </div>
  221. <div class="pending-content"
  222. style="display: flex;justify-content: space-between;align-items: center;">
  223. <span style="color: darkgray;"><b>2024-01-09</b></span>
  224. <span class="pending-button">
  225. {if $vo.status==1}
  226. <form class="layui-form" lay-filter="barsearchform">
  227. <input type="hidden" hidden name="id" value="{$vo.id}">
  228. <input type="hidden" hidden name="invoicing_num"
  229. value="{$vo.invoicing_num}">
  230. <input type="hidden" hidden name="invoicing_amount"
  231. value="{$vo.invoicing_amount}">
  232. <input type="hidden" hidden name="invoice_type" value="{$vo.invoice_type}">
  233. <button type="button" class="layui-btn layui-btn-normal chakan"><a
  234. href="{:url('mobile/index/read_company')}?id={$vo.id}&project_id={$vo.id}&type=10"
  235. style="color: #fff;">查看</a></button>
  236. <button type="button" class="layui-btn layui-btn-normal " lay-submit
  237. lay-filter="agree"
  238. style="background-color:rgb(146,208,80);">通过</button>
  239. <button type="button" class="layui-btn layui-bg-red layui-btn-normal"
  240. lay-submit
  241. lay-filter="disagree">拒绝</button>
  242. </form>
  243. {else}
  244. <button type="button" class="layui-btn layui-btn-normal chakan"><a
  245. href="{:url('mobile/index/read_company')}?id={$vo.id}&project_id={$vo.id}&type=10"
  246. style="color: #fff;">查看</a></button>
  247. {/if}
  248. </span>
  249. </div>
  250. </div>
  251. {/volist}
  252. </div>
  253. </div>
  254. <div class="layui-tab-item"></div>
  255. <div class="layui-tab-item"></div>
  256. <div>
  257. <!-- <div>
  258. 页面里的内容 <button id="btn">展示弹窗</button>
  259. </div> -->
  260. </div>
  261. </div>
  262. {/if}
  263. </div>
  264. </div>
  265. <div class="footer">
  266. <div class="footer_ge">
  267. <a href="{:url('mobile/index/main')}" title="首页">
  268. <div class="dot">
  269. <div>
  270. <div class="footer_icon footer_icon1"></div>
  271. <div>首页</div>
  272. </div>
  273. <div class="dot-img">
  274. <!--<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">-->
  275. </div>
  276. </div>
  277. </a>
  278. </div>
  279. <div class="footer_ge">
  280. <a href="{:url('mobile/index/kan_list')}" title="看板">
  281. <div class="dot">
  282. <div>
  283. <div class="footer_icon footer_icon2"></div>
  284. <div>看板</div>
  285. </div>
  286. <div class="dot-img">
  287. {if $red_kan} <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;"> {/if}
  288. </div>
  289. </div>
  290. </a>
  291. </div>
  292. <div class="footer_ge">
  293. <a href="{:url('mobile/index/pending')}" title="待处理" style="color: #187FDD;">
  294. <div class="dot">
  295. <div>
  296. <div class="footer_icon footer_icon3"></div>
  297. <div>待处理</div>
  298. </div>
  299. <div class="dot-img">
  300. {if $red} <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;margin-left: -4.5vw;">{/if}
  301. </div>
  302. </div>
  303. </a>
  304. </div>
  305. <div class="footer_ge">
  306. <a href="{:url('mobile/index/person')}" title="我的">
  307. <div class="dot">
  308. <div>
  309. <div class="footer_icon footer_icon4"></div>
  310. <div>我的</div>
  311. </div>
  312. <div class="dot-img">
  313. <!-- <img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;"> -->
  314. </div>
  315. </div>
  316. </a>
  317. </div>
  318. </div>
  319. <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
  320. <script src="{__MOBILE__}/js/jquery-3.4.1.min.js"></script>
  321. <script>
  322. layui.use(function () {
  323. var form = layui.form, layer = layui.layer;
  324. // form.on('submit(list_search)', function (data) {
  325. // console.log(data.field);
  326. // const host = window.location.host;
  327. // window.location.href = ' https://' + host + '/mobile/index/pending?list_keyword=' + data.field['list_keyword'];
  328. // return false;
  329. // });
  330. form.on('submit(invite_search)', function (data) {
  331. console.log(data.field);
  332. const host = window.location.host;
  333. window.location.href = ' https://' + host + '/mobile/index/pending_invite?invite_keyword=' + data.field['invite_keyword'];
  334. return false;
  335. });
  336. // form.on('submit(advent_list)', function (data) {
  337. // console.log(data.field);
  338. // const host = window.location.host;
  339. // window.location.href = ' https://' + host + '/mobile/index/pending?advent_keyword=' + data.field['advent_keyword'];
  340. // return false;
  341. // });
  342. // form.on('submit(late_list)', function (data) {
  343. // console.log(data.field);
  344. // const host = window.location.host;
  345. // window.location.href = ' https://' + host + '/mobile/index/pending?late_keyword=' + data.field['late_keyword'];
  346. // return false;
  347. // });
  348. let tool = {
  349. ajax: function (options, callback) {
  350. var format = 'json';
  351. if (options.hasOwnProperty('data')) {
  352. format = options.data.hasOwnProperty('format') ? options.data.format : 'json';
  353. }
  354. callback = callback || options.success;
  355. callback && delete options.success;
  356. var optsetting = {timeout: 10000};
  357. if (format == 'jsonp') {
  358. optsetting = {timeout: 10000, dataType: 'jsonp', jsonp: 'callback'}
  359. }
  360. var opts = $.extend({}, optsetting, {
  361. success: function (res) {
  362. if (callback && typeof callback === 'function') {
  363. callback(res);
  364. }
  365. }
  366. }, options);
  367. $.ajax(opts);
  368. },
  369. post: function (url, data, callback) {
  370. this.ajax({
  371. url: url,
  372. type: "POST",
  373. data: data
  374. }, callback);
  375. },
  376. }
  377. let a = 0;
  378. form.on('submit(agree_company)', function (d) {
  379. layer.confirm("确认是否审批通过?", function (index) {
  380. let data = d.field;
  381. if (a == 0) {
  382. let callback = function (e) {
  383. a = 0
  384. select_Data = []
  385. layer.msg(e.msg);
  386. setTimeout(function () {
  387. window.location.reload()
  388. layer.close(index);
  389. }, 2000)
  390. }
  391. if (data.audit_type == 10) {
  392. $.ajax({
  393. url: "/admin/project.audit/appropriation_agree_first",
  394. data: {
  395. id: data.id,
  396. else_name: data.else_name,
  397. else_id: data.else_id,
  398. audit_type: data.audit_type,
  399. project_id: data.project_id,
  400. project_status: data.project_status,
  401. },
  402. type: 'post',
  403. success: function (res) {
  404. callback(res);
  405. }
  406. })
  407. } else if (data.audit_type == 11) {
  408. $.ajax({
  409. url: "/admin/project.audit/appropriation_agree_second",
  410. data: {
  411. id: data.id,
  412. else_name: data.else_name,
  413. else_id: data.else_id,
  414. audit_type: data.audit_type,
  415. project_id: data.project_id,
  416. project_status: data.project_status,
  417. },
  418. type: 'post',
  419. success: function (res) {
  420. callback(res);
  421. }
  422. })
  423. //请款二审
  424. } else if (data.audit_type == 12) {
  425. $.ajax({
  426. url: "/admin/project.audit/appropriation_agree_third",
  427. data: {
  428. id: data.id,
  429. else_name: data.else_name,
  430. else_id: data.else_id,
  431. audit_type: data.audit_type,
  432. project_id: data.project_id,
  433. project_status: data.project_status,
  434. },
  435. type: 'post',
  436. success: function (res) {
  437. callback(res);
  438. }
  439. })
  440. //请款三审
  441. } else {
  442. layer.alert("意外问题,请联系管理员")
  443. }
  444. }
  445. a = 0;
  446. }, function () {
  447. a = 0
  448. })
  449. return false;
  450. });
  451. form.on('submit(disagree_company)', function (d) {
  452. let data = d.field;
  453. if (a == 0) {
  454. var ttxx = layer.prompt({
  455. title: '请输入<span style="color: red">拒绝</span>原因',
  456. formType: 2,
  457. area: ['75vw', '25vw']
  458. }, function (text, index) {
  459. if (text == '') {
  460. layer.msg('请先完善拒绝原因');
  461. return false;
  462. } else {
  463. let callback = function (e) {
  464. layer.msg(e.msg);
  465. setTimeout(function () {
  466. window.location.reload()
  467. layer.close(index);
  468. }, 2000)
  469. }
  470. if (data.audit_type == 10) {
  471. //请款一审
  472. $.ajax({
  473. url: "/admin/project.audit/appropriation_disagree_first",
  474. data: {
  475. id: data.id,
  476. else_name: data.else_name,
  477. else_id: data.else_id,
  478. audit_type: data.audit_type,
  479. project_id: data.project_id,
  480. project_status: data.project_status,
  481. audit_remark: text,
  482. },
  483. type: 'post',
  484. success: function (res) {
  485. callback(res);
  486. }
  487. })
  488. } else if (data.audit_type == 11) {
  489. //请款二审
  490. $.ajax({
  491. url: "/admin/project.audit/appropriation_disagree_second",
  492. data: {
  493. id: data.id,
  494. else_name: data.else_name,
  495. else_id: data.else_id,
  496. audit_type: data.audit_type,
  497. project_id: data.project_id,
  498. project_status: data.project_status,
  499. audit_remark: text,
  500. },
  501. type: 'post',
  502. success: function (res) {
  503. callback(res);
  504. }
  505. })
  506. } else if (data.audit_type == 12) {
  507. //请款三审
  508. $.ajax({
  509. url: "/admin/project.audit/appropriation_disagree_third",
  510. data: {
  511. id: data.id,
  512. else_name: data.else_name,
  513. else_id: data.else_id,
  514. audit_type: data.audit_type,
  515. project_id: data.project_id,
  516. project_status: data.project_status,
  517. audit_remark: text,
  518. },
  519. type: 'post',
  520. success: function (res) {
  521. callback(res);
  522. }
  523. })
  524. } else {
  525. layer.alert("意外问题,请联系管理员")
  526. }
  527. }
  528. })
  529. }
  530. a = 0
  531. return false;
  532. });
  533. form.on('submit(agree)', function (data) {
  534. let refund_amount = 0;
  535. layui.each(layui.table.cache['appropriation_add'], function (index, row) {
  536. refund_amount += Number(row.refund_amount)
  537. });
  538. data.field.refund_amount = refund_amount;
  539. delete data.field.file;
  540. layer.confirm("确认是否审批通过?", function (index) {
  541. if (a == 0) {
  542. let callback = function (e) {
  543. layer.msg(e.msg)
  544. parent.location.reload();
  545. if (e.code == 0) {
  546. tool.sideClose(1000);
  547. }
  548. a = 0
  549. }
  550. tool.post("/admin/project.appropriation/cc_edit", data.field, callback)
  551. }
  552. a = 0;
  553. }, function () {
  554. a = 0
  555. })
  556. return false;
  557. });
  558. form.on('submit(disagree)', function (data) {
  559. if (a == 0) {
  560. var ttxx = layer.prompt({
  561. title: '请输入<span style="color: red">拒绝</span>原因',
  562. formType: 2,
  563. area: ['75vw', '25vw']
  564. }, function (text, index) {
  565. if (text == '') {
  566. layer.msg('请先完善拒绝原因');
  567. return false;
  568. }else {
  569. let callback = function (e) {
  570. layer.msg(e.msg)
  571. parent.location.reload();
  572. if (e.code == 0) {
  573. tool.sideClose(1000);
  574. }
  575. a = 0
  576. }
  577. data.field.reason = text
  578. // console.log(data.field)
  579. tool.post("/admin/project.appropriation/disagree", data.field, callback)
  580. }
  581. })
  582. }
  583. a = 1
  584. return false;
  585. });
  586. })
  587. </script>
  588. <script>
  589. layui.use(function () {
  590. var form = layui.form;
  591. // 输入框点缀事件 - 位置示例
  592. form.on('input-affix(location)', function (data) {
  593. var elem = data.elem; // 输入框
  594. // do something
  595. layer.msg('模拟获取位置中…', {icon: 16, time: 1.5 * 1000}, function () {
  596. elem.value = '浙江杭州'; // 向输入框赋值
  597. })
  598. });
  599. // 输入框点缀事件 - 搜索示例
  600. form.on('input-affix(search)', function (data) {
  601. var elem = data.elem; // 输入框
  602. var value = elem.value; // 输入框的值
  603. if (!value) {
  604. layer.msg('请输入搜索内容');
  605. return elem.focus()
  606. }
  607. ;
  608. // 模拟搜索跳转
  609. location.href = '?keywords=' + value + '&_' + new Date().getTime() + '#affix-custom';
  610. });
  611. });
  612. </script>
  613. <script>
  614. /*const btn = document.getElementById('btn');
  615. console.log(btn);
  616. const mask = document.getElementById('mask');
  617. const dialog = document.getElementById('dialog');
  618. btn.addEventListener('click', () => {
  619. mask.classList.add('show');
  620. dialog.classList.add('show');
  621. });
  622. mask.addEventListener('click', () => {
  623. mask.classList.remove('show');
  624. dialog.classList.remove('show');
  625. });*/
  626. </script>
  627. <script>
  628. layui.use(function () {
  629. var laydate = layui.laydate;
  630. // 日期范围 - 左右面板联动选择模式
  631. laydate.render({
  632. elem: '#ID-laydate-rangeLinked',
  633. range: ['#ID-laydate-start-date-1', '#ID-laydate-end-date-1'],
  634. rangeLinked: true // 开启日期范围选择时的区间联动标注模式 --- 2.8+ 新增
  635. });
  636. });
  637. </script>
  638. <script>
  639. layui.use(['form', 'laydate', 'util'], function () {
  640. var form = layui.form;
  641. var layer = layui.layer;
  642. var laydate = layui.laydate;
  643. var util = layui.util;
  644. // 自定义验证规则
  645. form.verify({
  646. pass: function (value) {
  647. if (!/(.+){6,12}$/.test(value)) {
  648. return '密码必须 6 到 12 位';
  649. }
  650. }
  651. });
  652. // 指定开关事件
  653. form.on('switch(switchTest)', function (data) {
  654. layer.msg('开关 checked:' + (this.checked ? 'true' : 'false'), {
  655. offset: '6px'
  656. });
  657. layer.tips('温馨提示:请注意开关状态的文字可以随意定义,而不仅仅是 ON|OFF', data.othis)
  658. });
  659. //buttom
  660. form.on('button', function (data) {
  661. console.log(data.field);
  662. });
  663. // 提交事件
  664. form.on('submit(demo1)', function (data) {
  665. var field = data.field; // 获取表单字段值
  666. // 显示填写结果,仅作演示用
  667. const host = window.location.host;
  668. window.location.href = ' https://' + host + '/mobile/index/pending?project_status=' + data.field['project_status'] + '&province=' + data.field['province'] + '&city=' + data.field['city'] + '&area=' + data.field['area'] + '&project_start_time=' + data.field['project_start_time'] + '&project_end_time=' + data.field['project_end_time'];
  669. return false; // 阻止默认 form 跳转
  670. });
  671. // 日期
  672. laydate.render({
  673. elem: '#date'
  674. });
  675. // 普通事件
  676. util.on('lay-on', {
  677. // 获取验证码
  678. "get-vercode": function (othis) {
  679. var isvalid = form.validate('.demo-phone'); // 主动触发验证,v2.7.0 新增
  680. // 验证通过
  681. if (isvalid) {
  682. layer.msg('手机号规则验证通过');
  683. // 此处可继续书写「发送验证码」等后续逻辑
  684. // …
  685. }
  686. }
  687. });
  688. });
  689. </script>
  690. </body>
  691. </html>