| | |
| | | <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;"> |
| | | <div class="layui-upload-list" id="bannerImgUpload"></div> |
| | | </blockquote> |
| | | <div class="layui-word-aux">双击图片删除</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-row layui-col-space10 layui-form-item"> |
| | | <div class="layui-col-lg6"> |
| | | <label class="layui-form-label">背景图片:</label> |
| | | <div class="layui-input-block"> |
| | | <div class="layui-upload"> |
| | | <button type="button" class="layui-btn layui-btn-normal layui-btn" id="bannerImgUploadButtonBack">上传</button> |
| | | <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;"> |
| | | <div class="layui-upload-list" id="bannerImgUploadBack"></div> |
| | | </blockquote> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="layui-row layui-col-space10 layui-form-item febs-hide"> |
| | | <div class="layui-col-lg6"> |
| | | <label class="layui-form-label">背景图片链接:</label> |
| | | <div class="layui-input-block"> |
| | | <input type="text" id="imageBackUrl" name="imageBackUrl" autocomplete="off" class="layui-input" readonly> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="layui-row layui-col-space10 layui-form-item">--> |
| | | <!-- <div class="layui-col-lg6">--> |
| | | <!-- <label class="layui-form-label">背景图片:</label>--> |
| | | <!-- <div class="layui-input-block">--> |
| | | <!-- <div class="layui-upload">--> |
| | | <!-- <button type="button" class="layui-btn layui-btn-normal layui-btn" id="bannerImgUploadButtonBack">上传</button>--> |
| | | <!-- <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">--> |
| | | <!-- <div class="layui-upload-list" id="bannerImgUploadBack"></div>--> |
| | | <!-- </blockquote>--> |
| | | <!-- <div class="layui-word-aux">双击图片删除</div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="layui-row layui-col-space10 layui-form-item febs-hide">--> |
| | | <!-- <div class="layui-col-lg6">--> |
| | | <!-- <label class="layui-form-label">背景图片链接:</label>--> |
| | | <!-- <div class="layui-input-block">--> |
| | | <!-- <input type="text" id="imageBackUrl" name="imageBackUrl" autocomplete="off" class="layui-input" readonly>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | |
| | | <div class="layui-row layui-col-space10 layui-form-item"> |
| | | <div class="layui-col-lg6"> |
| | |
| | | } |
| | | ,done: function(res){ |
| | | $("#imageUrl").val(res.data.src); |
| | | |
| | | imgUnBind(".single-image"); |
| | | imgSingleBind("#imageUrl"); |
| | | } |
| | | }); |
| | | |
| | |
| | | } |
| | | ,done: function(res){ |
| | | $("#imageBackUrl").val(res.data.src); |
| | | |
| | | imgUnBind(".single-image"); |
| | | imgSingleBind("#imageBackUrl"); |
| | | } |
| | | }); |
| | | |
| | | function imgSingleBind(idName) { |
| | | $(".single-image").each(function(index, element) { |
| | | $(this).on("dblclick", function() { |
| | | var imgThumb = $(".single-image")[index]; |
| | | $(imgThumb).remove(); |
| | | $(idName).val(""); |
| | | |
| | | imgUnBind(".single-image"); |
| | | imgSingleBind(idName); |
| | | }); |
| | | }) |
| | | } |
| | | function imgUnBind(className) { |
| | | $(className).each(function() { |
| | | $(this).unbind('dblclick'); |
| | | }) |
| | | } |
| | | |
| | | form.render(); |
| | | //(下拉框) |
| | |
| | | |
| | | $('#bannerImgUpload').append('<img src="' + banner.imageUrl + '" alt="" class="layui-upload-img single-image" style="width: 130px">'); |
| | | $("#imageUrl").val(banner.imageUrl); |
| | | imgSingleBind("#imageUrl"); |
| | | |
| | | $('#bannerImgUploadBack').append('<img src="' + banner.imageBackUrl + '" alt="" class="layui-upload-img single-image" style="width: 130px">'); |
| | | $("#imageBackUrl").val(banner.imageBackUrl); |
| | | imgSingleBind("#imageBackUrl"); |
| | | } |
| | | |
| | | form.on('submit(banner-info-form-submit)', function (data) { |