用下边的代码可以生成一个联动的页子(纯手写)

<html>
<head>
<title>沃尔评价法</title>
<meta http-equiv="content-type" c/>
<link rel="stylesheet" type="text/css" href="../css/spjcss.css"/>
<script type="text/javascript" src="../include/Common.js"> </script>
<script type="text/javascript" src="include/FinanceWRAnaylysis.js"> </script>
<script>
var defaultWeightArray = new Array();
defaultWeightArray[0] = 25;
defaultWeightArray[1] = 25;
defaultWeightArray[2] = 15;
defaultWeightArray[3] = 10;
defaultWeightArray[4] = 10;
defaultWeightArray[5] = 10;
defaultWeightArray[6] = 5;
var weightArray = new Array();
weightArray[0] = 25;
weightArray[1] = 25;
weightArray[2] = 15;
weightArray[3] = 10;
weightArray[4] = 10;
weightArray[5] = 10;
weightArray[6] = 5;
var defaultstandardArray = new Array();
defaultstandardArray[0] = 2.00;
defaultstandardArray[1] = 4.50;
defaultstandardArray[2] = 2.50;
defaultstandardArray[3] = 8;
defaultstandardArray[4] = 6;
defaultstandardArray[5] = 4;
defaultstandardArray[6] = 3;
var standardArray = new Array();
standardArray[0] = 2.00;
standardArray[1] = 4.50;
standardArray[2] = 2.50;
standardArray[3] = 8;
standardArray[4] = 6;
standardArray[5] = 4;
standardArray[6] = 3;
function RateObject() {
  enddate = '';
  a = '';
  b = '';
  c = '';
  d = '';
  e = '';
  f = '';
  g = '';  
  total = '';
}
var roArray = new Array();
function initData() {
changeColor(t1,tab1);
fillData();
drawPage(roArray[0].enddate);
}
function fillData() {
getAllRatioData(6);
var strFullData = document.getElementById("fulldata");
var fullData = strFullData.value.split(';');
for(i=0;i<fullData.length-1;i++){
  var fullDatas = fullData.split(',');
  var ro = new RateObject();
  ro.enddate = fullDatas[0];
  ro.a = fullDatas[1];
  ro.b = fullDatas[2];
  ro.c = fullDatas[3];
  ro.d = fullDatas[4];
  ro.e = fullDatas[5];
  ro.f = fullDatas[6];
  ro.g = fullDatas[7];
  var totalNum = (ro.a/standardArray[0]*weightArray[0] + ro.b/standardArray[1]*weightArray[1]
     + ro.c/standardArray[2]*weightArray[2] + ro.d/standardArray[3]*weightArray[3]
     + ro.e/standardArray[4]*weightArray[4] + ro.f/standardArray[5]*weightArray[5]
     + ro.g/standardArray[6]*weightArray[6]) + "";  
    if(totalNum.indexOf(".")>0){
      totalNum = totalNum.substring(0,totalNum.indexOf(".")+3);
    } else {
      totalNum += ".00";
    }
  ro.total = totalNum;    
   roArray = ro;
}
}
function drawPage(enddate) {
drawHistory();
drawChart();
drawDetail(enddate);
}
function drawChart() {
// 参数用roArray.total
var data = '';
var enddate = '';
for(i=0;i<roArray.length;i++){
  data += roArray.total;
  enddate += roArray.enddate;
  if(i!=roArray.length-1){
   data += ',';
   enddate += ',';
  }
}
displayDBPicture(6,data,enddate);
}
function drawHistory() {
var edate = document.getElementsByName("edate");
var tscore = document.getElementsByName("tscore");
//alert(roArray[6].total +"   "+roArray[6].a);
for(i=0;i<edate.length;i++){  
  edate.innerText = roArray.enddate;
  tscore.innerText = roArray.total;
}
}
function drawDetail(enddate) {
// draw 比重 from weightArray   1列
var weight = document.getElementsByName("weight");
var weights = 0;
for(i=0;i<weight.length;i++){
  weight.innerText = weightArray;
  weights += Math.round(weightArray);
}
// draw 标准比率 from standardArray  2列
var standard = document.getElementsByName("standard");
for(i=0;i<standard.length;i++){  
   standard.innerText = standardArray;
}
// draw 实际比率 from ...  3列
// 1. Find RateObject by enddate
// 2. Output rateObject's data
var ro1 = compValue(enddate);
var pipeiArray = new Array();
pipeiArray[0] = ro1.a;
pipeiArray[1] = ro1.b;
pipeiArray[2] = ro1.c;
pipeiArray[3] = ro1.d;
pipeiArray[4] = ro1.e;
pipeiArray[5] = ro1.f;
pipeiArray[6] = ro1.g;
var fact = document.getElementsByName("fact");
for(i=0;i<fact.length;i++){
  fact.innerText = pipeiArray;
}  
  // draw 相对比率  4列
  var relative = document.getElementsByName("relative");  
  var standard1 = document.getElementsByName("standard"); //得到第2列的值  
  var fact1 = document.getElementsByName("fact"); //得到第3列的值
  for(i=0;i<relative.length;i++){
   var num = fact1.innerText / standard1.innerText + "";
   if(num.indexOf(".")>0){
    num = num.substring(0,num.indexOf(".")+3);
   } else {
     num += ".00";
   }
   relative.innerText = num;
  }
  // draw 得分  5列
  var score = document.getElementsByName("score");
  var relative1 = document.getElementsByName("relative");  //得到第4列的值
  var weight1 = document.getElementsByName("weight"); //得到第1列的值
  for(i=0;i<score.length;i++){
   var num = relative1.innerText * weight1.innerText + "";
   if(num.indexOf(".")>0){
    num = num.substring(0,num.indexOf(".")+3);
   } else {
     num += ".00";
   }
   score.innerText = num;
  }
  // draw 合计   //最后一行
  var total1 = document.getElementById("totalP");
  var total2 = document.getElementById("totalValue");
  total1.innerHTML = weights;  
  total2.innerHTML = ro1.total;
}
//得到相应的实际比率数据
function compValue(enddate) {
for(i=0;i<8;i++){
  if(roArray.enddate==enddate){
   //alert(roArray.total+ "   "+roArray[7].a);
   return roArray;
  }  
}
}
// 历年评分情况超链接点击方法
function linkclick(num) {
drawDetail(roArray[num].enddate);
}
//打开设置参数页面
function showPage(type) {
var strPara = '';
for(i=0;i<weightArray.length;i++){
  strPara += ','+weightArray+','+standardArray;
}
strPara = strPara.substring(1);
var retval = window.showModalDialog("changeWRParam.html",strPara,"dialogWidth:500px; dialogHeight:360px; dialogLeft:"+
  200+"px; dialogTop:"+100+"px; status:no; directories:yes;scrollbars:no;Resizable:no;");
if('undefined'!=typeof(retval)){  
  var strParam = retval.split(',');
  for(i=0;i<strParam.length;i+=2){
   weightArray = strParam;
   standardArray = strParam;
  }
  initData();
}
}
function getAllRatioData(type){
  xmlhttp = getXMLHTTP();
  xmlhttp.() {
   if (xmlhttp.readyState==4) {
     if(xmlhttp.status==200){
       document.getElementById("fulldata").innerText=xmlhttp.responseText;
     }else{
     }
   }
}
xmlhttp.open("GET", getContext()+'/getFinanceIndex?stockcode='+window.parent.inputCode.value+'&type='+type, false);
xmlhttp.send("");
}
</script>
</head>
<body class="bgcolor" >
<input type="hidden" id="fulldata" value="ognl:fulldata"/>
<center>
  <table width="100%">
   <tr>
    <td>
     <table border="0" width="100%" class="caption">
      <tr>
       <td width="100%">
        <div id="pageTab">
         <ul>
          <li>
           <span id="labelTitle2">
            <a title="沃尔评价法">
             <span>沃尔评价法</span>
            </a>
           </span>
          </li>
         </ul>
        </div>
       </td>
      </tr>
     </table>
     <table class="mainTable">
      <tr>
       <td width="50%">
        <table id="tab1" border="0" cellPadding="0" cellSpacing="1" class="tablePosition">
         <tr class="sectionTitle2">
          <td colspan="2">历年评分情况</td>
         </tr>
         <tr class="tableHeader2">
          <td width="40%">报告年月</td>
          <td width="60%">沃尔评价法得分</td>            
         </tr>              
             <tr id="t1" class="liststyle"  >
            <a href="javascript:void(0);" >
             <td id="edate" class="tdMiddleContent"></td>
             <td id="tscore" class="tdMiddleContent"></td>
            </a>
          </tr>
          <tr class="liststyle"  >
            <a href="javascript:void(0);" >
             <td id="edate" class="tdMiddleContent"></td>
             <td id="tscore" class="tdMiddleContent"></td>
            </a>
          </tr>
          <tr class="liststyle"  >
            <a href="javascript:void(0);" >
             <td id="edate" class="tdMiddleContent"></td>
             <td id="tscore" class="tdMiddleContent"></td>
            </a>
          </tr>
          <tr class="liststyle"  >
            <a href="javascript:void(0);" >
             <td id="edate" class="tdMiddleContent"></td>
             <td id="tscore" class="tdMiddleContent"></td>
            </a>
          </tr>
          <tr class="liststyle"  >
            <a href="javascript:void(0);" >
             <td id="edate" class="tdMiddleContent"></td>
             <td id="tscore" class="tdMiddleContent"></td>
            </a>
          </tr>
          <tr class="liststyle"  >
            <a href="javascript:void(0);" >
             <td id="edate" class="tdMiddleContent"></td>
             <td id="tscore" class="tdMiddleContent"></td>
            </a>
          </tr>
          <tr class="liststyle"  >
            <a href="javascript:void(0);" >
             <td id="edate" class="tdMiddleContent"></td>
             <td id="tscore" class="tdMiddleContent"></td>
            </a>
          </tr>
          <tr class="liststyle"  >
            <a href="javascript:void(0);" >
             <td id="edate" class="tdMiddleContent"></td>
             <td id="tscore" class="tdMiddleContent"></td>
            </a>
          </tr>
        </table>
       </td>
        <td width="50%" valign="top">
        <table id="tab" border="0" cellPadding="0" cellSpacing="1" class="tablePosition">
         <tr class="sectionTitle2">
           <td height="20"> 沃尔评价法得分变化图</td>
         </tr>
         <tr bgcolor="#023F80">
          <td height="240"><img jwcid="@Image" name="picture" image="ognl:chartImageAsset" width="450" height="243"/></td>
         </tr>        
        </table>
       </td>
      </tr>
       <tr>
        <td colspan="2">
         <table id="table1" border="0" cellPadding="0" cellSpacing="1" class="tablePosition">
          <tr class="sectionTitle2">
            <td colspan="6">
            <table width="100%" height="25" border="0" cellpadding="0" cellspacing="0">
                    <tr class="sectionTitle2">
                      <td width="60%">该报告期的沃尔评价法得分</td>
              <td width="40%" align="right"><input type="button" value="修改参数" /></td>
                    </tr>
                  </table>
                </td>
          </tr>
          <tr class="tableHeader2">
               <td rowspan="2" width="25%">财务比率/列号</td>
               <td width="15%">比重</td>
               <td width="15%">标准比率</td>
               <td width="15%">实际比率</td>
               <td width="15%">相对比率</td>
               <td width="15%">得分</td>
             </tr>
             <tr class="tableHeader2">
               <td>1</td>
               <td>2</td>
               <td>3</td>
               <td>4=3/2</td>
               <td>1*4</td>
             </tr>
          <tr class="liststyle"><td class="rowHeader2">流动比率       </td><td id="weight" class="tdMiddleContent">25</td><td id="standard" class="tdMiddleContent">2.00</td><td id="fact" class="tdMiddleContent"></td><td id="relative" class="tdMiddleContent"></td><td id="score" class="tdMiddleContent"></td></tr>
          <tr class="liststyle"><td class="rowHeader2">净资产/负债    </td><td id="weight" class="tdMiddleContent">25</td><td id="standard" class="tdMiddleContent">1.50</td><td id="fact" class="tdMiddleContent"></td><td id="relative" class="tdMiddleContent"></td><td id="score" class="tdMiddleContent"></td></tr>
          <tr class="liststyle"><td class="rowHeader2">资产/固定资产  </td><td id="weight" class="tdMiddleContent">15</td><td id="standard" class="tdMiddleContent">2.50</td><td id="fact" class="tdMiddleContent"></td><td id="relative" class="tdMiddleContent"></td><td id="score" class="tdMiddleContent"></td></tr>
          <tr class="liststyle"><td class="rowHeader2">销售成本/存货  </td><td id="weight" class="tdMiddleContent">10</td><td id="standard" class="tdMiddleContent">8   </td><td id="fact" class="tdMiddleContent"></td><td id="relative" class="tdMiddleContent"></td><td id="score" class="tdMiddleContent"></td></tr>
          <tr class="liststyle"><td class="rowHeader2">销售额/应收账款</td><td id="weight" class="tdMiddleContent">10</td><td id="standard" class="tdMiddleContent">6   </td><td id="fact" class="tdMiddleContent"></td><td id="relative" class="tdMiddleContent"></td><td id="score" class="tdMiddleContent"></td></tr>
          <tr class="liststyle"><td class="rowHeader2">销售额/固定资产</td><td id="weight" class="tdMiddleContent">10</td><td id="standard" class="tdMiddleContent">4   </td><td id="fact" class="tdMiddleContent"></td><td id="relative" class="tdMiddleContent"></td><td id="score" class="tdMiddleContent"></td></tr>
          <tr class="liststyle"><td class="rowHeader2">销售额/净资产  </td><td id="weight" class="tdMiddleContent">5 </td><td id="standard" class="tdMiddleContent">3   </td><td id="fact" class="tdMiddleContent"></td><td id="relative" class="tdMiddleContent"></td><td id="score" class="tdMiddleContent"></td></tr>
          <tr class="tdMiddleTitleTotal"><td>合计                </td><td id="totalP" class="tdMiddleContent"> </td><td  class="tdMiddleContent"></td><td  class="tdMiddleContent"></td><td  class="tdMiddleContent"></td><td id="totalValue" class="tdMiddleContent"></td></tr>          
         </table>
        </td>
       </tr>
       <tr>
        <td colspan="2">
         <table id="table1" border="0" cellPadding="0" cellSpacing="1" class="tablePosition">
          <tr class="sectionTitle2">
           <td colspan="8">沃尔评分法指标说明</td>
          </tr>
          <tr>
           <td>
            <textarea id="info" class="bgcolor" style="width:102%;border:0;color:#FFFFFF" cols="56" rows="10">    财务状况综合评价的先驱者之一是亚历山 沃尔。他在20****初出版的《信用晴雨表研究》和《财务报表比率分析》中提出了信用能力指标的概念,把若干个财务比率用线性关系结合起来,以评价企业的信用水平。他选择了7种财务比率,分别给定了其在总评价中占的比重,总和为100分。然后确定标准比率,并与实际比率相比较,评出每项指标的得分,最后求出总评分。 </textarea>
           </td>
          </tr>
         </table>
        </td>
       </tr>        
     </table>
    </td>
   </tr>
  </table>
