info.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <style>
  4. .el-step__title.is-wait{
  5. color: #333333!important;
  6. }
  7. .el-step__description.is-wait{
  8. color: #333333!important;
  9. }
  10. .el-step__head.is-wait {
  11. color: #333!important;
  12. border-color: #333!important;
  13. }
  14. .el-step__line{
  15. background-color: #333333 !important;
  16. }
  17. </style>
  18. <div class="row">
  19. <div class="col-sm-12">
  20. <div class="ibox float-e-margins">
  21. <!--<div class="ibox-title">-->
  22. <!--<h5>{$modeName}任务详情</h5>-->
  23. <!--<div class="ibox-tools">-->
  24. <!--<a class="toback" href="{:url('index',['mode'=>$mode])}">-->
  25. <!--返回上一页-->
  26. <!--</a>-->
  27. <!--</div>-->
  28. <!--</div>-->
  29. <div class="ibox-content">
  30. <h5>任务信息</h5>
  31. <table class="table">
  32. <tbody>
  33. <tr>
  34. <th style="width:130px ">任务名称</th><td>{$info['title']}</td>
  35. </tr>
  36. <tr>
  37. <th>开始时间</th><td>{$info['start_time']}</td>
  38. </tr>
  39. <tr>
  40. <th>结束时间</th><td>{$info['end_time']}</td>
  41. </tr>
  42. <tr>
  43. <th>执行人员</th><td>{$info['task_user']}</td>
  44. </tr>
  45. <tr>
  46. <th>所属分类</th><td>{$info['cateName']}</td>
  47. </tr>
  48. <tr>
  49. <th>任务状态</th>
  50. {if condition="$info['status'] eq 0"}
  51. <td>未执行</td>
  52. {elseif condition="$info['status'] eq 1"}
  53. <td>执行中</td>
  54. {elseif condition="$info['status'] eq 2"}
  55. <td>已完成</td>
  56. {elseif condition="$info['status'] eq 3"}
  57. <td>未完成</td>
  58. {elseif condition="$info['status'] eq 5"}
  59. <td>中断</td>
  60. {elseif condition="$info['status'] eq 6"}
  61. <td>已关闭</td>
  62. {/if}
  63. </tr>
  64. {if $info['status']==5}
  65. <tr>
  66. <th>中断原因</th><td>{$info['interrupt_reson']}</td>
  67. </tr>
  68. <tr>
  69. <th>中断图片</th><td><img src="{$info['interrupt_img']}" onclick="open_img(this)" style="width: 80px;height: 60px;" ></td>
  70. </tr>
  71. {/if}
  72. <tr>
  73. <th>是否按顺序执行</th>
  74. {if condition="$info['in_order'] eq 0"}
  75. <td>否</td>
  76. {elseif condition="$info['in_order'] eq 1"}
  77. <td>是</td>
  78. {/if}
  79. </tr>
  80. </tbody>
  81. </table>
  82. <div id="vue-plan">
  83. <p><br></p>
  84. <h5>{$modeName}路线</h5>
  85. <hr>
  86. <el-steps direction="vertical">
  87. {volist name="info['addrForms']" id="v"}
  88. <el-step title="{$v.addrTitle}【{$v.formTitle}】">
  89. <div slot="description">
  90. {empty name="v['record']"}
  91. 暂无记录
  92. <p><br></p>
  93. {else /}
  94. <p><br></p>
  95. <table class="table">
  96. <tr>
  97. <td style="width: 100px;">{$modeName}时间</td>
  98. <td>{$v['record']['create_time']}</td>
  99. </tr>
  100. <tr>
  101. <td>执行人员</td>
  102. <td>{$v['record']['uname']}</td>
  103. </tr>
  104. <tr>
  105. <td>状态</td>
  106. <td>
  107. {eq name="$v['record']['is_normal']" value="0"}正常{else /}异常{/eq}
  108. </td>
  109. </tr>
  110. {eq name="info['in_order']" value="1"}
  111. <tr>
  112. <td>时间状态</td>
  113. <td>
  114. {eq name="$v['record']['time']" value="0"}正常{else /}异常{/eq}
  115. </td>
  116. </tr>
  117. <tr>
  118. <td>标准完成时间段</td>
  119. <td>
  120. {$v['record']['min']} ~ {$v['record']['max']} 分
  121. </td>
  122. </tr>
  123. <tr>
  124. <td>实际完成时间</td>
  125. <td>
  126. {$v['record']['wc_time']} 分
  127. </td>
  128. </tr>
  129. {/eq}
  130. <tr>
  131. <td>检查项</td>
  132. <td>
  133. {volist name="v['record']['check_json']" id="voo" key="kkk"}
  134. <div>{$voo.title}</div>
  135. <table class="table table-bordered">
  136. <thead>
  137. <tr>
  138. <th>序号</th>
  139. <th>内容</th>
  140. <th>完成</th>
  141. </tr>
  142. </thead>
  143. {volist name="voo['forms']" id="vo" key="k"}
  144. <tr>
  145. <td width="10%">{$k+1}</td>
  146. <td width="45%">{$vo['title']}</td>
  147. <td width="45%">
  148. {eq name="vo['type']" value="1"}
  149. {$vo.result}
  150. {else /}
  151. {eq name="vo['result']" value="1"}
  152. <input type="checkbox" checked disabled>
  153. {else /}
  154. <input type="checkbox" disabled>
  155. {/eq}
  156. {/eq}
  157. </td>
  158. </tr>
  159. {/volist}
  160. </table>
  161. {/volist}
  162. </td>
  163. </tr>
  164. {if !empty($v['record']['img'])}
  165. <tr>
  166. <td>图片</td>
  167. <td> {foreach ($v['record']['img'] as $key=>$val)}
  168. <img onclick="open_img(this)" src="{$val}" width="80" height="80">
  169. {/foreach}
  170. </td>
  171. </tr>
  172. {/if}
  173. </table>
  174. {/empty}
  175. </div>
  176. </el-step>
  177. {/volist}
  178. </el-steps>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. {/block}
  184. {block name="script"}
  185. <script>
  186. new Vue({
  187. el: '#vue-plan',
  188. data: function() {
  189. return {
  190. }
  191. },
  192. watch: {
  193. },
  194. computed: {
  195. },
  196. created(){
  197. },
  198. methods: {
  199. }
  200. })
  201. </script>
  202. {/block}