pfhwyigou/backend/views/routinecity/cityadd.php

<?php
/**
 * Created by PhpStorm.
 * User: xiaofeng
 * Date: 2018/4/19
 * Time: 上午11:01
 */
use backend\assets\AppAsset;
AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/ueditor/1.4.3/ueditor.config.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/ueditor/1.4.3/ueditor.all.min.js");
AppAsset::addScript($this,Yii::$app->request->baseUrl."/static/plug-in/ueditor/1.4.3/lang/zh-cn/zh-cn.js");

AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/routine/city.js");
?>

<style>
    .layui-upload-img img{display: block;height: 100%;width: 100%;}
    .layui-upload-img{display: inline-block;height:120px;width: 120px;border: 1px solid #999;margin-right: 10px;position: absolute;position: relative;
        overflow: hidden;}
    .xm_qytc_box {width:80%;margin:20px auto 0;}

</style>
<div class="xm_qytc_box">
    <form class="layui-form layui-form-pane" id="citysignupForm">
        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color:red">*</span>标题</label>
            <div class="layui-input-inline" style="width:270px;">
                <input type="text" name="title"  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">区域</label>
            <div class="layui-input-inline" style="width:270px;">
                <select name="city_id" >
                    <option value="">请选择</option>
                    <?php foreach($city as $val){?>
                        <option value="<?php echo $val['id'] ?>"><?php echo $val['city_name']?></option>
                    <?php }?>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">区域拼音：</label>
            <div class="layui-input-inline" style="width:270px;">
                <input type="text" name="pinyin"  lay-verify="required" placeholder="请输入区域拼音" autocomplete="off" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label">视频地址：</label>
            <div class="layui-input-inline" style="width:270px;">
                <input type="text" name="video"   placeholder="请输入视频地址" autocomplete="off" class="layui-input">
            </div>
        </div>


        <div class="layui-form-item xm_pr">
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="upload_edits">区域图集（3张）</button>
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list" id="demo1"></div>
                </blockquote>
            </div>
        </div>


        <div class="layui-form-item xm_pr">
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="upload_edit">缩略图（单张）</button>
                <!--                <input type="checkbox" class="xm_xcxqTc_button"  name="thumb_size" value="2" title="大图">-->
                <!--                <input type="checkbox" class="xm_xcxqTc_button"  name="thumb_watermark" value="1" checked title="水印">-->

                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list" id="demo2"></div>
                </blockquote>
            </div>
        </div>

        <div class="layui-form-item xm_pr">
            <div class="layui-upload">
                <button type="button" class="layui-btn" id="upload_edit_bg">背景图（单张）</button>
                <!--                <input type="checkbox" class="xm_xcxqTc_button"  name="thumb_size" value="2" title="大图">-->
                <!--                <input type="checkbox" class="xm_xcxqTc_button"  name="thumb_watermark" value="1" checked title="水印">-->

                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list" id="demo_bg"></div>
                </blockquote>
            </div>
        </div>

<!--        <div class="layui-form-item">-->
<!--            <div class="layui-input-inline" style="width:390px;">-->
<!--                <input type="checkbox" class="xm_xcxqTc_button"  name="thumb_watermark" value="1" checked title="水印">-->
<!--                <span style="color:red;font-size:12px;margin-left:5px;">(水印默认选中，不添加水印去掉勾选！)</span>-->
<!--            </div>-->
<!--        </div>-->
        <div class="layui-bg-gray" style="padding:12px 15px;">简介：</div>
        <div class="editor_box">
            <textarea  name="introduce" id="editor_content" cols="30" rows="10" style="width:100%;height:400px;float:left;"></textarea>
        </div>
        <hr class="layui-bg-blue">

        <div class="layui-form-item">
            <div class="layui-input-block xm_xcxqTc_tj" style="margin:20px 0 0 0;text-align:center;">
                <button class="layui-btn"  lay-submit="" lay-filter="tijiao">提交</button>
                <!--                <input type="checkbox" class="xm_xcxqTc_button" name="like[write]" title="水印">-->
            </div>
        </div>
    </form>
</div>