detail.html 38 KB

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