<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EMR3.0 网络管理系统</title>
<link rel="stylesheet" href="../style/simplemodal.css" type="text/css" />
<link rel="stylesheet" href="../style/common.css" type="text/css" />
<link rel="stylesheet" href="js/chosen/chosen.css" type="text/css" />
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/chosen/chosen.jquery.js"></script>
<script type="text/javascript" src="../js/jquery.simplemodal.1.4.3.min.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="js/card_common.js"></script>
<script type="text/javascript" src="js/card_program.js"></script>
<script type="text/javascript">
var language = CHINESE;
</script>
<style type="text/css">
.button_area_width
{
	width: 468px;
}
.prompt_info
{
	font-family: Arial;
	font-size: 22px;
	color: #000;
	text-align: center;
	vertical-align: middle;
	padding-left: 5px;
	height: 30px;
	margin-bottom: 5px;
}
#loading
{
	width: 397px;
	height: 29px;
	margin: 0 auto;
	background: url(js/chosen/bak.png) no-repeat;
}
#loading div
{
	width: 0px;
	height: 29px;
	background: url(js/chosen/pro.png) no-repeat;
	color: #fff;
	text-align: center;
	font-family: Tahoma;
	font-size: 15px;
	line-height: 28px;
}
</style>
</head>
<body>
<div class="tab">
  <ul>
    <li class="first_no_selected" onclick="pageJump(CARD_SYSTEM)">系统</li>
    <li class="middle_selected" onclick="pageJump(CARD_PROGRAM)">节目</li>
    <li class="selected_follow" onclick="pageJump(CARD_DATA)">数据</li>
    <li class="last_no_selected"></li>
  </ul>
