<!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" />
|
<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 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",
|
],
|
});
|
</script>
|
<style>
|
.row_item{
|
margin-top: 20px;
|
}
|
|
</style>
|
</head>
|
|
<body class="fontPC">
|
<div class="winSizeBox">
|
<div style="min-width: 2rem;max-width: 6rem;padding: 0.5rem 1rem 0.5rem 1rem;background: #FFFFFF;">
|
|
<div class="fboxRow Xstart Ystart row_item">
|
<div class="fboxRow Xstart Ystart" style="width: 0.8rem; margin-top: 10px;">
|
<div class="font17 font-cyan">启用状态：</div>
|
</div>
|
<div style="min-width: 2rem; max-width: 3.5rem; min-height: 60px;">
|
<div class="fboxWrap Xstart Ystart">
|
<div class="fboxRow Xcenter Ycenter cursor-pointer" style="margin-top: 10px; margin-right: 20px;">
|
<div class="font18"><i class="fi fi-radio-no font-gray"></i></div>
|
<div style="margin-left: 3px;">禁用</div>
|
</div>
|
<div class="fboxRow Xcenter Ycenter cursor-pointer" style="margin-top: 10px; margin-right: 20px;">
|
<div class="font18"><i class="fi fi-radio-ok font-green"></i></div>
|
<div style="margin-left: 3px;">启用</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
|
|
<div class="fboxRow Xstart Ystart row_item">
|
<div class="fboxRow Xstart Ystart" style="width: 0.8rem; margin-top: 10px;">
|
<div class="font17 font-cyan">内容：</div>
|
</div>
|
<div style="min-width: 2rem; max-width: 3.5rem; min-height: 60px;">
|
<div class="fboxWrap Xstart Ystart"><textarea id="content"></textarea></div>
|
</div>
|
</div>
|
|
<div class="fboxRow Xstart Ystart row_item">
|
<div class="fboxRow Xstart Ystart" style="width: 0.8rem; margin-top: 10px;">
|
<div class="font17 font-cyan">跳转类型：</div>
|
</div>
|
<div style="min-width: 2rem; max-width: 3.5rem; min-height: 60px;">
|
<div class="fboxWrap Xstart Ystart">
|
<select id="jumpDetail">
|
<option v-for="jump in jumpList" value="{{jump.type}}">
|
{{jump.name}}
|
</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
|
<div class="fboxRow Xstart Ystart row_item">
|
<div class="fboxRow Xstart Ystart" style="width: 0.8rem; margin-top: 10px;">
|
<div class="font17 font-cyan">跳转参数：</div>
|
</div>
|
<div style="min-width: 2rem; max-width: 3.5rem; min-height: 60px;">
|
<div class="fboxWrap Xstart Ystart"><textarea id="params"></textarea></div>
|
</div>
|
</div>
|
|
<div class="fboxRow Xstart Ystart row_item">
|
<div class="shuoming font18 font-blue">是否定时</div>
|
<div class="flex1 fboxCol Xstart Ystart">
|
<div class="font23 cursor-pointer" style="margin: 5px;"><i class="fi fi-toggle-ok font-green" id="dingshi"></i></div>
|
<div class="fboxCol Xstart Ystart admin-marginTop" style="">
|
<div class="fboxRow Xstart Ycenter">
|
<div>开始时间：</div>
|
<div class="inputShell admin-header-input"><input type="datetime-local" id="startTime"></div>
|
</div>
|
</div>
|
<div class="fboxCol Xstart Ystart admin-marginTop" style="">
|
<div class="fboxRow Xstart Ycenter">
|
<div>结束时间：</div>
|
<div class="inputShell admin-header-input"><input type="datetime-local" id="endTime"></div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row_item" style="width: 100px;margin-left: 200px;">
|
|
<button class="admin-btn-roundM bg-green click-scale">确定提交</button>
|
</div>
|
</div>
|
|
</div>
|
|
|
</body>
|
|
</html>
|
|
|
<script type="text/javascript">
|
// ==================================================================================== 页面数据
|
doui.onReady({
|
success: function() {
|
$(".cursor-pointer").click(function(){
|
$(this).parent().find(".fi").removeClass("fi-radio-ok");
|
$(this).parent().find(".fi").removeClass("font-green");
|
$(this).parent().find(".fi"),addClass("font-gray");
|
$(this).parent().find(".fi"),addClass("fi-radio-no");
|
|
$(this).find(".fi").removeClass("fi-radio-no");
|
$(this).find(".fi").removeClass("font-gray");
|
$(this).find(".fi").addClass("fi-radio-ok");
|
$(this).find(".fi").addClass("font-green");
|
|
});
|
|
var app=new Vue({
|
el:'#jumpDetail',
|
data:{
|
jumpList:new Array()
|
},
|
created(){
|
// 跳转方式获取
|
doui.request({
|
type: "jsonp",
|
url: gethttp() + "/admin/new/api/v1/jumpDetail/getJumpOption",
|
success: function (res)
|
{
|
if (res.code != 0) { doui.showToast(res.msg); }
|
else
|
{
|
// 循环所有跳转方式
|
var listC = new Array();
|
for (var i = 1, mo = res.data.result_list; i < mo.length; i++)
|
{
|
var jiedian = { key: mo[i].type, value: mo[i].name };
|
listC.push(jiedian);
|
}
|
// 重置表格头排
|
this.jumpList = listC;
|
}
|
}
|
});
|
}
|
});
|
|
|
|
|
|
}
|
});
|
|
|
// ==================================================================================== 数据请求
|
</script>
|