</center>
</body>
</html>
///////////////////////////////////////////////////////////////////////////////////////////////
<html>
<head>
<title>沃尔评价法</title>
<meta http-equiv="content-type" c/>
<link rel="stylesheet" type="text/css" href="../css/spjcss.css"/>
<script type="text/javascript" src="../include/Common.js"> </script>
<script type="text/javascript" src="include/FinanceWRAnaylysis.js"> </script>
<script>
  var para1 = document.getElementsByName("para1");
  var para2 = document.getElementsByName("para2");  
  //得到父页面传来的值
  function getParam(){
   if('undefined'!=typeof(window.dialogArguments)) {
    var strPara = window.dialogArguments;
    var strParam = strPara.split(',');    
    for(i=0;i<strParam.length;i+=2){
     para1.value = strParam;
     para2.value = strParam;
    }
   } else {
    alert("主页面传值出错!");
   }
  }  
  //恢复按钮使用方法
  function restore() {
   for(i=0;i<para2.length;i++){
    para1.value = defaultWeightArray;
    para2.value = defaultstandardArray;
   }
   usePageValue();
  }  
  
  function usePageValue() {  
   var strPara = ''; //返回的参数  
   for(i=0;i<para1.length;i++) {    
    strPara += ','+para1.value+','+para2.value;
   }  
   window.returnValue = strPara.substring(1);
   return checkData();  //检查参数正确性
  }
  //确定按钮使用方法
  function submitPageValue() {  
   var bool = usePageValue();  
   if(bool) window.close();
  }
  //检测数据正确性
  function checkData() {
   var result = 0;
   var tishi = document.getElementById("tishi");
   tishi.innerHTML = "";
   for(i=0;i<para1.length;i++) {    
    if ('' == para1.value || '' == para2.value) {
     tishi.innerHTML = "您参数设置为空!请检查!";
     return false;
    }
    if (isNaN(para1.value) || isNaN(para2.value)) {
     tishi.innerHTML = "您参数设置不是数字!请检查!";
     return false;
    }
    if(para2.value == 0){
     tishi.innerHTML = "标准比率参数设置为零!请检查!";
     return false;
    }
    result += Math.round(para1.value);    
   }
   if (result != 100) {
    tishi.innerHTML = "您比重参数总和为"+result+",不等于100!请检查!";
    return false;
   }
   return true;
  }