</div>
<div id="mainContent" class="mainframe">
  <div class="content_div_full">
    <div class="table_tab_div">
      <input type="button" id="basic" value="基本" class="table_header_select" onclick="tableChange(BASIC);" />
      <input type="button" id="extend"  value="扩展" class="table_header_normal" onclick="tableChange(EXTEND);" />
      <div style="clear: both;"></div>
    </div>
    <div class="div_table_button">
      <div id="buttonArea" class="div_table_button_area button_area_width">
        <input type="button" id="addBtn" value="添 加" class="input_normal" onclick="addInfo();" />
        <input type="button" id="deleteBtn" value="删 除" class="input_normal" onclick="deleteInfo();" />
        <input type="button" id="deleteAllBtn" value="删除全部" class="input_normal" onclick="deleteAll();" />
        <input type="button" id="modifyBtn" value="批量修改" class="input_normal" onclick="modifyInfo();" />
        <input type="button" id="applyBtn" value="应 用" class="input_normal" onclick="pageApply();" />
        <input type="button" id="refreshBtn" value="刷 新" class="input_normal" onclick="PageRefresh(TOP);" />
      </div>
    </div>
    <table id="basicTable">
      <tr>
        <th width="10%">
          <input type="checkbox" id="basicCheckAll" onclick="checkAll(BASIC);" />
        </th>
        <th width="10%">序号</th>
        <th width="22%">目的板卡</th>
        <th width="16%">目的端口</th>
        <th width="14%">传送流ID</th>
        <th width="14%">网络ID</th>
        <th width="14%">节目号</th>
      </tr>
    </table>
    <table style="display: none;">
      <tr id="basicDataRow0" class="basicCaseRow">
        <td>
          <input type="checkbox" id="basicCheck0" onclick="changeRowChecked($(this));" />
        </td>
        <td class="special">
          <span id="basicIndex0"></span>
        </td>
        <td>
          <select id="dstCard0" onchange="populatePort($(this)); changeCellValue($(this));">
          </select>
        </td>
        <td>
          <select id="dstPort0" onchange="changeCellValue($(this));">
          </select>
        </td>
        <td>
          <input type="text" id="tsId0" onchange="changeCellValue($(this));" />
        </td>
        <td>
          <input type="text" id="networkId0" onchange="changeCellValue($(this));" />
        </td>
        <td>
          <input type="text" id="serviceId0" onchange="changeCellValue($(this));" />
        </td>
      </tr>
    </table>
    <table id="extendTable" style="display: none;">
      <tr>
        <th width="10%">
          <input type="checkbox" id="extendCheckAll" onclick="checkAll(EXTEND);" />
        </th>
        <th width="10%">序号</th>
        <th width="14%">模式</th>
        <th width="14%">开关</th>
        <th width="14%">更新设置</th>
        <th width="22%">文件名</th>
        <th width="16%">状态</th>
      </tr>
    </table>
    <table style="display: none;">
      <tr id="extendDataRow0" class="extendCaseRow">
        <td>
          <input type="checkbox" id="extendCheck0" onclick="changeRowChecked($(this));" />
        </td>
        <td class="special">
          <span id="extendIndex0"></span>
        </td>
        <td>
          <select id="mode0" onchange="changeCellValue($(this));">
            <option value="0" selected="selected">当前</option>
            <option value="1">其他</option>
          </select>
        </td>
        <td>
          <select id="switch0" onchange="changeCellValue($(this));">
            <option value="0" selected="selected">关闭</option>
            <option value="1">打开</option>
          </select>
        </td>
        <td>
          <select id="update0" onchange="changeCellValue($(this));">
            <option value="0" selected="selected">手动</option>
            <option value="1">每天</option>
            <option value="2">每周五</option>
          </select>
        </td>
        <td>
          <input type="text" id="fileName0" onchange="changeCellValue($(this));" style="width: 142px; display:inline-block; float: left" />
          <select id="fileNameList0" class="chzn-select" onchange="changeFileName($(this), TABLE_FILE);" style="width: 167px; display: none">
          </select>
        </td>
        <td>
          <span id="status0"></span>
        </td>
      </tr>
    </table>
  </div>
  <div id="addInfo" class="content_div_small" style="display: none;">
    <div class="table_tab_div">
      <div class="table_tab_left"></div>
      <div class="table_tab">添加</div>
      <div class="table_tab_right"></div>
    </div>
    <table>
      <tr>
        <th width="40%">增加个数</th>
        <td class="header">
          <input type="text" id="addNum" value="1" />
        </td>
      </tr>
      <tr>
        <th>目地板卡</th>
        <td>
          <select id="addCard" onchange="populateEditPort($(this), 'addPort');">
          </select>
        </td>
      </tr>
      <tr>
        <th>目的端口</th>
        <td>
          <select id="addPort">
          </select>
        </td>
      </tr>
      <tr>
        <th>传送流ID</th>
        <td>
          <input type="text" id="addTsId" />
        </td>
      </tr>
      <tr>
        <th>网络ID</th>
        <td>
          <input type="text" id="addNetworkId" />
        </td>
      </tr>
      <tr>
        <th>节目号</th>
        <td>
          <input type="text" id="addServiceId" />
        </td>
      </tr>
      <tr>
        <th>节目号步进</th>
        <td>
          <input type="text" id="addServiceIdStep" />
        </td>
      </tr>
      <tr>
        <th>模式</th>
        <td>
          <select id="addMode">
            <option value="0" selected="selected">当前</option>
            <option value="1">其他</option>
          </select>
        </td>
      </tr>
      <tr>
        <th>开关</th>
        <td>
          <select id="addSwitch">
            <option value="0">关闭</option>
            <option value="1" selected="selected">打开</option>
          </select>
        </td>
      </tr>
      <tr>
        <th>更细设置</th>
        <td>
          <select id="addUpdate">
            <option value="0" selected="selected">手动</option>
            <option value="1">每天</option>
            <option value="2">每周五</option>
          </select>
        </td>
      </tr>
      <tr>
        <th>文件名</th>
        <td>
          <input type="text" id="addFileName" style="width: 298px; display:inline-block; float: left" />
          <select id="addFileNameList" class="chzn-select" onchange="changeFileName($(this), ADD_FILE);" style="width: 323px;">
          </select>
        </td>
      </tr>
    </table>
    <div class="bottom_button_div">
      <input type="button" id="addInfoBtn" value="应 用" class="input_normal" onclick="addInfoApply();" />
      <input type="button" id="cancelAddInfoBtn" value="取 消" class="input_normal" onclick="cancelAdd();"/>
    </div>
  </div>
  <div id="modifyInfo" class="content_div_small" style="display: none;">
    <div class="table_tab_div">
      <div class="table_tab_left"></div>
      <div class="table_tab">批量修改</div>
      <div class="table_tab_right"></div>
    </div>
    <table id="basicModifyTable">
      <tr>
        <th width="40%">目的板卡</th>
        <td width="50%" class="header">
          <select id="modifyCard" onchange="populateEditPort($(this), 'modifyPort');">
          </select>
        </td>
        <td width="10%" class="header">
          <input type="checkbox" id="modifyCardCheck" />
        </td>
      </tr>
      <tr>
        <th>目的端口</th>
        <td>
          <select id="modifyPort">
          </select>
        </td>
        <td>
          <input type="checkbox" id="modifyPortCheck" />
        </td>
      </tr>
      <tr>
        <th>传送流ID</th>
        <td>
          <input type="text" id="modifyTsId" value="0" />
        </td>
        <td>
          <input type="checkbox" id="modifyTsIdCheck" />
        </td>
      </tr>
      <tr>
        <th>网络ID</th>
        <td>
          <input type="text" id="modifyNetworkId" value="0" />
        </td>
        <td>
          <input type="checkbox" id="modifyNetworkIdCheck" />
        </td>
      </tr>
      <tr>
        <th>节目号</th>
        <td>
          <input type="text" id="modifyServiceId" value="1" />
        </td>
        <td>
          <input type="checkbox" id="modifyServiceIdCheck" />
        </td>
      </tr>
      <tr>
        <th>节目号步进</th>
        <td>
          <input type="text" id="modifyServiceIdStep" value="1" />
        </td>
        <td></td>
      </tr>
    </table>
    <table id="extendModifyTable" style="display: none;">
      <tr>
        <th width="40%">模式</th>
        <td width="50%" class="header">
          <select id="modifyMode">
            <option value="0" selected="selected">当前</option>
            <option value="1">其他</option>
          </select>
        </td>
        <td width="10%" class="header">
          <input type="checkbox" id="modifyModeCheck" />
        </td>
      </tr>
      <tr>
        <th>开关</th>
        <td>
          <select id="modifySwitch">
            <option value="0">关闭</option>
            <option value="1" selected="selected">打开</option>
          </select>
        </td>
        <td>
          <input type="checkbox" id="modifySwitchCheck" />
        </td>
      </tr>
      <tr>
        <th>更新设置</th>
        <td>
          <select id="modifyUpdate">
            <option value="0" selected="selected">手动</option>
            <option value="1">每天</option>
            <option value="2">每周五</option>
          </select>
        </td>
        <td>
          <input type="checkbox" id="modifyUpdateCheck" />
        </td>
      </tr>
      <tr>
        <th>文件名</th>
        <td>
          <input type="text" id="modifyFileName" style="width: 244px; display:inline-block; float: left" />
          <select id="modifyFileNameList" class="chzn-select" onchange="changeFileName($(this), MODIFY_FILE);" style="width: 269px;">
          </select>
        </td>
        <td>
          <input type="checkbox" id="modifyFileNameCheck" />
        </td>
      </tr>
    </table>
    <div class="bottom_button_div">
      <input type="button" id="modifyInfoBtn" value="应 用" class="input_normal" onclick="modifyInfoApply();" />
      <input type="button" id="cancelmodifyInfoBtn" value="取 消" class="input_normal" onclick="cancelModify();"/>
    </div>
  </div>
</div>
<div id="promptInfo" class="prompt_div">
  <img id="promptSuccess" class="prompt_image" src="../style/images/success.png" />
  <img id="promptError" class="prompt_image" src="../style/images/failure.png" />
  <div id="promptText" class="prompt_text"></div>
</div>
<div id="lockPrompt" style="display: none;">
  <div id="lockInfo" class="prompt_info"></div>
  <div id="loading">
    <div></div>
  </div>
</div>
</body>
</html>
