ZZCX_yii/backend/modules/motorcade/views/base-bus/_images.php

<?php
use common\components\zActiveForm;
//use backend\assets\AppAsset;
use backend\modules\motorcade\models\BaseDocument;
use yii\helpers\Html;
use yii\helpers\ArrayHelper;


/* 从业资质中的各种图片, 每一种证件类型都是一个$modelDocument对象*/
/* @var $this yii\web\View */
/* @var $model backend\modules\motorcade\models\BusSearch */
/* @var $form yii\widgets\zActiveForm */
/* @var $pid array */

$document = $model->getPicture();

if (isset($model2)) {
    $document[511][] = $model2;
} else
    $document[511][] = new BaseDocument(['scenario' => 'bus-insurance'])

?>
<style>
    .modal-open {
        z-index: 190000 !important;
    }
    .panel-default .fixed{
        text-align: center;
        height: 200px;
        width: 248px;
        border: 1px solid #ccc
    }
    .panel-default .caption{
        margin-top:20px;
    }
</style>
<div class="row" style="width: 100%">
    <div class="col-sm-12 col-md-4" style="width: 320px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title text-center">车辆行驶证</h3>
            </div>
            <div class="panel-body">
                <div class="">

                    <div class="fixed">
                        <img src="<?= $document[506][0]['IMG_URL'] ?>"
                             alt="100%x200" style="max-width: 100%; max-height: 200px;">
                    </div>
                    <div class="caption text-center">
                        <?php
                        if ($document[506][0]['is_new'] == 0) :
                            ?>
                            <p><label>尚未上传车辆行驶证</label></p>
                            <a href="#upload-tab0" data-toggle="modal"
                               class="btn btn-primary"> 上传 </a>
                            <?php
                        else:
                            echo "<p>检验有效期：<label class='' >" . $document[506][0]['EXPIRE_DATE'] . "</label></p>";
                            echo '<a href="#upload-tab0" data-toggle="modal"
                               class="btn btn-primary"> 更新 </a>';
                        endif
                        ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--    道路运输证-->
    <div class="col-sm-12 col-md-4" style="width: 320px">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title text-center">道路运输证</h3>
            </div>
            <div class="panel-body">
                <div class="">

                    <div class="fixed">
                        <img src="<?= $document[509][0]['IMG_URL'] ?>"
                             alt="100%x200" style="max-width: 100%; max-height: 200px;">
                    </div>
                    <div class="caption text-center">
                        <?php
                        if ($document[509][0]['is_new'] == 0) :
                            ?>
                            <p><label>尚未上传道路运输证</label></p>
                            <a href="#upload-tab1" data-toggle="modal"
                               class="btn btn-primary"> 上传 </a>
                            <?php
                        else:
                            echo "<p>审验有效期：<label class='' >" . $document[509][0]['EXPIRE_DATE'] . "</label></p>";
                            echo '<a href="#upload-tab1" data-toggle="modal"
                               class="btn btn-primary"> 更新 </a>';
                        endif
                        ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 点击弹出图片上传的层 -->
    <!-- 车辆行驶证 start -->
    <div class="modal fade bs-modal-lg" id="upload-tab0" tabindex="-1" role="dialog" aria-hidden="true"
         style="display: none;z-index:1050">
        <div class="modal-dialog modal-lg">
            <?php
            $form = zActiveForm::begin(['action' => ['/motorcade/base-bus/_image', 'id' => $model->BUS_ID], 'options' => ['enctype' => 'multipart/form-data']]);
            \yii\widgets\Pjax::begin(['id' => '_image', 'enablePushState' => false, 'options' => ['class' => '_image', 'enctype' => 'multipart/form-data']]); ?>
            <?php
                $this->registerJs('z.init()');
            ?>
            <div class="panel panel-default">
                <div class="panel-heading">车辆行驶证</div>
                <div class="panel-body">
                    <div class="modal-body">
                        <div class="col-sm-12">
                            <div class="alert alert-info">
                                <strong>证件图片：</strong>图片大小不能超过3M
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 document text-center">
                                <div class="fileinput fileinput-new" data-provides="fileinput" style="height: 270px;vertical-align: top;margin:auto 20px;">
                                    <h5>证件正本</h5>
                                    <div class="fileinput-new thumbnail" style="height: 150px; width: 140px">
                                        <img data-trigger="openImage" src="<?= $document[506][0]['IMG_THUMBNAIL'] ?>"/>
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" data-trigger="openDivImage"
                                         style="height: 150px; width: 140px"></div>
                                    <div>
                                        <?php echo $form->field($document[506][0], '[506][0]IMG_URL', ['template' => '<span class="btn default btn-file">
                                    <span class="fileinput-new btn btn-primary"> 选择图片 </span>
                                    <span class="fileinput-exists btn btn-default"> 重新选择 </span>
                                    {input}</span><a href="javascript:;" class="btn red fileinput-exists btn btn-danger" data-dismiss="fileinput">
                                    重置 </a><div style="display:-webkit-box;height: 30px">{error}</div>'])->fileInput(['onchange'=>'checkSize(this)']);
                                        ?>

                                    </div>
                                    <?= Html::hiddenInput('BaseDocument[506][0][ID]', $document[506][0]['ID']) ?>
                                    <?= Html::hiddenInput('BaseDocument[506][0][IMG_URL]', $document[506][0]['IMG_URL']) ?>
                                    <?= Html::hiddenInput('BaseDocument[506][0][DOC_OPTION]', BaseDocument::LICENCE_XSZZB) ?>
                                    <?= Html::hiddenInput('BaseDocument[506][0][IMG_OPTION]', BaseDocument::IMG_FRONT) ?>
                                </div>
                                <div class="fileinput fileinput-new" data-provides="fileinput" style="height: 270px;vertical-align: top;margin:auto 20px;">
                                    <h5>证件副本</h5>
                                    <div class="fileinput-new thumbnail" style="height: 150px; width: 140px">
                                        <img data-trigger="openImage" src="<?= $document[507][0]['IMG_THUMBNAIL'] ?>"/>
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" data-trigger="openDivImage"
                                         style="height: 150px; width: 140px"></div>
                                    <div>
                                        <?php echo $form->field($document[507][0], '[507][0]IMG_URL', ['template' => '<span class="btn default btn-file">
                                    <span class="fileinput-new btn btn-primary"> 选择图片 </span>
                                    <span class="fileinput-exists btn btn-default"> 重新选择 </span>
                                    {input}</span><a href="javascript:;" class="btn red fileinput-exists btn btn-danger" data-dismiss="fileinput">
                                    重置 </a><div style="display:-webkit-box;height: 30px">{error}</div>'])->fileInput(['onchange'=>'checkSize(this)']);
                                        ?>
                                    </div>
                                    <?= Html::hiddenInput('BaseDocument[507][0][ID]', $document[507][0]['ID']) ?>
                                    <?= Html::hiddenInput('BaseDocument[507][0][IMG_URL]', $document[507][0]['IMG_URL']) ?>
                                    <?= Html::hiddenInput('BaseDocument[507][0][DOC_OPTION]', BaseDocument::LICENCE_XSZFB) ?>
                                    <?= Html::hiddenInput('BaseDocument[507][0][IMG_OPTION]', BaseDocument::IMG_FRONT) ?>
                                </div>
                            </div>
                        </div>
                        <div class="form-inline">
                            <div class="form-group">
                                <span class="search_name_this">有效期：</span>
                                <?= $form->field($document[506][0], '[506][0]EXPIRE_DATE',['template'=>'<div class="input-group date">'.
                                    '{input}<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>'.
                                    '</div>'])->textInput(['value'=>$document[506][0]['EXPIRE_DATE'],'class'=>'form-control form_date date'])->label(false)
                                ?>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <?php echo Html::submitButton('保存', ['class' => 'btn btn-primary']) ?>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </div>
                </div>
            </div>


                <?php
                \yii\widgets\Pjax::end();
                zActiveForm::end();
                ?>

            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- 道路运输证 start -->
    <div class="modal fade bs-modal-lg" id="upload-tab1" tabindex="-1" role="dialog" aria-hidden="true"
         style="display: none;z-index:1050">
        <div class="modal-dialog modal-lg">
            <?php $form1 = zActiveForm::begin(['action' => ['/motorcade/base-bus/_image', 'id' => $model->BUS_ID], 'options' => ['enctype' => 'multipart/form-data']]);
            \yii\widgets\Pjax::begin(['id' => '_image1', 'enablePushState' => false, 'options' => ['class' => '_image', 'enctype' => 'multipart/form-data']]); ?>
            <div class="panel panel-default">
                <div class="panel-heading">上传道路运输证</div>
                <div class="panel-body">
                    <div class="modal-body">
                        <div class="col-sm-12">
                            <div class="alert alert-info">
                                <strong>证件图片：</strong>图片大小不能超过3M
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 document text-center">
                                <div class="fileinput fileinput-new" data-provides="fileinput" style="height: 270px;vertical-align: top;margin: auto 20px">
                                    <h5>证件正本</h5>
                                    <div class="fileinput-new thumbnail" style="height: 150px; width: 140px">
                                        <img data-trigger="openImage" src="<?= $document[509][0]['IMG_THUMBNAIL'] ?>"/>
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" data-trigger="openDivImage"
                                         style="height: 150px; width: 140px"></div>
                                    <div>
                                        <?php echo $form1->field($document[509][0], '[509][0]IMG_URL', ['template' => '<span class="btn default btn-file">
                                        <span class="fileinput-new btn btn-primary"> 选择图片 </span>
                                        <span class="fileinput-exists btn btn-default"> 重新选择 </span>
                                        {input}</span><a href="javascript:;" class="btn red fileinput-exists btn btn-danger" data-dismiss="fileinput">
                                        重置 </a><div style="display:-webkit-box;height: 30px">{error}</div>'])->fileInput(['onchange'=>'checkSize(this)']);
                                        ?>
                                    </div>
                                    <?= Html::hiddenInput('BaseDocument[509][0][ID]', $document[509][0]['ID']) ?>
                                    <?= Html::hiddenInput('BaseDocument[509][0][IMG_URL]', $document[509][0]['IMG_URL']) ?>
                                    <?= Html::hiddenInput('BaseDocument[509][0][DOC_OPTION]', BaseDocument::LICENCE_DLZB) ?>
                                    <?= Html::hiddenInput('BaseDocument[509][0][IMG_OPTION]', BaseDocument::IMG_FRONT) ?>
                                </div>
                                <div class="fileinput fileinput-new" data-provides="fileinput" style="height: 270px;vertical-align: top">
                                    <h5>证件副本</h5>
                                    <div class="fileinput-new thumbnail" style="height: 150px; width: 140px">
                                        <img data-trigger="openImage" src="<?= $document[510][0]['IMG_THUMBNAIL'] ?>"/>
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" data-trigger="openDivImage"
                                         style="height: 150px; width: 140px"></div>
                                    <div>
                                        <?php echo $form1->field($document[510][0], '[510][0]IMG_URL', ['template' => '<span class="btn default btn-file">
                                        <span class="fileinput-new btn btn-primary"> 选择图片 </span>
                                        <span class="fileinput-exists btn btn-default"> 重新选择 </span>
                                        {input}</span><a href="javascript:;" class="btn red fileinput-exists btn btn-danger" data-dismiss="fileinput">
                                        重置 </a><div style="display:-webkit-box;height: 30px">{error}</div>'])->fileInput(['onchange'=>'checkSize(this)']);
                                        ?>
                                    </div>
                                    <?= Html::hiddenInput('BaseDocument[510][0][ID]', $document[510][0]['ID']) ?>
                                    <?= Html::hiddenInput('BaseDocument[510][0][IMG_URL]', $document[510][0]['IMG_URL']) ?>
                                    <?= Html::hiddenInput('BaseDocument[510][0][DOC_OPTION]', BaseDocument::LICENCE_DLFB) ?>
                                    <?= Html::hiddenInput('BaseDocument[510][0][IMG_OPTION]', BaseDocument::IMG_FRONT) ?>
                                </div>
                            </div>
                        </div>
                        <div class="form-inline">
                            <div class="form-group">
                                <span class="search_name_this">有效期：</span>
                                <?= $form->field($document[509][0], '[506][0]EXPIRE_DATE',['template'=>'<div class="input-group date">'.
                                    '{input}<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>'.
                                    '</div>'])->textInput(['value'=>$document[509][0]['EXPIRE_DATE'],'class'=>'form-control form_date date'])->label(false)
                                ?>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <?php echo Html::submitButton('保存', ['class' => 'btn btn-primary']) ?>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                    <?php
                    \yii\widgets\Pjax::end();
                    zActiveForm::end();
                    ?>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- 添加保单 start -->
    <div class="modal fade bs-modal-lg" id="upload-tab2" tabindex="-1" role="dialog" aria-hidden="true"
         style="display: none;z-index:1050">
        <div class="modal-dialog modal-lg">
            <?php
            echo $this->render('_images_insurance', ['model' => $document[511][0], 'DOC_ID' => $model->BUS_ID]);
            ?>

            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!--    添加与修改保养-->
    <!-- 添加保养 start-->
</div>