|
|
@@ -0,0 +1,909 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
+ <title>Document</title>
|
|
|
+ <script src="../js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/modify.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/base.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/master.css" />
|
|
|
+
|
|
|
+ <script src="../js/min-loader.js"></script>
|
|
|
+ <style type="text/css">
|
|
|
+ .ma-year .layui-edge{
|
|
|
+ background: url(../images/icon_xuanze.svg) no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ right: 4px;
|
|
|
+ top: -6px;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: none;
|
|
|
+ -webkit-transition: none;
|
|
|
+ margin-top: 0px;
|
|
|
+ border-width: 14px;
|
|
|
+ border-top-color: transparent;
|
|
|
+ -webkit-transform: rotate(0deg);
|
|
|
+ transform: rotate(0deg);
|
|
|
+ }
|
|
|
+ .ma-year .layui-form-select dl{
|
|
|
+ padding: 0;
|
|
|
+ background: #E7F7FF;
|
|
|
+ border-radius: 14px;
|
|
|
+ border: 1px solid #00A0E8;
|
|
|
+ color: #00A0E8;
|
|
|
+ }
|
|
|
+ .ma-year .layui-form-select dl dd.layui-this{
|
|
|
+ background:transparent;
|
|
|
+ color: #00A0E8;
|
|
|
+ }
|
|
|
+ .ma-year .layui-form-select dl dd:hover{
|
|
|
+ background:#00A0E8;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .ma-year .layui-form-select dl dd.layui-select-tips{
|
|
|
+ background:#00A0E8;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div class="i-index">
|
|
|
+ <div class="display4" style="margin: 0 1.7%;">
|
|
|
+ <div class="i-index-part display4" onclick = "goApproval()" style="cursor:pointer">
|
|
|
+ <div>
|
|
|
+ <p class="f30-black" id="waitApproval"></p>
|
|
|
+ <p class="f14-black4 mt8">总经理待审批订单（笔）</p>
|
|
|
+ </div>
|
|
|
+ <div class="yellow-back">
|
|
|
+ <img alt="" src="../images/icon_dai.svg">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="i-index-part display4" onclick = "goOrderManage()" style="cursor:pointer">
|
|
|
+ <div>
|
|
|
+ <p class="f30-black" id="approval">
|
|
|
+ </p>
|
|
|
+ <p class="f14-black4 mt8">历史审批通过订单（笔）</p>
|
|
|
+ </div>
|
|
|
+ <div class="lgreen-back">
|
|
|
+ <img alt="" src="../images/icon_tongguo.svg">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="i-index-part display4">
|
|
|
+ <div>
|
|
|
+ <p class="f30-black" id="TotalAmt">
|
|
|
+ </p>
|
|
|
+ <p class="f14-black4 mt8">签约合同总金额（万元）</p>
|
|
|
+ </div>
|
|
|
+ <div class="pink-back">
|
|
|
+ <img alt="" src="../images/icon_qianyue.svg">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="i-index-part display4">
|
|
|
+ <div>
|
|
|
+ <p class="f30-black" id="contract">
|
|
|
+ </p>
|
|
|
+ <p class="f14-black4 mt8">采购付汇金额（万元）</p>
|
|
|
+ </div>
|
|
|
+ <div class="cyan-back">
|
|
|
+ <img alt="" src="../images/icon_caigou.svg">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="i-index-part display4" style="margin-right: 0;cursor:pointer" onclick = "goCapitalManage()">
|
|
|
+ <div>
|
|
|
+ <p class="f30-black" id="loaningAmt">
|
|
|
+ </p>
|
|
|
+ <p class="f14-black4 mt8">垫资总金额（万元）</p>
|
|
|
+ </div>
|
|
|
+ <div class="purple-back">
|
|
|
+ <img alt="" src="../images/icon_dianzi.svg">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="display ma-part" onclick = "goRiskWarning()" style="cursor:pointer;">
|
|
|
+ <div class="display2 ma-part-title">
|
|
|
+ <img alt="" src="../images/icon_yujing.svg">
|
|
|
+ <div class="ma-title">
|
|
|
+ <p class="f14-black-w">风险预警</p>
|
|
|
+ <div class="ma-title-num" id = "overDayNum">3</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <marquee behavior="scroll" direction="down" scrolldelay="1100" id="riskWarning">
|
|
|
+ <!-- <div class="display3 ma-risk-content" style="float: left">
|
|
|
+ <div class="ma-risk-line"></div>
|
|
|
+ <div>
|
|
|
+ <span class="f12-blue">进入宽限期</span>
|
|
|
+ <span class="f12-gray2">融资订单号：</span>
|
|
|
+ <span class="f12-red2">RZ001</span>
|
|
|
+ <span class="f12-gray2">企业名称:北京天天其速度有限公司</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="display3 ma-risk-content">
|
|
|
+ <div class="ma-risk-line"></div>
|
|
|
+ <div>
|
|
|
+ <span class="f12-blue">进入宽限期</span>
|
|
|
+ <span class="f12-gray2">融资订单号：</span>
|
|
|
+ <span class="f12-red2">RZ001</span>
|
|
|
+ <span class="f12-gray2">企业名称:北京天天其速度有限公司</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </marquee>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="flex-j-sb">
|
|
|
+ <div class="i-left">
|
|
|
+ <div class="ma-currency-title display4">
|
|
|
+ <span>业务趋势</span>
|
|
|
+ <div class="display ma-year">
|
|
|
+ <form class="layui-form" action="">
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <select name="modules" lay-verify="required" lay-search="" lay-filter="orderYearSelect" id = "orderYearSelect">
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <!-- <img alt="" src="../images/icon_xuanze.svg"> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="display4 ma-subtitle">
|
|
|
+ <span class="f12-black5">本趋势图以订单内签约合同金额为数据来源</span>
|
|
|
+ <div>
|
|
|
+ <span class="f12-gray5">本年总额（万元）：</span>
|
|
|
+ <span class="f18-black" id = "yearTotalAmt">4106</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="" id="zhe" style="height: calc(100% - 102px);width: calc(100% - 16px);"></div>
|
|
|
+ </div>
|
|
|
+ <div class="i-right">
|
|
|
+ <div class="i-right-body" style="height: 276px;">
|
|
|
+ <div class="ma-currency-title display4">
|
|
|
+ <span>财务统计</span>
|
|
|
+ <div class="display ma-year">
|
|
|
+ <form class="layui-form" action="">
|
|
|
+ <div class="layui-input-inline">
|
|
|
+ <select name="modules" lay-verify="required" lay-search="" lay-filter="financeYear" id = "financeYear">
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <!-- <img alt="" src="../images/icon_xuanze.svg"> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="m-unit mt16">单位:万元</div>
|
|
|
+ <div class="" id="yuan" style="height: 195px;width: 100%;"></div>
|
|
|
+ <!-- <div class="i-r-up-content" id="riskWarning" style="height: 12rem">
|
|
|
+ <div class="">
|
|
|
+ <span class="f12-black4">【逾期预警】</span><span class="f12-gray2">融资订单编号: </span><span class="f12-red2">RZ001</span><span class="f12-gray2">企业名称:XX有限</span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="i-right-body mt16" style="height: 287px;">
|
|
|
+ <div class="ma-currency-title">
|
|
|
+ 用户统计
|
|
|
+ </div>
|
|
|
+ <div class="display4 mt16">
|
|
|
+ <div class="ml16">
|
|
|
+ <span class="f18-black" id = "companyStt02">已实名认证：0</span>
|
|
|
+ <span class="f18-black ml24" id = "companyStt06">已授信成功：0</span>
|
|
|
+ </div>
|
|
|
+ <div class="m-unit">单位:个</div>
|
|
|
+ </div>
|
|
|
+ <div class="" id="ma-user" style="height: 204px"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ma-bottom-part">
|
|
|
+ <!-- <div class="ma-currency-title">操作日志</div> -->
|
|
|
+ <div class="display4 ma-currency-title">
|
|
|
+ <div class="display2">
|
|
|
+ <div class="currency-line black-line"></div>
|
|
|
+ <div class="f14-black-w">操作日志</div>
|
|
|
+ </div>
|
|
|
+ <a id="toggle" class="open">展开</a>
|
|
|
+ </div>
|
|
|
+ <div class="" id="rizhi" style="display: none;">
|
|
|
+ <div class="i-r-d-content flex-wrap" id="operationLog" style="height: 330px"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class='footer' style="color: #000073;width: 100%;text-align: center;background: #f7f7f7;height: 100px;line-height: 100px"></div>
|
|
|
+ <script type="text/javascript">
|
|
|
+ layui.use('layer', function(){
|
|
|
+ var layer = layui.layer;
|
|
|
+ loadingId = layer.msg('处理中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: 'auto', time:2000}) ;
|
|
|
+ });
|
|
|
+ $("#toggle").click(function() {
|
|
|
+ $(this).html($("#rizhi").is(":hidden") ? "收起" + "<i class='iconfont up iconSelect_drop-down'/></i>" : "展开");
|
|
|
+ $("#rizhi").slideToggle();
|
|
|
+ });
|
|
|
+ $('.footer').load('./common/footer.html');
|
|
|
+ layui.use('form', function(){
|
|
|
+ layer.close(loadingId);
|
|
|
+ var form = layui.form;
|
|
|
+ $.request({
|
|
|
+ action : '../../HomeInfoManageAction/queryDataStatistics',
|
|
|
+ data : {
|
|
|
+ },
|
|
|
+ success : function(rsp){
|
|
|
+ //总经理待审批订单（笔)
|
|
|
+ $("#waitApproval").html(rsp.data.waitApproval);
|
|
|
+ //历史审批通过订单（笔)
|
|
|
+ $("#approval").html(rsp.data.approval);
|
|
|
+ //签约合同总金额（万元）
|
|
|
+ $("#TotalAmt").html(rsp.data.TotalAmt);
|
|
|
+ //采购付汇金额（万元）
|
|
|
+ $("#contract").html(rsp.data.contract);
|
|
|
+ //垫资总金额（万元）
|
|
|
+ $("#loaningAmt").html(rsp.data.loaningAmt);
|
|
|
+ var companyList = rsp.data.companyInfoList;
|
|
|
+ for (var i = 0; i < companyList.length; i ++) {
|
|
|
+ if (companyList[i].stt == '02') {
|
|
|
+ $("#companyStt02").html($("#companyStt02").html().replace('0',parseInt(companyList[0].num) + parseInt(companyList[1].num)));
|
|
|
+ } else {
|
|
|
+ $("#companyStt06").html($("#companyStt06").html().replace('0',companyList[i].num));
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var yearHtml = '';
|
|
|
+ var yearList = rsp.data.yearList;
|
|
|
+
|
|
|
+ var myDate = new Date();
|
|
|
+ var tYear = myDate.getFullYear();
|
|
|
+ var ifYear = true;
|
|
|
+
|
|
|
+ for (var i = 0; i < yearList.length; i ++) {
|
|
|
+ if (tYear == yearList[i]) {
|
|
|
+ ifYear = false;
|
|
|
+ yearHtml += '<option value="'+yearList[i]+'" selected="selected">'+yearList[i]+'</option>';
|
|
|
+ } else {
|
|
|
+ yearHtml += '<option value="'+yearList[i]+'">'+yearList[i]+'</option>';
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (ifYear) {
|
|
|
+ yearHtml += '<option value="'+tYear+'" selected>'+tYear+'</option>';
|
|
|
+ }
|
|
|
+
|
|
|
+ $("#orderYearSelect").html(yearHtml);
|
|
|
+ yearHtml = yearHtml.replace('selected','');
|
|
|
+ yearHtml += '<option value=null selected>全部</option>';
|
|
|
+ $("#financeYear").html(yearHtml);
|
|
|
+
|
|
|
+ // 查询订单数据
|
|
|
+ orderQuery(tYear);
|
|
|
+ financeMessage('');
|
|
|
+ form.on('select(orderYearSelect)', function (data) {
|
|
|
+ orderQuery(data.value);
|
|
|
+ });
|
|
|
+ form.on('select(financeYear)', function (data) {
|
|
|
+ financeMessage(data.value);
|
|
|
+ });
|
|
|
+
|
|
|
+ var companyData = rsp.data.companyData;
|
|
|
+ companyMessage(companyData);
|
|
|
+// $("#countUser").text(rsp.data.countUser);
|
|
|
+// $("#financingNum").text(rsp.data.financingNum);
|
|
|
+// $("#loansNum").text(rsp.data.loansNum);
|
|
|
+// $("#repaymentsNum").text(rsp.data.repaymentsNum);
|
|
|
+ $("#overDayNum").text(rsp.data.overDayNum);
|
|
|
+// $("#todaysData").text(rsp.data.currentDate);
|
|
|
+
|
|
|
+ var overDayOrder = rsp.data.overDayOrder;//逾期订单
|
|
|
+ var htmlWarning ="";
|
|
|
+ for(var i=0; i<overDayOrder.length; i++){
|
|
|
+ var riskWarning = overDayOrder[i];
|
|
|
+ var orderno = riskWarning.orderno;
|
|
|
+ var comName = riskWarning.comName;
|
|
|
+ var comId = riskWarning.comId;
|
|
|
+
|
|
|
+ var div = '<div class="display3 ma-risk-content" style="float: left" id="'+orderno+'" onclick="turnOrderDetail(this);">'+
|
|
|
+ '<div class="ma-risk-line"></div>'+
|
|
|
+ '<div>'+
|
|
|
+ '<span class="f12-blue">进入宽限期</span>'+
|
|
|
+ '<span class="f12-gray2">融资订单号：</span>'+
|
|
|
+ '<span class="f12-red2">'+orderno+'</span>'+
|
|
|
+ '<span class="f12-gray2">企业名称:'+comName+'</span>'+
|
|
|
+ '</div>'+
|
|
|
+ '</div>';
|
|
|
+ htmlWarning += div;
|
|
|
+ }
|
|
|
+ $("#riskWarning").html(htmlWarning);
|
|
|
+
|
|
|
+// $("#countYearUser").text(rsp.data.countYearUser);//本年
|
|
|
+// $("#countMonthUser").text(rsp.data.countMonthUser);//本月
|
|
|
+// $("#countWeekUser").text(rsp.data.countWeekUser);//本周
|
|
|
+// var todayNum = rsp.data.todayNum;//本周周几
|
|
|
+// var weekdayList = rsp.data.weekdayList;//本周新增
|
|
|
+ /* barChart(weekdayList,todayNum); */
|
|
|
+
|
|
|
+// var finList = rsp.data.finList;//融资订单统计
|
|
|
+ /* pieChartFun(finList); */
|
|
|
+
|
|
|
+ //每日新增融资订单笔数
|
|
|
+// var resFinList = rsp.data.resFinList;//每日新增融资订单笔数
|
|
|
+// lineChart(resFinList);
|
|
|
+
|
|
|
+ //操作日志
|
|
|
+ var logList = rsp.data.logList;//操作日志
|
|
|
+ var htmlLog = "";
|
|
|
+ var color = ["ma-name-blue","ma-name-purple","ma-name-green","ma-name-green","ma-name-yellow","ma-name-blue","ma-name-red","ma-name-cyan"];
|
|
|
+ for(var i=0; i<logList.length; i++){
|
|
|
+ var operationLog = logList[i];
|
|
|
+ var logno = operationLog.logno;//日志编号
|
|
|
+// var loginfo = operationLog.loginfo.substring(0, 20);//内容
|
|
|
+ var loginfo = operationLog.loginfo;//内容
|
|
|
+ var logtime = operationLog.logtime;//时间
|
|
|
+ var logname = operationLog.logname;//功能
|
|
|
+ var rolname = operationLog.rolname;//角色
|
|
|
+ var username = operationLog.username;//用户
|
|
|
+
|
|
|
+ htmlLog += '<div class="rizhi" id="" style="display: flex;">'+
|
|
|
+ '<div class="d-part2 flex-fa-c">'+
|
|
|
+ '<div class="ma-name '+color[i]+'">' + username.substring(0,1) + '</div>'+
|
|
|
+ '<div class="d-line"></div>'+
|
|
|
+ '</div>'+
|
|
|
+ '<div class="d-part3">'+
|
|
|
+ '<div class="">'+
|
|
|
+ '<span class="f14-black-w mr8">' + username + '</span>'+
|
|
|
+ '<span class="f12-gray2 mr8">'+rolname+'</span>';
|
|
|
+// '<span class="f12-gray2 mr4">操作员：吴迪，</span>'+
|
|
|
+ if (i == 0 || i == 1 || i == 4 || i == 5) {
|
|
|
+ htmlLog += '<span class="f12-green2">'+loginfo+'</span>';
|
|
|
+ } else {
|
|
|
+ htmlLog += '<span class="f12-red3">'+loginfo+'</span>';
|
|
|
+ }
|
|
|
+ htmlLog += '</div>'+
|
|
|
+ '<div class="display2 mt16">'+
|
|
|
+ '<div class="f12-gray2 mr8">'+logtime+'</div>'+
|
|
|
+ '<div class="f12-gray2">'+logname+'</div>'+
|
|
|
+ '</div>'+
|
|
|
+ '</div>'+
|
|
|
+ '</div>';
|
|
|
+ }
|
|
|
+ $("#operationLog").html(htmlLog);
|
|
|
+ form.render();
|
|
|
+ },
|
|
|
+ error : function(data) {
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ //转百分数
|
|
|
+ function toPercent(point){
|
|
|
+ var str=Number(point*100).toFixed(2);
|
|
|
+ str+="%";
|
|
|
+ return str;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* function pieChartFun(finList) {
|
|
|
+ var approvalNum = finList.approvalNum;//审批
|
|
|
+ var loanNum = finList.loanNum;//放款
|
|
|
+ var finishNum = finList.finishNum;//还款
|
|
|
+ var overdueNum = finList.overdueNum;//逾期
|
|
|
+ //计算比例
|
|
|
+ var sumOrder = approvalNum+loanNum+finishNum+overdueNum;
|
|
|
+
|
|
|
+ var scaleApp = '0.00%';
|
|
|
+ var scaleLoan = '0.00%';
|
|
|
+ var scaleFin = '0.00%';
|
|
|
+ var scaleOver = '0.00%';
|
|
|
+ if(sumOrder != 0) {
|
|
|
+ scaleApp = toPercent(approvalNum/sumOrder);
|
|
|
+ scaleLoan = toPercent(loanNum/sumOrder);
|
|
|
+ scaleFin = toPercent(finishNum/sumOrder);
|
|
|
+ scaleOver = toPercent(overdueNum/sumOrder);
|
|
|
+ } */
|
|
|
+
|
|
|
+// var i = 0;
|
|
|
+ /* var colors = ['#00A0E8', '#37C07D', '#F9564F', '#FC9E43', '#666FE9']; */
|
|
|
+ function financeMessage(year) {
|
|
|
+ $.request({
|
|
|
+ action : '../../HomeInfoManageAction/queryHomeFianaceData',
|
|
|
+ data : {
|
|
|
+ year : year
|
|
|
+ },
|
|
|
+ success : function(rsp){
|
|
|
+ var data = rsp.data;
|
|
|
+ var myChart2 = echarts.init(document.getElementById('yuan'));
|
|
|
+ myChart2.clear();
|
|
|
+ var total = 0;
|
|
|
+ for (var i = 0; i < data.length; i ++) {
|
|
|
+ data[i].value = fomatFloat(data[i].value,2);
|
|
|
+ if (data[i].value.substr(0,1) != '-') {
|
|
|
+ data[i].flag = '';
|
|
|
+ } else {
|
|
|
+ data[i].value = data[i].value.replace('-','');
|
|
|
+ data[i].flag = '-';
|
|
|
+ }
|
|
|
+ total += parseFloat(data[i].value);
|
|
|
+ }
|
|
|
+ // app.title = '环形图';
|
|
|
+ /* var data = [{
|
|
|
+ value: 234,
|
|
|
+ name: '总收入',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 456,
|
|
|
+ name: '预付款',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 789,
|
|
|
+ name: '总支出',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 542,
|
|
|
+ name: '应 收',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 987,
|
|
|
+ name: '盈 利',
|
|
|
+ }
|
|
|
+ ] */
|
|
|
+ var option = {
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'item',
|
|
|
+ formatter: "{a} <br/>{b}: {c} ({d}%)",
|
|
|
+ extraCssText: 'line-height:30px;background: rgba(0,0,0,0.75);box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);padding:16px;'
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ orient: 'vertical',
|
|
|
+ left: '54%', //图例距离左的距离
|
|
|
+ y: 'center', //图例上下居中
|
|
|
+ data: ['总收入', '预付款', '总支出', '应 收', '盈 利'],
|
|
|
+ icon: "circle",
|
|
|
+ itemWidth: 6, // 图例图形宽度
|
|
|
+ itemHeight: 6,
|
|
|
+ itemGap: 0,
|
|
|
+ formatter: function(name) {
|
|
|
+ let target;
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ if (data[i].name === name) {
|
|
|
+ target = data[i].flag + data[i].value,
|
|
|
+ percent = fomatFloat(data[i].value/total,2)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let arr = ["{a|" + name + "}" + "{b|" + "|" + "}" + "{c|"+ "}" + "{d|" + $.toCashWithComma(fomatFloat(target,6)) + "}"]
|
|
|
+ return arr
|
|
|
+ },
|
|
|
+ textStyle: {
|
|
|
+ rich: {
|
|
|
+ a: {
|
|
|
+ fontSize: 14,
|
|
|
+ color: "rgba(0,0,0,0.65)",
|
|
|
+ padding: 5
|
|
|
+ },
|
|
|
+ b: {
|
|
|
+ fontSize: 10,
|
|
|
+ color: "#D9D9D9",
|
|
|
+ padding: 5,
|
|
|
+ },
|
|
|
+ c: {
|
|
|
+ fontSize: 14,
|
|
|
+ color: "rgba(0,0,0,0.45)",
|
|
|
+ },
|
|
|
+ d: {
|
|
|
+ fontSize: 14,
|
|
|
+ color: "rgba(0,0,0,0.65)",
|
|
|
+ padding: 10,
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ name: '融资订单',
|
|
|
+ type: 'pie',
|
|
|
+ radius: ['60%', '80%'],
|
|
|
+ center: ['30%', '50%'], //图的位置，距离左跟上的位置
|
|
|
+ avoidLabelOverlap: false,
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color:function(params) {
|
|
|
+ //自定义颜色
|
|
|
+ var colorList = ['#00A0E8', '#37C07D', '#F9564F', '#FC9E43', '#666FE9'];
|
|
|
+ return colorList[params.dataIndex]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: false,
|
|
|
+ position: 'center'
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ show: true,
|
|
|
+ textStyle: {
|
|
|
+ fontSize: '20',
|
|
|
+ fontWeight: 'bold'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ labelLine: {
|
|
|
+ normal: {
|
|
|
+ show: false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: data
|
|
|
+ }]
|
|
|
+ };
|
|
|
+ myChart2.setOption(option);
|
|
|
+ var index = 0;
|
|
|
+ myChart2.dispatchAction({
|
|
|
+ type: 'highlight',
|
|
|
+ seriesIndex: 0,
|
|
|
+ dataIndex: 0
|
|
|
+ });
|
|
|
+ myChart2.on("mouseover", function(e) {
|
|
|
+ if (e.dataIndex != index) {
|
|
|
+ myChart2.dispatchAction({
|
|
|
+ type: "downplay",
|
|
|
+ seriesIndex: 0,
|
|
|
+ dataIndex: index
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ myChart2.on("mouseout", function(e) {
|
|
|
+ index = e.dataIndex;
|
|
|
+ myChart2.dispatchAction({
|
|
|
+ type: "highlight",
|
|
|
+ seriesIndex: 0,
|
|
|
+ dataIndex: e.dataIndex
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ error : function () {
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ function companyMessage(companyData) {
|
|
|
+ var levelArray = ['A','B','C','D'];
|
|
|
+ var data = new Array();
|
|
|
+ var totalNum = 0;
|
|
|
+ for (var j = 0; j < levelArray.length; j ++) {
|
|
|
+ var one = {};
|
|
|
+ one.name = '信用评级：'+levelArray[j]+'级';
|
|
|
+ for (var i = 0; i < companyData.length; i ++) {
|
|
|
+ if (levelArray[j] == companyData[i].gradeLevel) {
|
|
|
+ one.value = companyData[i].num;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (isEmpty(one.value)) {
|
|
|
+ one.value = '0';
|
|
|
+ }
|
|
|
+ data.push(one);
|
|
|
+ totalNum = totalNum + parseInt(one.value);
|
|
|
+ }
|
|
|
+ for (var i = 0; i < data.length; i ++) {
|
|
|
+ var one = data[i];
|
|
|
+ one.percenter = toPercent(parseInt(one.value)/totalNum);
|
|
|
+ }
|
|
|
+ var myChart3 = echarts.init(document.getElementById('ma-user'));
|
|
|
+ /* var data = [{
|
|
|
+ value: 335,
|
|
|
+ name: '信用评级：A级',
|
|
|
+ percenter: '10%',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 310,
|
|
|
+ name: '信用评级：B级',
|
|
|
+ percenter: '10%',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 234,
|
|
|
+ name: '信用评级：C级',
|
|
|
+ percenter: '10%',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 135,
|
|
|
+ name: '信用评级：D级',
|
|
|
+ percenter: '10%',
|
|
|
+ }
|
|
|
+ ] */
|
|
|
+ var option = {
|
|
|
+ tooltip : {
|
|
|
+ trigger: 'item',
|
|
|
+ formatter: "{a} <br/>{b} : {c} ({d}%)",
|
|
|
+ extraCssText: 'line-height:30px;background: rgba(0,0,0,0.75);box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);padding:16px;'
|
|
|
+ },
|
|
|
+ legend: {
|
|
|
+ orient: 'vertical',
|
|
|
+ left: '8%', //图例距离左的距离
|
|
|
+ y: 'center', //图例上下居中
|
|
|
+ data: ['信用评级：A级', '信用评级：B级', '信用评级：C级', '信用评级：D级'],
|
|
|
+ formatter: function(name) {
|
|
|
+ let target;
|
|
|
+ let percent;
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ if (data[i].name === name) {
|
|
|
+ target = data[i].value,
|
|
|
+ percent = data[i].percenter
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let arr = ["{a|" + name + "}" + "{b|" + "|" + "}" + "{c|" + target + "}" + "{d|" + percent + "}"]
|
|
|
+ return arr
|
|
|
+
|
|
|
+ },
|
|
|
+ textStyle: {
|
|
|
+ rich: {
|
|
|
+ a: {
|
|
|
+ fontSize: 14,
|
|
|
+ color: "rgba(0,0,0,0.65)",
|
|
|
+ padding: 5
|
|
|
+ },
|
|
|
+ b: {
|
|
|
+ fontSize: 10,
|
|
|
+ color: "#D9D9D9",
|
|
|
+ padding: 5,
|
|
|
+ },
|
|
|
+ c: {
|
|
|
+ fontSize: 14,
|
|
|
+ color: "rgba(0,0,0,0.45)",
|
|
|
+ },
|
|
|
+ d: {
|
|
|
+ fontSize: 14,
|
|
|
+ color: "rgba(0,0,0,0.65)",
|
|
|
+ padding: 10,
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ series : [{
|
|
|
+ name: '用户统计',
|
|
|
+ type: 'pie',
|
|
|
+ radius : '65%',
|
|
|
+ center: ['80%', '50%'],
|
|
|
+ selectedMode: 'single',
|
|
|
+ avoidLabelOverlap: false,
|
|
|
+ labelLine: { //引导线设置
|
|
|
+ normal: {
|
|
|
+ show: false, //引导线显示
|
|
|
+ }
|
|
|
+ },
|
|
|
+ label: {
|
|
|
+ normal: {
|
|
|
+ show: false,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ show: false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /* data:[
|
|
|
+ {name: '信用评级：A级', value:535},
|
|
|
+ {name: '信用评级：B级', value:535},
|
|
|
+ {name: '信用评级：C级',value:510},
|
|
|
+ {name: '信用评级：D级',value:634},
|
|
|
+ ], */
|
|
|
+ data : data,
|
|
|
+ /* itemStyle: {
|
|
|
+ emphasis: {
|
|
|
+ shadowBlur: 10,
|
|
|
+ shadowOffsetX: 0,
|
|
|
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
+ }
|
|
|
+ } */
|
|
|
+ itemStyle: {
|
|
|
+ normal: {
|
|
|
+ color:function(params) {
|
|
|
+ //自定义颜色
|
|
|
+ var colorList = ['#37C07D', '#FC9E43', '#F9564F', '#666FE9'];
|
|
|
+ return colorList[params.dataIndex]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ myChart3.setOption(option);
|
|
|
+
|
|
|
+ var index = 0;
|
|
|
+ myChart3.dispatchAction({
|
|
|
+ type: 'highlight',
|
|
|
+ seriesIndex: 0,
|
|
|
+ dataIndex: 0
|
|
|
+ });
|
|
|
+ myChart3.on("mouseover", function(e) {
|
|
|
+ if (e.dataIndex != index) {
|
|
|
+ myChart3.dispatchAction({
|
|
|
+ type: "downplay",
|
|
|
+ seriesIndex: 0,
|
|
|
+ dataIndex: index
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ myChart3.on("mouseout", function(e) {
|
|
|
+ index = e.dataIndex;
|
|
|
+ myChart3.dispatchAction({
|
|
|
+ type: "highlight",
|
|
|
+ seriesIndex: 0,
|
|
|
+ dataIndex: e.dataIndex
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ function goApproval(){
|
|
|
+ $($("#oneMenu", window.parent.document).find("li")[0]).removeClass("layui-this");
|
|
|
+ $($("#oneMenu", window.parent.document).find("li")[2]).addClass("layui-this");
|
|
|
+ window.parent.oneMenuClick("M21000",false,"212006");
|
|
|
+ }
|
|
|
+ function goOrderManage(){
|
|
|
+ $($("#oneMenu", window.parent.document).find("li")[0]).removeClass("layui-this");
|
|
|
+ $($("#oneMenu", window.parent.document).find("li")[2]).addClass("layui-this");
|
|
|
+ setTempVal("mainOrderState","04");
|
|
|
+ $($("#oneMenu", window.parent.document).find("a")[2]).click();
|
|
|
+ }
|
|
|
+ function goCapitalManage(){
|
|
|
+ $($("#oneMenu", window.parent.document).find("li")[0]).removeClass("layui-this");
|
|
|
+ $($("#oneMenu", window.parent.document).find("li")[1]).addClass("layui-this");
|
|
|
+ window.parent.oneMenuClick("M11000",false,"112001");
|
|
|
+ }
|
|
|
+ function goRiskWarning(){ //无权限
|
|
|
+ $($("#oneMenu", window.parent.document).find("li")[0]).removeClass("layui-this");
|
|
|
+ $($("#oneMenu", window.parent.document).find("li")[2]).addClass("layui-this");
|
|
|
+ window.parent.oneMenuClick("M21000",false,"215001");
|
|
|
+ }
|
|
|
+
|
|
|
+ function orderQuery(year) {
|
|
|
+ $.request({
|
|
|
+ action : '../../HomeInfoManageAction/queryHomeOrderData',
|
|
|
+ data : {
|
|
|
+ year : year
|
|
|
+ },
|
|
|
+ success : function(rsp){
|
|
|
+ var totalAmt = rsp.totalAmt;
|
|
|
+ if (isEmpty(totalAmt)) {
|
|
|
+ totalAmt = '0.00';
|
|
|
+ }
|
|
|
+ totalAmt = fomatFloat(totalAmt,2)
|
|
|
+ $("#yearTotalAmt").html($.toCashWithComma(totalAmt));
|
|
|
+ var myChart1 = echarts.init(document.getElementById('zhe'));
|
|
|
+
|
|
|
+ //计算最大值
|
|
|
+ function calMax(el) {
|
|
|
+ let max = 0;
|
|
|
+// arr.forEach((el) => {
|
|
|
+ el.forEach((el1) => {
|
|
|
+ if (!isEmpty(el1)) {
|
|
|
+ if (parseFloat(max) < parseFloat(el1)) {
|
|
|
+ max = el1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+// })
|
|
|
+ let maxint = Math.ceil(max / 9.5);//不让最高的值超过最上面的刻度
|
|
|
+ let maxval = maxint * 10;//让显示的刻度是整数
|
|
|
+ return maxval;
|
|
|
+ }
|
|
|
+
|
|
|
+ //计算最小值
|
|
|
+ function calMin(el) {
|
|
|
+ let min = 0;
|
|
|
+// arr.forEach((el) => {
|
|
|
+ el.forEach((el1) => {
|
|
|
+ if (!isEmpty(el1)) {
|
|
|
+ if (parseFloat(min) > parseFloat(el1)) {
|
|
|
+ min = el1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+// })
|
|
|
+ let minint = Math.floor(min / 10);
|
|
|
+ let minval = minint * 10;//让显示的刻度是整数
|
|
|
+ return minval;
|
|
|
+ }
|
|
|
+
|
|
|
+ var data1 = new Array();
|
|
|
+ var data2 = new Array();
|
|
|
+ var data3 = new Array();
|
|
|
+
|
|
|
+ var orderData = rsp.data;
|
|
|
+ var monthNear = rsp.monthNear;
|
|
|
+ monthNear = monthNear.replace('(','');
|
|
|
+ monthNear = monthNear.replace(')','');
|
|
|
+ monthNear = monthNear.replace(/\'/g,"");
|
|
|
+ var monthNearArray = monthNear.split(",");
|
|
|
+ for (var i = 0; i < monthNearArray.length; i ++) {
|
|
|
+ var amt = "0.00";
|
|
|
+ var num = "0.00";
|
|
|
+ var month = monthNearArray[11-i];
|
|
|
+ for (var j = 0; j < orderData.length; j++) {
|
|
|
+ if (orderData[j].createDate == month) {
|
|
|
+ amt = currKeepTwo(fomatFloat(orderData[j].amt,6));
|
|
|
+ num = orderData[j].num;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ data1.push(amt);
|
|
|
+ data3.push(num);
|
|
|
+ data2.push(month.substr(-2) + "月");
|
|
|
+ }
|
|
|
+// var data1 = [250, 300, 350, 500, 600, 700, 750, 650, 550, 400, 450, 250],
|
|
|
+// data3 = [250, 300, 350, 500, 600, 700, 750, 650, 550, 400, 450, 250],
|
|
|
+
|
|
|
+ var Min1 = calMin(data1), Min2 = calMin(data3),
|
|
|
+ Max1 = calMax(data1), Max2 = calMax(data3);
|
|
|
+ var option = {
|
|
|
+ grid: {left: '46', right: '46', bottom: '36', top: '50'},
|
|
|
+ color: ['#00A0E8', '#2FC25B'],
|
|
|
+ /* tooltip: {trigger: 'axis', axisPointer: {type: 'cross', crossStyle: {color: '#999'}}}, */
|
|
|
+ tooltip: {
|
|
|
+ trigger: 'axis',
|
|
|
+ /* formatter: "{b}<br/>新增融资订单笔数：{c}", */
|
|
|
+ extraCssText: 'line-height:30px;background: rgba(0,0,0,0.75);box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);padding:16px;'
|
|
|
+ },
|
|
|
+ legend: {data: ['融资订单笔数', '融资订单金额']},
|
|
|
+ xAxis: [{
|
|
|
+ type: 'category',
|
|
|
+ axisLabel: {color: "#000"},
|
|
|
+ lineWidth: 0,
|
|
|
+ /* axisPointer: {
|
|
|
+ type: 'shadow'
|
|
|
+ }, */
|
|
|
+ axisLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: '#D9D9D9',
|
|
|
+ width: 1,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: data2,
|
|
|
+ }],
|
|
|
+ yAxis: [
|
|
|
+ {
|
|
|
+ name: '单位：笔',
|
|
|
+ type: 'value',
|
|
|
+ nameTextStyle: {color: '#999999'},
|
|
|
+ axisLine: {show: false},
|
|
|
+ axisTick: {show: false},
|
|
|
+ axisLabel: {verticalAlign: "bottom", color: "#999999"},
|
|
|
+ splitLine: {
|
|
|
+ lineStyle: { //x网格线
|
|
|
+ color: '#E9E9E9',
|
|
|
+ type: 'dashed'
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ min: Min2,
|
|
|
+ max: Max2,
|
|
|
+ splitNumber: 10,
|
|
|
+ interval: (Max2 - Min2) / 10
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '单位：万元',
|
|
|
+ nameTextStyle: {color: '#999999'},
|
|
|
+ type: "value",
|
|
|
+ axisLine: {show: false},
|
|
|
+ axisTick: {show: false},
|
|
|
+ axisLabel: {verticalAlign: "bottom", color: "#999999"},
|
|
|
+ splitLine: {
|
|
|
+ lineStyle: { //x网格线
|
|
|
+ color: '#E9E9E9',
|
|
|
+ type: 'dashed'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ min: Min1,
|
|
|
+ max: Max1,
|
|
|
+ splitNumber: 10,
|
|
|
+ interval: (Max1 - Min1) / 10
|
|
|
+ }],
|
|
|
+ series: [
|
|
|
+ {name: '融资订单笔数', type: 'bar', barGap: 0, barWidth: 30, data: data3, barWidth : 24},
|
|
|
+ {name: '融资订单金额', type: 'line', yAxisIndex: 1, data: data1},
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ // 使用刚指定的配置项和数据显示图表。
|
|
|
+ myChart1.setOption(option);
|
|
|
+ },
|
|
|
+ error : function(data) {
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function turnOrderDetail(obj) {
|
|
|
+ var orderno = obj.id;
|
|
|
+ layui.sessionData("ROW_DATA", {key:"NOW_ROW", value : orderno});
|
|
|
+ openMainTabPage('215003-02', ' 订单详情', 'orderManage/details.html', '', '-1');
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
