<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
|
<title>小黄条公告</title>
|
<link rel="stylesheet" type="text/css" href="../../../css/doui.min.css"/>
|
<link rel="stylesheet" type="text/css" href="../../../layui/css/layui.css" />
|
<script src="../../../js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../../js/requestHost.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../../layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
|
<script src="../../../js/versionControl.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript">
|
doui.importLoad({
|
importArray: [
|
// 雷打不动
|
getHostPath() + "js/jquery.min.js",
|
getHostPath() + "js/vue.min.js",
|
// 字体图标
|
getHostPath() + "fontAdmin/iconfont.css",
|
getHostPath() + "font/iconfont.css",
|
// dom模板
|
getHostPath() + "css/admin-all.css",
|
getHostPath() + "js/admin-creat.js",
|
|
getHostPath() + "js/verify.js",
|
],
|
});
|
</script>
|
</head>
|
<body class="fontPC">
|
<div class="winSizeBox">
|
|
<!-- =============================================================== 搜索筛选(顶部) -->
|
<div id="thisHeader" style="width:7.5rem;"></div>
|
|
<!-- =============================================================== 表格 -->
|
<div id="thisTable" class="admin-main-overHeader"></div>
|
</div>
|
</body>
|
</html>
|
|
|
<script type="text/javascript">
|
|
var adId = null;
|
function getVersions(id) {
|
adId = id;
|
// 平台版本获取
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/notification/getVersions",
|
data: {
|
id: id
|
},
|
async: false,
|
success: function(res) {
|
if (res.code != 0) {
|
doui.showToast(res.msg);
|
} else {
|
versionControl.setVersions(adId, res.data, function(ids) {
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/notification/setVersions",
|
data: {
|
id: adId,
|
versions: JSON.stringify(ids)
|
},
|
async: false,
|
success: function(res) {
|
if (res.code == 0) {
|
layer.msg("设置成功");
|
} else {
|
layer.msg(res.msg);
|
}
|
}
|
});
|
});
|
}
|
}
|
});
|
}
|
|
// ==================================================================================== 页面数据
|
doui.onReady({
|
success: function ()
|
{
|
// ----------------------------------------------------- 顶部
|
// 生成顶部筛选项dom
|
adminDom.header.creat({ el: "#thisHeader" });
|
// 输入搜索
|
adminDom.header.input({ placeholder: "页面标识 / 公告内容", });
|
// 筛选项
|
adminDom.header.screen({
|
show: true,
|
list: [
|
{
|
title: "启用状态",
|
muchCheck: false, // 是否可以多选
|
child: [
|
{ key: [1], value: "启用中", check: false },
|
{ key: [0], value: "已停用", check: false },
|
],
|
input: { type: "number", num: 0 },
|
},
|
{
|
title: "是否允许关闭",
|
muchCheck: false, // 是否可以多选
|
child: [
|
{ key: [1], value: "是", check: false },
|
{ key: [0], value: "否", check: false },
|
],
|
input: { type: "text", num: 0 },
|
},
|
],
|
});
|
|
|
// ----------------------------------------------------- 表格
|
// 表格dom创建
|
adminDom.table.creat({
|
el: "#thisTable",
|
// 搜索触发
|
touchSearch: function (optC)
|
{
|
var loading = layer.load(0, {
|
shade: false
|
});
|
|
var data = {
|
pageIndex: optC.table.page, // 页码
|
pageSize: optC.table.pageSize, // 每页数量
|
key: optC.input[0].result, // 搜索关键字
|
show: optC.screen[0].result[0], // 只看哪种用户
|
canClose: optC.screen[1].result[0], // 时间最小
|
};
|
|
var platfrom = versionControl.getPlatform();
|
var version = versionControl.getVersion();
|
if (platfrom!=null)
|
data.platform =platfrom;
|
if (version!=null)
|
data.version = version;
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/notification/query",
|
data: data,
|
success: function (res)
|
{
|
layer.close(loading);
|
if (res.code != 0) { doui.showToast({ content: res.msg }); }
|
else
|
{
|
// 申明 表格内容数据
|
var mo_tr = []; // tr组
|
for (var i = 0, mo = res.data.result_list; i < mo.length; i++)
|
{
|
// 当前行
|
var thatTr = {
|
check: false,
|
td: [
|
{ title: "页面名称", key: mo[i].pageName, value: mo[i].pageName },
|
{ title: "版本选择", key: mo[i].id, value: '版本查询', "class": "font-blue", dataType: 'btn', click: "getVersions(" + mo[i].id + ")"},
|
{ title: "启用状态", key: mo[i].show, value: mo[i].show, dataType: 'btnSwitch', click: "switchState(" + mo[i].id + ")"},
|
{ title: "开始时间", key: mo[i].beginTimeVO, value: mo[i].beginTimeVO },
|
{ title: "结束时间", key: mo[i].endTimeVO, value: mo[i].endTimeVO },
|
{ title: "允许关闭", key: mo[i].canClose, value: mo[i].canClose},
|
{ title: "公告内容", key: mo[i].content, value: mo[i].content },
|
{ title: "跳转链接", key: mo[i].contentUrl, value: mo[i].contentUrl, dataType: "link" },
|
{ title: "跳转链接", key: mo[i].id, value: mo[i].id },
|
],
|
};
|
|
// 允许关闭
|
if (thatTr.td[5].key == true) { thatTr.td[5].value = "允许关闭"; thatTr.td[5]["class"] = "font-green"; }
|
else if (thatTr.td[5].key == false) { thatTr.td[5].value = "不允许关闭"; thatTr.td[5]["class"] = "font-red"; }
|
// 将当前行放入tr组
|
mo_tr.push(thatTr);
|
}
|
// 更新表格的数据
|
adminDom.table.opt({ pageMax: res.data.pe.totalPage }); // 最大页码
|
adminDom.table.tbody({ tr: mo_tr }); // 内容数据
|
}
|
}
|
});
|
},
|
});
|
// 表格设置
|
adminDom.table.opt({ pageSize: 50, });
|
// 表格头排
|
adminDom.table.thead({
|
th: [
|
{ title: "页面名称", width: "0.6rem", orderUp: "", orderDown: "" },
|
{ title: "版本选择", width: "0.4rem", orderUp: "",orderDown: ""},
|
{ title: "状态", width: "0.4rem", orderUp: "", orderDown: "",
|
edit: {
|
type: "switch",
|
},
|
},
|
{ title: "开始时间", width: "0.6rem", orderUp: "", orderDown: "",
|
edit: { type: "datetime-local" },
|
},
|
{ title: "结束时间", width: "0.6rem", orderUp: "", orderDown: "",
|
edit: { type: "datetime-local" },
|
},
|
{ title: "是否允许关闭", width: "0.4rem", orderUp: "", orderDown: "",
|
edit: {
|
type: "switch",
|
},
|
},
|
{ title: "公告内容", width: "0.6rem", orderUp: "", orderDown: "",
|
edit: {
|
type: "text",
|
placeholder: "必须点击进入每个商品查看确保有返利，再结算下单。",
|
},
|
},
|
{ title: "跳转链接", width: "0.6rem", orderUp: "", orderDown: "",
|
edit: {
|
type: "text" ,
|
placeholder: "http://...",
|
},
|
},
|
{ title: "ID", width: "0.4rem", orderUp: "", orderDown: "" },
|
]
|
});
|
// 工具栏
|
adminDom.table.tools({
|
show: true,
|
list: [
|
{ "title": "修改", "name": "edit", "icon": "fi fi-edit-box" },
|
],
|
touch: function (back)
|
{
|
// 修改列表
|
if (back.toolName == "edit")
|
{
|
if (back.list.length > 1) { doui.showToast({ content: "一次只能操作一个" }); return false; }
|
|
// 修改弹框创建
|
adminDom.editTan.creat({
|
el: ".winSizeBox",
|
// 数据修改提交触发
|
touchSubmit: function (editData)
|
{
|
var mydata = {
|
beginTimeVO: editData.list[3].key,
|
endTimeVO: editData.list[4].key,
|
content: editData.list[6].key,
|
id: editData.list[8].key,
|
};
|
if(editData.list[2].key != null && editData.list[2].key != undefined){mydata.show = editData.list[2].key;}
|
if(editData.list[5].key != null && editData.list[5].key != undefined){mydata.canClose = editData.list[5].key;}
|
if(verifyString(editData.list[7].key)){mydata.contentUrl = editData.list[7].key;}
|
|
|
var loading = layer.load(0, {
|
shade: false
|
});
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/notification/saveModify",
|
data: mydata,
|
success: function (res)
|
{
|
layer.close(loading);
|
if (res.code != 0) { doui.showToast({ content: res.msg }); }
|
else
|
{
|
adminDom.editTan.remove();
|
vm_table.search();
|
}
|
}
|
});
|
},
|
});
|
adminDom.editTan.opt({ title: "修改", });
|
adminDom.editTan.thereData({ show: true, list: back.list[0] });
|
}
|
}
|
});
|
|
|
// ----------------------------------------------------- 初始行为
|
// 模拟搜索点击
|
vm_table.search();
|
setTimeout(function() {
|
$("#admin-header").find(".admin-btn-roundM").eq(0).after(
|
"<div class='fboxRow Ycenter' id='versionControl'></div>");
|
versionControl.init($("#versionControl"));
|
}, 100);
|
}
|
});
|
|
|
// 切换状态
|
function switchState(id) {
|
var loading = layer.load(0, {
|
shade: false
|
});
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/notification/switchState",
|
data: {id: id},
|
success: function (res)
|
{
|
layer.close(loading);
|
if (res.code != 0) { doui.showToast(res.msg); vm_table.search(); }
|
else { vm_table.search(); }
|
}
|
});
|
}
|
|
|
// 切换状态
|
function switchShutOff(id) {
|
var loading = layer.load(0, {
|
shade: false
|
});
|
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/notification/switchShutOff",
|
data: {id: id},
|
success: function (res)
|
{
|
layer.close(loading);
|
if (res.code != 0) { vm_table.search(); doui.showToast(res.msg); }
|
else { vm_table.search(); }
|
}
|
});
|
}
|
|
|
|
</script>
|
