view.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. {extend name="../../base/view/common/base" /}
  2. <!-- 主体 -->
  3. {block name="body"}
  4. <div class="layui-form p-page">
  5. <h3 class="pb-2">借支详情</h3>
  6. <table class="layui-table layui-table-form">
  7. <tr>
  8. <td class="layui-td-gray">借支主题</td>
  9. <td colspan="3">{$detail.title}</td>
  10. <td class="layui-td-gray-2">借支企业主体</td>
  11. <td>{$detail.subject_name|default='-'}</td>
  12. </tr>
  13. <tr>
  14. <td class="layui-td-gray-2">借支金额</td>
  15. <td><span style="color:#1E9FFF">{$detail.cost} 元</span></td>
  16. <td class="layui-td-gray">借支员工</td>
  17. <td>{$detail.admin_name} ({$detail.department})</td>
  18. <td class="layui-td-gray">借支编号</td>
  19. <td>{$detail.code|default='-'}</td>
  20. </tr>
  21. <tr>
  22. <td class="layui-td-gray">借支类型</td>
  23. <td colspan="3">
  24. {eq name="$detail.types" value="1"}日常备用金{/eq}
  25. {eq name="$detail.types" value="2"}项目预支款{/eq}
  26. </td>
  27. <td class="layui-td-gray-2">预计归还日期</td>
  28. <td>{$detail.plan_time|date='Y-m-d'}</td>
  29. </tr>
  30. {notempty name="$detail.project_id"}
  31. <tr>
  32. <td class="layui-td-gray">关联项目</td>
  33. <td colspan="5">{$detail.ptname|default=''}</td>
  34. </tr>
  35. {/notempty}
  36. <tr>
  37. <td class="layui-td-gray">借支理由</td>
  38. <td colspan="5">{$detail.content}</td>
  39. </tr>
  40. {if ( $detail.check_status eq 2)}
  41. {if ( $detail.pay_status eq 1)}
  42. <tr>
  43. <td class="layui-td-gray">打款状态</td>
  44. <td><span class="yellow">已打款</span></td>
  45. <td class="layui-td-gray">打款人</td>
  46. <td>{$detail.pay_admin}</td>
  47. <td class="layui-td-gray">打款时间</td>
  48. <td>{$detail.pay_time}</td>
  49. </tr>
  50. <tr>
  51. <td class="layui-td-gray">冲抵状态</td>
  52. <td>
  53. {eq name="$detail.balance_status" value="0"}<span class="green">未冲抵</span>{/eq}
  54. {eq name="$detail.balance_status" value="1"}<span class="blue">部分冲抵</span>{/eq}
  55. {eq name="$detail.balance_status" value="2"}<span class="red">已冲抵</span>{/eq}
  56. </td>
  57. <td class="layui-td-gray-2">已冲抵金额</td>
  58. <td colspan="3">{$detail.balance_cost}</td>
  59. </tr>
  60. <tr>
  61. <td class="layui-td-gray">归还状态</td>
  62. <td>
  63. {eq name="$detail.back_status" value="0"}<span class="red">未还款</span>{/eq}
  64. {eq name="$detail.back_status" value="1"}<span class="green">已还款</span>{/eq}
  65. {eq name="$detail.back_status" value="2"}<span class="blue">无需还款</span>{/eq}
  66. </td>
  67. {eq name="$detail.back_status" value="1"}
  68. <td class="layui-td-gray">归还经手人</td>
  69. <td>{$detail.back_admin}</td>
  70. <td class="layui-td-gray">归还时间</td>
  71. <td>{$detail.back_time}</td>
  72. {/eq}
  73. </tr>
  74. {else/}
  75. <tr>
  76. <td class="layui-td-gray">打款状态</td>
  77. <td><span class="red">未打款</span></td>
  78. <td class="layui-td-gray">打款人</td>
  79. <td>-</td>
  80. <td class="layui-td-gray">打款时间</td>
  81. <td>-</td>
  82. </tr>
  83. {/if}
  84. {/if}
  85. {notempty name="$detail.expense"}
  86. <tr>
  87. <td class="layui-td-gray">冲抵记录</td>
  88. <td colspan="5">
  89. <table class="layui-table layui-table-min" style="margin:0">
  90. <tr>
  91. <th>报销总金额(元)</th>
  92. <th>冲抵金额(元)</th>
  93. <th>需打款金额(元)</th>
  94. <th>报销凭证编号</th>
  95. <th>原始单据日期</th>
  96. <th>入账月份</th>
  97. <th>操作</th>
  98. </tr>
  99. {volist name="$detail.expense" id="vo"}
  100. <tr>
  101. <td class="blue">{$vo.cost}</td>
  102. <td class="green">{$vo.balance_cost}</td>
  103. <td class="red">{$vo.pay_amount}</td>
  104. <td>{$vo.code}</td>
  105. <td>{$vo.expense_time|date='Y-m-d'}</td>
  106. <td>{$vo.income_month|date='Y-m'}</td>
  107. <td><a data-href="/finance/expense/view?id={$vo.id}" class="side-a">详情</a></td>
  108. </tr>
  109. {/volist}
  110. </table>
  111. </td>
  112. </tr>
  113. {/notempty}
  114. {notempty name="$detail.file_ids"}
  115. <tr>
  116. <td class="layui-td-gray">相关附件</td>
  117. <td colspan="5">
  118. <div class="layui-row">
  119. {volist name="$detail.file_array" id="vo"}
  120. <div class="layui-col-md4" id="uploadImg{$vo.id}">{:file_card($vo,'view')}</div>
  121. {/volist}
  122. </div>
  123. </td>
  124. </tr>
  125. {/notempty}
  126. </table>
  127. <div id="checkBox" class="pt-3" data-status="{$detail.check_status}" data-id="{$detail.id}" data-checkflowid="{$detail.check_flow_id}"></div>
  128. </div>
  129. {/block}
  130. <!-- /主体 -->
  131. <!-- 脚本 -->
  132. {block name="script"}
  133. <script>
  134. const moduleInit = ['tool','oaCheck'];
  135. function gouguInit() {
  136. var form = layui.form,tool=layui.tool, oaCheck=layui.oaCheck;
  137. oaCheck.init({
  138. check_name:'loan',
  139. check_reversed:null
  140. });
  141. }
  142. </script>
  143. {/block}
  144. <!-- /脚本 -->