</script>
</head>
<body class="bgcolor" >
<table width="103%">
<tr><td>
<table id="table1" border="0" cellPadding="0" cellSpacing="1" class="tablePosition">
<tr class="liststyle">
  <td colspan="3">            
   <span id="tishi" class="remark"></span>
  </td>
</tr>
<tr class="sectionTitle2">
  <td colspan="3">沃尔评价法参数修改</td>
</tr>
<tr class="tableHeader2">
    <td width="40%">指标/列号</td>
    <td width="30%">比重</td>
    <td width="30%">标准比率</td>
  </tr>
  <tr class="liststyle"><td class="rowHeader2">流动比率       </td><td  class="tdMiddleContent"><input id="para1" type="text" size="4" value="25"/></td><td  class="tdMiddleContent"><input id="para2" type="text" size="4" value="2.00"/></td></tr>
<tr class="liststyle"><td class="rowHeader2">净资产/负债    </td><td  class="tdMiddleContent"><input id="para1" type="text" size="4" value="25"/></td><td  class="tdMiddleContent"><input id="para2" type="text" size="4" value="1.50"/></td></tr>
<tr class="liststyle"><td class="rowHeader2">资产/固定资产  </td><td  class="tdMiddleContent"><input id="para1" type="text" size="4" value="15"/></td><td  class="tdMiddleContent"><input id="para2" type="text" size="4" value="2.50"/></td></tr>
<tr class="liststyle"><td class="rowHeader2">销售成本/存货  </td><td  class="tdMiddleContent"><input id="para1" type="text" size="4" value="10"/></td><td  class="tdMiddleContent"><input id="para2" type="text" size="4" value="8"/></td></tr>
<tr class="liststyle"><td class="rowHeader2">销售额/应收账款</td><td  class="tdMiddleContent"><input id="para1" type="text" size="4" value="10"/></td><td  class="tdMiddleContent"><input id="para2" type="text" size="4" value="6"/></td></tr>
<tr class="liststyle"><td class="rowHeader2">销售额/固定资产</td><td  class="tdMiddleContent"><input id="para1" type="text" size="4" value="10"/></td><td  class="tdMiddleContent"><input id="para2" type="text" size="4" value="4"/></td></tr>
<tr class="liststyle"><td class="rowHeader2">销售额/净资产  </td><td  class="tdMiddleContent"><input id="para1" type="text" size="4" value="5 "/></td><td  class="tdMiddleContent"><input id="para2" type="text" size="4" value="3"/></td></tr>
</table></td></tr>
<tr><td><table id="table1" border="0" cellPadding="0" cellSpacing="0" class="tablePosition">
<tr class="liststyle"><td class="tdRightContent">
  <input type="button" value="恢复默认值" />  
  <input type="button" value="确定" /></td></tr>    
</table></td></tr>
</table>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_16116549/article/details/88536253