421 lines
13 KiB
JavaScript
421 lines
13 KiB
JavaScript
|
/**
|
|||
|
|
* Created by Strawmanbobi
|
|||
|
|
* 2016-11-13
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
var LS_KEY_ID = "user_name";
|
|||
|
|
var LS_KEY_TOKEN = "token";
|
|||
|
|
|
|||
|
|
var categoriesStated = false;
|
|||
|
|
|
|||
|
|
var colorClass = ["default", "primary", "success", "warning", "danger", "info"];
|
|||
|
|
|
|||
|
|
// global container var
|
|||
|
|
var gCategories = [];
|
|||
|
|
// 2-dimensions brand array
|
|||
|
|
var gBrands = [];
|
|||
|
|
// 1-dimension city array
|
|||
|
|
var gCities = [];
|
|||
|
|
|
|||
|
|
$("#document").ready(function() {
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// sign in
|
|||
|
|
function signIn() {
|
|||
|
|
var userName = $("#user_name").val();
|
|||
|
|
var password = $("#password").val();
|
|||
|
|
if (null == userName || "" == userName || null == password || "" == password) {
|
|||
|
|
toastr.error("请填写用户账户和密码");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
var pwHash = MD5(password);
|
|||
|
|
doSignIn(userName, pwHash);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function onChangePassword() {
|
|||
|
|
var userName = $("#user_name").val();
|
|||
|
|
if (null == userName || "" == userName) {
|
|||
|
|
toastr.error("请填写用户账户");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
$("#changepw_confirm_dialog").modal();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function popUpHintDialog(hint) {
|
|||
|
|
$("#text_hint").empty();
|
|||
|
|
$("#text_hint").append(hint);
|
|||
|
|
$("#hint_dialog").modal();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function navigateToPage(page, id, token) {
|
|||
|
|
var form = $("<form method='post'></form>"),
|
|||
|
|
input;
|
|||
|
|
form.attr({"action" : "/irext/nav/nav_to_url"});
|
|||
|
|
|
|||
|
|
input = $("<input type='hidden'>");
|
|||
|
|
input.attr({"name": "admin_id"});
|
|||
|
|
input.val(id);
|
|||
|
|
form.append(input);
|
|||
|
|
|
|||
|
|
input = $("<input type='hidden'>");
|
|||
|
|
input.attr({"name": "token"});
|
|||
|
|
input.val(token);
|
|||
|
|
form.append(input);
|
|||
|
|
|
|||
|
|
input = $("<input type='hidden'>");
|
|||
|
|
input.attr({"name": "page"});
|
|||
|
|
input.val(page);
|
|||
|
|
form.append(input);
|
|||
|
|
|
|||
|
|
form.submit();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function changePassword() {
|
|||
|
|
var userName = $("#user_name").val();
|
|||
|
|
if (null == userName || "" == userName) {
|
|||
|
|
popUpHintDialog("请填写用户账户");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
$.ajax({
|
|||
|
|
url: "/irext/certificate/change_pw",
|
|||
|
|
type: "POST",
|
|||
|
|
data: {
|
|||
|
|
user_name : userName,
|
|||
|
|
callback_url : window.location.hostname
|
|||
|
|
},
|
|||
|
|
timeout: 20000,
|
|||
|
|
success: function (response) {
|
|||
|
|
if(response.status.code == 0) {
|
|||
|
|
$("#changepw_confirm_dialog").modal('hide');
|
|||
|
|
popUpHintDialog("新密码已经成功发送到您的邮箱，请查看并确认");
|
|||
|
|
} else {
|
|||
|
|
$("#changepw_confirm_dialog").modal('hide');
|
|||
|
|
popUpHintDialog("申请密码修改失败，请确认您是合法人员，且邮箱地址无误");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
$("#changepw_confirm_dialog").modal('hide');
|
|||
|
|
popUpHintDialog("申请密码修改失败，请确认您是合法人员，且邮箱地址无误");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function onSignIn() {
|
|||
|
|
$("#signin_dialog").modal();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function doSignIn(userName, password) {
|
|||
|
|
var token = "";
|
|||
|
|
var adminID = "";
|
|||
|
|
$.ajax({
|
|||
|
|
url: "/irext/certificate/admin_login",
|
|||
|
|
type: "POST",
|
|||
|
|
data: JSON.stringify({user_name: userName, password: password}),
|
|||
|
|
contentType: "application/json; charset=utf-8",
|
|||
|
|
timeout: 20000,
|
|||
|
|
success: function(response) {
|
|||
|
|
if(response.status.code == 0) {
|
|||
|
|
token = response.entity.token;
|
|||
|
|
adminID = response.entity.id;
|
|||
|
|
toastr.success("登入成功，3秒后自动进入控制台");
|
|||
|
|
var permission = token.substring(token.indexOf(",") + 1);
|
|||
|
|
var index = null;
|
|||
|
|
var page = "";
|
|||
|
|
if (null != permission && permission != "") {
|
|||
|
|
index = permission.substring(0, 1);
|
|||
|
|
}
|
|||
|
|
if (null == index) {
|
|||
|
|
window.location = "./error/auth_error.html";
|
|||
|
|
} else {
|
|||
|
|
page = "code";
|
|||
|
|
}
|
|||
|
|
setTimeout(function() {
|
|||
|
|
// navigateToPage(page, adminID, token);
|
|||
|
|
window.location = "./" + page + "/index.html";
|
|||
|
|
}, 3000);
|
|||
|
|
localStorage.setItem(LS_KEY_ID, adminID);
|
|||
|
|
localStorage.setItem(LS_KEY_TOKEN, token);
|
|||
|
|
} else {
|
|||
|
|
toastr.error("登入失败，请确认密码是否正确");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function() {
|
|||
|
|
toastr.error("登入失败，请确认密码是否正确");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// stat
|
|||
|
|
function onStatCategories() {
|
|||
|
|
if (true == categoriesStated) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
console.debug("stat categories");
|
|||
|
|
statCategories();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function onStatBrands(categoryIndex) {
|
|||
|
|
var categoryID = 0;
|
|||
|
|
if (true == gBrands[categoryIndex].brandStated) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
categoryID = gCategories[categoryIndex].id;
|
|||
|
|
|
|||
|
|
if (3 != categoryID) {
|
|||
|
|
statBrands(gCategories[categoryIndex].id, categoryIndex);
|
|||
|
|
} else {
|
|||
|
|
statCities(gCategories[categoryIndex].id, categoryIndex);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getStatInfo() {
|
|||
|
|
$.ajax({
|
|||
|
|
url: "/irext/stat/generic_count",
|
|||
|
|
type: "POST",
|
|||
|
|
dataType: 'json',
|
|||
|
|
data: {
|
|||
|
|
admin_id : id,
|
|||
|
|
token : token
|
|||
|
|
},
|
|||
|
|
timeout: 20000,
|
|||
|
|
success: function (response) {
|
|||
|
|
if(response.status.code == 0) {
|
|||
|
|
refreshStatInfo(response.entity);
|
|||
|
|
} else {
|
|||
|
|
console.log("get remote instance count failed");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
console.log("get remote instance count failed");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function statCategories() {
|
|||
|
|
$.ajax({
|
|||
|
|
url: "/irext/stat/stat_categories",
|
|||
|
|
type: "POST",
|
|||
|
|
timeout: 20000,
|
|||
|
|
success: function (response) {
|
|||
|
|
if(response.status.code == 0) {
|
|||
|
|
gCategories = response.entity;
|
|||
|
|
refreshCategoryList();
|
|||
|
|
} else {
|
|||
|
|
console.log("stat categories failed");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
console.log("stat categories failed");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function statBrands(categoryID, categoryIndex) {
|
|||
|
|
$.ajax({
|
|||
|
|
url: "/irext/stat/stat_brands",
|
|||
|
|
type: "POST",
|
|||
|
|
dataTpe: "JSON",
|
|||
|
|
data: {
|
|||
|
|
category_id: categoryID
|
|||
|
|
},
|
|||
|
|
timeout: 20000,
|
|||
|
|
success: function (response) {
|
|||
|
|
if(response.status.code == 0) {
|
|||
|
|
gBrands[categoryIndex].brands = response.entity;
|
|||
|
|
// console.log("brands stat result = " + JSON.stringify(gBrands[categoryIndex].brands));
|
|||
|
|
refreshBrandList(categoryID, categoryIndex);
|
|||
|
|
} else {
|
|||
|
|
console.log("stat brands failed");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
console.log("stat brands failed");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function statCities(categoryID, categoryIndex) {
|
|||
|
|
$.ajax({
|
|||
|
|
url: "/irext/stat/stat_cities",
|
|||
|
|
type: "POST",
|
|||
|
|
timeout: 20000,
|
|||
|
|
success: function (response) {
|
|||
|
|
if(response.status.code == 0) {
|
|||
|
|
gCities.cities = response.entity;
|
|||
|
|
console.log("cities stat result = " + JSON.stringify(gCities.cities));
|
|||
|
|
refreshCityList(categoryID, categoryIndex);
|
|||
|
|
} else {
|
|||
|
|
console.log("stat cities failed");
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function () {
|
|||
|
|
console.log("stat cities failed");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showStat() {
|
|||
|
|
$("#stat_dialog").modal();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function refreshStatInfo(statInfo) {
|
|||
|
|
var categoriesCountPanel = $("#categories_count");
|
|||
|
|
var brandsCountPanel = $("#brands_count");
|
|||
|
|
var remoteIndexesCountPanel = $("#remote_indexes_count");
|
|||
|
|
|
|||
|
|
categoriesCountPanel.empty();
|
|||
|
|
categoriesCountPanel.append(statInfo.categories_count);
|
|||
|
|
brandsCountPanel.empty();
|
|||
|
|
brandsCountPanel.append(statInfo.brands_count);
|
|||
|
|
remoteIndexesCountPanel.empty();
|
|||
|
|
remoteIndexesCountPanel.append(statInfo.remote_indexes_count);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function refreshCategoryList() {
|
|||
|
|
var categoryContent = "";
|
|||
|
|
gBrands = new Array();
|
|||
|
|
for (var i = 0; i < gCategories.length; i++) {
|
|||
|
|
var category = gCategories[i];
|
|||
|
|
|
|||
|
|
if (category.id == 11) {
|
|||
|
|
category.name = "機上盒";
|
|||
|
|
}
|
|||
|
|
var panelID = "category_" + category.id;
|
|||
|
|
var collapseID = "collapse" + category.id;
|
|||
|
|
var colorSpace = i % 6;
|
|||
|
|
var includingText = "";
|
|||
|
|
if (3 != category.id) {
|
|||
|
|
includingText = "个品牌";
|
|||
|
|
} else {
|
|||
|
|
includingText = "个省份";
|
|||
|
|
}
|
|||
|
|
// console.log(colorClass[colorSpace]);
|
|||
|
|
categoryContent +=
|
|||
|
|
"<div class='panel panel-default'>" +
|
|||
|
|
"<div class='panel-heading' role='tab' id='" + panelID + "'>" +
|
|||
|
|
"<h4 class='panel-title' style='text-align:left;'>" +
|
|||
|
|
"<a style='display: block; width: 100%; text-decoration: none;'" +
|
|||
|
|
"role='button' data-toggle='collapse' data-parent='#categories_panel'" +
|
|||
|
|
"href='#" + collapseID +"' onclick='onStatBrands(" + i + ")' " +
|
|||
|
|
"aria-expanded='true' aria-controls='" + collapseID + "'>" +
|
|||
|
|
category.name + " (" + category.brands_count + " " + includingText + ")" +
|
|||
|
|
"</a>" +
|
|||
|
|
"</h4>" +
|
|||
|
|
"</div>" +
|
|||
|
|
"<div id='" + collapseID + "' class='panel-collapse collapse' role='tabpanel' aria-labelledby='headingOne'>" +
|
|||
|
|
"<div class='panel-body' style='text-align:left;' id='brand_charts_" + category.id + "'>" +
|
|||
|
|
"正在加载..." +
|
|||
|
|
"</div>" +
|
|||
|
|
"</div>" +
|
|||
|
|
"</div>";
|
|||
|
|
gBrands[i] = new Array();
|
|||
|
|
gBrands[i].brandStated = false;
|
|||
|
|
}
|
|||
|
|
$("#categories_panel").html(categoryContent);
|
|||
|
|
categoriesStated = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function refreshBrandList(categoryID, categoryIndex) {
|
|||
|
|
// draw charts with highcharts
|
|||
|
|
// adjust the container of charts according to the number of brands in this category
|
|||
|
|
var containerHeight = gBrands[categoryIndex].brands.length * 30 + 200;
|
|||
|
|
console.log("container height = " + containerHeight);
|
|||
|
|
$("#brand_charts_" + categoryID).css("width", "100%");
|
|||
|
|
$("#brand_charts_" + categoryID).css("height", containerHeight + "px");
|
|||
|
|
$("#brand_charts_" + categoryID).css("padding", "0px");
|
|||
|
|
|
|||
|
|
// generate brand names and supported remote index counts
|
|||
|
|
var brandNames = [];
|
|||
|
|
var remoteIndexCounts = [];
|
|||
|
|
for (var i = 0; i < gBrands[categoryIndex].brands.length; i++) {
|
|||
|
|
brandNames[i] = gBrands[categoryIndex].brands[i].name;
|
|||
|
|
remoteIndexCounts[i] = gBrands[categoryIndex].brands[i].remote_indexes_count;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$("#brand_charts_" + categoryID).highcharts({
|
|||
|
|
chart: {
|
|||
|
|
type: "bar",
|
|||
|
|
style: {
|
|||
|
|
fontFamily: '微软雅黑'
|
|||
|
|
},
|
|||
|
|
events: {
|
|||
|
|
load: function(event) {
|
|||
|
|
// nothing to do
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
text: gCategories[categoryIndex].name + "品牌分布"
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
categories: brandNames
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
title: {
|
|||
|
|
text: '支持型号数'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
name: '型号数',
|
|||
|
|
data: remoteIndexCounts,
|
|||
|
|
dataLabels: {
|
|||
|
|
enabled: true
|
|||
|
|
}
|
|||
|
|
}]
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
gBrands[categoryIndex].brandStated = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function refreshCityList(categoryID, categoryIndex) {
|
|||
|
|
// draw charts with highcharts
|
|||
|
|
// adjust the container of charts according to the number of brands in this category
|
|||
|
|
var containerHeight = gCities.cities.length * 30 + 200;
|
|||
|
|
console.log("container height = " + containerHeight);
|
|||
|
|
$("#brand_charts_" + categoryID).css("width", "100%");
|
|||
|
|
$("#brand_charts_" + categoryID).css("height", containerHeight + "px");
|
|||
|
|
$("#brand_charts_" + categoryID).css("padding", "0px");
|
|||
|
|
|
|||
|
|
// generate brand names and supported remote index counts
|
|||
|
|
var provinceNames = [];
|
|||
|
|
var cityCounts = [];
|
|||
|
|
for (var i = 0; i < gCities.cities.length; i++) {
|
|||
|
|
provinceNames[i] = gCities.cities[i].name;
|
|||
|
|
cityCounts[i] = gCities.cities[i].city_count;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$("#brand_charts_" + categoryID).highcharts({
|
|||
|
|
chart: {
|
|||
|
|
type: "bar",
|
|||
|
|
style: {
|
|||
|
|
fontFamily: '微软雅黑'
|
|||
|
|
},
|
|||
|
|
events: {
|
|||
|
|
load: function(event) {
|
|||
|
|
// nothing to do
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
text: gCategories[categoryIndex].name + "地区分布"
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
categories: provinceNames
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
title: {
|
|||
|
|
text: '支持城市数'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
name: '城市数',
|
|||
|
|
data: cityCounts,
|
|||
|
|
dataLabels: {
|
|||
|
|
enabled: true
|
|||
|
|
}
|
|||
|
|
}]
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
gBrands[categoryIndex].brandStated = true;
|
|||
|
|
}
|