123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- <?php
- /**
- * Created by PhpStorm.
- * User: xiaofeng
- * Date: 2018/3/24
- * Time: 上午10:01
- */
- use backend\assets\AppAsset;
- AppAsset::addScript($this,Yii::$app->request->baseUrl."/js/housetypebinding.js");
- ?>
- <style>
- .xm_qytc_box{width:920px;margin:auto;margin-top:20px;}
- .xm_xcxqTc_img{margin:0;}
- .xm_xcxqTc_button{position:absolute;bottom:0;left:0;}
- .xm_pr{position:relative;}
- .ml{margin-left:18px}
- /*.layui-form-pane .layui-form-checkbox{position:absolute;bottom:0;left:100px;}*/
- .layui-upload-img{display: inline-block;height:120px;width:245px;/*border: 1px solid #dbdbdb;*/margin-right: 10px;position: absolute;position: relative;bottom:14px;margin-top:14px;}
- .layui-upload-img img{display: block;height:100%;width: 100%;}
- .close-icon{position: absolute;right:0px;top: 1px;cursor: pointer;font-weight:600;}
- .close-input{cursor: pointer;width:121px}
- .close-input input{height:35px;}
- .xm_tgqcTc_dztpsc{position:relative;}
- .picture_box {display:inline-block;vertical-align:top;width:117px;height:113px;border:1px solid #E6E6E6;position: relative;overflow:hidden;}
- .info_box {display:inline-block;vertical-align:top;width:120px;}
- .info_box input {padding-right:5px;font-size:12px;}
- /*删除*/
- .delete-list {background:rgba(0,0,0,0.5);position:absolute;top:-28px;left:0;width:100%;padding:3px 0;}
- .delete-list i {float:right;margin-right:8px;cursor:pointer;font-size:20px !important;; color: #fff;}
- .picture_box:hover .delete-list {top:0;}
- </style>
- <div class="xm_qytc_box">
- <!-- <span>楼盘相册 - 详情</span>-->
- <!-- <hr class="layui-bg-blue">-->
- <form class="layui-form layui-form-pane" action="" id="album_form">
- <div class="layui-form-item">
- <label class="layui-form-label">所属-楼盘</label>
- <a href="javascript:;" style="display: inline-block;line-height:38px;padding-left: 10px;"><?php echo $post['name']?></a>
- <input type="hidden" name="hid" value="<?php echo $post['id']?>">
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">所属栏目</label>
- <div class="layui-input-inline">
- <select name="huxing_id" >
- <option value="" selected="">请选择</option>
- <?php foreach($model as $val){?>
- <option value="<?php echo $val['id']?>" <?php echo $val['selected']?>><?php echo $val['huxing_name'] ?></option>
- <?php }?>
- </select>
- <input type="hidden" name="type_id" value="<?php echo $albumlist[0]['type_id']?>">
- </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_watermark" value="1" checked title="水印">
- <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
- 预览图:
- <div class="layui-upload-list xm_tgqcTc_dztpsc" id="demo2">
- <?php foreach($albumlist as $val){?>
- <?php if(!empty($val['img'])) {?>
- <div class="layui-upload-img layer-photos-demo" id="layer-photos-demo">
- <div class="info_box">
- <input type="text" name="aa" value="<?php echo $val['title'] ?>" placeholder="如A户型" autocomplete="off" class="layui-input">
- <input type="text" name="bb" value="<?php echo $val['indoor_info'] ?>" placeholder="厅卫厨" autocomplete="off" class="layui-input">
- <input type="text" name="cc" value="<?php echo $val['area'] ?>" placeholder="建筑面积" autocomplete="off" class="layui-input">
- </div>
- <div class="picture_box">
- <div class="delete-list" id="delimg" ><i class="layui-icon fa-trash-o" ></i></div>
- <img imgname="<?php echo $val['id']?>" src="<?= $val['img']?>">
- </div>
- </div>
- <?php }}?>
- </div>
- </blockquote>
- </div>
- </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="editAlbum">提交</button>
- </div>
- </div>
- </form>
- </div>
|