You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

366 lines
23 KiB

  1. <?php
  2. use common\components\zActiveForm;
  3. use backend\modules\motorcade\models\BaseDocument;
  4. use yii\helpers\Html;
  5. use yii\widgets\Pjax;
  6. /* 从业资质中的各种图片, 每一种证件类型都是一个$modelDocument对象*/
  7. /* @var $this yii\web\View */
  8. /* @var $model backend\modules\motorcade\models\BaseDriver */
  9. /* @var $form yii\widgets\zActiveForm */
  10. /* @var $pid array */
  11. //AppAsset::addCss($this, '/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css');
  12. //AppAsset::addScript($this, '/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js');
  13. $document = $model->getDocument();
  14. ?>
  15. <style>
  16. .panel-default .fixed{
  17. text-align: center;
  18. height: 200px;
  19. width: 248px;
  20. border: 1px solid #ccc;
  21. }
  22. .panel-default .caption{
  23. margin-top: 20px;
  24. }
  25. </style>
  26. <div class="row">
  27. <div class="col-sm-12 col-md-4" style="width: 320px">
  28. <div class="panel panel-default">
  29. <div class="panel-heading">
  30. <h3 class="panel-title text-center">驾驶证</h3>
  31. </div>
  32. <div class="panel-body">
  33. <div class="">
  34. <div class="fixed ">
  35. <img data-trigger="openImage" src="<?= $document[502][0]['IMG_THUMBNAIL'] ?>"
  36. alt="100%x200" style="max-width: 100%; max-height: 200px;">
  37. </div>
  38. <div class="caption text-center">
  39. <?php
  40. if (!isset($document[502][0]['DOC_STATUS']) || ($document[502][0]['DOC_STATUS'] == 1 && $document[502][1]['DOC_STATUS'] == 1)) :
  41. ?>
  42. <p><label>尚未上传驾驶证档案</label></p>
  43. <a href="#upload-tab0" data-toggle="modal"
  44. class="btn btn-primary"> 上传 </a>
  45. <?php
  46. else:
  47. echo "<p>有效期:<label class='' >" . $document[502][0]['EXPIRE_DATE'] . "</label></p>";
  48. echo '<a href="#upload-tab0" data-toggle="modal"
  49. class="btn btn-primary"> 更新 </a>';
  50. endif
  51. ?>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. <div class="col-sm-12 col-md-4" style="width: 320px">
  58. <div class="panel panel-default">
  59. <div class="panel-heading">
  60. <h3 class="panel-title text-center">从业资格证</h3>
  61. </div>
  62. <div class="panel-body">
  63. <div class="">
  64. <div class="fixed">
  65. <img data-trigger="openImage" src="<?= $document[503][0]['IMG_THUMBNAIL'] ?>"
  66. alt="100%x200" style="max-width: 100%; max-height: 200px;">
  67. </div>
  68. <div class="caption text-center">
  69. <?php
  70. if (!isset($document[503][0]['DOC_STATUS']) || $document[503][0]['DOC_STATUS'] == 1) :
  71. ?>
  72. <p><label>尚未上传从业资格证档案</label></p>
  73. <a href="#upload-tab1" data-toggle="modal"
  74. class="btn btn-primary"> 上传 </a>
  75. <?php
  76. else:
  77. echo "<p>有效期:<label class='' >" . $document[503][0]['EXPIRE_DATE'] . "</label></p>";
  78. echo '<a href="#upload-tab1" data-toggle="modal"
  79. class="btn btn-primary"> 更新 </a>';
  80. endif
  81. ?>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="col-sm-12 col-md-4" style="width: 320px">
  88. <div class="panel panel-default">
  89. <div class="panel-heading">
  90. <h3 class="panel-title text-center">身份证</h3>
  91. </div>
  92. <div class="panel-body">
  93. <div class="">
  94. <div class="fixed">
  95. <img data-trigger="openImage" src="<?= $document[504][0]['IMG_THUMBNAIL'] ?>"
  96. alt="100%x200" style="max-width: 100%; max-height: 200px;">
  97. </div>
  98. <div class="caption text-center">
  99. <?php
  100. if (!isset($document[504][0]['DOC_STATUS']) || ($document[504][0]['DOC_STATUS'] == 1 && $document[504][1]['DOC_STATUS'] == 1)) :
  101. ?>
  102. <p><label>尚未上传身份证档案</label></p>
  103. <a href="#upload-tab2" data-toggle="modal"
  104. class="btn btn-primary"> 上传 </a>
  105. <?php
  106. else:
  107. echo "<p>有效期:<label class='' >" . $document[504][0]['EXPIRE_DATE'] . "</label></p>";
  108. echo '<a href="#upload-tab2" data-toggle="modal"
  109. class="btn btn-primary"> 更新 </a>';
  110. endif
  111. ?>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <!-- 点击弹出图片上传的层 -->
  118. <!-- 驾驶证 start -->
  119. <div class="modal fade bs-modal-lg" id="upload-tab0" tabindex="-1" role="dialog" aria-hidden="true"
  120. style="display: none;z-index:1050">
  121. <div class="modal-dialog modal-lg">
  122. <?php
  123. $form = zActiveForm::begin(['action' => ['/motorcade/driver/_image', 'id' => $model->DRIVER_ID], 'options' => ['enctype' => 'multipart/form-data']]);
  124. Pjax::begin(['id' => '_image', 'enablePushState' => false, 'options' => ['class' => '_image', 'enctype' => 'multipart/form-data']]);
  125. ?>
  126. <div class="panel panel-default">
  127. <div class="panel-heading">上传驾驶证档案</div>
  128. <div class="panel-body">
  129. <div class="modal-body">
  130. <div class="col-sm-12">
  131. <div class="alert alert-info">
  132. <strong>证件图片:</strong>图片大小不能超过3M
  133. </div>
  134. </div>
  135. <div class="row">
  136. <div class="col-sm-12 document text-center">
  137. <div class="fileinput fileinput-new" data-provides="fileinput" style="height: 270px;vertical-align: top;margin: auto 20px;">
  138. <h5>正本 </h5>
  139. <div class="fileinput-new thumbnail" style="height: 150px; width: 200px">
  140. <img data-trigger="openImage" src="<?= $document[502][0]['IMG_THUMBNAIL'] ?>"/>
  141. </div>
  142. <div class="fileinput-preview fileinput-exists thumbnail" data-trigger="openDivImage"
  143. style="height: 150px; width: 200px"></div>
  144. <div>
  145. <?php echo $form->field($document[502][0], '[502][0]IMG_URL', ['options'=>['style'=>'justify-content: center;'],'template' => '<span class="btn default btn-file">
  146. <span class="fileinput-new btn btn-primary"> 选择图片 </span>
  147. <span class="fileinput-exists btn btn-default"> 重新选择 </span>
  148. {input}</span><a href="javascript:;" class="btn red fileinput-exists btn btn-danger" data-dismiss="fileinput">
  149. 重置 </a><div style="margin-left: 30px;height:20px;">{error}</div>'])->fileInput(['onchange'=>'checkSize(this)']);
  150. ?>
  151. </div>
  152. <?= Html::hiddenInput('BaseDocument[502][0][ID]', $document[502][0]['ID']) ?>
  153. <?= Html::hiddenInput('BaseDocument[502][0][IMG_URL]', $document[502][0]['IMG_URL']) ?>
  154. <?= Html::hiddenInput('BaseDocument[502][0][DOC_OPTION]', BaseDocument::LICENCE_DRIVER) ?>
  155. <?= Html::hiddenInput('BaseDocument[502][0][IMG_OPTION]', BaseDocument::IMG_FRONT) ?>
  156. </div>
  157. <div class="fileinput fileinput-new" data-provides="fileinput" style="vertical-align: top">
  158. <h5>副本 </h5>
  159. <div class="fileinput-new thumbnail" style="height: 150px; width: 200px">
  160. <img data-trigger="openImage" src="<?= $document[502][1]['IMG_THUMBNAIL'] ?>"/>
  161. </div>
  162. <div class="fileinput-preview fileinput-exists thumbnail" data-trigger="openDivImage"
  163. style="height: 150px; width: 200px"></div>
  164. <div>
  165. <?php echo $form->field($document[502][1], '[502][1]IMG_URL', ['options'=>['style'=>'justify-content: center;'],'template' => '<span class="btn default btn-file">
  166. <span class="fileinput-new btn btn-primary"> 选择图片 </span>
  167. <span class="fileinput-exists btn btn-default"> 重新选择 </span>
  168. {input}</span><a href="javascript:;" class="btn red fileinput-exists btn btn-danger" data-dismiss="fileinput">
  169. 重置 </a><div style="margin-left: 30px;height:20px;">{error}</div>'])->fileInput(['onchange'=>'checkSize(this)']);
  170. ?>
  171. </div>
  172. <?= Html::hiddenInput('BaseDocument[502][1][ID]', $document[502][1]['ID']) ?>
  173. <?= Html::hiddenInput('BaseDocument[502][1][IMG_URL]', $document[502][1]['IMG_URL']) ?>
  174. <?= Html::hiddenInput('BaseDocument[502][1][DOC_OPTION]', BaseDocument::LICENCE_DRIVER) ?>
  175. <?= Html::hiddenInput('BaseDocument[502][1][IMG_OPTION]', BaseDocument::IMG_BACK) ?>
  176. </div>
  177. </div>
  178. </div>
  179. <div class="form-inline">
  180. <div class="form-group">
  181. <span class="search_name_this">有效期:</span>
  182. <?= $form->field($document[502][0], '[506][0]EXPIRE_DATE',['template'=>'<div class="input-group date">'.
  183. '{input}<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>'.
  184. '</div>'])->textInput(['value'=>$document[502][0]['EXPIRE_DATE'],'class'=>'form-control form_date date'])->label(false)
  185. ?>
  186. </div>
  187. </div>
  188. </div>
  189. <div class="modal-footer">
  190. <?php echo Html::submitButton('保存', ['class' => 'btn btn-primary']) ?>
  191. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  192. </div>
  193. <?php
  194. Pjax::end();
  195. zActiveForm::end();
  196. ?>
  197. </div>
  198. </div>
  199. <!-- /.modal-dialog -->
  200. </div>
  201. </div>
  202. <!-- /.modal -->
  203. <!-- 驾驶证 end -->
  204. <!-- 上传从业资格证档案 start -->
  205. <div class="modal fade bs-modal-lg" id="upload-tab1" tabindex="-1" role="dialog" aria-hidden="true"
  206. style="display: none;z-index:1050;">
  207. <div class="modal-dialog modal-lg">
  208. <?php
  209. $form = zActiveForm::begin(['action' => ['/motorcade/driver/_image', 'id' => $model->DRIVER_ID], 'options' => ['enctype' => 'multipart/form-data']]);
  210. Pjax::begin(['id' => '_image', 'enablePushState' => false, 'options' => ['class' => '_image', 'enctype' => 'multipart/form-data']]);
  211. ?>
  212. <div class="panel panel-default">
  213. <div class="panel-heading">上传从业资格证档案</div>
  214. <div class="panel-body">
  215. <div class="modal-body">
  216. <div class="col-sm-12">
  217. <div class="alert alert-info">
  218. <strong>证件图片:</strong>图片大小不能超过3M
  219. </div>
  220. </div>
  221. <div class="row">
  222. <div class="col-sm-12 document text-center">
  223. <div class="fileinput fileinput-new" data-provides="fileinput" style="height: 270px;vertical-align: top;margin: auto 20px;">
  224. <div class="fileinput-new thumbnail" style="height: 150px; width: 200px">
  225. <img data-trigger="openImage" src="<?= $document[503][0]['IMG_THUMBNAIL'] ?>"/>
  226. </div>
  227. <div class="fileinput-preview fileinput-exists thumbnail" data-trigger="openDivImage"
  228. style="height: 150px; width: 200px"></div>
  229. <div>
  230. <?php echo $form->field($document[503][0], '[503][0]IMG_URL', ['options'=>['style'=>'justify-content: center;'],'template' => '<span class="btn default btn-file">
  231. <span class="fileinput-new btn btn-primary"> 选择图片 </span>
  232. <span class="fileinput-exists btn btn-default"> 重新选择 </span>
  233. {input}</span><a href="javascript:;" class="btn red fileinput-exists btn btn-danger" data-dismiss="fileinput">
  234. 重置 </a><div style="margin-left: 30px;height:20px;">{error}</div>'])->fileInput(['onchange'=>'checkSize(this)']);
  235. ?>
  236. </div>
  237. <?= Html::hiddenInput('BaseDocument[503][0][ID]', $document[503][0]['ID']) ?>
  238. <?= Html::hiddenInput('BaseDocument[503][0][IMG_URL]', $document[503][0]['IMG_URL']) ?>
  239. <?= Html::hiddenInput('BaseDocument[503][0][DOC_OPTION]', BaseDocument::LICENCE_JOB) ?>
  240. <?= Html::hiddenInput('BaseDocument[503][0][IMG_OPTION]', BaseDocument::IMG_FRONT) ?>
  241. </div>
  242. </div>
  243. </div>
  244. <div class="form-inline">
  245. <div class="form-group">
  246. <span class="search_name_this">有效期:</span>
  247. <?= $form->field($document[503][0], '[506][0]EXPIRE_DATE',['template'=>'<div class="input-group date">'.
  248. '{input}<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>'.
  249. '</div>'])->textInput(['value'=>$document[503][0]['EXPIRE_DATE'],'class'=>'form-control form_date date'])->label(false)
  250. ?>
  251. </div>
  252. </div>
  253. </div>
  254. <div class="modal-footer">
  255. <?php echo Html::submitButton('保存', ['class' => 'btn btn-primary']) ?>
  256. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  257. </div>
  258. <?php
  259. Pjax::end();
  260. zActiveForm::end();
  261. ?>
  262. </div>
  263. </div>
  264. <!-- /.modal-content -->
  265. </div>
  266. <!-- /.modal-dialog -->
  267. </div>
  268. <!-- /.modal -->
  269. <!-- 上传从业资格证档案 end -->
  270. <!-- 上传身份证档案 start -->
  271. <div class="modal fade bs-modal-lg" id="upload-tab2" tabindex="-1" role="dialog" aria-hidden="true"
  272. style="display: none;z-index:1050">
  273. <div class="modal-dialog modal-lg">
  274. <?php
  275. $form = zActiveForm::begin(['action' => ['/motorcade/driver/_image', 'id' => $model->DRIVER_ID], 'options' => ['enctype' => 'multipart/form-data']]);
  276. Pjax::begin(['id' => '_image', 'enablePushState' => false, 'options' => ['class' => '_image', 'enctype' => 'multipart/form-data']]);
  277. ?>
  278. <div class="panel panel-default">
  279. <div class="panel-heading">上传身份证档案</div>
  280. <div class="panel-body">
  281. <div class="modal-body">
  282. <div class="col-sm-12">
  283. <div class="alert alert-info">
  284. <strong>证件图片:</strong>图片大小不能超过3M
  285. </div>
  286. </div>
  287. <div class="row">
  288. <div class="col-sm-12 document text-center">
  289. <div class="fileinput fileinput-new" data-provides="fileinput">
  290. <h5>正面 </h5>
  291. <div class="fileinput-new thumbnail" style="height: 150px; width: 200px">
  292. <img data-trigger="openImage" src="<?= $document[504][0]['IMG_THUMBNAIL'] ?>"/>
  293. </div>
  294. <div class="fileinput-preview fileinput-exists thumbnail" data-trigger="openDivImage"
  295. style="height: 150px; width: 200px"></div>
  296. <div>
  297. <?php echo $form->field($document[504][0], '[504][0]IMG_URL', ['options'=>['style'=>'justify-content: center;'],'template' => '<span class="btn default btn-file">
  298. <span class="fileinput-new btn btn-primary"> 选择图片 </span>
  299. <span class="fileinput-exists btn btn-default"> 重新选择 </span>
  300. {input}</span><a href="javascript:;" class="btn red fileinput-exists btn btn-danger" data-dismiss="fileinput">
  301. 重置 </a><div style="margin-left: 30px;height:20px;">{error}</div>'])->fileInput(['onchange'=>'checkSize(this)']);
  302. ?>
  303. </div>
  304. <?= Html::hiddenInput('BaseDocument[504][0][ID]', $document[504][0]['ID']) ?>
  305. <?= Html::hiddenInput('BaseDocument[504][0][IMG_URL]', $document[504][0]['IMG_URL']) ?>
  306. <?= Html::hiddenInput('BaseDocument[504][0][DOC_OPTION]', BaseDocument::LICENCE_ID) ?>
  307. <?= Html::hiddenInput('BaseDocument[504][0][IMG_OPTION]', BaseDocument::IMG_FRONT) ?>
  308. </div>
  309. <div class="fileinput fileinput-new" data-provides="fileinput">
  310. <h5>反面 </h5>
  311. <div class="fileinput-new thumbnail" style="height: 150px; width: 200px">
  312. <img data-trigger="openImage" src="<?= $document[504][1]['IMG_THUMBNAIL'] ?>"/>
  313. </div>
  314. <div class="fileinput-preview fileinput-exists thumbnail" data-trigger="openDivImage"
  315. style="height: 150px; width: 200px"></div>
  316. <div>
  317. <?php echo $form->field($document[504][1], '[504][1]IMG_URL', ['template' => '<span class="btn default btn-file">
  318. <span class="fileinput-new btn btn-primary"> 选择图片 </span>
  319. <span class="fileinput-exists btn btn-default"> 重新选择 </span>
  320. {input}</span><a href="javascript:;" class="btn red fileinput-exists btn btn-danger" data-dismiss="fileinput">
  321. 重置 </a><div style="margin-left: 30px;height:20px;">{error}</div>'])->fileInput(['onchange'=>'checkSize(this)']);
  322. ?>
  323. </div>
  324. <?= Html::hiddenInput('BaseDocument[504][1][ID]', $document[504][1]['ID']) ?>
  325. <?= Html::hiddenInput('BaseDocument[504][1][IMG_URL]', $document[504][1]['IMG_URL']) ?>
  326. <?= Html::hiddenInput('BaseDocument[504][1][DOC_OPTION]', BaseDocument::LICENCE_ID) ?>
  327. <?= Html::hiddenInput('BaseDocument[504][1][IMG_OPTION]', BaseDocument::IMG_BACK) ?>
  328. </div>
  329. </div>
  330. </div>
  331. <div class="form-inline">
  332. <div class="form-group">
  333. <span class="search_name_this">有效期:</span>
  334. <?= $form->field($document[504][0], '[506][0]EXPIRE_DATE',['template'=>'<div class="input-group date">'.
  335. '{input}<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>'.
  336. '</div>'])->textInput(['value'=>$document[504][0]['EXPIRE_DATE'],'class'=>'form-control form_date date'])->label(false)
  337. ?>
  338. </div>
  339. </div>
  340. </div>
  341. <div class="modal-footer">
  342. <?php echo Html::submitButton('保存', ['class' => 'btn btn-primary']) ?>
  343. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  344. </div>
  345. <?php
  346. Pjax::end();
  347. zActiveForm::end();
  348. ?>
  349. </div>
  350. </div>
  351. <!-- /.modal-content -->
  352. </div>
  353. <!-- /.modal-dialog -->
  354. </div>
  355. <!-- /.modal -->
  356. <!-- 上传身份证档案 end -->
  357. <!-- 点击弹出图片上传的层 end-->
  358. </div>