<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!doctype html>
<html style="height:100%;font-size:14px;">

<head>
  <!-- 让360双核浏览器用webkit内核渲染页面-->
  <meta name="renderer" content="webkit">
  <!-- 让IE浏览器用最高级内核渲染页面 还有用 Chrome 框架的页面用webkit 内核 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <!-- IOS6全屏 Chrome高版本全屏 -->
  <!--[if lt IE 9]>
      <meta http-equiv="X-UA-Compatible" content="edge" >
      <script src="/online_report/static/js/respond.js"></script>
 　   <script src="/online_report/static/js/html5shiv.min.js"></script>
      <![endif]-->

  <!--[if lt IE 7]>
      <script>
           window.CheckLowIe = true;
      </script>
      <![endif]-->
  <meta name="spreadjs culture" content="zh-cn" />
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>${pzzlMc}</title>
  <!-- 样式 -->
  <link href="/online_report/static/resources/gc.spread.sheets.excel2013white.12.0.0.css" rel="stylesheet">
  <link href="/online_report/static/css/style.css?v=12" rel="stylesheet">
  <link href="/online_report/static/tools/js/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" />
  <script src="/online_report/static/js/jquery.min.js"></script>
  <!-- 工程文件 -->
  <script src="/online_report/static/resources/gc.spread.sheets.all.min.js"></script>
  <script src="/online_report/static/resources/zh/gc.spread.sheets.resources.zh.12.0.0.min.js"></script>
  <!-- 生成的资源文件 -->
  <!-- TODO 此处需要将路径调整为对应引用的地址-->
  <script src="/online_report/static/page_js/_yearGLB/data.js?v=19"></script>
  <script src="/online_report/static/page_extend_js/_yearGLB/data.js?v=19"></script>
  <script>
    // 全局变量 用于存放报表的特殊取值操作
    var NB_SPECIAL_HANDLER = {};
  </script>

  <style>
    .left-item.has-error {
      font-weight: bold;
      color: red;
    }

    /* 2019年2月18日11:21:38 新增年报特殊处理样式 */

    .left-item.table_fixed {
      background-color: #efe8e8;
      color: #6b6363;
    }

    .container .left-bar .left .left-item.table_fixed:hover {
      color: #6b6363;
    }
  </style>
</head>

