cost_detail.html 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390
  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. <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
  11. </head>
  12. <body>
  13. <div class="top">
  14. <a href="{:url('mobile/index/kan_list')}">
  15. <div><img src="{__MOBILE__}/img/left.png" alt="" style="width: 5vw;"></div>
  16. </a>
  17. <div style="margin-left: 36vw;">看板</div>
  18. <div class="dropdown">
  19. <!-- <button onclick="dropdown()" class="dropbtn" style="margin-left: 28vw;background: url({__MOBILE__}/img/list.png) no-repeat;width: 5vw;"> -->
  20. <button onclick="dropdown()" class="dropbtn" style="margin-left: 33vw;">
  21. <img src="{__MOBILE__}/img/list.png" alt="" style="width: 5vw;pointer-events: none;">
  22. </button>
  23. <div id="myDropdown" class="dropdown-content" style="width: 24vw;">
  24. <a href="{:url('mobile/index/main')}">首页</a>
  25. <a href="{:url('mobile/index/kan_list')}">看板</a>
  26. <a href="{:url('mobile/index/pending')}">待处理</a>
  27. <a href="{:url('mobile/index/person')}">我的</a>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="layui-tab layui-tab-brief" style="margin-top: 13vw;">
  32. <ul class="layui-tab-title" style="background-color: #fff;">
  33. <li class="layui-this">项目概览</li>
  34. <li>作业日志</li>
  35. <li>工作记录</li>
  36. <li>项目报告</li>
  37. <li>项目人员</li>
  38. <li>联系函</li>
  39. <li>请款详情</li>
  40. <li>项目动态</li>
  41. </ul>
  42. <div class="layui-tab-content">
  43. <!-- 项目概览 -->
  44. <div class="layui-tab-item layui-show">
  45. <div class="detail-basic">
  46. <div class="basic-top">
  47. <div class="basic-title">
  48. <span class="title-img">
  49. <span><img src="{__MOBILE__}/img/project1.png" alt=""
  50. style="width: 5vw;margin-right: 1vw;"></span>
  51. <span style="font-size: 2vh;"><b>{$detail.project_name}</b></span>
  52. </span>
  53. <span class="title-img" style="color: #1287ff;">
  54. <span><img src="{__MOBILE__}/img/await.png" alt="" style="width: 5vw;"></span>
  55. <span>{$detail.project_status}</span>
  56. </span>
  57. </div>
  58. <div style="margin-left: 6vw;">123123</div>
  59. </div>
  60. </div>
  61. <div class="basic-top-inner">
  62. <div class="basic-inner">
  63. <span>项目类型:{$detail.engineering_type}</span><span>工程类别:{$detail.engineering_category}</span>
  64. </div>
  65. <div class="basic-inner">
  66. 资金性质:{$detail.fiscal_nature}
  67. </div>
  68. <div class="basic-inner">
  69. 项目区域:{$detail.province}-{$detail.city}-{$detail.area}
  70. </div>
  71. <div class="basic-inner">
  72. 项目规模:{$detail.project_scale}
  73. </div>
  74. <div class="basic-inner">
  75. 收费标准:{$detail.charge_standard}
  76. </div>
  77. <div class="basic-inner">
  78. 项目周期:{$detail.project_start_time|date="Y-m-d"}&nbsp;至&nbsp;{$detail.project_end_time|date="Y-m-d"}
  79. </div>
  80. </div>
  81. <div class="bottom-top">
  82. <span><img src="{__MOBILE__}/img/unit.png" alt="" style="width: 6vw;"></span><span
  83. style="font-size: 2vh;"><b>相关单位</b></span>
  84. </div>
  85. <div class="basic-bottom">
  86. <div class="bottom">
  87. <div class="bottom-item"><span>委托单位:{$detail.entrust_unit_name}</span></div>
  88. <div class="bottom-person"><span>负责人:{$detail.entrust_maker_name}</span></div>
  89. <div class="bottom-item"><span>送审单位:{$detail.sent_review_unit_name}</span></div>
  90. <div class="bottom-person"><span>负责人:{$detail.sent_review_head_name}</span></div>
  91. <div class="bottom-item"><span>评审机构:{$detail.review_unit_name}</span></div>
  92. <div class="bottom-person" style="display: flex;"><span
  93. style="width: 50%;">项目负责人:{$detail.review_head_name}</span><span>
  94. 作业负责人:{$detail.operate_head_name}</span></div>
  95. <div class="bottom-person"><span>作业成员:{$detail.operate_team_names}</span></div>
  96. </div>
  97. </div>
  98. <div class="bottom-top">
  99. <span><img src="{__MOBILE__}/img/money.png" alt="" style="width: 6vw;"></span><span
  100. style="font-size: 2vh;"><b>金额详情</b></span>
  101. </div>
  102. <div class="basic-money">
  103. <div class="money-inner">
  104. <span>编制金额:14000.00元</span><span>送审金额:{$detail.sent_review_cost}元</span>
  105. </div>
  106. <div class="money-inner">
  107. <span>审定金额:{$detail.authorize_amount}元</span><span>审增减金额:{$detail.review_add_reduce_amount}元</span>
  108. </div>
  109. <div class="money-inner">
  110. <span>审增减率:{$detail.review_add_reduce_rate}%</span><span>送审服务费:{$detail.review_add_reduce_amount}元</span>
  111. </div>
  112. </div>
  113. <div class="bottom-top">
  114. <span><img src="{__MOBILE__}/img/annex.png" alt="" style="width: 6vw;"></span><span
  115. style="font-size: 2vh;"><b>相关附件</b></span>
  116. </div>
  117. <div id="filesBox2">
  118. <div class="filelist" id="filesBigBox">
  119. <ul id="filesBox">
  120. {:fileCard($file_array)}
  121. </ul>
  122. {empty name="$file_array" }
  123. <div class="layui-data-none" style="text-align: center;padding-bottom: 3vw;">暂无附件</div>
  124. {/empty}
  125. </div>
  126. <!-- {empty name="$file_array" }
  127. <div class="layui-data-none">暂无附件</div>
  128. {/empty} -->
  129. </div>
  130. </div>
  131. <!-- 作业日志 -->
  132. <div class="layui-tab-item">
  133. {volist name="$comment" id="vo"}
  134. <div class="detail-log">
  135. <div class="log-top">
  136. <span>{$vo.maker}</span>
  137. <span class="{if $vo.unit_type==2}log-company{else}log-financial{/if}">{$vo.unit_name}</span>
  138. <span>{$vo.create_time|date="y-m-d H:i"}</span>
  139. </div>
  140. <div class="log-bottom">
  141. <div>{$vo.content|raw}</div>
  142. {if !empty($vo.thumb)}
  143. <div class="log_content_img">
  144. <span class="content_img"><img src="{$vo.thumb}" alt=""></span><span></span>
  145. </div>
  146. {/if}
  147. </div>
  148. </div>
  149. {/volist}
  150. </div>
  151. <!-- 工作记录 -->
  152. <div class="layui-tab-item">
  153. <!-- <a href="{:url('mobile/index/record')}"> -->
  154. <div class="record">
  155. <div class="record-top">
  156. <div class="record-title">
  157. <span><img src="{__MOBILE__}/img/record.png" alt="" style="width: 5vw;"></span>&nbsp;
  158. <span>编号:27</span>
  159. </div>
  160. <div style="display: flex;align-items: center;">
  161. <span>
  162. <span>李四发表于:</span><span>2023-10-28&nbsp;15:58</span>
  163. </span>
  164. <a href="{:url('mobile/index/record')}">
  165. <span>
  166. <img src="{__MOBILE__}/img/right1.png" alt="" style="width: 5vw;">
  167. </span>
  168. </a>
  169. </div>
  170. </div>
  171. <div class="record-bottom">
  172. 工作记录工作记录工作记录工作记录工作记录工作记录工作记录工作记录工作记录工作记录工作记录工作记录工作记录工作记录工作记录工作记录
  173. </div>
  174. <div class="layui-btn-group" style="display: flex;justify-content: space-between;">
  175. <div></div>
  176. <div>
  177. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"></button>
  178. <!-- <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">
  179. <i class="layui-icon layui-icon-add-1"></i>
  180. </button> -->
  181. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"
  182. style="border: 0.25vw solid #d2d2d2;margin-right: 0.25vw;">
  183. <a href="{:url('mobile/index/record_edit')}"><i
  184. class="layui-icon layui-icon-edit"></i></a>
  185. </button>
  186. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm"
  187. style="border: 0.25vw solid #d2d2d2;">
  188. <i class="layui-icon layui-icon-delete"></i>
  189. </button>
  190. </div>
  191. </div>
  192. </div>
  193. <!-- </a> -->
  194. <div class="record-add">
  195. <a href="{:url('mobile/index/record_edit')}">
  196. <img src="{__MOBILE__}/img/add.png" alt="">
  197. </a>
  198. </div>
  199. </div>
  200. <!-- 项目报告 -->
  201. <div class="layui-tab-item">
  202. <div class="detail-report">
  203. {volist name="report" id="vo"}
  204. <div class="report-item">
  205. <div class="report-top">
  206. <span style="font-size: 2vh;"><b>{$vo.title}</b></span>
  207. <a href="{:url('mobile/index/report_detail')}?id={$vo.id}&project_id={$project_id}">
  208. <span style="display: flex;align-items: center;font-size: 1.5vh;color: #187FDD;">
  209. <span><b>查看详情</b></span>
  210. <span><img src="{__MOBILE__}/img/right.png" alt=""
  211. style="width: 4vw;height: 3.5vw;">
  212. </span>
  213. </span>
  214. </a>
  215. </div>
  216. <div class="report-content">
  217. <span class="report-overdue">
  218. <span>报告类型:
  219. {switch $vo.type}
  220. {case 0}初审报告{/case}
  221. {case 1}对数报告{/case}
  222. {case 2}定案报告{/case}
  223. {default /}未知
  224. {/switch}
  225. </span>
  226. <span>创建人:{$vo.nickname}</span>
  227. </span>
  228. </div>
  229. <div class="report-content"
  230. style="display: flex;justify-content: space-between;align-items: center;margin-top: 1vw;">
  231. <span style="color: darkgray;"><b>{$vo.create_time|date="Y-m-d"}</b></span>
  232. </div>
  233. </div>
  234. {/volist}
  235. </div>
  236. </div>
  237. <!-- 项目人员 -->
  238. <div class="layui-tab-item">
  239. {volist name="person" id="vo"}
  240. <div class="person">
  241. <div><img src="{__MOBILE__}/img/line.png" alt="" style="width: 5vw;height: 4vw;"></div>
  242. <div>
  243. <div class="person-content">
  244. <div class="content">
  245. <span>成员姓名:{$vo.nickname}</span>
  246. </div>
  247. <div class="content">
  248. <span>所在单位:{$vo.unit_name}</span>
  249. </div>
  250. <div class="content">
  251. <span>成员类型:{$vo.nickname}</span>
  252. </div>
  253. <div class="content">
  254. <span>单位类型:{switch $vo.unit_type}
  255. {case 1}委托单位负责人{/case}
  256. {case 2}评审单位负责人{/case}
  257. {case 3}作业负责人{/case}
  258. {case 4}作业成员{/case}
  259. {default /}施工单位负责人
  260. {/switch}
  261. </span>
  262. </div>
  263. <div class="content">
  264. <span>
  265. 手机号码:<a href=”tel://{$vo.mobile}”>{$vo.mobile}</a>
  266. <!-- <a :href="'tel:' + item">{{ item }}</a> //item就是电话号码
  267. 手机号码:{$vo.mobile}</span> -->
  268. </div>
  269. <div class="content">
  270. <span>单位邮箱:{$vo.email}</span>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. {/volist}
  276. </div>
  277. <!-- 联系函 -->
  278. <div class="layui-tab-item">
  279. <div class="record">
  280. <div class="record-top">
  281. <div class="record-title">
  282. <span><img src="{__MOBILE__}/img/invite.png" alt="" style="width: 5vw;"></span>&nbsp;
  283. <span><b>联系函名称</b></span>
  284. </div>
  285. <div style="display: flex;align-items: center;">
  286. <span style="color: #187FDD;font-size: 1.5vh;">
  287. <span><b>查看详情</b></span>
  288. </span>
  289. <a href="{:url('mobile/index/invite')}">
  290. <span>
  291. <img src="{__MOBILE__}/img/right.png" alt="" style="width: 4vw;height: 3.5vw;">
  292. </span>
  293. </a>
  294. </div>
  295. </div>
  296. <div>
  297. <div class="invite-bottom">
  298. <span style="width: 50%;">创建人:</span>
  299. <span>审批人:</span>
  300. </div>
  301. <div>
  302. <span>审批状态:</span>
  303. </div>
  304. <div>
  305. <span>创建时间:2023-11-3 22:03</span>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. <!-- 请款详情 -->
  311. <div class="layui-tab-item"></div>
  312. <div class="layui-tab-item">
  313. <div class="detail-dynamic">
  314. <div class="layui-timeline">
  315. {volist name="project_log" id="vo"}
  316. <div class="layui-timeline-item">
  317. <i class="layui-icon layui-timeline-axis"></i>
  318. <div class="layui-timeline-content layui-text" style="color: black;">
  319. <h3 class="layui-timeline-title dynamic-content"><b>{$vo.create_time}</b></h3>
  320. <p>
  321. {$vo.nickname}&nbsp;<b>{$vo.action}</b><span
  322. style="color: #187FDD;">《{$vo.content|raw}》</span>
  323. </p>
  324. </div>
  325. </div>
  326. {/volist}
  327. </div>
  328. </div>
  329. </div>
  330. </div>
  331. </div>
  332. <script src="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/layui.js"></script>
  333. <script>
  334. /* 当用户点击按钮时,
  335. 在隐藏和显示下拉内容之间切换 */
  336. function dropdown() {
  337. document.getElementById("myDropdown").classList.toggle("show");
  338. }
  339. // 如果用户在下拉框外单击,则关闭下拉框
  340. window.onclick = function (event) {
  341. if (!event.target.matches('.dropbtn')) {
  342. var dropdowns = document.getElementsByClassName("dropdown-content");
  343. var i;
  344. for (i = 0; i < dropdowns.length; i++) {
  345. var openDropdown = dropdowns[i];
  346. if (openDropdown.classList.contains('show')) {
  347. openDropdown.classList.remove('show');
  348. }
  349. }
  350. }
  351. }
  352. </script>
  353. </body>
  354. </html>