ComplianceServer/oldcode/WEB/Views/WeiXin/BonusUser/Index.cshtml

666 lines
27 KiB
Plaintext

@using WX.CRM.WebHelper
@{
ViewBag.Title = "";
Layout = "~/Views/Shared/_Index_Layout2.cshtml";
}
<style type="text/css">
.table1 td {
height: 30px;
}
</style>
<div class="mvctool">
@Html.Action("ToolBar", "Control", ViewBag.ToolBar as ToolBar)
</div>
<div class="bas_datagrid">
<table style="width: 100%;">
<tr>
<td width="50%" style="padding: 5px;">
<div id="panel1" data-options="iconCls:'icon-details'" class="easyui-panel" title="周业绩排名">
<div style="padding: 5px; height: auto" class="grid_toolbar">
<ul class="toolBar_ul">
<li>
<a href="javascript:void(0);" onclick="backDate('week1');">上一周</a><input type="text" id="week1" style="width: 140px;" /><input type="hidden" id="hidweek1" /><a href="javascript:void(0);" onclick="nextDate('week1');">下一周</a>
</li>
<li><input type="button" value="查询" onclick="LoadAchievementWeek()" /></li>
</ul>
</div>
@Html.Raw(ViewBag.table1)
</div>
</td>
<td width="50%" style="padding: 5px;">
<div id="panel2" data-options="iconCls:'icon-details',tools:[ { iconCls:'icon-reload', handler:function(){ loadWorckAccount();} }]" class="easyui-panel" title="月业绩排名">
<div style="padding: 5px; height: auto" class="grid_toolbar">
<ul class="toolBar_ul">
<li>
年:<select id="year2">
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
<option>2028</option>
<option>2029</option>
<option>2030</option>
</select>
月:<select id="month2">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</li>
<li><input type="button" value="查询" onclick="LoadAchievementMonth()" /></li>
</ul>
</div>
@Html.Raw(ViewBag.table2)
</div>
</td>
</tr>
<tr>
<td width="50%" style="padding: 5px;">
<div id="panel3" data-options="iconCls:'icon-details',tools:[ { iconCls:'icon-reload', handler:function(){ $('#tablist2').tablegrid('Load');} }]" class="easyui-panel" title="周单量排名">
<div style="padding: 5px; height: auto" class="grid_toolbar">
<ul class="toolBar_ul">
<li>
<a href="javascript:void(0);" onclick="backDate2('week2');">上一周</a><input type="text" id="week2" style="width: 140px;" /><input type="hidden" id="hidweek2" /><a href="javascript:void(0);" onclick="
nextDate2('week2');">下一周</a>
</li>
<li><input type="button" value="查询" onclick="LoadOrderCountWeek()" /></li>
</ul>
</div>
@Html.Raw(ViewBag.table3)
</div>
</td>
<td width="50%" style="padding: 5px;">
<div id="panel4" data-options="iconCls:'icon-details',tools:[ { iconCls:'icon-reload', handler:function(){ $('#tablist4').tablegrid('Load');} }]" class="easyui-panel" title="月单量排名">
<div style="padding: 5px; height: auto" class="grid_toolbar">
<ul class="toolBar_ul">
<li>
年:<select id="year4">
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
<option>2028</option>
<option>2029</option>
<option>2030</option>
</select>
月:<select id="month4">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</li>
<li><input type="button" value="查询" onclick="LoadOrderCountMonth()" /></li>
</ul>
</div>
@Html.Raw(ViewBag.table4)
</div>
</td>
</tr>
<tr>
<td width="50%" style="padding: 5px;">
<div id="panel5" data-options="iconCls:'icon-details',tools:[ { iconCls:'icon-reload', handler:function(){ $('#tablist2').tablegrid('Load');} }]" class="easyui-panel" title="大单奖励">
<div style="padding: 5px; height: auto" class="grid_toolbar">
<ul class="toolBar_ul">
<li>
年:<select id="year5">
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
<option>2028</option>
<option>2029</option>
<option>2030</option>
</select>
月:<select id="month5">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</li>
<li><input type="button" value="查询" onclick="LoadOrderPayMax()" /></li>
</ul>
</div>
@Html.Raw(ViewBag.table5)
</div>
</td>
<td width="50%" style="padding: 5px;">
<div id="panel6" data-options="iconCls:'icon-details',tools:[ { iconCls:'icon-reload', handler:function(){ $('#tablist4').tablegrid('Load');} }]" class="easyui-panel" title="新员工开单奖">
@Html.Raw(ViewBag.table6)
</div>
</td>
</tr>
</table>
</div>
<div id="dlg" style="display: none;">
<div id="dlg4" class="easyui-dialog" closed="true" style="width: 600px; height: 600px; padding: 10px;">
<table class="table1">
<tr>
<td align="left">
周业绩排名
<a href="javascript:void(0);" onclick="backDate3('week3');">上一周</a><input type="text" id="week3" style="width: 140px;" /><input type="hidden" id="hidweek3" /><a href="javascript:void(0);" onclick="nextDate3('week3');">下一周</a>
</td>
<td>
<input type="button" value="确定" onclick="SaveAchievementWeek()" />
</td>
</tr>
<tr>
<td align="left">
月业绩排名
年:<select id="year22">
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
<option>2028</option>
<option>2029</option>
<option>2030</option>
</select>
月:<select id="month22">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
<td><input type="button" value="确定" onclick="SaveAchievementMonth()" /></td>
</tr>
<tr>
<td align="left">
周单量排名
<a href="javascript:void(0);" onclick="backDate4('week4');">上一周</a><input type="text" id="week4" style="width: 140px;" /><input type="hidden" id="hidweek4" /><a href="javascript:void(0);" onclick="nextDate4('week4');">下一周</a>
</td>
<td><input type="button" value="确定" onclick="SaveOrderCountWeek()" /></td>
</tr>
<tr>
<td align="left">
月单量排名
年:<select id="year44">
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
<option>2028</option>
<option>2029</option>
<option>2030</option>
</select>
月:<select id="month44">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
<td><input type="button" value="确定" onclick="SaveOrderCountMonth()" /></td>
</tr>
<tr>
<td align="left">
大单奖励
年:<select id="year55">
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
<option>2025</option>
<option>2026</option>
<option>2027</option>
<option>2028</option>
<option>2029</option>
<option>2030</option>
</select>
月:<select id="month55">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>
</td>
<td><input type="button" value="确定" onclick="SaveOrderPayMax()" /></td>
</tr>
<tr>
<td align="left">
新员工开单奖
</td>
<td><input type="button" value="确定" onclick="SaveNewEntryOpenOrder()" /></td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
var curD = new Date();
var firstD = new Date();
var lastD = new Date();
var dayTime = 24 * 60 * 60 * 1000;
function initDate(id) {
curD.setHours(12, 12, 12, 0);
var dateLong = curD.getTime();
if (curD.getDay() === 0) {
dateLong = dateLong - (6 * dayTime);
} else {
dateLong = dateLong - (curD.getDay() - 1) * dayTime;
}
curD.setTime(dateLong);
firstD = curD;
lastD.setTime(firstD.getTime() + 6 * dayTime);
var ss = firstD.getFullYear() + '-' + (firstD.getMonth() + 1) + '-' + firstD.getDate() + ' 至 ' + lastD.getFullYear() + '-' + (lastD.getMonth() + 1) + '-' + lastD.getDate();
$("#" + id).val(ss);
$("#hid" + id).val(firstD.getFullYear() + '-' + (firstD.getMonth() + 1) + '-' + firstD.getDate());
}
function backDate(id) {
var dateLong = curD.getTime();
curD.setTime(dateLong - (6 * dayTime));
initDate(id);
LoadAchievementWeek();
}
function nextDate(id) {
var dateLong = curD.getTime();
curD.setTime(dateLong + (7 * dayTime));
initDate(id);
LoadAchievementWeek();
}
var curD2 = new Date();
var firstD2 = new Date();
var lastD2 = new Date();
function initDate2(id) {
curD2.setHours(12, 12, 12, 0);
var dateLong = curD2.getTime();
if (curD2.getDay() === 0) {
dateLong = dateLong - (6 * dayTime);
} else {
dateLong = dateLong - (curD2.getDay() - 1) * dayTime;
}
curD2.setTime(dateLong);
firstD2 = curD2;
lastD2.setTime(firstD2.getTime() + 6 * dayTime);
var ss = firstD2.getFullYear() + '-' + (firstD2.getMonth() + 1) + '-' + firstD2.getDate() + ' 至 ' + lastD2.getFullYear() + '-' + (lastD2.getMonth() + 1) + '-' + lastD2.getDate();
$("#" + id).val(ss);
$("#hid" + id).val(firstD2.getFullYear() + '-' + (firstD2.getMonth() + 1) + '-' + firstD2.getDate());
}
function backDate2(id) {
var dateLong = curD2.getTime();
curD2.setTime(dateLong - (6 * dayTime));
initDate2(id);
LoadOrderCountWeek();
}
function nextDate2(id) {
var dateLong = curD2.getTime();
curD2.setTime(dateLong + (7 * dayTime));
initDate2(id);
LoadOrderCountWeek();
}
var curD3 = new Date();
var firstD3 = new Date();
var lastD3 = new Date();
function initDate3(id) {
curD3.setHours(12, 12, 12, 0);
var dateLong = curD3.getTime();
if (curD3.getDay() === 0) {
dateLong = dateLong - (6 * dayTime);
} else {
dateLong = dateLong - (curD3.getDay() - 1) * dayTime;
}
curD3.setTime(dateLong);
firstD3 = curD3;
lastD3.setTime(firstD3.getTime() + 6 * dayTime);
var ss = firstD3.getFullYear() + '-' + (firstD3.getMonth() + 1) + '-' + firstD3.getDate() + ' 至 ' + lastD3.getFullYear() + '-' + (lastD3.getMonth() + 1) + '-' + lastD3.getDate();
$("#" + id).val(ss);
$("#hid" + id).val(firstD3.getFullYear() + '-' + (firstD3.getMonth() + 1) + '-' + firstD3.getDate());
}
function backDate3(id) {
var dateLong = curD3.getTime();
curD3.setTime(dateLong - (6 * dayTime));
initDate3(id);
}
function nextDate3(id) {
var dateLong = curD3.getTime();
curD3.setTime(dateLong + (7 * dayTime));
initDate3(id);
}
var curD4 = new Date();
var firstD4 = new Date();
var lastD4 = new Date();
function initDate4(id) {
curD4.setHours(12, 12, 12, 0);
var dateLong = curD4.getTime();
if (curD4.getDay() === 0) {
dateLong = dateLong - (6 * dayTime);
} else {
dateLong = dateLong - (curD4.getDay() - 1) * dayTime;
}
curD4.setTime(dateLong);
firstD4 = curD4;
lastD4.setTime(firstD4.getTime() + 6 * dayTime);
var ss = firstD4.getFullYear() + '-' + (firstD4.getMonth() + 1) + '-' + firstD4.getDate() + ' 至 ' + lastD4.getFullYear() + '-' + (lastD4.getMonth() + 1) + '-' + lastD4.getDate();
$("#" + id).val(ss);
$("#hid" + id).val(firstD4.getFullYear() + '-' + (firstD4.getMonth() + 1) + '-' + firstD4.getDate());
}
function backDate4(id) {
var dateLong = curD4.getTime();
curD4.setTime(dateLong - (6 * dayTime));
initDate4(id);
}
function nextDate4(id) {
var dateLong = curD4.getTime();
curD4.setTime(dateLong + (7 * dayTime));
initDate4(id);
}
$(function () {
//var grid = $('.grid_table');
//$.each(grid, function(i, j) {
// console.dir(j);
// $(this).css("background-color", "yellow");
// $(this).css("height", "150px");
//});
initDate('week1');
initDate('week2');
initDate('week3');
initDate('week4');
var today = new Date();
var m = "0000" + today.getMonth() + "";
$("#year2").val(today.getFullYear());
$("#month2").val(m.substring(m.length - 2));
$("#year4").val(today.getFullYear());
$("#month4").val(m.substring(m.length - 2));
$("#year5").val(today.getFullYear());
$("#month5").val(m.substring(m.length - 2));
$("#year22").val(today.getFullYear());
$("#month22").val(m.substring(m.length - 2));
$("#year44").val(today.getFullYear());
$("#month44").val(m.substring(m.length - 2));
$("#year55").val(today.getFullYear());
$("#month55").val(m.substring(m.length - 2));
LoadAchievementWeek();
LoadAchievementMonth();
LoadOrderCountWeek();
LoadOrderCountMonth();
LoadOrderPayMax();
LoadNewEntryOpenOrder();
});
function BtnSvae() {
$("#dlg").show();
$('#dlg4').dialog({
title: "奖励提交",
width: 550,
height: 250,
closed: false,
cache: false,
modal: true
});
}
function LoadAchievementWeek() {
$("#tablist1").tablegrid({
url: '/weixin/BonusUser/GetAchievementWeek',
height: $(window).height()/3 - 130,
loadNow: true,
data: { week: $("#hidweek1").val() }
});
}
function LoadAchievementMonth() {
$("#tablist2").tablegrid({
url: '/weixin/BonusUser/GetAchievementMonth',
height: $(window).height()/3 - 130,
loadNow: true,
data: { month: $("#year2").val() + "-" + $("#month2").val() + "-01" }
});
}
function LoadOrderCountWeek() {
$("#tablist3").tablegrid({
url: '/weixin/BonusUser/GetOrderCountWeek',
height: $(window).height()/3 - 130,
loadNow: true,
data: { week: $("#hidweek2").val() }
});
}
function LoadOrderCountMonth() {
$("#tablist4").tablegrid({
url: '/weixin/BonusUser/GetOrderCountMonth',
height: $(window).height()/3 - 130,
loadNow: true,
data: { month: $("#year4").val() + "-" + $("#month4").val() + "-01" }
});
}
function LoadOrderPayMax() {
$("#tablist5").tablegrid({
url: '/weixin/BonusUser/GetOrderPayMax',
height: $(window).height()/3 - 130,
loadNow: true,
data: { month: $("#year5").val() + "-" + $("#month5").val() + "-01" }
});
}
function LoadNewEntryOpenOrder() {
$("#tablist6").tablegrid({
url: '/weixin/BonusUser/GetNewEntryOpenOrder',
height: $(window).height()/3 - 130,
loadNow: true
});
}
function SaveAchievementWeek() {
$.r_ajax({
url: "/weixin/BonusUser/SaveAchievementWeek",
type: "Post",
data: { week: $("#hidweek3").val() },
dataType: "json",
loading: true,
success: function (data) {
if (data.result === "ok") {
$.messageBox5s('提示', data.message);
}
else {
$.messageBox5s('提示', data.message);
}
}
});
}
function SaveAchievementMonth() {
$.r_ajax({
url: "/weixin/BonusUser/SaveAchievementMonth",
type: "Post",
data: { month: $("#year22").val() + "-" + $("#month22").val() + "-01" },
dataType: "json",
loading: true,
success: function (data) {
if (data.result === "ok") {
$.messageBox5s('提示', data.message);
}
else {
$.messageBox5s('提示', data.message);
}
}
});
}
function SaveOrderCountWeek() {
$.r_ajax({
url: "/weixin/BonusUser/SaveOrderCountWeek",
type: "Post",
data: { week: $("#hidweek4").val() },
dataType: "json",
loading: true,
success: function (data) {
if (data.result === "ok") {
$.messageBox5s('提示', data.message);
}
else {
$.messageBox5s('提示', data.message);
}
}
});
}
function SaveOrderCountMonth() {
$.r_ajax({
url: "/weixin/BonusUser/SaveOrderCountMonth",
type: "Post",
data: { month: $("#year44").val() + "-" + $("#month44").val() + "-01" },
dataType: "json",
loading: true,
success: function (data) {
if (data.result === "ok") {
$.messageBox5s('提示', data.message);
}
else {
$.messageBox5s('提示', data.message);
}
}
});
}
function SaveOrderPayMax() {
$.r_ajax({
url: "/weixin/BonusUser/SaveOrderPayMax",
type: "Post",
data: { month: $("#year55").val() + "-" + $("#month55").val() + "-01" },
dataType: "json",
loading: true,
success: function (data) {
if (data.result === "ok") {
$.messageBox5s('提示', data.message);
}
else {
$.messageBox5s('提示', data.message);
}
}
});
}
function SaveNewEntryOpenOrder() {
$.r_ajax({
url: "/weixin/BonusUser/SaveNewEntryOpenOrder",
type: "Post",
dataType: "json",
loading: true,
success: function (data) {
if (data.result === "ok") {
$.messageBox5s('提示', data.message);
}
else {
$.messageBox5s('提示', data.message);
}
}
});
}
</script>