321
This commit is contained in:
zpc
parent
6780f859cb
commit
066f3dbadc
|
|
@ -1,4 +1,4 @@
|
|||
/***********************************************************************
|
||||
/***********************************************************************
|
||||
* Project: CoreCms
|
||||
* ProjectName: 核心内容管理系统
|
||||
* Web: https://www.corecms.net
|
||||
|
|
@ -71,12 +71,19 @@ namespace CoreCms.Net.Repository
|
|||
jm.msg = "不存在此信息";
|
||||
return jm;
|
||||
}
|
||||
|
||||
//事物处理过程开始
|
||||
oldModel.id = entity.id;
|
||||
oldModel.name = entity.name;
|
||||
oldModel.price_per_hour = entity.price_per_hour;
|
||||
oldModel.capacity = entity.capacity;
|
||||
oldModel.status = entity.status;
|
||||
oldModel.amenities = entity.amenities;
|
||||
oldModel.description = entity.description;
|
||||
oldModel.image_detailed_url = entity.image_detailed_url;
|
||||
oldModel.image_url = entity.image_url;
|
||||
oldModel.room_type = entity.room_type;
|
||||
oldModel.sort_order = entity.sort_order;
|
||||
|
||||
//事物处理过程结束
|
||||
var bl = await DbClient.Updateable(oldModel).ExecuteCommandHasChangeAsync();
|
||||
|
|
@ -202,29 +209,13 @@ namespace CoreCms.Net.Repository
|
|||
{
|
||||
page = await DbClient.Queryable<SQRooms>()
|
||||
.OrderByIF(orderByExpression != null, orderByExpression, orderByType)
|
||||
.WhereIF(predicate != null, predicate).Select(p => new SQRooms
|
||||
{
|
||||
id = p.id,
|
||||
name = p.name,
|
||||
price_per_hour = p.price_per_hour,
|
||||
capacity = p.capacity,
|
||||
status = p.status,
|
||||
|
||||
}).With(SqlWith.NoLock).ToPageListAsync(pageIndex, pageSize, totalCount);
|
||||
.WhereIF(predicate != null, predicate).Select(p => p).With(SqlWith.NoLock).ToPageListAsync(pageIndex, pageSize, totalCount);
|
||||
}
|
||||
else
|
||||
{
|
||||
page = await DbClient.Queryable<SQRooms>()
|
||||
.OrderByIF(orderByExpression != null, orderByExpression, orderByType)
|
||||
.WhereIF(predicate != null, predicate).Select(p => new SQRooms
|
||||
{
|
||||
id = p.id,
|
||||
name = p.name,
|
||||
price_per_hour = p.price_per_hour,
|
||||
capacity = p.capacity,
|
||||
status = p.status,
|
||||
|
||||
}).ToPageListAsync(pageIndex, pageSize, totalCount);
|
||||
.WhereIF(predicate != null, predicate).Select(p => p).ToPageListAsync(pageIndex, pageSize, totalCount);
|
||||
}
|
||||
var list = new PageList<SQRooms>(page, pageIndex, pageSize, totalCount);
|
||||
return list;
|
||||
|
|
|
|||
|
|
@ -82,6 +82,8 @@ namespace CoreCms.Net.Web.Admin.Controllers
|
|||
"price_per_hour" => p => p.price_per_hour,
|
||||
"capacity" => p => p.capacity,
|
||||
"status" => p => p.status,
|
||||
"sort_order" => p => p.sort_order,
|
||||
"room_type_name" => p => p.room_type_name,
|
||||
_ => p => p.id
|
||||
};
|
||||
|
||||
|
|
@ -129,6 +131,12 @@ namespace CoreCms.Net.Web.Admin.Controllers
|
|||
{
|
||||
where = where.And(p => p.status == false);
|
||||
}
|
||||
//房间类型名称 nvarchar
|
||||
var room_type_name = Request.Form["room_type_name"].FirstOrDefault();
|
||||
if (!string.IsNullOrEmpty(room_type_name))
|
||||
{
|
||||
where = where.And(p => p.room_type_name.Contains(room_type_name));
|
||||
}
|
||||
//获取数据
|
||||
var list = await _SQRoomsServices.QueryPageAsync(where, orderEx, orderBy, pageCurrent, pageSize, true);
|
||||
//返回数据
|
||||
|
|
@ -346,6 +354,36 @@ namespace CoreCms.Net.Web.Admin.Controllers
|
|||
cell4.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(4, 10 * 256);
|
||||
|
||||
var cell5 = headerRow.CreateCell(5);
|
||||
cell5.SetCellValue("房间类型名称");
|
||||
cell5.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(5, 15 * 256);
|
||||
|
||||
var cell6 = headerRow.CreateCell(6);
|
||||
cell6.SetCellValue("房间类型");
|
||||
cell6.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(6, 15 * 256);
|
||||
|
||||
var cell7 = headerRow.CreateCell(7);
|
||||
cell7.SetCellValue("排序权重");
|
||||
cell7.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(7, 12 * 256);
|
||||
|
||||
var cell8 = headerRow.CreateCell(8);
|
||||
cell8.SetCellValue("房间图片");
|
||||
cell8.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(8, 30 * 256);
|
||||
|
||||
var cell9 = headerRow.CreateCell(9);
|
||||
cell9.SetCellValue("房间描述");
|
||||
cell9.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(9, 40 * 256);
|
||||
|
||||
var cell10 = headerRow.CreateCell(10);
|
||||
cell10.SetCellValue("房间设施");
|
||||
cell10.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(10, 30 * 256);
|
||||
|
||||
headerRow.Height = 30 * 20;
|
||||
var commonCellStyle = ExcelHelper.GetCommonStyle(book);
|
||||
|
||||
|
|
@ -374,6 +412,30 @@ namespace CoreCms.Net.Web.Admin.Controllers
|
|||
rowTemp4.SetCellValue(listModel[i].status ? "启用" : "停用");
|
||||
rowTemp4.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp5 = rowTemp.CreateCell(5);
|
||||
rowTemp5.SetCellValue(listModel[i].room_type_name ?? "");
|
||||
rowTemp5.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp6 = rowTemp.CreateCell(6);
|
||||
rowTemp6.SetCellValue(listModel[i].room_type ?? "");
|
||||
rowTemp6.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp7 = rowTemp.CreateCell(7);
|
||||
rowTemp7.SetCellValue(listModel[i].sort_order?.ToString() ?? "0");
|
||||
rowTemp7.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp8 = rowTemp.CreateCell(8);
|
||||
rowTemp8.SetCellValue(listModel[i].image_url ?? "");
|
||||
rowTemp8.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp9 = rowTemp.CreateCell(9);
|
||||
rowTemp9.SetCellValue(listModel[i].description ?? "");
|
||||
rowTemp9.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp10 = rowTemp.CreateCell(10);
|
||||
rowTemp10.SetCellValue(listModel[i].amenities ?? "");
|
||||
rowTemp10.CellStyle = commonCellStyle;
|
||||
|
||||
}
|
||||
// 导出excel
|
||||
string webRootPath = _webHostEnvironment.WebRootPath;
|
||||
|
|
@ -446,6 +508,12 @@ namespace CoreCms.Net.Web.Admin.Controllers
|
|||
{
|
||||
where = where.And(p => p.status == false);
|
||||
}
|
||||
//房间类型名称 nvarchar
|
||||
var room_type_name = Request.Form["room_type_name"].FirstOrDefault();
|
||||
if (!string.IsNullOrEmpty(room_type_name))
|
||||
{
|
||||
where = where.And(p => p.room_type_name.Contains(room_type_name));
|
||||
}
|
||||
//获取数据
|
||||
//创建Excel文件的对象
|
||||
var book = new HSSFWorkbook();
|
||||
|
|
@ -482,6 +550,35 @@ namespace CoreCms.Net.Web.Admin.Controllers
|
|||
cell4.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(4, 10 * 256);
|
||||
|
||||
var cell5 = headerRow.CreateCell(5);
|
||||
cell5.SetCellValue("房间类型名称");
|
||||
cell5.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(5, 15 * 256);
|
||||
|
||||
var cell6 = headerRow.CreateCell(6);
|
||||
cell6.SetCellValue("房间类型");
|
||||
cell6.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(6, 15 * 256);
|
||||
|
||||
var cell7 = headerRow.CreateCell(7);
|
||||
cell7.SetCellValue("排序权重");
|
||||
cell7.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(7, 12 * 256);
|
||||
|
||||
var cell8 = headerRow.CreateCell(8);
|
||||
cell8.SetCellValue("房间图片");
|
||||
cell8.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(8, 30 * 256);
|
||||
|
||||
var cell9 = headerRow.CreateCell(9);
|
||||
cell9.SetCellValue("房间描述");
|
||||
cell9.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(9, 40 * 256);
|
||||
|
||||
var cell10 = headerRow.CreateCell(10);
|
||||
cell10.SetCellValue("房间设施");
|
||||
cell10.CellStyle = headerStyle;
|
||||
mySheet.SetColumnWidth(10, 30 * 256);
|
||||
|
||||
headerRow.Height = 30 * 20;
|
||||
var commonCellStyle = ExcelHelper.GetCommonStyle(book);
|
||||
|
|
@ -491,35 +588,49 @@ namespace CoreCms.Net.Web.Admin.Controllers
|
|||
{
|
||||
var rowTemp = mySheet.CreateRow(i + 1);
|
||||
|
||||
|
||||
var rowTemp0 = rowTemp.CreateCell(0);
|
||||
rowTemp0.SetCellValue(listModel[i].id.ToString());
|
||||
rowTemp0.CellStyle = commonCellStyle;
|
||||
|
||||
|
||||
|
||||
var rowTemp1 = rowTemp.CreateCell(1);
|
||||
rowTemp1.SetCellValue(listModel[i].name.ToString());
|
||||
rowTemp1.CellStyle = commonCellStyle;
|
||||
|
||||
|
||||
|
||||
var rowTemp2 = rowTemp.CreateCell(2);
|
||||
rowTemp2.SetCellValue(listModel[i].price_per_hour.ToString());
|
||||
rowTemp2.CellStyle = commonCellStyle;
|
||||
|
||||
|
||||
|
||||
var rowTemp3 = rowTemp.CreateCell(3);
|
||||
rowTemp3.SetCellValue(listModel[i].capacity.ToString());
|
||||
rowTemp3.CellStyle = commonCellStyle;
|
||||
|
||||
|
||||
|
||||
var rowTemp4 = rowTemp.CreateCell(4);
|
||||
rowTemp4.SetCellValue(listModel[i].status ? "启用" : "停用");
|
||||
rowTemp4.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp5 = rowTemp.CreateCell(5);
|
||||
rowTemp5.SetCellValue(listModel[i].room_type_name ?? "");
|
||||
rowTemp5.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp6 = rowTemp.CreateCell(6);
|
||||
rowTemp6.SetCellValue(listModel[i].room_type ?? "");
|
||||
rowTemp6.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp7 = rowTemp.CreateCell(7);
|
||||
rowTemp7.SetCellValue(listModel[i].sort_order?.ToString() ?? "0");
|
||||
rowTemp7.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp8 = rowTemp.CreateCell(8);
|
||||
rowTemp8.SetCellValue(listModel[i].image_url ?? "");
|
||||
rowTemp8.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp9 = rowTemp.CreateCell(9);
|
||||
rowTemp9.SetCellValue(listModel[i].description ?? "");
|
||||
rowTemp9.CellStyle = commonCellStyle;
|
||||
|
||||
var rowTemp10 = rowTemp.CreateCell(10);
|
||||
rowTemp10.SetCellValue(listModel[i].amenities ?? "");
|
||||
rowTemp10.CellStyle = commonCellStyle;
|
||||
|
||||
}
|
||||
// 写入到excel
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<script type="text/html" template lay-done="layui.data.done(d);">
|
||||
<div class="layui-form coreshop-form layui-form-pane" lay-filter="LAY-app-SQRooms-createForm" id="LAY-app-SQRooms-createForm">
|
||||
<div style="overflow: auto;height: 100%;width: 100%;">
|
||||
<div class="layui-form coreshop-form layui-form-pane" lay-filter="LAY-app-SQRooms-createForm" id="LAY-app-SQRooms-createForm" style="width: 99%;">
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
|
||||
|
|
@ -38,9 +39,97 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-form-item">
|
||||
<label for="room_type_name" class="layui-form-label">房间类型名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input name="room_type_name" lay-verType="tips" lay-verify="verifyroom_type_name" class="layui-input" placeholder="请输入房间类型名称（如：豪华包间、标准包间）" maxlength="50"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-form-item">
|
||||
<label for="room_type" class="layui-form-label">房间类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input name="room_type" lay-verType="tips" lay-verify="verifyroom_type" class="layui-input" placeholder="请输入房间类型" maxlength="50"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-form-item">
|
||||
<label for="sort_order" class="layui-form-label">排序权重</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort_order" lay-verType="tips" class="layui-input" placeholder="数字越小越靠前" value="0"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label for="image_url" class="layui-form-label">房间图片</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<input name="image_url" id="image_url" size="15" autocomplete="off" class="layui-input" placeholder="房间图片URL" />
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-upload">
|
||||
<button type="button" class="layui-btn" id="upBtn">上传图片</button>
|
||||
<div class="layui-upload-list">
|
||||
<img class="layui-upload-img" id="viewImgBox" src="" style="max-width: 200px; max-height: 200px;">
|
||||
<p id="viewTextBox"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label for="image_detailed_url" class="layui-form-label">房间详细图片</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="hidden" name="image_detailed_url" id="image_detailed_url" value="" />
|
||||
<div class="layui-upload">
|
||||
<button type="button" class="layui-btn" id="upBtnDetailedImages">上传图片</button>
|
||||
<div class="layui-upload-list" id="upload-detailed-images-list" style="margin-top: 10px;"></div>
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">可上传多张图片，鼠标悬浮图片可删除</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label for="description" class="layui-form-label">房间描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" lay-verType="tips" lay-verify="verifydescription" class="layui-textarea" placeholder="请输入房间描述" maxlength="500"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label for="amenities" class="layui-form-label">房间设施</label>
|
||||
<div class="layui-input-block">
|
||||
<input name="amenities" lay-verType="tips" class="layui-input" placeholder="多个设施用逗号分隔，如：空调,WiFi,投影仪" />
|
||||
<div class="layui-form-mid layui-word-aux">多个设施用逗号分隔</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
@ -48,13 +137,14 @@
|
|||
<input type="button" class="layui-btn" lay-submit lay-filter="LAY-app-SQRooms-createForm-submit" id="LAY-app-SQRooms-createForm-submit" value="确认添加">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script>
|
||||
var debug = layui.setter.debug;
|
||||
layui.data.done = function (d) {
|
||||
//开启调试情况下获取接口赋值数据
|
||||
if (debug) { console.log(d.params.data); }
|
||||
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'cropperImg'],
|
||||
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'cropperImg', 'laytpl'],
|
||||
function () {
|
||||
var $ = layui.$
|
||||
, form = layui.form
|
||||
|
|
@ -62,17 +152,145 @@
|
|||
, laydate = layui.laydate
|
||||
, upload = layui.upload
|
||||
, cropperImg = layui.cropperImg
|
||||
, laytpl = layui.laytpl
|
||||
, coreHelper = layui.coreHelper;
|
||||
|
||||
// 详细图片数组
|
||||
var detailedImages = [];
|
||||
|
||||
form.verify({
|
||||
verifyname: [/^.{0,100}$/, '房间名称最大只允许输入100位字符'],
|
||||
verifyroom_type_name: [/^.{0,50}$/, '房间类型名称最大只允许输入50位字符'],
|
||||
verifyroom_type: [/^.{0,50}$/, '房间类型最大只允许输入50位字符'],
|
||||
verifydescription: [/^.{0,500}$/, '房间描述最大只允许输入500位字符'],
|
||||
});
|
||||
|
||||
//房间图片上传
|
||||
$('#upBtn').click(function () {
|
||||
var imgSrc = $('#viewImgBox').attr('src') || layui.setter.noImagePicUrl || '/images/no-image.png';
|
||||
cropperImg.cropImg({
|
||||
aspectRatio: 16 / 9,
|
||||
imgSrc: imgSrc,
|
||||
onCrop: function (data) {
|
||||
var loadIndex = layer.load(2);
|
||||
coreHelper.Post("api/Tools/UploadFilesFByBase64", { base64: data }, function (res) {
|
||||
if (0 === res.code) {
|
||||
$('#viewImgBox').attr('src', res.data.fileUrl);
|
||||
$("#image_url").val(res.data.fileUrl);
|
||||
layer.msg(res.msg);
|
||||
layer.close(loadIndex);
|
||||
} else {
|
||||
layer.close(loadIndex);
|
||||
layer.msg(res.msg, { icon: 2, anim: 6 });
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 渲染详细图片列表
|
||||
function renderDetailedImages() {
|
||||
var getTpl = detailed_image_tpl.innerHTML;
|
||||
var view = document.getElementById('upload-detailed-images-list');
|
||||
laytpl(getTpl).render(detailedImages, function (html) {
|
||||
view.innerHTML = html;
|
||||
});
|
||||
// 更新隐藏字段
|
||||
$('#image_detailed_url').val(detailedImages.join(','));
|
||||
}
|
||||
|
||||
// 详细图片上传
|
||||
$('#upBtnDetailedImages').click(function () {
|
||||
cropperImg.cropImg({
|
||||
aspectRatio: 16 / 9,
|
||||
onCrop: function (data) {
|
||||
var loadIndex = layer.load(2);
|
||||
coreHelper.Post("api/Tools/UploadFilesFByBase64", { base64: data }, function (res) {
|
||||
if (0 === res.code) {
|
||||
detailedImages.push(res.data.fileUrl);
|
||||
renderDetailedImages();
|
||||
layer.msg(res.msg);
|
||||
layer.close(loadIndex);
|
||||
} else {
|
||||
layer.close(loadIndex);
|
||||
layer.msg(res.msg, { icon: 2, anim: 6 });
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 删除详细图片
|
||||
window.delDetailedImage = function(obj, imageUrl) {
|
||||
var imgDiv = $(obj).closest('.detailed-img-item');
|
||||
imgDiv.remove();
|
||||
var index = detailedImages.indexOf(imageUrl);
|
||||
if (index > -1) {
|
||||
detailedImages.splice(index, 1);
|
||||
}
|
||||
renderDetailedImages();
|
||||
};
|
||||
|
||||
form.val('LAY-app-SQRooms-createForm', {
|
||||
status: 1,
|
||||
capacity: 4
|
||||
capacity: 4,
|
||||
sort_order: 0
|
||||
});
|
||||
//重载form
|
||||
form.render(null, 'LAY-app-SQRooms-createForm');
|
||||
})
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.detailed-img-item {
|
||||
float: left;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
border: 1px solid #ccc;
|
||||
padding: 5px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.detailed-img-item img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
object-fit: cover;
|
||||
cursor: pointer;
|
||||
}
|
||||
.detailed-img-item:hover .detailed-img-delete {
|
||||
display: block;
|
||||
}
|
||||
.detailed-img-delete {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
border: 1px solid #ff5722;
|
||||
color: #ff5722;
|
||||
padding: 2px 8px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
z-index: 10;
|
||||
}
|
||||
.detailed-img-delete:hover {
|
||||
background-color: #ff5722;
|
||||
color: #fff;
|
||||
}
|
||||
#upload-detailed-images-list {
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--详细图片模板-->
|
||||
<script type="text/html" id="detailed_image_tpl">
|
||||
{{# layui.each(d, function(index, item){ }}
|
||||
<div class="detailed-img-item">
|
||||
<img src="{{ item }}" onclick='layui.coreHelper.viewImage("{{ item }}")' />
|
||||
<span class="detailed-img-delete" onclick="delDetailedImage(this, '{{ item }}')">删除</span>
|
||||
</div>
|
||||
{{# }); }}
|
||||
</script>
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
<script type="text/html" template lay-done="layui.data.done(d);">
|
||||
<div class="layui-form coreshop-form layui-form-pane" lay-filter="LAY-app-SQRooms-detailsForm" id="LAY-app-SQRooms-detailsForm">
|
||||
<script type="text/html" template lay-done="layui.data.done(d);">
|
||||
<div style="overflow: auto;height: 100%;width: 100%;">
|
||||
<div class="layui-form coreshop-form layui-form-pane" lay-filter="LAY-app-SQRooms-detailsForm" id="LAY-app-SQRooms-detailsForm" style="width: 99%;">
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
|
|
@ -41,6 +42,96 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">房间类型名称</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-form-mid">{{ d.params.data.room_type_name || '--' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">房间类型</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-form-mid">{{ d.params.data.room_type || '--' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序权重</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-form-mid">{{ d.params.data.sort_order || 0 }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">房间描述</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-form-mid" style="word-break: break-all;">{{ d.params.data.description || '--' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">房间设施</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-form-mid">{{ d.params.data.amenities || '--' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">房间图片</label>
|
||||
<div class="layui-input-block">
|
||||
{{# if(d.params.data.image_url){ }}
|
||||
<img src="{{d.params.data.image_url}}" style="max-width: 300px; max-height: 300px; border-radius: 4px;" >
|
||||
{{# } else { }}
|
||||
<div class="layui-form-mid" style="color: #999;">暂无图片</div>
|
||||
{{# } }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">房间详细图片</label>
|
||||
<div class="layui-input-block">
|
||||
{{# if(d.params.data.image_detailed_url){ }}
|
||||
{{# var imgs = d.params.data.image_detailed_url.split(','); }}
|
||||
{{# layui.each(imgs, function(index, item){ }}
|
||||
{{# if(item.trim()){ }}
|
||||
<img src="{{item.trim()}}" style="max-width: 150px; max-height: 150px; margin-right: 10px; margin-bottom: 10px; border-radius: 4px;" >
|
||||
{{# } }}
|
||||
{{# }); }}
|
||||
{{# } else { }}
|
||||
<div class="layui-form-mid" style="color: #999;">暂无图片</div>
|
||||
{{# } }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<script type="text/html" template lay-done="layui.data.sendParams(d);">
|
||||
<div class="layui-form coreshop-form layui-form-pane" lay-filter="LAY-app-SQRooms-editForm" id="LAY-app-SQRooms-editForm">
|
||||
<div style="overflow: auto;height: 100%;width: 100%;">
|
||||
<div class="layui-form coreshop-form layui-form-pane" lay-filter="LAY-app-SQRooms-editForm" id="LAY-app-SQRooms-editForm" style="width: 99%;" >
|
||||
<input type="hidden" name="id" value="{{d.params.data.id || '' }}" />
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
|
|
@ -42,17 +43,109 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-form-item">
|
||||
<label for="room_type_name" class="layui-form-label">房间类型名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input name="room_type_name" lay-verType="tips" lay-verify="verifyroom_type_name" class="layui-input" placeholder="请输入房间类型名称（如：豪华包间、标准包间）" value="{{d.params.data.room_type_name || '' }}" maxlength="50"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-form-item">
|
||||
<label for="room_type" class="layui-form-label">房间类型</label>
|
||||
<div class="layui-input-block">
|
||||
<input name="room_type" lay-verType="tips" lay-verify="verifyroom_type" class="layui-input" placeholder="请输入房间类型" value="{{d.params.data.room_type || '' }}" maxlength="50"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-form-item">
|
||||
<label for="sort_order" class="layui-form-label">排序权重</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort_order" lay-verType="tips" class="layui-input" placeholder="数字越小越靠前" value="{{d.params.data.sort_order || 0}}"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label for="image_url" class="layui-form-label">房间图片</label>
|
||||
<div class="layui-input-block">
|
||||
<div class="layui-inline">
|
||||
<input name="image_url" id="image_url" size="15" autocomplete="off" class="layui-input" placeholder="房间图片URL" value="{{d.params.data.image_url || '' }}" />
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<div class="layui-upload">
|
||||
<button type="button" class="layui-btn" id="upBtn">上传图片</button>
|
||||
<div class="layui-upload-list">
|
||||
<img class="layui-upload-img" id="viewImgBox" src="{{d.params.data.image_url || layui.setter.noImagePicUrl || '/images/no-image.png'}}" style="max-width: 200px; max-height: 200px;">
|
||||
<p id="viewTextBox"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label for="image_detailed_url" class="layui-form-label">房间详细图片</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="hidden" name="image_detailed_url" id="image_detailed_url" value="{{d.params.data.image_detailed_url || '' }}" />
|
||||
<div class="layui-upload">
|
||||
<button type="button" class="layui-btn" id="upBtnDetailedImages">上传图片</button>
|
||||
<div class="layui-upload-list" id="upload-detailed-images-list" style="margin-top: 10px;"></div>
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">可上传多张图片，鼠标悬浮图片可删除</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label for="description" class="layui-form-label">房间描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" lay-verType="tips" lay-verify="verifydescription" class="layui-textarea" placeholder="请输入房间描述" maxlength="500">{{d.params.data.description || '' }}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-form-item">
|
||||
<label for="amenities" class="layui-form-label">房间设施</label>
|
||||
<div class="layui-input-block">
|
||||
<input name="amenities" lay-verType="tips" class="layui-input" placeholder="多个设施用逗号分隔，如：空调,WiFi,投影仪" value="{{d.params.data.amenities || '' }}" />
|
||||
<div class="layui-form-mid layui-word-aux">多个设施用逗号分隔</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item text-right core-hidden">
|
||||
<input type="button" class="layui-btn" lay-submit lay-filter="LAY-app-SQRooms-editForm-submit" id="LAY-app-SQRooms-editForm-submit" value="确认编辑">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script>
|
||||
var debug = layui.setter.debug;
|
||||
layui.data.sendParams = function (d) {
|
||||
//开启调试情况下获取接口赋值数据
|
||||
if (debug) { console.log(d.params.data); }
|
||||
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'cropperImg'],
|
||||
layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'cropperImg', 'laytpl'],
|
||||
function () {
|
||||
var $ = layui.$
|
||||
, form = layui.form
|
||||
|
|
@ -60,13 +153,156 @@
|
|||
, laydate = layui.laydate
|
||||
, upload = layui.upload
|
||||
, cropperImg = layui.cropperImg
|
||||
, laytpl = layui.laytpl
|
||||
, coreHelper = layui.coreHelper;
|
||||
|
||||
// 详细图片数组
|
||||
var detailedImages = [];
|
||||
|
||||
// 初始化详细图片
|
||||
var detailedImagesStr = d.params.data.image_detailed_url || '';
|
||||
if (detailedImagesStr && detailedImagesStr.trim() !== '') {
|
||||
detailedImages = detailedImagesStr.split(',').filter(function(url) {
|
||||
return url.trim() !== '';
|
||||
}).map(function(url) {
|
||||
return url.trim();
|
||||
});
|
||||
}
|
||||
|
||||
form.verify({
|
||||
verifyname: [/^.{0,100}$/, '房间名称最大只允许输入100位字符'],
|
||||
verifyroom_type_name: [/^.{0,50}$/, '房间类型名称最大只允许输入50位字符'],
|
||||
verifyroom_type: [/^.{0,50}$/, '房间类型最大只允许输入50位字符'],
|
||||
verifydescription: [/^.{0,500}$/, '房间描述最大只允许输入500位字符'],
|
||||
});
|
||||
|
||||
//房间图片上传
|
||||
$('#upBtn').click(function () {
|
||||
var currentImgSrc = $('#viewImgBox').attr('src');
|
||||
var imgSrc = currentImgSrc && currentImgSrc !== '' ? currentImgSrc : (layui.setter.noImagePicUrl || '/images/no-image.png');
|
||||
cropperImg.cropImg({
|
||||
aspectRatio: 16 / 9,
|
||||
imgSrc: imgSrc,
|
||||
onCrop: function (data) {
|
||||
var loadIndex = layer.load(2);
|
||||
coreHelper.Post("api/Tools/UploadFilesFByBase64", { base64: data }, function (res) {
|
||||
if (0 === res.code) {
|
||||
$('#viewImgBox').attr('src', res.data.fileUrl);
|
||||
$("#image_url").val(res.data.fileUrl);
|
||||
layer.msg(res.msg);
|
||||
layer.close(loadIndex);
|
||||
} else {
|
||||
layer.close(loadIndex);
|
||||
layer.msg(res.msg, { icon: 2, anim: 6 });
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 渲染详细图片列表
|
||||
function renderDetailedImages() {
|
||||
var getTpl = detailed_image_tpl.innerHTML;
|
||||
var view = document.getElementById('upload-detailed-images-list');
|
||||
laytpl(getTpl).render(detailedImages, function (html) {
|
||||
view.innerHTML = html;
|
||||
});
|
||||
// 更新隐藏字段
|
||||
$('#image_detailed_url').val(detailedImages.join(','));
|
||||
}
|
||||
|
||||
// 初始化显示详细图片
|
||||
if (detailedImages.length > 0) {
|
||||
renderDetailedImages();
|
||||
}
|
||||
|
||||
// 详细图片上传
|
||||
$('#upBtnDetailedImages').click(function () {
|
||||
cropperImg.cropImg({
|
||||
aspectRatio: 16 / 9,
|
||||
onCrop: function (data) {
|
||||
var loadIndex = layer.load(2);
|
||||
coreHelper.Post("api/Tools/UploadFilesFByBase64", { base64: data }, function (res) {
|
||||
if (0 === res.code) {
|
||||
detailedImages.push(res.data.fileUrl);
|
||||
renderDetailedImages();
|
||||
layer.msg(res.msg);
|
||||
layer.close(loadIndex);
|
||||
} else {
|
||||
layer.close(loadIndex);
|
||||
layer.msg(res.msg, { icon: 2, anim: 6 });
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 删除详细图片
|
||||
window.delDetailedImage = function(obj, imageUrl) {
|
||||
var imgDiv = $(obj).closest('.detailed-img-item');
|
||||
imgDiv.remove();
|
||||
var index = detailedImages.indexOf(imageUrl);
|
||||
if (index > -1) {
|
||||
detailedImages.splice(index, 1);
|
||||
}
|
||||
renderDetailedImages();
|
||||
};
|
||||
|
||||
//重载form
|
||||
form.render(null, 'LAY-app-SQRooms-editForm');
|
||||
})
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.detailed-img-item {
|
||||
float: left;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
border: 1px solid #ccc;
|
||||
padding: 5px;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.detailed-img-item img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
object-fit: cover;
|
||||
cursor: pointer;
|
||||
}
|
||||
.detailed-img-item:hover .detailed-img-delete {
|
||||
display: block;
|
||||
}
|
||||
.detailed-img-delete {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
border: 1px solid #ff5722;
|
||||
color: #ff5722;
|
||||
padding: 2px 8px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
z-index: 10;
|
||||
}
|
||||
.detailed-img-delete:hover {
|
||||
background-color: #ff5722;
|
||||
color: #fff;
|
||||
}
|
||||
#upload-detailed-images-list {
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--详细图片模板-->
|
||||
<script type="text/html" id="detailed_image_tpl">
|
||||
{{# layui.each(d, function(index, item){ }}
|
||||
<div class="detailed-img-item">
|
||||
<img src="{{ item }}" onclick='layui.coreHelper.viewImage("{{ item }}")' />
|
||||
<span class="detailed-img-delete" onclick="delDetailedImage(this, '{{ item }}')">删除</span>
|
||||
</div>
|
||||
{{# }); }}
|
||||
</script>
|
||||
|
|
@ -45,6 +45,12 @@
|
|||
<input type="text" name="capacity" placeholder="请输入可容纳人数" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label" for="room_type_name">房间类型名称</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="room_type_name" placeholder="请输入房间类型名称" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label" for="status">状态</label>
|
||||
<div class="layui-input-inline">
|
||||
|
|
@ -141,8 +147,21 @@
|
|||
{ type: "checkbox", fixed: "left" },
|
||||
{ field: 'id', title: '房间ID', width: 60, sort: false },
|
||||
{ field: 'name', title: '房间名称', sort: false, minWidth: 200 },
|
||||
{ field: 'room_type_name', title: '房间类型名称', sort: false, width: 120 },
|
||||
{ field: 'price_per_hour', title: '价格/小时', sort: false, width: 105 },
|
||||
{ field: 'capacity', title: '可容纳人数', sort: false, width: 105 },
|
||||
{ field: 'sort_order', title: '排序权重', sort: true, width: 100 },
|
||||
{
|
||||
field: 'image_url', title: '房间图片', width: 100, sort: false,
|
||||
templet: function (d) {
|
||||
if (d.image_url) {
|
||||
return '<a href="javascript:void(0);" onclick=layui.coreHelper.viewImage("' + d.image_url + '")><image style="max-width:50px;max-height:50px;border-radius:4px;" src="' + d.image_url + '" /></a>';
|
||||
} else {
|
||||
var noImageUrl = layui.setter.noImagePicUrl || '/images/no-image.png';
|
||||
return '<a href="javascript:void(0);" onclick=layui.coreHelper.viewImage("' + noImageUrl + '")><image style="max-width:50px;max-height:50px;border-radius:4px;" src="' + noImageUrl + '" /></a>';
|
||||
}
|
||||
}
|
||||
},
|
||||
{ field: 'status', title: '状态', width: 95, templet: '#switch_status', sort: false, unresize: true },
|
||||
{ width: 200, align: 'center', title: '预约管理', fixed: 'right', toolbar: '#LAY-app-SQRooms-tableBox-setting' },
|
||||
{ width: 160, align: 'center', title: '房间管理', fixed: 'right', toolbar: '#LAY-app-SQRooms-tableBox-bar' }
|
||||
|
|
@ -203,7 +222,7 @@
|
|||
admin.popup({
|
||||
shadeClose: false,
|
||||
title: '创建数据',
|
||||
area: ['800px', '300px'],
|
||||
area: ['1200px', '800px'],
|
||||
id: 'LAY-popup-SQRooms-create',
|
||||
success: function (layero, index) {
|
||||
view(this.id).render('sq/sqrooms/create', { data: e.data }).done(function () {
|
||||
|
|
@ -248,7 +267,7 @@
|
|||
admin.popup({
|
||||
shadeClose: false,
|
||||
title: '编辑数据',
|
||||
area: ['800px', '300px'],
|
||||
area: ['1200px', '800px'],
|
||||
id: 'LAY-popup-SQRooms-edit',
|
||||
success: function (layero, index) {
|
||||
view(this.id).render('sq/sqrooms/edit', { data: e.data }).done(function () {
|
||||
|
|
@ -293,7 +312,7 @@
|
|||
admin.popup({
|
||||
shadeClose: false,
|
||||
title: '查看详情',
|
||||
area: ['800px', '300px'],
|
||||
area: ['1200px', '800px'],
|
||||
id: 'LAY-popup-SQRooms-details',
|
||||
success: function (layero, index) {
|
||||
view(this.id).render('sq/sqrooms/details', { data: e.data }).done(function () {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user