detail.html 48 KB

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