detail.html 45 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081
  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/detail.css">
  9. <link rel="stylesheet" href="{__MOBILE__}/layui/css/layui.css">
  10. <script src="{__JS__}/jquery.min.js"></script>
  11. <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
  12. </head>
  13. <body>
  14. <div class="top">
  15. <a href="{:url('mobile/index/kan_list')}">
  16. <div><img src="{__MOBILE__}/img/left.png" alt="" style="width: 5vw;"></div>
  17. </a>
  18. <div style="margin-left: 36vw;">看板</div>
  19. <div class="dropdown">
  20. <!-- <button onclick="dropdown()" class="dropbtn" style="margin-left: 28vw;background: url({__MOBILE__}/img/list.png) no-repeat;width: 5vw;"> -->
  21. <button onclick="dropdown()" class="dropbtn" style="margin-left: 33vw;">
  22. <img src="{__MOBILE__}/img/list.png" alt="" style="width: 5vw;pointer-events: none;">
  23. </button>
  24. <div id="myDropdown" class="dropdown-content" style="width: 24vw;">
  25. <a href="{:url('mobile/index/main')}">首页</a>
  26. <a href="{:url('mobile/index/kan_list')}">看板</a>
  27. <a href="{:url('mobile/index/pending')}">待处理</a>
  28. <a href="{:url('mobile/index/person')}">我的</a>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="layui-tab layui-tab-brief" style="margin-top: 13vw;" lay-filter="test-hash">
  33. <ul class="layui-tab-title" style="background-color: #fff;" id="ullist">
  34. <li class="layui-this">项目概览<span id="li_first" class="dot-img hongdian" >{if $red.detail}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
  35. {if $project_five.project_user == 1}
  36. <li data-id="1">项目人员<span class="dot-img hongdian">{if $red.user}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
  37. {/if}
  38. {if $project_five.project_report == 1}
  39. <li data-id="2">项目报告<span class="dot-img hongdian">{if $red.report}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
  40. {/if}
  41. {if $project_five.project_contact == 1}
  42. <li data-id="3">联系函<span class="dot-img hongdian">{if $red.contact}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
  43. {/if}
  44. <li data-id="4">请款详情</li>
  45. {if $project_five.project_comments == 1}
  46. <li data-id="5">作业日志<span class="dot-img hongdian">{if $red.comment}<img src="{__MOBILE__}/img/dot.png" alt="" style="width: 1.2vh;">{/if}</span></li>
  47. {/if}
  48. {if $project_five.project_record == 1}
  49. <li data-id="6">工作记录</li>
  50. {/if}
  51. {if $project_five.project_log == 1}
  52. <li data-id="7">项目动态</li>
  53. {/if}
  54. <li data-id="8">预约看现场</li>
  55. </ul>
  56. <div class="layui-tab-content">
  57. <!-- 项目概览 -->
  58. <div class="layui-tab-item layui-show">
  59. <div class="detail-basic">
  60. <div class="basic-top">
  61. <div class="basic-title">
  62. <span class="title-img">
  63. <span><img src="{__MOBILE__}/img/project1.png" alt=""
  64. style="width: 5vw;margin-right: 1vw;"></span>
  65. <span style="font-size: 2vh;"><b>{if $field.project_name}{$detail.project_name}{/if}</b></span>
  66. </span>
  67. <span class="title-img" style="color: #1287ff;">
  68. <span><img src="{__MOBILE__}/img/await.png" alt="" style="width: 5vw;"></span>&nbsp;
  69. <span style="width:12vw;font-weight:600;">
  70. {if $field.project_status}
  71. {switch $detail.project_status}
  72. {case 1}立项中{/case}
  73. {case 2}审批中{/case}
  74. {case 3}待接收{/case}
  75. {case 4}待分配{/case}
  76. {case 5}作业中{/case}
  77. {case 6}归档中{/case}
  78. {case 7}退审中{/case}
  79. {case 8}已归档{/case}
  80. {case 9}已退审{/case}
  81. {case 0}
  82. {switch $detail.proprietor_status}
  83. {case 0}立项中{/case}
  84. {case 1}审核中{/case}
  85. {case 2}待接收{/case}
  86. {/switch}
  87. {/case}
  88. {default /}未知
  89. {/switch}
  90. {/if}
  91. </span>
  92. </span>
  93. </div>
  94. <div style="margin-left: 6vw;display:flex;justify-content:space-between;align-items: flex-end;">
  95. <span>
  96. {if $field.project_num} {$detail.project_num} {/if}
  97. </span>
  98. <span style="width:12vw;">
  99. <b>
  100. {switch $detail.report_status}
  101. {case 0}<span style="color: #ffb800">初稿中</span>{/case}
  102. {case 1}<span style="color: #005fa8">对数中</span>{/case}
  103. {case 2}<span style="color: #ea8816">审定中</span>{/case}
  104. {case 3}<span style="color: #16b777">已审定</span>{/case}
  105. {default /}未知
  106. {/switch}
  107. </b>
  108. </span>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="basic-top-inner">
  113. <div class="basic-inner">
  114. {if $field.engineering_type}<span>项目类型: {$detail.engineering_type} </span>{/if} {if $field.engineering_category}<span>工程类别: {$detail.engineering_category} </span>{/if}
  115. </div>
  116. {if $field.fiscal_nature}
  117. <div class="basic-inner">
  118. 资金性质:{$detail.fiscal_nature}
  119. </div>
  120. {/if}
  121. {if $field.project_region}
  122. <div class="basic-inner">
  123. 项目区域:{$detail.province}-{$detail.city}-{$detail.area}
  124. </div>
  125. {/if}
  126. {if $field.project_scale}
  127. <div class="basic-inner">
  128. 项目规模:{$detail.project_scale}
  129. </div>
  130. {/if}
  131. {if $field.charge_standard}
  132. <div class="basic-inner">
  133. 收费标准:{$detail.charge_standard}
  134. </div>
  135. {/if}
  136. {if $field.project_time}
  137. <div class="basic-inner">
  138. 项目周期:{$detail.project_start_time|date="Y-m-d"}&nbsp;至&nbsp;{$detail.project_end_time|date="Y-m-d"}
  139. </div>
  140. {/if}
  141. </div>
  142. <div class="bottom-top">
  143. <span><img src="{__MOBILE__}/img/unit.png" alt="" style="width: 6vw;"></span><span
  144. style="font-size: 2vh;"><b>相关单位</b></span>
  145. </div>
  146. <div class="basic-bottom">
  147. <div class="bottom">
  148. {if $field.entrust_unit}
  149. <div class="bottom-item"><span>委托单位:{$detail.entrust_unit_name}</span></div>
  150. {/if}
  151. {if $field.entrust_head}
  152. <div class="bottom-person"><span>负责人:{$detail.entrust_maker_name}</span></div>
  153. {/if}
  154. {if $field.sent_review_unit}
  155. <div class="bottom-item"><span>送审单位:{$detail.sent_review_unit_name}</span></div>
  156. {/if}
  157. {if $field.sent_review_head}
  158. <div class="bottom-person"><span>负责人:{$detail.sent_review_head_name}</span></div>
  159. {/if}
  160. {if $field.review_unit}
  161. <div class="bottom-item"><span>评审机构:{$detail.review_unit_name}</span></div>
  162. {/if}
  163. {if $field.review_head||$field.operate_name}
  164. <div class="bottom-person" style="display: flex;">
  165. {if $field.review_head}
  166. <span style="width: 50%;">项目负责人:{$detail.review_head_name}</span>
  167. {/if}
  168. {if $field.operate_name}
  169. <span>作业负责人:{$detail.operate_head_name}</span></div>
  170. {/if}
  171. {/if}
  172. {if $field.operate_team_names}
  173. <div class="bottom-person">
  174. <span>作业成员:{$detail.operate_team_names}</span>
  175. </div>
  176. {/if}
  177. </div>
  178. </div>
  179. <div class="bottom-top">
  180. <span><img src="{__MOBILE__}/img/money.png" alt="" style="width: 6vw;"></span><span
  181. style="font-size: 2vh;"><b>金额详情</b></span>
  182. </div>
  183. <div class="basic-money">
  184. {if $field.sent_review_amount}
  185. <div class="money-inner">
  186. <span>送审金额:{$detail.sent_review_amount}元</span>
  187. </div>
  188. {/if}
  189. {if $field.authorize_amount||$field.review_add_reduce_amount}
  190. <div class="money-inner">
  191. {if $field.authorize_amount}
  192. <span class="long">审定金额:{$detail.authorize_amount}元</span>
  193. {/if}
  194. </div>
  195. <div class="money-inner">
  196. {if $field.review_add_reduce_amount}
  197. <span>审增金额:{$detail.review_add_amount}元</span>
  198. {/if}
  199. {if $field.review_add_reduce_amount}
  200. <span>审减金额:{$detail.review_reduce_amount}元</span>
  201. {/if}
  202. </div>
  203. {/if}
  204. {if $field.review_add_reduce_rate||$field.sent_review_cost}
  205. <div class="money-inner">
  206. {if $field.review_add_reduce_rate}
  207. <span>审增减率:{$detail.review_add_reduce_rate}%</span>
  208. {/if}
  209. {if $field.sent_review_cost}
  210. <span>送审服务费:{$detail.sent_review_cost}元</span>
  211. {/if}
  212. </div>
  213. {/if}
  214. {if $field.sent_review_approver_amount}
  215. <div class="money-inner">
  216. <span class="long">送审单位承担审核费:{$detail.sent_review_approver_amount}元</span>
  217. </div>
  218. {/if}
  219. {if $field.construction_approver_amount}
  220. <div class="money-inner">
  221. <span class="long">施工单位负责核减超5%评审费部分:{$detail.construction_approver_amount}元</span>
  222. </div>
  223. {/if}
  224. </div>
  225. <div class="bottom-top">
  226. <span><img src="{__MOBILE__}/img/annex.png" alt="" style="width: 6vw;"></span><span
  227. style="font-size: 2vh;"><b>相关附件</b></span>
  228. </div>
  229. <div id="filesBox2">
  230. <div class="filelist" id="filesBigBox">
  231. <ul id="filesBox">
  232. {:fileCard($file_array)}
  233. </ul>
  234. {empty name="$file_array" }
  235. <div class="layui-data-none" style="text-align: center;padding-bottom: 3vw;">暂无附件</div>
  236. {/empty}
  237. </div>
  238. <!-- {empty name="$file_array" }
  239. <div class="layui-data-none">暂无附件</div>
  240. {/empty} -->
  241. </div>
  242. </div>
  243. <!-- 项目人员 -->
  244. {if $project_five.project_user == 1}
  245. <div class="layui-tab-item">
  246. {volist name="person" id="vo"}
  247. <div class="person">
  248. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  249. <div>
  250. <div class="person-content">
  251. <div class="content">
  252. <span>成员姓名:{$vo.nickname}</span>
  253. </div>
  254. <div class="content">
  255. <span>所在单位:{$vo.unit_name}</span>
  256. </div>
  257. <div class="content">
  258. <span>成员类型:{switch $vo.type}
  259. {case 1}项目负责人{/case}
  260. {case 2}项目负责人{/case}
  261. {case 3}项目负责人{/case}
  262. {case 4}项目负责人{/case}
  263. {case 5}项目负责人{/case}
  264. {case 6}项目负责人{/case}
  265. {default /}
  266. {/switch}
  267. </span>
  268. </div>
  269. <div class="content">
  270. <span>单位类型:{$vo.unit_type}
  271. </span>
  272. </div>
  273. <div class="content">
  274. <span>
  275. 手机号码:<a href="tel://{$vo.mobile}">{$vo.mobile}</a>
  276. </span>
  277. </div>
  278. <div class="content">
  279. <span>单位邮箱:{$vo.email}</span>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. {/volist}
  285. </div>
  286. {/if}
  287. <!-- 项目报告 -->
  288. {if $project_five.project_report == 1}
  289. <div class="layui-tab-item">
  290. <div class="detail-report">
  291. {volist name="report" id="vo"}
  292. <a href="{:url('mobile/index/report_detail')}?id={$vo.id}&project_id={$project_id}">
  293. <div class="report-item">
  294. <div class="report-top">
  295. <span style="font-size: 2vh;width:70vw;"><b>{$vo.title}</b></span>
  296. <span style="display: flex;align-items: center;font-size: 1.5vh;color: #187FDD;">
  297. <span><b>查看详情</b></span>
  298. <span><img src="{__MOBILE__}/img/right.png" alt=""
  299. style="width: 4vw;height: 3.5vw;">
  300. </span>
  301. </span>
  302. </div>
  303. <div class="report-content" style="margin-bottom: 1.5vw;">
  304. <span class="report-overdue">
  305. <span>报告类型:
  306. {switch $vo.type}
  307. {case 0}初审报告{/case}
  308. {case 1}对数报告{/case}
  309. {case 2}定案报告{/case}
  310. {default /}未知
  311. {/switch}
  312. </span>
  313. <span>创建人:{$vo.nickname}</span>
  314. </span>
  315. </div>
  316. <div class="report-content"
  317. style="display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5vw;">
  318. <span style="color: darkgray;"><b>{$vo.create_time|date="Y-m-d"}</b></span>
  319. </div>
  320. </div>
  321. </a>
  322. {/volist}
  323. </div>
  324. </div>
  325. {/if}
  326. <!-- 联系函 -->
  327. {if $project_five.project_contact == 1}
  328. <div class="layui-tab-item">
  329. {volist name="contact" id="vo"}
  330. <a href="{:url('mobile/index/invite')}?id={$vo.id}">
  331. <div class="record1">
  332. <div class="record-top">
  333. <div class="record-title" style="width:73vw;">
  334. <span><img src="{__MOBILE__}/img/invite.png" alt="" style="width: 5vw;"></span>&nbsp;
  335. <span><b>联系函名称:{$vo.title}</b></span>
  336. </div>
  337. <div style="display: flex;align-items: center;">
  338. <span style="color: #187FDD;font-size: 1.5vh;">
  339. <span><b>查看详情</b></span>
  340. </span>
  341. <span>
  342. <img src="{__MOBILE__}/img/right.png" alt="" style="width: 4vw;height: 3.5vw;">
  343. </span>
  344. </div>
  345. </div>
  346. <div>
  347. <div class="invite-bottom">
  348. <span style="width: 50%;">创建人:{$vo.admin_name}</span>
  349. <!-- <span>审批人:{$vo.title}</span>-->
  350. </div>
  351. <div>
  352. <span>审批状态:{switch $vo.status}
  353. {case 0}未审核(新建){/case}
  354. {case 1}已通过(新建){/case}
  355. {case 2}已拒绝(新建){/case}
  356. {case 3}未审核(删除){/case}
  357. {case 4}已通过(删除){/case}
  358. {case 5}已拒绝(删除){/case}
  359. {default /}未知
  360. {/switch}</span>
  361. </div>
  362. <div>
  363. <span>创建时间:{$vo.create_time|date="Y-m-d"}</span>
  364. </div>
  365. </div>
  366. </div>
  367. </a>
  368. {/volist}
  369. </div>
  370. {/if}
  371. <!-- 请款详情 -->
  372. <div class="layui-tab-item">
  373. <div class="detail-request">
  374. {if !empty($appropriation)}
  375. <div class="request-title" style="display:flex;justify-content:space-between;align-items: center;">
  376. <span>
  377. <span><img src="{__MOBILE__}/img/project1.png" alt="" style="width: 5vw;margin-right: 1vw;"></span>
  378. <span style="font-size: 2vh;margin-bottom:1vw;"><b>请款函</b></span>
  379. </span>
  380. <span style="margin-right:3vw;">
  381. <b>
  382. {switch $appropriation.status}
  383. {case -2}<span style="color: #881f1f">立项未通过</span>{/case}
  384. {case -1}<span style="color: #b30095">立项审核中</span>{/case}
  385. {case 0}<span style="color: #ffb800">立项中</span>{/case}
  386. {case 1}<span style="color: #ea8816">待审核</span>{/case}
  387. {case 2}<span style="color: #16b777">已通过</span>{/case}
  388. {case 3}<span style="color: #d81e06">已拒绝</span>{/case}
  389. {/switch}
  390. </b>
  391. </span>
  392. </div>
  393. <div class="request-item">
  394. <div class="request-content">
  395. <span class="request-overdue" style="display:flex;">
  396. <span style="width:100%;">送审单位:{$appropriation.review_unit_name}</span>
  397. </span>
  398. <span class="request-overdue">
  399. <span style="width:100%;">创建人名称:</span>
  400. </span>
  401. <span class="request-overdue">
  402. <span style="width:100%;">送审服务费:{$appropriation.appropriation_amount}元</span>
  403. </span>
  404. <span class="request-overdue">
  405. <span>请款金额:{$appropriation.appropriation_amount}元</span>
  406. <span>回款金额:{if $appropriation.status==2}{$appropriation.appropriation_amount}{else /}0.00{/if}元</span>
  407. </span>
  408. <span class="request-overdue-long">
  409. <span style="margin-bottom: 1vw !important;">相关项目:{foreach $appropriation.project_name as $v }{$v}</span>
  410. <br>
  411. <!--<span style="padding-left:18.5vw;"></span>-->
  412. {/foreach}
  413. </span>
  414. <span class="request-overdue">
  415. <span style="width:100%;">请款时间:{$appropriation.appropriation_time|date="Y-m-d"}</span>
  416. </span>
  417. <span class="request-overdue">
  418. <span style="width:100%;">回款时间:</span>
  419. </span>
  420. </div>
  421. </div>
  422. <div class="request-item">
  423. <div class="request-content">
  424. <span class="request-overdue">
  425. <span style="width:100%;">委托单位:{$appropriation.entrust_unit_name}</span>
  426. </span>
  427. <span class="request-overdue">
  428. <span>是否开票:
  429. {switch $appropriation.invoice_status}
  430. {case 1}是 {/case}
  431. {case 0}否 {/case}
  432. {/switch}
  433. </span>
  434. </span>
  435. <span class="request-overdue">
  436. <span>发票编号:{$appropriation.invoicing_num}</span>
  437. </span>
  438. <span class="request-overdue">
  439. <span>发票类型:
  440. {switch $appropriation.invoice_type}
  441. {case 1}普通发票{/case}
  442. {case 2}专用发票{/case}
  443. {case 3}电子普票/case}
  444. {case 4}电子专票{/case}
  445. {/switch}</span>
  446. </span>
  447. <span class="request-overdue">
  448. <span>发票金额:{$appropriation.invoicing_amount}元</span>
  449. </span>
  450. </div>
  451. </div>
  452. <div class="request-annex">
  453. <div class="annex-title">
  454. <img src="{__MOBILE__}/img/annex.png" alt="" style="width: 5vw;">&nbsp;<b>附件</b>
  455. </div>
  456. <div class="annex-content" >
  457. <ul>
  458. {:fileCard($appropriation_file_array)}
  459. </ul>
  460. {empty name="$appropriation_file_array" }
  461. <div class="layui-data-none" style="text-align: center;padding-bottom: 3vw;">暂无附件</div>
  462. {/empty}
  463. </div>
  464. </div>
  465. {else /}
  466. <div style="margin: 3vw;background-color: #fff;text-align: center;padding: 2vw;box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%);">暂无请款</div>
  467. {/if}
  468. </div>
  469. </div>
  470. <!-- 作业日志 -->
  471. {if $project_five.project_comments == 1}
  472. <div class="layui-tab-item">
  473. <div id="comments">
  474. {volist name="comment" id="vo"}
  475. <div class="detail-log">
  476. <div class="log-top">
  477. <span>{$vo.maker}</span>
  478. <span
  479. class="{if $vo.unit_type==2}log-company{else}log-financial{/if}">{$vo.unit_name}</span>
  480. <span>{$vo.create_time|date="y-m-d H:i"}</span>
  481. </div>
  482. <div class="log-bottom" style="width: fit-content;padding-left: 10px;padding-right: 10px;">
  483. <div>{$vo.content}</div>
  484. {if !empty($vo.thumb)}
  485. <div class="log_content_img informBlock" >
  486. <div class="content_img" ><img src="{$vo.thumb}" alt="" style="width: auto;"></div>
  487. </div>
  488. <section class="imgzoom_pack">
  489. <div class="imgzoom_x">
  490. <div class="imgzoom_img">
  491. <img src="" alt="">
  492. </div>
  493. </div>
  494. </section>
  495. {/if}
  496. </div>
  497. </div>
  498. {/volist}
  499. </div>
  500. <div class="log_item_bottom"
  501. style="position: fixed;bottom: 0;width: 100vw;background-color: #fff;border-top: 0.25vw solid #eee;">
  502. <div class="layui-form log_bottom_left">
  503. <form class="layui-form">
  504. <!-- <div style="margin-left: 2vw;">普通文本域</div> -->
  505. <div class="logimg">
  506. <div class="layui-form-item layui-form-text">
  507. <div class="layui-input-block" style="width: 80vw;">
  508. <textarea id="text" name="content" placeholder="请输入内容" maxlength="3000"
  509. class="layui-textarea"></textarea>
  510. </div>
  511. <div class="wrapper">
  512. <span></span><span class="total">0/3000字</span>
  513. </div>
  514. </div>
  515. <div>
  516. <div class="layui-input-block">
  517. <button class="layui-btn" lay-submit lay-filter="sent_comment" type="button"
  518. style="background-color: #16baaa00 !important;padding: 0;margin-left: 1vw;margin-top: 2vw;">
  519. <img src="/static/home/images/allupload.png" height="100"
  520. style="height: 8vw;" />
  521. </button>
  522. </div>
  523. </div>
  524. </div>
  525. <div style="clear: both;"></div>
  526. <div id="imgItem">
  527. <label class="layui-form-label">上传图片:</label>
  528. <div class="layui-input-inlines-self">
  529. <div class="layui-upload-drag-self">
  530. <div id="uploadBtn" style="position:relative;display: flex;">
  531. <img src="/static/home/images/upload.png" height="100"
  532. style="width: 15vw;height: 15vw;"/>
  533. <input type="hidden" name="thumb" value="">
  534. <i class="layui-icon layui-icon-clear" id="imgdel"></i>
  535. </div>
  536. </div>
  537. </div>
  538. </div>
  539. </form>
  540. </div>
  541. </div>
  542. </div>
  543. {/if}
  544. <!-- 工作记录 -->
  545. {if $project_five.project_record == 1}
  546. <div class="layui-tab-item">
  547. <!-- <a href="{:url('mobile/index/record')}"> -->
  548. {volist name="record" id="vo"}
  549. <div class="record">
  550. <a href="{:url('mobile/index/record')}?id={$vo.id}&project_id={$project_id}">
  551. <div class="record-top">
  552. <div class="record-title">
  553. <span><img src="{__MOBILE__}/img/record.png" alt="" style="width: 4vw;"></span>&nbsp;
  554. </div>
  555. <div style="display: flex;align-items: center;">
  556. <span>
  557. <span>{$vo.admin_name}发表于:</span><span>{$vo.create_time|date="Y-m-d h:i"}</span>
  558. </span>
  559. <span>
  560. <img src="{__MOBILE__}/img/right1.png" alt="" style="width: 5vw;">
  561. </span>
  562. </div>
  563. </div>
  564. <div class="record-bottom">
  565. {$vo.content|raw}
  566. </div>
  567. </a>
  568. <div class="layui-btn-group" style="display: flex;justify-content: space-between;">
  569. <div></div>
  570. <div>
  571. <form class="layui-form">
  572. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"></button>
  573. <!-- <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
  574. <i class="layui-icon layui-icon-add-1"></i>
  575. </button> -->
  576. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"
  577. style="border: 0.25vw solid #d2d2d2;margin-right: 0.25vw;">
  578. <a href="{:url('mobile/index/record_edit')}?id={$vo.id}&project_id={$project_id}"><i
  579. class="layui-icon layui-icon-edit"></i></a>
  580. </button>
  581. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"
  582. style="border: 0.25vw solid #d2d2d2;" data-id="{$vo.id}" lay-filter="delete_record"
  583. lay-submit="">
  584. <i class="layui-icon layui-icon-delete"></i>
  585. </button>
  586. </form>
  587. </div>
  588. </div>
  589. </div>
  590. {/volist}
  591. <div class="record-add">
  592. <a href="{:url('mobile/index/record_add')}?project_id={$project_id}">
  593. <img src="{__MOBILE__}/img/add.png" alt="">
  594. </a>
  595. </div>
  596. </div>
  597. {/if}
  598. <!-- 项目动态 -->
  599. {if $project_five.project_log == 1}
  600. <div class="layui-tab-item">
  601. <div class="detail-dynamic">
  602. <div class="layui-timeline">
  603. {volist name="project_log" id="vo"}
  604. <div class="layui-timeline-item">
  605. <i class="layui-icon layui-timeline-axis"></i>
  606. <div class="layui-timeline-content layui-text" style="color: black;">
  607. <h3 class="layui-timeline-title dynamic-content"><b>{$vo.create_time}</b></h3>
  608. <p>
  609. {$vo.nickname}&nbsp;<b>{$vo.action}</b><span
  610. style="color: #187FDD;">《{$vo.content}》</span>
  611. </p>
  612. </div>
  613. </div>
  614. {/volist}
  615. </div>
  616. </div>
  617. </div>
  618. {/if}
  619. <!-- 预约看现场 -->
  620. <div class="layui-tab-item">
  621. <div class="detail-report">
  622. {volist name="appointmentList" id="vo"}
  623. <div class="report-item">
  624. <form class="layui-form" lay-filter="barsearchform">
  625. <input type="hidden" value="{$vo.id}" name="id">
  626. <input type="hidden" value="{$vo.project_id}" name="project_id">
  627. <div class="report-top">
  628. <span style="font-size: 2vh;width:70vw;"><b>发起人:{$vo.sponsor_name}</b></span>
  629. </div>
  630. <div class="report-content" style="margin-bottom: 1.5vw;">
  631. <span class="report-overdue">
  632. <span>审批人:{$vo.approval_name}</span>
  633. <span>派遣人数:{$vo.dispatch_num}</span>
  634. </span>
  635. </div>
  636. <div class="report-content"
  637. style="display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5vw;">
  638. <span style="color: darkgray;"><b>预约时间:{$vo.appointment_time}</b></span>
  639. <span style="color: darkgray;"><b>派遣人数:{$vo.dispatch_num}</b></span>
  640. </div>
  641. {if $unit_type != 1}
  642. {switch $vo.audit_status}
  643. {case 0}
  644. {if $vo.operate}
  645. <button type="button" class="layui-btn layui-btn-normal " lay-submit lay-filter="appointmentAgree" style="background-color:rgb(146,208,80);">通过</button>
  646. <button type="button" class="layui-btn layui-bg-red layui-btn-normal" lay-submit lay-filter="appointmentDisagree">拒绝</button>
  647. {else}
  648. 待审核
  649. {/if}
  650. {/case}
  651. {case 1}通过{/case}
  652. {case 2}拒绝{/case}
  653. {default /}未知
  654. {/switch}
  655. {else}
  656. {switch $vo.audit_status}
  657. {case 0}
  658. 待审核
  659. {/case}
  660. {case 1}通过{/case}
  661. {case 2}拒绝{/case}
  662. {default /}未知
  663. {/switch}
  664. {/if}
  665. </form>
  666. </div>
  667. {/volist}
  668. </div>
  669. <div class="record-add">
  670. <a href="{:url('mobile/index/appointment_add')}?project_id={$project_id}">
  671. <img src="{__MOBILE__}/img/add.png" alt="">
  672. </a>
  673. </div>
  674. </div>
  675. </div>
  676. </div>
  677. <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
  678. <script src="{__MOBILE__}/js/jquery-3.4.1.min.js"></script>
  679. <script>
  680. let form = layui.form;
  681. let tool = {
  682. ajax: function (options, callback) {
  683. var format = 'json';
  684. if (options.hasOwnProperty('data')) {
  685. format = options.data.hasOwnProperty('format') ? options.data.format : 'json';
  686. }
  687. callback = callback || options.success;
  688. callback && delete options.success;
  689. var optsetting = { timeout: 10000 };
  690. if (format == 'jsonp') {
  691. optsetting = { timeout: 10000, dataType: 'jsonp', jsonp: 'callback' }
  692. }
  693. var opts = $.extend({}, optsetting, {
  694. success: function (res) {
  695. if (callback && typeof callback === 'function') {
  696. callback(res);
  697. }
  698. }
  699. }, options);
  700. $.ajax(opts);
  701. },
  702. post: function (url, data, callback) {
  703. this.ajax({
  704. url: url,
  705. type: "POST",
  706. data: data
  707. }, callback);
  708. },
  709. }
  710. var project_id = "{$project_id}"
  711. layui.use(function () {
  712. var upload = layui.upload;
  713. var layer = layui.layer;
  714. var element = layui.element;
  715. var $ = layui.$;
  716. // 单图片上传
  717. var uploadInst = upload.render({
  718. elem: '#uploadBtn',
  719. url: '/admin/api/upload',
  720. done: function (e) {
  721. // 若上传失败
  722. if (e.code > 0) {
  723. return layer.msg('上传失败');
  724. }
  725. //上传成功
  726. $('#uploadBtn input').attr('value', e.data.filepath);
  727. $('#uploadBtn img').attr('src', e.data.filepath);
  728. $('#imgdel').show();
  729. },
  730. error: function () {
  731. layer.msg("上传失败");
  732. },
  733. });
  734. $("#li_first").css('display','none')
  735. eliminate(1,$(this))
  736. element.on('tab(test-hash)', function (data) {
  737. let index = $(this).attr('data-id');
  738. console.log(index);
  739. if (index == 1) {
  740. eliminate(2,$(this))
  741. } else if (index == 2) {
  742. } else if (index == 3) {
  743. eliminate(4,$(this))
  744. } else if (index == 4) {
  745. eliminate(5,$(this))
  746. } else if (index == 5) {
  747. eliminate(6,$(this))
  748. } else if (index == 6) {
  749. }else if (index == 7) {
  750. eliminate(6,$(this))
  751. }
  752. });
  753. })
  754. $('#imgdel').click(() => {
  755. $('#uploadBtn input').attr('value', '');
  756. $('#uploadBtn img').attr('src', '/static/home/images/upload.png');
  757. $('#imgdel').hide();
  758. return false;
  759. })
  760. //监听提交
  761. form.on('submit(sent_comment)', function (data) {
  762. let callback = function (e) {
  763. layer.msg(e.msg);
  764. $("#text").val("");
  765. $('#uploadBtn input').attr('value', '');
  766. $('#imgdel').hide();
  767. $('#uploadBtn img').attr('src', '/static/home/images/upload.png');
  768. $("#comments").load(location.href+" #comments >* ", "")
  769. console.log(e)
  770. }
  771. if (data.field.content === '' && data.field.thumb === '') {
  772. console.log(data.field)
  773. layer.msg("请完善内容");
  774. return false;
  775. } else {
  776. data.field["project_id"] = project_id;
  777. $.ajax({
  778. type: "post", //使用get方式
  779. url: "/admin/project.comment/add", //json文件相对于这个HTML的路径
  780. data: data.field,
  781. dataType: "json",
  782. async: false,
  783. success: function (e) {
  784. callback(e)
  785. },
  786. error: function () {
  787. layui.alert("网络错误!! ");
  788. }
  789. });
  790. }
  791. return false;
  792. });
  793. form.on('submit(delete_record)', function (data) {
  794. console.log(1)
  795. let index = $(this).attr('data-id');
  796. let callback = function (e) {
  797. a = 1
  798. layer.msg(e.msg);
  799. window.location.reload();
  800. }
  801. $.ajax({
  802. type: "post", //使用get方式
  803. url: "/admin/project.record/del", //json文件相对于这个HTML的路径
  804. data: {
  805. id: index
  806. },
  807. dataType: "json",
  808. async: false,
  809. success: function (e) {
  810. callback(e)
  811. },
  812. error: function () {
  813. layui.alert("地址请求失败!! ");
  814. }
  815. });
  816. return false;
  817. })
  818. function eliminate(type,lidom){
  819. let call=function (e){
  820. $(lidom[0]).find('.hongdian').css('display','none')
  821. }
  822. $.ajax({
  823. type: "post",
  824. url: "/admin/project.api/eliminate",
  825. data: {type: type,project_id:project_id},
  826. dataType: "json",
  827. async: false,
  828. success: function (e) {
  829. call(e)
  830. },
  831. error: function () {
  832. layui.alert("网络错误!! ");
  833. }
  834. });
  835. }
  836. form.on('submit(appointmentAgree)', function (data) {
  837. layer.prompt({
  838. title: '请输入<span style="color: green">回执</span>',
  839. formType: 2,
  840. area: ['35vw', '15vw']
  841. }, function (text, index) {
  842. let callback = function (e) {
  843. layer.msg(e.msg);
  844. setTimeout(function () {
  845. layer.close(index);
  846. location.reload()
  847. }, 2000)
  848. location.reload()
  849. }
  850. if (text !== "") {
  851. if("{$unit_type}" == 2){
  852. tool.post("/admin/project.appointment/agree_company", {id: data.field.id,audit_remark:text,project_id:data.field.project_id}, callback);// 项目id
  853. }else{
  854. tool.post("/admin/project.appointment/agree", {id: data.field.id,audit_remark:text,project_id:data.field.project_id}, callback);// 项目id
  855. }
  856. } else {
  857. layer.msg("回执不能为空")
  858. }
  859. // console.log(data)
  860. })
  861. return false;
  862. });
  863. form.on('submit(appointmentDisagree)', function (data) {
  864. layer.prompt({
  865. title: '请输入<span style="color: green">回执</span>',
  866. formType: 2,
  867. area: ['35vw', '15vw']
  868. }, function (text, index) {
  869. let callback = function (e) {
  870. layer.msg(e.msg);
  871. setTimeout(function () {
  872. layer.close(index);
  873. location.reload()
  874. }, 2000)
  875. }
  876. if (text !== "") {
  877. if("{$unit_type}" == 2){
  878. tool.post("/admin/project.appointment/disagree_company", {id: data.field.id,audit_remark:text,project_id:data.field.project_id}, callback);// 项目id
  879. }else{
  880. tool.post("/admin/project.appointment/disagree", {id: data.field.id,audit_remark:text,project_id:data.field.project_id}, callback);// 项目id
  881. }
  882. } else {
  883. layer.msg("回执不能为空")
  884. }
  885. })
  886. return false;
  887. });
  888. </script>
  889. <script>
  890. /* 当用户点击按钮时,
  891. 在隐藏和显示下拉内容之间切换 */
  892. function dropdown() {
  893. document.getElementById("myDropdown").classList.toggle("show");
  894. }
  895. // 如果用户在下拉框外单击,则关闭下拉框
  896. window.onclick = function (event) {
  897. if (!event.target.matches('.dropbtn')) {
  898. var dropdowns = document.getElementsByClassName("dropdown-content");
  899. var i;
  900. for (i = 0; i < dropdowns.length; i++) {
  901. var openDropdown = dropdowns[i];
  902. if (openDropdown.classList.contains('show')) {
  903. openDropdown.classList.remove('show');
  904. }
  905. }
  906. }
  907. }
  908. </script>
  909. <script>
  910. const tx = document.querySelector('#text')
  911. const total = document.querySelector('.total')
  912. tx.addEventListener('input', function () {
  913. console.log(tx.value.length)
  914. total.innerHTML = `${tx.value.length}/3000字`
  915. })
  916. </script>
  917. </body>
  918. <!-- 点击图片放大 -->
  919. <script src="{__MOBILE__}/js/scale.js"></script>
  920. <script type="text/javascript">
  921. ImagesZoom.init({
  922. "elem": ".informBlock"
  923. });
  924. </script>
  925. <script src="{__JS__}/jquery.min.js"></script>
  926. <script>
  927. $('#filesBox2').on('click', '.file-del', function () {
  928. layer.msg("不可删除")
  929. })
  930. </script>
  931. </html>