pfhwyigou/backend/views/dictionary/facilitiesadd.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/3/6
 * Time: 下午5:49
 */
use backend\assets\AppAsset;
AppAsset::addScript($this,Yii::$app->request->baseUrl.'/js/facilities.js')
?>
<style>
    .layui-upload-img {border:1px solid #E6E6E6;}
    .layui_w_md3 {display:inline-block;vertical-align:top;position:relative;top:25px;}
    .layui-upload-list {display:inline-block;vertical-align:top;margin-top:0;}
    .layui_w_title {background:#F8F8F8;padding:8px 0;margin-bottom:10px;}
    .layui_w_title span{border-left:5px solid #FF5722;padding-left:10px;}
    .layui_w_i {display:inline-block;vertical-align:top;width:25%;height:210px;}
    .layui_w_btn {margin-left:0;text-align:center;}
    hr {width:95%;margin:15px auto;}
</style>

<form class="layui-form" action="" style="margin-top: 20px" id="facilities_form">

    <div class="layui-form-item">
        <label class="layui-form-label">配套名称</label>
        <div class="layui-input-block" style="width: 200px;">
            <input type="text" name="name" required  lay-verify="required" placeholder="请输入配套名称" autocomplete="off" class="layui-input">
        </div>

    </div>

    
    <div class="layui-upload xm_zjzx_Picture_uploading layui-form-item layui_w_i" style="padding:0 20px;">
        <div class="layui_w_title"><span>PC配套图标</span></div>
        <div class="layui-inline">
            <div class="layui-upload-list">
                <img class="layui-upload-img layui_magnify" id="demo1" style="width:100px;height:80px;">
            </div>
            <div class="layui_w_md3" >
                <button type="button" class="layui-btn layui-btn-primary layui_w_upload" id="test1">上传图片</button>
            </div>
        </div>

    </div>

    <div class="layui-upload xm_zjzx_Picture_uploading layui-form-item layui_w_i" style="padding:0 20px;">
        <div class="layui_w_title"><span>APP配套图标</span></div>
        <div class="layui-inline">
            <div class="layui-upload-list">
                <img class="layui-upload-img layui_magnify" id="demo2" style="width:100px;height:80px;">
            </div>
            <div class="layui_w_md3" >
                <button type="button" class="layui-btn layui-btn-primary layui_w_upload" id="test2">上传图片</button>
            </div>
        </div>

    </div>

    <div class="layui-upload xm_zjzx_Picture_uploading layui-form-item layui_w_i" style="padding:0 20px;">
        <div class="layui_w_title"><span>信息配套图标</span></div>
        <div class="layui-inline">
            <div class="layui-upload-list">
                <img class="layui-upload-img layui_magnify" id="demo3" style="width:100px;height:80px;">
            </div>
            <div class="layui_w_md3" >
                <button type="button" class="layui-btn layui-btn-primary layui_w_upload" id="test3">上传图片</button>
            </div>
        </div>

    </div>
    <hr>

    <div class="layui-form-item">
        <div class="layui-input-block layui_w_btn">
            <button class="layui-btn layui-btn-normal" lay-submit lay-filter="add_form">立即提交</button>
        </div>
    </div>
    
</form>