<body class="body">
  <div class="header">
    <div class="title">${pzzlMc}</div>
    <div class="button-group">
      <button onClick="submitData()" class="htbutton"> 保存 </button>
    </div>
  </div>
  </div>
  <div class="container">
    <div class="left-bar">
      <div class="left-title"><span>申报表列表</span></div>
      <div class="left">
      </div>
    </div>
    <div class="breakbar">
      <div class="middle-btn"></div>
    </div>
    <div class="right">
      <div id="ss" style="width:100%;height:100%"></div>
    </div>
  </div>
  <div id="Modal"></div>
  <div id="gljynrModal">
    <p class="import-title">
      <span class="title">选择关联交易内容</span>
    </p>
    <div class="czJyLx-content">
      <table class="czJyLx-table">
        <thead>
          <tr>
            <th>选择</th>
            <th class="dm-name">关联交易内容代码</th>
            <th class="content-name">关联交易内容</th>
          </tr>
        </thead>
        <tbody class="modal-table">
          <!-- <tr>
            <td><input type="checkbox" class="only-single" data-code="" value="" data-id="10300" data-name="税率优惠" /></td>
            <td>10300</td>      
            <td>税率优惠</td>
          </tr> -->
        </tbody>
      </table>
    </div>
    <div class="modal-button">
      <button class="htbutton" id="czJyLxConfirm">确定</button>
      <button class="htbutton" id="czJyLxClose">取消</button>
    </div>
  </div>
  <div id="tqzlModal">
    <p class="import-title">
      <span class="title">选择本年度准备同期资料</span>
    </p>
    <div class="czJyLx-content">
      <table class="czJyLx-table">
        <thead>
          <tr>
            <th>选择</th>
            <th>代码</th>
            <th>名称</th>
          </tr>
        </thead>
        <tbody class="modal-table">
          <tr>
            <td><input type="checkbox" class="only-single" data-code="" value="" data-id="0" data-name="无" /></td>
            <td>0</td>      
            <td>无</td>
          </tr>
          <tr>
            <td><input type="checkbox" data-code="" value="" data-id="1" data-name="主体文档" /></td>
            <td>1</td>      
            <td>主体文档</td>
          </tr>
          <tr>
            <td><input type="checkbox" data-code="" value="" data-id="2" data-name="本地文档" /></td>
            <td>2</td>      
            <td>本地文档</td>
          </tr>
          <tr>
            <td><input type="checkbox" data-code="" value="" data-id="3" data-name="特殊事项文档" /></td>
            <td>3</td>      
            <td>特殊事项文档</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="modal-button">
      <button class="htbutton" id="czJyLxConfirm">确定</button>
      <button class="htbutton" id="czJyLxClose">取消</button>
    </div>
  </div>
  <div id="hydmModal">
    <p class="import-title">
      <span class="title">选择所属行业代码</span>
    </p>
    <div class="searchBox">
      <span class="searchTitle">所属行业代码：</span>
      <input class="searchInput" id="swjgdm" type="text" name="">
      <button class="button searchBtn" id="searchBtn">搜索</button>
    </div>
    <div class="czSwjg-content">
      <table class="czJyLx-table">
        <thead>
          <tr>
            <th>选择</th>
            <th>行业代码</th>
            <th>行业名称</th>
          </tr>
        </thead>
        <tbody class="modal-table" id="czSwjg-table">
          
        </tbody>
      </table>
    </div>
    <div class="modal-button">
      <button class="htbutton" id="czSwjgConfirm">确定</button>
      <button class="htbutton" id="czSwjgClose">取消</button>
    </div>
  </div>
  <!-- 导入按钮 -->
  <div id="importData" style="">
    <p class="import-title">
      <span class="title">导入数据</span>
      <span class="close">×</span>
    </p>
    <div class="area-div">
      <textarea id="exportAreaData" cols="30" rows="20"></textarea>
    </div>

    <p class="text-right">
      <button class="htbutton import" id="confirmImportBtn">导入数据</button>
      <button class="htbutton close">关闭</button>
    </p>
  </div>

  <div class="modal-box" id="resultModal">
    <div class="modal-content">
      <!-- 基本校验 -->
      <div class="jbjy-box">
        <div class="jbjy jy-title">基本校验</div>
        <table class="httable  jbjy-table">
          <thead>
            <tr>
              <th>校验标识</th>
              <th>提示信息</th>
              <th>校验类型</th>
            </tr>
          </thead>
          <tbody class="modal-table">
          </tbody>
        </table>
      </div>
      <!-- 报表校验 -->
      <div class="bbjy-box">
        <div class="bbjy jy-title">报表校验</div>
        <table class="httable httable-hover bbjy-table">
          <thead>
            <tr>
              <th>校验标识</th>
              <th>提示信息</th>
              <th>校验类型</th>
            </tr>
          </thead>
          <tbody class="modal-table">
          </tbody>
        </table>
      </div>
      <!-- 一窗式校验 -->
      <div class="ycsjy-box">
        <div class="sbjg jy-title"></div>
        <table class="httable httable-hover ycsjy-table">
          <thead>
            <tr>
              <!-- <th>比对规则编码</th> -->
              <th>比对项目</th>
              <th>比对名称</th>
              <th>比对结果</th>
              <th>比对内容</th>
              <th>比对结果信息</th>
              <th>监控级别</th>
            </tr>
          </thead>
          <tbody class="modal-table">
          </tbody>
        </table>
      </div>
    </div>
    <div class="ycsjyjg"></div>
    <div class="modal-button">
      <button class="htbutton" id="confirm">确定</button>
      <button class="htbutton" id="closeModal">取消</button>
    </div>
  </div>
  <div id="resultFloat" title="查看校验结果" class="htbutton">查看校验</div>
  <!-- 业务逻辑代码 -->
  <script type="text/javascript" src="/online_report/static/js/yearGLB/initLoader.js?v=19"></script>
  <script type="text/javascript" src="/online_report/static/js/yearGLB/util.js?v=19"></script>
  <script type="text/javascript" src="/online_report/static/js/yearGLB/api.js?v=19"></script>
  <script type="text/javascript" src="/online_report/static/js/yearGLB/fomula.js?v=19"></script>
  <script type="text/javascript" src="/online_report/static/js/yearGLB/tool.js?v=19"></script>
  <script type="text/javascript" src="/online_report/static/js/yearGLB/specialHandler.js?v=19"></script>
  <script type="text/javascript" src="/online_report/static/js/yearGLB/result.js?v=19"></script>
  <script type="text/javascript" src="/online_report/static/tools/js/My97DatePicker/WdatePicker.js?v=19"></script>
  <script>
    var GLOBAL_INITJSON = ${ data };
    var GLOBAL_JSON = ${ dataSs };
    var isGZflag = ${ ifGZflag?true:false };
    var GLOBAL_CACHE_DATA = ${ cacheData };
    var GLOBAL_TABLE_SPECIAL = ${ specialCarryData };
    var GLOBAL_TABLE_FP = ${ zzsData };

    // 布局处理
    var $container = $(".container");
    var $breakbar = $(".breakbar .middle-btn");
    $(function () {
      $container.removeClass("full");
      $breakbar.text("<");
      $breakbar.on("click", function () {
        if ($container.is(".full")) {
          $container.removeClass("full");
          $breakbar.text("<");
        } else {
          $container.addClass("full");
          $breakbar.text(">");
        }
        if (spread) {
          spread.refresh();
        }
      });
    });

    // $(document).ready(function () {
    //   setTimeout(function () {
    //     // TODO 在选择完报表的条件下添加特殊样式标记
    //     $('[data-table="table_10414_001"],[data-table="table_10414_002"]').addClass('table_fixed');
    //     $('[data-index="2"]').click();
    //   }, 1000);
    // })
  </script>
</body>

</html>