|
@@ -46,6 +46,7 @@
|
|
|
width: 100vw;
|
|
width: 100vw;
|
|
|
height: 100vh;
|
|
height: 100vh;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.input-group-addon {
|
|
.input-group-addon {
|
|
|
background: #ccc;
|
|
background: #ccc;
|
|
|
}
|
|
}
|
|
@@ -105,314 +106,308 @@
|
|
|
right: 18px;
|
|
right: 18px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.bootstrap-table {
|
|
.bootstrap-table {
|
|
|
padding: 0 15px;
|
|
padding: 0 15px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.fixed-table-toolbar .pull-left {
|
|
.fixed-table-toolbar .pull-left {
|
|
|
margin-top: 1px;
|
|
margin-top: 1px;
|
|
|
margin-bottom: 1px;
|
|
margin-bottom: 1px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.table-wr {
|
|
.table-wr {
|
|
|
background: rgba(231, 111, 211, .1);
|
|
background: rgba(231, 111, 211, .1);
|
|
|
}
|
|
}
|
|
|
- .table-wr.table-wr-head {
|
|
|
|
|
- padding-top: 5px;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+
|
|
|
|
|
+ .table-wr.table-wr-head {
|
|
|
|
|
+ padding-top: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.operatorBtn {
|
|
.operatorBtn {
|
|
|
width: 150px;
|
|
width: 150px;
|
|
|
margin: 10px;
|
|
margin: 10px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
@@media (max-width:500px) {
|
|
@@media (max-width:500px) {
|
|
|
.xs-none {
|
|
.xs-none {
|
|
|
display: none !important;
|
|
display: none !important;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
#SettingManager .settingControl {
|
|
#SettingManager .settingControl {
|
|
|
height: 300px;
|
|
height: 300px;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
.operatorBtn {
|
|
.operatorBtn {
|
|
|
- width:80%
|
|
|
|
|
|
|
+ width: 80%
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|
|
|
</head>
|
|
</head>
|
|
|
<body>
|
|
<body>
|
|
|
|
|
|
|
|
-<section class="hidden">
|
|
|
|
|
- <input id="hidType" type="hidden" value="" />
|
|
|
|
|
-</section>
|
|
|
|
|
-<div id="HeadInfo" class="container">
|
|
|
|
|
- <div class=" row">
|
|
|
|
|
- <h2 class="xs-none">抽奖控制台</h2>
|
|
|
|
|
- <a href="#" class="btn btn-success xs-none" onclick="SettingBackModal()">背景信息</a>
|
|
|
|
|
- <a href="#" class="btn btn-success" onclick="SettingBasicModal()">分组奖项</a>
|
|
|
|
|
- <input type="checkbox" id="OnOffMusic" onclick="OnOffMusic(this)"/><label for="OnOffMusic">音乐</label>
|
|
|
|
|
|
|
+ <section class="hidden">
|
|
|
|
|
+ <input id="hidType" type="hidden" value="" />
|
|
|
|
|
+ </section>
|
|
|
|
|
+ <div id="HeadInfo" class="container">
|
|
|
|
|
+ <div class=" row">
|
|
|
|
|
+ <h2 class="xs-none">抽奖控制台</h2>
|
|
|
|
|
+ <a href="#" class="btn btn-success xs-none" onclick="SettingBackModal()">背景信息</a>
|
|
|
|
|
+ <a href="#" class="btn btn-success" onclick="SettingBasicModal()">分组奖项</a>
|
|
|
|
|
+ <input type="checkbox" id="OnOffMusic" onclick="OnOffMusic(this)" /><label for="OnOffMusic">音乐</label>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
-</div>
|
|
|
|
|
|
|
|
|
|
-
|
|
|
|
|
-<div id="SettingManager" class="container">
|
|
|
|
|
- <div class="row">
|
|
|
|
|
- <div class="col-md-6 settingControl">
|
|
|
|
|
- <form class="form-horizontal" role="form">
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <span class="input-group-addon">分组</span>
|
|
|
|
|
- <select type="text" class="form-control groupList" placeholder="分组" id="ExcuteGroupList" name="ExcuteGroupList">
|
|
|
|
|
- @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
- </select>
|
|
|
|
|
- <span class="input-group-addon " style="padding: 0px;" ><button id="resetGroupRecord" type="button" style="height: 25px;background: red; color: #cccccc; border-radius: 15px; cursor: pointer;" onclick="ResetGroupRecord()">重置分组抽奖</button></span>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <span class="input-group-addon">奖项</span>
|
|
|
|
|
- <select type="text" class="form-control typeList" placeholder="奖项" id="ExcuteTypeList" name="ExcuteTypeList">
|
|
|
|
|
- @Html.Raw(ViewBag.LotteryType)
|
|
|
|
|
- </select>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <span class="input-group-addon actionButton">抽奖人数</span>
|
|
|
|
|
- <select type="text" class="form-control" id="lotteryCount" name="lotteryCount">
|
|
|
|
|
- <option value="30">30</option>
|
|
|
|
|
- <option value="10">10</option>
|
|
|
|
|
- <option value="6">6</option>
|
|
|
|
|
- @Html.Raw(lotteryCountStr)
|
|
|
|
|
- </select>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="btnContent">
|
|
|
|
|
- <button id="btnOperator" type="button" class="btn btn-success operatorBtn" data-operator="start" style="border-radius: 25px; height:50px" onclick="f_Operator(this)">开始抽奖</button>
|
|
|
|
|
- <button id="show" type="button" class="btn btn-warning operatorBtn" onclick="ShowLottery()">显示奖项中奖</button>
|
|
|
|
|
|
|
+ <div id="SettingManager" class="container">
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col-md-6 settingControl">
|
|
|
|
|
+ <form class="form-horizontal" role="form">
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <span class="input-group-addon">分组</span>
|
|
|
|
|
+ <select type="text" class="form-control groupList" placeholder="分组" id="ExcuteGroupList" name="ExcuteGroupList">
|
|
|
|
|
+ @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
+ </select>
|
|
|
|
|
+ <span class="input-group-addon " style="padding: 0px;"><button id="resetGroupRecord" type="button" style="height: 25px;background: red; color: #cccccc; border-radius: 15px; cursor: pointer;" onclick="ResetGroupRecord()">重置分组抽奖</button></span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <span class="input-group-addon">奖项</span>
|
|
|
|
|
+ <select type="text" class="form-control typeList" placeholder="奖项" id="ExcuteTypeList" name="ExcuteTypeList">
|
|
|
|
|
+ @Html.Raw(ViewBag.LotteryType)
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <span class="input-group-addon actionButton">抽奖人数</span>
|
|
|
|
|
+ <select type="text" class="form-control" id="lotteryCount" name="lotteryCount">
|
|
|
|
|
+ <option value="10">10</option>
|
|
|
|
|
+ <option value="6">3</option>
|
|
|
|
|
+ <option value="6">2</option>
|
|
|
|
|
+ <option value="6">1</option>
|
|
|
|
|
+ @Html.Raw(lotteryCountStr)
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="btnContent">
|
|
|
|
|
+ <button id="btnOperator" type="button" class="btn btn-success operatorBtn" data-operator="start" style="border-radius: 25px; height:50px" onclick="f_Operator(this)">开始抽奖</button>
|
|
|
|
|
+ <button id="show" type="button" class="btn btn-warning operatorBtn" onclick="ShowLottery()">显示奖项中奖</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col-md-6 showRecordControl">
|
|
|
|
|
+ <div class="record-content">
|
|
|
</div>
|
|
</div>
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-md-6 showRecordControl">
|
|
|
|
|
- <div class="record-content">
|
|
|
|
|
|
|
+ <a herf="#" class="clearBtn" onclick="clearRecord()">清空</a>
|
|
|
</div>
|
|
</div>
|
|
|
- <a herf="#" class="clearBtn" onclick="clearRecord()">清空</a>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
-</div>
|
|
|
|
|
-<div class="container xs-none" >
|
|
|
|
|
- <div class="row table-wr table-wr-head">
|
|
|
|
|
- <div class="col-sm-5 toolbar">
|
|
|
|
|
- <a href="#" class="btn btn-success" onclick="ImportLotteryModal()">导入抽奖人员</a>
|
|
|
|
|
- <button class="btn btn-info" id="btn_Add" title="增加" onclick="btn_Add();">
|
|
|
|
|
- 增加
|
|
|
|
|
- </button>
|
|
|
|
|
- <button class="btn btn-success" id="btn_Edit" title="修改" onclick="btn_Edit();">
|
|
|
|
|
- 修改
|
|
|
|
|
- </button>
|
|
|
|
|
- <button class="btn btn-danger" id="btn_Del" title="删除" onclick="btn_Del();">
|
|
|
|
|
- 删除
|
|
|
|
|
- </button>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-sm-2"></div>
|
|
|
|
|
- <div class="col-sm-5">
|
|
|
|
|
- <div class="input-group">
|
|
|
|
|
- <label class="input-group-addon control-label">姓名</label>
|
|
|
|
|
- <input type="text" id="queryLotteryName" class="form-control" style="width: 140px;"/>
|
|
|
|
|
- <label class="input-group-addon control-label">分组</label>
|
|
|
|
|
- <select class="form-control groupList" id="queryGroupList" autocomplete="off" style="width: 140px;">
|
|
|
|
|
- @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
- </select>
|
|
|
|
|
- <span class="input-group-addon">
|
|
|
|
|
- <button class=" btn-primary btn_Search " id="btn_refresh" title="查询" onclick="ReLoadTabel();">
|
|
|
|
|
- 查询
|
|
|
|
|
- </button>
|
|
|
|
|
- </span>
|
|
|
|
|
-
|
|
|
|
|
|
|
+ <div class="container xs-none">
|
|
|
|
|
+ <div class="row table-wr table-wr-head">
|
|
|
|
|
+ <div class="col-sm-5 toolbar">
|
|
|
|
|
+ <a href="#" class="btn btn-success" onclick="ImportLotteryModal()">导入抽奖人员</a>
|
|
|
|
|
+ <button class="btn btn-info" id="btn_Add" title="增加" onclick="btn_Add();">
|
|
|
|
|
+ 增加
|
|
|
|
|
+ </button>
|
|
|
|
|
+ <button class="btn btn-success" id="btn_Edit" title="修改" onclick="btn_Edit();">
|
|
|
|
|
+ 修改
|
|
|
|
|
+ </button>
|
|
|
|
|
+ <button class="btn btn-danger" id="btn_Del" title="删除" onclick="btn_Del();">
|
|
|
|
|
+ 删除
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col-sm-2"></div>
|
|
|
|
|
+ <div class="col-sm-5">
|
|
|
|
|
+ <div class="input-group">
|
|
|
|
|
+ <label class="input-group-addon control-label">姓名</label>
|
|
|
|
|
+ <input type="text" id="queryLotteryName" class="form-control" style="width: 140px;" />
|
|
|
|
|
+ <label class="input-group-addon control-label">分组</label>
|
|
|
|
|
+ <select class="form-control groupList" id="queryGroupList" autocomplete="off" style="width: 140px;">
|
|
|
|
|
+ @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
+ </select>
|
|
|
|
|
+ <span class="input-group-addon">
|
|
|
|
|
+ <button class=" btn-primary btn_Search " id="btn_refresh" title="查询" onclick="ReLoadTabel();">
|
|
|
|
|
+ 查询
|
|
|
|
|
+ </button>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="row table-wr">
|
|
|
|
|
-
|
|
|
|
|
- <table id="table"
|
|
|
|
|
- data-url="@Url.Action("GetAllLottery", "LuckDraw")"
|
|
|
|
|
- data-show-export="true"
|
|
|
|
|
- data-method="post"
|
|
|
|
|
- data-content-type="application/x-www-form-urlencoded; charset=UTF-8"
|
|
|
|
|
- data-cache="false"
|
|
|
|
|
- data-pagination="true"
|
|
|
|
|
- data-page-size="10"
|
|
|
|
|
- data-page-list="[5, 10, 25, 50]"
|
|
|
|
|
- data-toolbar="#toolbar"
|
|
|
|
|
- data-click-to-select="true"
|
|
|
|
|
- data-single-select="false">
|
|
|
|
|
- <thead>
|
|
|
|
|
- <tr class="row" id="header">
|
|
|
|
|
- <th data-field="state" data-checkbox="true"></th>
|
|
|
|
|
- <th class="hidden" data-align="center" data-field="Id">编号</th>
|
|
|
|
|
- <th data-align="center" data-field="LotteryName">姓名</th>
|
|
|
|
|
- <th data-align="center" data-field="LotteryGroup">组名称</th>
|
|
|
|
|
- <th data-align="center" data-field="Mobile">手机号</th>
|
|
|
|
|
- <th data-align="center" data-field="ExpLotteryType" data-formatter="ExpLotteryTypeFormatter">是否排除</th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </thead>
|
|
|
|
|
-
|
|
|
|
|
- </table>
|
|
|
|
|
|
|
+ <div class="row table-wr">
|
|
|
|
|
+
|
|
|
|
|
+ <table id="table"
|
|
|
|
|
+ data-url="@Url.Action("GetAllLottery", "LuckDraw")"
|
|
|
|
|
+ data-show-export="true"
|
|
|
|
|
+ data-method="post"
|
|
|
|
|
+ data-content-type="application/x-www-form-urlencoded; charset=UTF-8"
|
|
|
|
|
+ data-cache="false"
|
|
|
|
|
+ data-pagination="true"
|
|
|
|
|
+ data-page-size="10"
|
|
|
|
|
+ data-page-list="[5, 10, 25, 50]"
|
|
|
|
|
+ data-toolbar="#toolbar"
|
|
|
|
|
+ data-click-to-select="true"
|
|
|
|
|
+ data-single-select="false">
|
|
|
|
|
+ <thead>
|
|
|
|
|
+ <tr class="row" id="header">
|
|
|
|
|
+ <th data-field="state" data-checkbox="true"></th>
|
|
|
|
|
+ <th class="hidden" data-align="center" data-field="Id">编号</th>
|
|
|
|
|
+ <th data-align="center" data-field="LotteryName">姓名</th>
|
|
|
|
|
+ <th data-align="center" data-field="LotteryGroup">组名称</th>
|
|
|
|
|
+ <th data-align="center" data-field="Mobile">手机号</th>
|
|
|
|
|
+ <th data-align="center" data-field="ExpLotteryType" data-formatter="ExpLotteryTypeFormatter">是否排除</th>
|
|
|
|
|
+ </tr>
|
|
|
|
|
+ </thead>
|
|
|
|
|
+ </table>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
-</div>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-<section>
|
|
|
|
|
- <div class="modal fade row" tabindex="-1" id="BasicModal" role="dialog">
|
|
|
|
|
- <div class="modal-dialog " role="document">
|
|
|
|
|
- <div class="modal-content box ">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
- <h4 id="title"><span class="modal-title">设置</span><span class="">背景信息</span></h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body col-sm-offset-2 col-sm-8">
|
|
|
|
|
- <form class="form-horizontal" role="form" id="BasicModalFrom">
|
|
|
|
|
-
|
|
|
|
|
- @*<div class="form-group">
|
|
|
|
|
|
|
+ <section>
|
|
|
|
|
+ <div class="modal fade row" tabindex="-1" id="BasicModal" role="dialog">
|
|
|
|
|
+ <div class="modal-dialog " role="document">
|
|
|
|
|
+ <div class="modal-content box ">
|
|
|
|
|
+ <div class="modal-header">
|
|
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
+ <h4 id="title"><span class="modal-title">设置</span><span class="">背景信息</span></h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="modal-body col-sm-offset-2 col-sm-8">
|
|
|
|
|
+ <form class="form-horizontal" role="form" id="BasicModalFrom">
|
|
|
|
|
+
|
|
|
|
|
+ @*<div class="form-group">
|
|
|
<label class="col-sm-3 control-label">背景音乐</label>
|
|
<label class="col-sm-3 control-label">背景音乐</label>
|
|
|
<div class="col-sm-9">
|
|
<div class="col-sm-9">
|
|
|
<input type="file" class="form-control" placeholder="上传图片" id="music" name="music" autocomplete="off" value="" />
|
|
<input type="file" class="form-control" placeholder="上传图片" id="music" name="music" autocomplete="off" value="" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>*@
|
|
</div>*@
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <span class="input-group-addon">背景图片</span>
|
|
|
|
|
- <input type="file" class="form-control" placeholder="上传图片" id="image" name="image" autocomplete="off" value=""/>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <span class="input-group-addon">背景音乐</span>
|
|
|
|
|
- <input type="file" class="form-control" placeholder="上传图片" id="music" name="music" autocomplete="off" value=""/>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <span class="input-group-addon">字体色彩</span>
|
|
|
|
|
- <input type="color" class="form-control" placeholder="字体色彩" id="textColor" name="textColor" autocomplete="off" value=""/>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer btn-group display-center">
|
|
|
|
|
- <button type="button" class="btn btn-info" data-dismiss="modal">关闭</button>
|
|
|
|
|
- <button type="button" class="btn btn-primary" id="Save" data-value="" onclick="SetBasicInfo();">提交</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div><!-- /.modal-content -->
|
|
|
|
|
- </div><!-- /.modal-dialog -->
|
|
|
|
|
- </div><!-- /.modal -->
|
|
|
|
|
-
|
|
|
|
|
- <div class="modal fade row" tabindex="-1" id="BasicInfoModal" role="dialog">
|
|
|
|
|
- <div class="modal-dialog " role="document">
|
|
|
|
|
- <div class="modal-content box ">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
- <h4><span class="modal-title">设置</span><span class="">分组奖项信息</span></h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body col-sm-offset-2 col-sm-8">
|
|
|
|
|
- <form class="form-horizontal" role="form">
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <input type="text" class="form-control" placeholder="添加分组" id="addGroup" name="addGroup" autocomplete="off" value=""/>
|
|
|
|
|
- <span class="input-group-addon actionButton" onclick="AddGroup()">添加分组</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <input type="text" class="form-control" placeholder="添加奖项" id="addType" name="addType" autocomplete="off" value=""/>
|
|
|
|
|
- <span class="input-group-addon actionButton" onclick="AddType()">添加奖项</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <select type="text" class="form-control groupList" placeholder="分组" id="delGroupList" name="delGroupList">
|
|
|
|
|
- @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
- </select>
|
|
|
|
|
- <span class="input-group-addon actionButton" onclick="DelGroup()">删除分组</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <select type="text" class="form-control typeList" placeholder="奖项" id="delTypeList" name="delTypeList">@Html.Raw(ViewBag.LotteryType)</select>
|
|
|
|
|
- <span class="input-group-addon actionButton" onclick="DelType()">删除奖项</span>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer btn-group display-center" style="width: 100%;">
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </div><!-- /.modal-content -->
|
|
|
|
|
- </div><!-- /.modal-dialog -->
|
|
|
|
|
- </div><!-- /.modal -->
|
|
|
|
|
-
|
|
|
|
|
- <div class="modal fade row" tabindex="-1" id="ImportLotteryModal" role="dialog">
|
|
|
|
|
- <div class="modal-dialog " role="document">
|
|
|
|
|
- <div class="modal-content box ">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
- <h4><span class="modal-title">导入</span><span class="">抽奖人员信息</span></h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body col-sm-offset-2 col-sm-8">
|
|
|
|
|
- <form class="form-horizontal" role="form">
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <span class="input-group-addon">分组</span>
|
|
|
|
|
- <select type="text" class="form-control groupList" placeholder="分组" id="ExcelGroupList" name="ExcelGroupList">
|
|
|
|
|
- @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
- </select>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
-
|
|
|
|
|
- <input type="file" class="form-control" placeholder="上传excel" id="UploadExcel" name="UploadExcel" autocomplete="off" value=""/>
|
|
|
|
|
- <span class="input-group-addon" style="padding: 0px;"><button type="button" id="downloadTemplate" style="height: 25px;background: #00bfff; color: #fff; border-radius: 15px; cursor: pointer;" onclick="downLoadTemplate()">人员Excel模板下载</button></span>
|
|
|
|
|
- </div>
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer btn-group display-center" style="width: 100%;">
|
|
|
|
|
- <button type="button" class="btn btn-info" data-dismiss="modal">关闭</button>
|
|
|
|
|
- <button type="button" class="btn btn-primary" data-value="" onclick="ExcelUpload();">确认导入</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div><!-- /.modal-content -->
|
|
|
|
|
- </div><!-- /.modal-dialog -->
|
|
|
|
|
- </div><!-- /.modal -->
|
|
|
|
|
-</section>
|
|
|
|
|
-
|
|
|
|
|
-<section>
|
|
|
|
|
- <div class="modal fade row" tabindex="-1" id="modal" role="dialog">
|
|
|
|
|
- <div class="modal-dialog " role="document">
|
|
|
|
|
- <div class="modal-content box ">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
- <h4 ><span class="modal-title">添加</span><span class="">抽奖人员信息</span></h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body col-sm-offset-2 col-sm-8">
|
|
|
|
|
- <form id="form">
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <input type="hidden" id="Id"/></div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <label class="input-group-addon control-label" for="lName">人员名称</label>
|
|
|
|
|
- <input class="form-control" placeholder="" name="lName" id="lName" type="text" value="" required autocomplete="off"/>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <label class="input-group-addon control-label" for="mobile">手机号</label>
|
|
|
|
|
- <input class="form-control" placeholder="" name="mobile" id="mobile" type="text" value="" autocomplete="off"/>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <label class="input-group-addon control-label" for="lGroup">用户角色</label>
|
|
|
|
|
- <select class="form-control groupList" required type="text" aria-disabled="true" name="lGroup" id="lGroup">
|
|
|
|
|
- @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
- </select>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="input-group form-group">
|
|
|
|
|
- <label class="input-group-addon control-label" for="lGroup">是否排除</label>
|
|
|
|
|
- <select class="form-control" required type="text" aria-disabled="true" name="exclude" id="exclude">
|
|
|
|
|
- <option value="N">否</option>
|
|
|
|
|
- <option value="Y">是</option>
|
|
|
|
|
- </select>
|
|
|
|
|
- </div>
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer btn-group display-center">
|
|
|
|
|
- <button type="button" class="btn btn-info" data-dismiss="modal">关闭</button>
|
|
|
|
|
- <button type="button" class="btn btn-primary" data-value="" onclick="Save();">提交</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div><!-- /.modal-content -->
|
|
|
|
|
- </div><!-- /.modal-dialog -->
|
|
|
|
|
- </div><!-- /.modal -->
|
|
|
|
|
-</section>
|
|
|
|
|
-
|
|
|
|
|
-<script>
|
|
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <span class="input-group-addon">背景图片</span>
|
|
|
|
|
+ <input type="file" class="form-control" placeholder="上传图片" id="image" name="image" autocomplete="off" value="" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <span class="input-group-addon">背景音乐</span>
|
|
|
|
|
+ <input type="file" class="form-control" placeholder="上传图片" id="music" name="music" autocomplete="off" value="" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <span class="input-group-addon">字体色彩</span>
|
|
|
|
|
+ <input type="color" class="form-control" placeholder="字体色彩" id="textColor" name="textColor" autocomplete="off" value="" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="modal-footer btn-group display-center">
|
|
|
|
|
+ <button type="button" class="btn btn-info" data-dismiss="modal">关闭</button>
|
|
|
|
|
+ <button type="button" class="btn btn-primary" id="Save" data-value="" onclick="SetBasicInfo();">提交</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div><!-- /.modal-content -->
|
|
|
|
|
+ </div><!-- /.modal-dialog -->
|
|
|
|
|
+ </div><!-- /.modal -->
|
|
|
|
|
+
|
|
|
|
|
+ <div class="modal fade row" tabindex="-1" id="BasicInfoModal" role="dialog">
|
|
|
|
|
+ <div class="modal-dialog " role="document">
|
|
|
|
|
+ <div class="modal-content box ">
|
|
|
|
|
+ <div class="modal-header">
|
|
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
+ <h4><span class="modal-title">设置</span><span class="">分组奖项信息</span></h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="modal-body col-sm-offset-2 col-sm-8">
|
|
|
|
|
+ <form class="form-horizontal" role="form">
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <input type="text" class="form-control" placeholder="添加分组" id="addGroup" name="addGroup" autocomplete="off" value="" />
|
|
|
|
|
+ <span class="input-group-addon actionButton" onclick="AddGroup()">添加分组</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <input type="text" class="form-control" placeholder="添加奖项" id="addType" name="addType" autocomplete="off" value="" />
|
|
|
|
|
+ <span class="input-group-addon actionButton" onclick="AddType()">添加奖项</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <select type="text" class="form-control groupList" placeholder="分组" id="delGroupList" name="delGroupList">
|
|
|
|
|
+ @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
+ </select>
|
|
|
|
|
+ <span class="input-group-addon actionButton" onclick="DelGroup()">删除分组</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <select type="text" class="form-control typeList" placeholder="奖项" id="delTypeList" name="delTypeList">@Html.Raw(ViewBag.LotteryType)</select>
|
|
|
|
|
+ <span class="input-group-addon actionButton" onclick="DelType()">删除奖项</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="modal-footer btn-group display-center" style="width: 100%;">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div><!-- /.modal-content -->
|
|
|
|
|
+ </div><!-- /.modal-dialog -->
|
|
|
|
|
+ </div><!-- /.modal -->
|
|
|
|
|
+
|
|
|
|
|
+ <div class="modal fade row" tabindex="-1" id="ImportLotteryModal" role="dialog">
|
|
|
|
|
+ <div class="modal-dialog " role="document">
|
|
|
|
|
+ <div class="modal-content box ">
|
|
|
|
|
+ <div class="modal-header">
|
|
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
+ <h4><span class="modal-title">导入</span><span class="">抽奖人员信息</span></h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="modal-body col-sm-offset-2 col-sm-8">
|
|
|
|
|
+ <form class="form-horizontal" role="form">
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <span class="input-group-addon">分组</span>
|
|
|
|
|
+ <select type="text" class="form-control groupList" placeholder="分组" id="ExcelGroupList" name="ExcelGroupList">
|
|
|
|
|
+ @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+
|
|
|
|
|
+ <input type="file" class="form-control" placeholder="上传excel" id="UploadExcel" name="UploadExcel" autocomplete="off" value="" />
|
|
|
|
|
+ <span class="input-group-addon" style="padding: 0px;"><button type="button" id="downloadTemplate" style="height: 25px;background: #00bfff; color: #fff; border-radius: 15px; cursor: pointer;" onclick="downLoadTemplate()">人员Excel模板下载</button></span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="modal-footer btn-group display-center" style="width: 100%;">
|
|
|
|
|
+ <button type="button" class="btn btn-info" data-dismiss="modal">关闭</button>
|
|
|
|
|
+ <button type="button" class="btn btn-primary" data-value="" onclick="ExcelUpload();">确认导入</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div><!-- /.modal-content -->
|
|
|
|
|
+ </div><!-- /.modal-dialog -->
|
|
|
|
|
+ </div><!-- /.modal -->
|
|
|
|
|
+ </section>
|
|
|
|
|
+
|
|
|
|
|
+ <section>
|
|
|
|
|
+ <div class="modal fade row" tabindex="-1" id="modal" role="dialog">
|
|
|
|
|
+ <div class="modal-dialog " role="document">
|
|
|
|
|
+ <div class="modal-content box ">
|
|
|
|
|
+ <div class="modal-header">
|
|
|
|
|
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
|
|
+ <h4><span class="modal-title">添加</span><span class="">抽奖人员信息</span></h4>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="modal-body col-sm-offset-2 col-sm-8">
|
|
|
|
|
+ <form id="form">
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <input type="hidden" id="Id" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <label class="input-group-addon control-label" for="lName">人员名称</label>
|
|
|
|
|
+ <input class="form-control" placeholder="" name="lName" id="lName" type="text" value="" required autocomplete="off" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <label class="input-group-addon control-label" for="mobile">手机号</label>
|
|
|
|
|
+ <input class="form-control" placeholder="" name="mobile" id="mobile" type="text" value="" autocomplete="off" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <label class="input-group-addon control-label" for="lGroup">用户角色</label>
|
|
|
|
|
+ <select class="form-control groupList" required type="text" aria-disabled="true" name="lGroup" id="lGroup">
|
|
|
|
|
+ @Html.Raw(ViewBag.LotteryGroups)
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="input-group form-group">
|
|
|
|
|
+ <label class="input-group-addon control-label" for="lGroup">是否排除</label>
|
|
|
|
|
+ <select class="form-control" required type="text" aria-disabled="true" name="exclude" id="exclude">
|
|
|
|
|
+ <option value="N">否</option>
|
|
|
|
|
+ <option value="Y">是</option>
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="modal-footer btn-group display-center">
|
|
|
|
|
+ <button type="button" class="btn btn-info" data-dismiss="modal">关闭</button>
|
|
|
|
|
+ <button type="button" class="btn btn-primary" data-value="" onclick="Save();">提交</button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div><!-- /.modal-content -->
|
|
|
|
|
+ </div><!-- /.modal-dialog -->
|
|
|
|
|
+ </div><!-- /.modal -->
|
|
|
|
|
+ </section>
|
|
|
|
|
+
|
|
|
|
|
+ <script>
|
|
|
var toastrOptions = {
|
|
var toastrOptions = {
|
|
|
"closeButton": true,
|
|
"closeButton": true,
|
|
|
"progressBar": true,
|
|
"progressBar": true,
|
|
@@ -530,7 +525,6 @@
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-
|
|
|
|
|
function SettingBackModal() {
|
|
function SettingBackModal() {
|
|
|
$("#BasicModal").modal('show');
|
|
$("#BasicModal").modal('show');
|
|
|
}
|
|
}
|
|
@@ -543,7 +537,6 @@
|
|
|
$("#ImportLotteryModal").modal('show');
|
|
$("#ImportLotteryModal").modal('show');
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-
|
|
|
|
|
function ExcelUpload() {
|
|
function ExcelUpload() {
|
|
|
var formData = new FormData();
|
|
var formData = new FormData();
|
|
|
formData.append('group', $('#ExcelGroupList').val());
|
|
formData.append('group', $('#ExcelGroupList').val());
|
|
@@ -567,9 +560,9 @@
|
|
|
function downLoadTemplate() {
|
|
function downLoadTemplate() {
|
|
|
window.location.href = "/Content/Resource/抽奖人员.xlsx";
|
|
window.location.href = "/Content/Resource/抽奖人员.xlsx";
|
|
|
}
|
|
}
|
|
|
-</script>
|
|
|
|
|
|
|
+ </script>
|
|
|
|
|
|
|
|
-<script>
|
|
|
|
|
|
|
+ <script>
|
|
|
function OnOffMusic(dom) {
|
|
function OnOffMusic(dom) {
|
|
|
var $that = $(dom);
|
|
var $that = $(dom);
|
|
|
var onOff = "0";
|
|
var onOff = "0";
|
|
@@ -742,23 +735,23 @@
|
|
|
function clearRecord() {
|
|
function clearRecord() {
|
|
|
$(".record-content").empty();
|
|
$(".record-content").empty();
|
|
|
}
|
|
}
|
|
|
-</script>
|
|
|
|
|
|
|
+ </script>
|
|
|
|
|
|
|
|
-<script>
|
|
|
|
|
|
|
+ <script>
|
|
|
|
|
|
|
|
//加载数据
|
|
//加载数据
|
|
|
function LoadTable() {
|
|
function LoadTable() {
|
|
|
var sortName = GetSelectSort();
|
|
var sortName = GetSelectSort();
|
|
|
var order = GetSelectOrder();
|
|
var order = GetSelectOrder();
|
|
|
|
|
|
|
|
- function queryParams(params) { //bootstrapTable自带参数
|
|
|
|
|
- var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
|
|
|
|
|
- pageSize: params.limit, //页面大小
|
|
|
|
|
- pageNumber: params.pageNumber, //页码
|
|
|
|
|
|
|
+ function queryParams(params) { //bootstrapTable自带参数
|
|
|
|
|
+ var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
|
|
|
|
|
+ pageSize: params.limit, //页面大小
|
|
|
|
|
+ pageNumber: params.pageNumber, //页码
|
|
|
searchText: params.search,
|
|
searchText: params.search,
|
|
|
offset: params.offset,
|
|
offset: params.offset,
|
|
|
- sortName: params.sortName, //排序列名
|
|
|
|
|
- sortOrder: params.sortOrder, //排位命令(desc,asc)
|
|
|
|
|
|
|
+ sortName: params.sortName, //排序列名
|
|
|
|
|
+ sortOrder: params.sortOrder, //排位命令(desc,asc)
|
|
|
LotteryGroup: $("#queryGroupList").val(),
|
|
LotteryGroup: $("#queryGroupList").val(),
|
|
|
LotteryName: $("#queryLotteryName").val()
|
|
LotteryName: $("#queryLotteryName").val()
|
|
|
};
|
|
};
|
|
@@ -844,6 +837,6 @@
|
|
|
return '<span>否</span>';
|
|
return '<span>否</span>';
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-</script>
|
|
|
|
|
|
|
+ </script>
|
|
|
</body>
|
|
</body>
|
|
|
-</html>
|
|
|
|
|
|
|
+</html>
|