309 lines
9.1 KiB
JavaScript
309 lines
9.1 KiB
JavaScript
|
var thisWidget;
|
|||
|
|
|
|||
|
|
var filePath = serverURL_file+ "/apidemo/qiye/";
|
|||
|
|
var photoQYJJ = { "title": "企业简介", "id": 1, "start": 0, "data": [] };
|
|||
|
|
var photoCpjj = { "title": "企业产品", "id": 2, "start": 0, "data": [] };
|
|||
|
|
|
|||
|
|
//当前页面业务
|
|||
|
|
function initWidgetView(_thisWidget) {
|
|||
|
|
thisWidget = _thisWidget;
|
|||
|
|
|
|||
|
|
if (thisWidget.config && thisWidget.config.style) {//适应不同样式
|
|||
|
|
$("body").addClass(thisWidget.config.style);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//传入的企业信息
|
|||
|
|
var item = thisWidget.getData();
|
|||
|
|
|
|||
|
|
showItemView(item);
|
|||
|
|
|
|||
|
|
var height = ($(window).height() - 100);
|
|||
|
|
|
|||
|
|
if ($("#zpQYJJ").is(":hidden")) {
|
|||
|
|
if ($("#zpCPJJ").is(":hidden")) {
|
|||
|
|
//都没有时
|
|||
|
|
$(".ryglGjRight2").hide();
|
|||
|
|
$(".ryglGjRight1").css("width", "100%");
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
else {//只有产品照片时
|
|||
|
|
$("#zpCPJJ").height(height);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else {//只有企业照片时
|
|||
|
|
if ($("#zpCPJJ").is(":hidden")) {
|
|||
|
|
$("#zpQYJJ").height(height);
|
|||
|
|
}
|
|||
|
|
else {//都存在时
|
|||
|
|
$("#zpQYJJ").height(height / 2);
|
|||
|
|
$("#zpCPJJ").height(height / 2);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
$(".toolsbar-mappic").mCustomScrollbar({
|
|||
|
|
theme: "minimal",
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$("#btnSPJK").click(function () {
|
|||
|
|
thisWidget.showSPJK();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showItemView(item) {
|
|||
|
|
filePath += (item.ID || "") + "/";
|
|||
|
|
|
|||
|
|
$("#qyNameJC").html(item.JC);
|
|||
|
|
$("#qyName").html("名称：" + item.NAME);
|
|||
|
|
$("#qyLX").html("类型：" + item.LX);
|
|||
|
|
|
|||
|
|
if (item.LXDH)
|
|||
|
|
$("#qyLXDH").html("电话：" + item.LXDH);
|
|||
|
|
if (item.DZ)
|
|||
|
|
$("#qyDZ").html("地址：" + item.DZ);
|
|||
|
|
|
|||
|
|
//测试数据，真实项目中请注释 start
|
|||
|
|
filePath = serverURL_file+ "/apidemo/qiye/B0FFHH68OO/"
|
|||
|
|
item.QYZP = 6;
|
|||
|
|
item.CPZP = 6;
|
|||
|
|
item.QYJJ = "有";
|
|||
|
|
item.JJ = [
|
|||
|
|
{ "NF": "2017", "ZCZ": 6000 + haoutil.math.random(1000, 3000), "LY": 1000 + haoutil.math.random(100, 1000), "NSE": 1000 + haoutil.math.random(100, 1000) },
|
|||
|
|
{ "NF": "2018", "ZCZ": 10000 + haoutil.math.random(2000, 3000), "LY": 3000 + haoutil.math.random(100, 1000), "NSE": 3000 + haoutil.math.random(100, 1000) },
|
|||
|
|
{ "NF": "2019", "ZCZ": 25000 + haoutil.math.random(3000, 5000), "LY": 5000 + haoutil.math.random(100, 1000), "NSE": 5000 + haoutil.math.random(100, 1000) }
|
|||
|
|
];
|
|||
|
|
//测试数据，真实项目中请注释 end
|
|||
|
|
|
|||
|
|
|
|||
|
|
//企业简介
|
|||
|
|
$("#txtQYJJ").html(" 暂无");
|
|||
|
|
if (item.QYJJ == "有") {
|
|||
|
|
$.ajax({
|
|||
|
|
url: filePath + 'about.txt',
|
|||
|
|
type: "get",
|
|||
|
|
dataType: "text",
|
|||
|
|
success: function (rs) {
|
|||
|
|
$("#txtQYJJ").html(" " + (rs || "暂无"));
|
|||
|
|
$("#txtQYJJ").mCustomScrollbar({
|
|||
|
|
theme: "minimal"
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
|||
|
|
console.log("企业简介文件" + filePath + "about.txt加载失败！");
|
|||
|
|
//toastr.error("企业简介文件" + filePath + "about.txt加载失败！");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//企业照片
|
|||
|
|
photoQYJJ.data = [];
|
|||
|
|
var imgcount = Number(item.QYZP);
|
|||
|
|
if (!isNaN(imgcount) && imgcount > 0) {
|
|||
|
|
var inhtml = "<ul>";
|
|||
|
|
for (var i = 0; i < imgcount; i++) {
|
|||
|
|
var url = filePath + "company/" + (i + 1) + ".jpg";
|
|||
|
|
inhtml += "<li onclick='showPhotoQyjj(" + i + ")'><a><div><img src='" + url + "'/></div><div></div> </a></li>";
|
|||
|
|
|
|||
|
|
photoQYJJ.data.push({ "pid": i, "alt": "", "src": url, "thumb": url });
|
|||
|
|
}
|
|||
|
|
inhtml += "</ul>";
|
|||
|
|
|
|||
|
|
$("#zpQYJJ").html(inhtml);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$("#zpQYJJ-Title").hide();
|
|||
|
|
$("#zpQYJJ").hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//产品照片
|
|||
|
|
photoCpjj.data = [];
|
|||
|
|
var imgcount = Number(item.CPZP);
|
|||
|
|
if (!isNaN(imgcount) && imgcount > 0) {
|
|||
|
|
var inhtml = "<ul>";
|
|||
|
|
for (var i = 0; i < imgcount; i++) {
|
|||
|
|
var url = filePath + "product/" + (i + 1) + ".jpg";
|
|||
|
|
inhtml += "<li onclick='showPhotoQycp(" + i + ")'><a><div><img src='" + url + "'/></div><div></div> </a></li>";
|
|||
|
|
|
|||
|
|
photoCpjj.data.push({ "pid": i, "alt": "", "src": url, "thumb": url });
|
|||
|
|
}
|
|||
|
|
inhtml += "</ul>";
|
|||
|
|
|
|||
|
|
$("#zpCPJJ").html(inhtml);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
$("#zpCPJJ-Title").hide();
|
|||
|
|
$("#zpCPJJ").hide();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//$('img').error(function () {
|
|||
|
|
// $(this).parent().parent().hide();
|
|||
|
|
//});
|
|||
|
|
|
|||
|
|
|
|||
|
|
//设置echarts的高度
|
|||
|
|
var height = $(window).height() - $("#infoExView").height();
|
|||
|
|
$("#echartsView").css("height", height + "px");
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 基于准备好的dom，初始化echarts实例
|
|||
|
|
if (item.JJ && item.JJ.length > 0) {
|
|||
|
|
var myChart1 = echarts.init(document.getElementById('echartsView'), 'dark');
|
|||
|
|
myChart1.setOption(getOption1(item.JJ));
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function getOption1(arrObj) {
|
|||
|
|
var arrNF = []; //x轴(年份)
|
|||
|
|
var arrZCZ = []; //总产值
|
|||
|
|
var arrLY = []; //利润
|
|||
|
|
var arrNSE = []; //纳税额
|
|||
|
|
|
|||
|
|
var arrZCZ_SD = [0];
|
|||
|
|
var arrLY_SD = [0];
|
|||
|
|
var arrNSE_SD = [0];
|
|||
|
|
|
|||
|
|
for (var i = 0; i < arrObj.length; i++) {
|
|||
|
|
var item = arrObj[i];
|
|||
|
|
|
|||
|
|
item.ZCZ = Number(item.ZCZ);
|
|||
|
|
item.LY = Number(item.LY);
|
|||
|
|
item.NSE = Number(item.NSE);
|
|||
|
|
|
|||
|
|
arrNF.push(item.NF + "年");
|
|||
|
|
arrZCZ.push(item.ZCZ);
|
|||
|
|
arrLY.push(item.LY);
|
|||
|
|
arrNSE.push(item.NSE);
|
|||
|
|
|
|||
|
|
//计算同比增长率
|
|||
|
|
if (i > 0) {
|
|||
|
|
var lastItem = arrObj[i - 1];
|
|||
|
|
if (item.ZCZ != 0)
|
|||
|
|
arrZCZ_SD.push(Math.round((item.ZCZ - lastItem.ZCZ) * 100 / lastItem.ZCZ));
|
|||
|
|
else
|
|||
|
|
arrZCZ_SD.push(0);
|
|||
|
|
|
|||
|
|
if (item.LY != 0)
|
|||
|
|
arrLY_SD.push(Math.round((item.LY - lastItem.LY) * 100 / lastItem.LY));
|
|||
|
|
else
|
|||
|
|
arrLY_SD.push(0);
|
|||
|
|
|
|||
|
|
if (item.NSE != 0)
|
|||
|
|
arrNSE_SD.push(Math.round((item.NSE - lastItem.NSE) * 100 / lastItem.NSE));
|
|||
|
|
else
|
|||
|
|
arrNSE_SD.push(0);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
var option = {
|
|||
|
|
//title: {
|
|||
|
|
// text: "企业经营情况",
|
|||
|
|
// left: 'center'
|
|||
|
|
//},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
position: function (point, params, dom, rect, size) {
|
|||
|
|
return ["10%", "10%"];
|
|||
|
|
},
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var inhtml = "";
|
|||
|
|
for (var i in params) {
|
|||
|
|
var item = params[i];
|
|||
|
|
if (item == null || item.value == null) continue;
|
|||
|
|
|
|||
|
|
if (item.value == 0) {
|
|||
|
|
inhtml += "无数据<br />";
|
|||
|
|
continue;
|
|||
|
|
}
|
|||
|
|
else if (item.value < 10000) {
|
|||
|
|
inhtml += "<label style='color:" + item.color + ";'>" + item.value + "</label> 万元";
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
var val = Math.round(item.value / 1000) / 10;
|
|||
|
|
inhtml += "<label style='color:" + item.color + ";'>" + val + "</label> 亿元";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (item.dataIndex > 0) {
|
|||
|
|
var value = 100;
|
|||
|
|
if (item.seriesName == "总产值")
|
|||
|
|
value = arrZCZ_SD[item.dataIndex];
|
|||
|
|
else if (item.seriesName == "利润")
|
|||
|
|
value = arrLY_SD[item.dataIndex];
|
|||
|
|
else if (item.seriesName == "纳税额")
|
|||
|
|
value = arrNSE_SD[item.dataIndex];
|
|||
|
|
inhtml += "， 同比增长<label style='color:" + item.color + ";'>" + value + "</label>%<br />";
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
inhtml += "<br />";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return inhtml;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
toolbox: {
|
|||
|
|
top: 10,
|
|||
|
|
right: 10,
|
|||
|
|
feature: {
|
|||
|
|
magicType: { show: true, type: ['line', 'bar'] },
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
top: 10,
|
|||
|
|
left: 10,
|
|||
|
|
//orient: "vertical",
|
|||
|
|
data: ['总产值', '利润', '纳税额']
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
data: arrNF,
|
|||
|
|
axisLine: {
|
|||
|
|
show: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
axisLabel: {
|
|||
|
|
rotate: 60
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '总产值',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: arrZCZ
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '利润',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: arrLY
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '纳税额',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: arrNSE
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
return option;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showPhotoQyjj(startid) {
|
|||
|
|
photoQYJJ.start = startid || 0;
|
|||
|
|
layer.photos({
|
|||
|
|
photos: photoQYJJ,
|
|||
|
|
anim: 5,
|
|||
|
|
shade: [0.5, '#393D49']
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showPhotoQycp(startid) {
|
|||
|
|
photoCpjj.start = startid || 0;
|
|||
|
|
layer.photos({
|
|||
|
|
photos: photoCpjj,
|
|||
|
|
anim: 5,
|
|||
|
|
shade: [0.3, '#393D49']
|
|||
|
|
});
|
|||
|
|
}
|