|
|
@@ -10,26 +10,29 @@
|
|
|
<link rel="stylesheet" href="css/main.css">
|
|
|
<link rel="stylesheet" href="css/font-awesome/all.min.css">
|
|
|
<script src=js/echarts/echarts.min.js></script>
|
|
|
- <link rel="stylesheet" href="css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
|
|
|
<!--zTree-->
|
|
|
<link rel="stylesheet" href="css/ztree/zTreeStyle.css" type="text/css">
|
|
|
</head>
|
|
|
-
|
|
|
<body>
|
|
|
- <div class="main">
|
|
|
- <div class="main-nav d-flex align-items-start flex-column">
|
|
|
+ <div class="main">
|
|
|
+ <div class="main-nav d-flex align-items-start flex-column">
|
|
|
<div class="logo"><img src="img/logo.png"></div>
|
|
|
- <div class="nav-top">
|
|
|
+ <div class="nav-top">
|
|
|
<ul class="nav nav-pills nav-stacked bg-nav">
|
|
|
+ <!--系统维护信息-->
|
|
|
+ <!-- <li class="bg-danger"><a class="text-white maintain-icon"><i class="fa fa-wrench "></i><span class="bg-danger maintain-info">系统将于 2019年3月10日 14:09 开始停机维护,持续30分钟。</span></a></li> -->
|
|
|
+ <!--系统维护信息 end-->
|
|
|
<li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fas fa-chalkboard"></i><span>待办</span></a></li>
|
|
|
- <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fas fa-list-ul"></i><span>项目</span></a></li>
|
|
|
+ <li class="active"><a href="hetong.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="合同管理"><i class="fas fa-book-open"></i><span>合同管理</span></a></li>
|
|
|
+ <li class=""><a href="anquan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="安全巡检"><i class="fas fa-users-cog"></i><span>安全巡检</span></a></li>
|
|
|
+ <li class=""><a href="zhiliang.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="质量巡检"><i class="fas fa-toolbox"></i><span>质量巡检</span></a></li>
|
|
|
</ul>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<div class="nav-bottom mt-auto">
|
|
|
<ul class="nav nav-pills nav-stacked bg-nav">
|
|
|
<li><a href="settings-poj.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目设置"><i class="fa fa-cogs"></i><span>项目设置</span></a></li>
|
|
|
</ul>
|
|
|
- <div class="dropup my-1 ml-1">
|
|
|
+ <div class="dropright my-1 ml-1">
|
|
|
<a href="" class="btn btn-sm btn-light" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
|
|
|
张三
|
|
|
</a>
|
|
|
@@ -42,214 +45,177 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="main-panel">
|
|
|
- <div class="panel-sidebar">
|
|
|
- <div class="sidebar-title" data-toggle="tooltip" data-placement="right" data-original-title="中交第一公路工程局有限公司国道311线满别公路施工一分部">中交第一公路工程局有限公司国道...</div>
|
|
|
- <div class="scrollbar-auto">
|
|
|
- <div class="nav-box">
|
|
|
- <ul class="nav-list list-unstyled">
|
|
|
- <li><a href="biaoduan-panel.html"><i class="fas fa-chart-pie"></i> <span>标段概况</span></a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="nav-box">
|
|
|
- <ul class="nav-list list-unstyled">
|
|
|
- <li class="active"><a href="hetong.html"><i class="fas fa-book-open"></i> <span>合同管理</span></a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="nav-box">
|
|
|
- <ul class="nav-list list-unstyled">
|
|
|
- <li><a href="anquan.html"><i class="fas fa-users-cog"></i> <span>安全巡检</span></a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="nav-box">
|
|
|
- <ul class="nav-list list-unstyled">
|
|
|
- <li><a href="zhiliang.html"><i class="fas fa-toolbox"></i> <span>质量巡检</span></a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="side-fold"><a href="#" data-toggle="tooltip" data-placement="top" data-original-title="折叠侧栏"><i class="fa fa-sign-out fa-flip-horizontal"></i></a></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="panel-content">
|
|
|
- <div class="panel-title">
|
|
|
- <div class="title-main d-flex justify-content-between">
|
|
|
- <div>
|
|
|
- 合同管理
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a href="#ht-setting" data-toggle="modal" data-target="#ht-setting" class="btn btn-sm btn-outline-primary pull-right"><i class="fas fa-cog"></i> 设置</a>
|
|
|
- <a href="#add-ht" data-toggle="modal" data-target="#add-ht" class="btn btn-sm btn-primary pull-right">新建合同</a>
|
|
|
+ </div>
|
|
|
+ <div class="main-panel">
|
|
|
+ <div class="panel-content">
|
|
|
+ <div class="panel-title fluid">
|
|
|
+ <div class="title-main d-flex justify-content-between">
|
|
|
+ <div>
|
|
|
+ <div class="d-inline-block mr-2">
|
|
|
+ <!--展开/收起-->
|
|
|
+ <div class="btn-group">
|
|
|
+ <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="zhankai">展开/收起</button>
|
|
|
+ <div class="dropdown-menu" aria-labelledby="zhankai">
|
|
|
+ <a class="dropdown-item" href="#">展开所有</a>
|
|
|
+ <a class="dropdown-item" href="#">收起所有</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="content-wrap">
|
|
|
- <div class="c-body">
|
|
|
- <div class="sjs-height-0">
|
|
|
- <table class="table table-bordered">
|
|
|
- <thead>
|
|
|
- <tr><th width="70">序号</th><th width="250">项目内容</th><th>合同名称</th><th>合同编号</th><th>合同类型</th><th>合同金额</th><th>结算金额</th><th>备注</th></tr>
|
|
|
- </thead>
|
|
|
- <tr><td><span class="mr-1" title="收起"><i class="fal fa-minus-square"></i></span>1</td><td>第一部分 建筑安装工程费</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td class="pl-2">1.1</td><td>劳务</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td class="pl-2"><span class="mr-1" title="收起"><i class="fal fa-minus-square"></i></span>1.2</td><td>材料</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.1</td><td>钢筋、工字钢、型钢、角钢、钢板</td><td>台州湾大桥及接线工程TS15标钢筋及型钢供应合同</td><td>CD03-CL-2015-117</td><td><span class="badge badge-danger">支出合同</span></td><td class="text-right">62851000.00</td><td class="text-right">0.00</td><td>履行中</td></tr>
|
|
|
- <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.2</td><td>碎石</td><td>台州湾大桥及接线工程TS15标碎石供应合同</td><td>CD03-CL-2015-118</td><td><span class="badge badge-danger">支出合同</span></td><td class="text-right">6557000.00</td><td class="text-right">3787300.07</td><td>履行中</td></tr>
|
|
|
- <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.3</td><td>水泥</td><td>台州湾大桥及接线工程TS15标水泥供应合同</td><td>CD03-CL-2015-119</td><td><span class="badge badge-success">收入合同</span></td><td class="text-right">43064827.00</td><td class="text-right">43064827.00</td><td>待关闭</td></tr>
|
|
|
- <tr><td class="pl-3"><span class="mr-1" title="收起"><i class="fal fa-minus-square-o fa-fw"></i></span> 1.2.3</td><td>预应力管桩</td><td>台州湾大桥及接线工程TS15标预应力管桩供应合同</td><td>CD03-CL-2015-120</td><td><span class="badge badge-success">收入合同</span></td><td class="text-right">28000000.00</td><td class="text-right">28000000.00</td><td class="text-success">正常关闭</td></tr>
|
|
|
- <tr><td class="pl-2">1.3</td><td>机械</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td class="pl-2">1.4</td><td>临时工程</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td class="pl-2">1.5</td><td>施工测量、检测及试验</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td class="pl-2">1.6</td><td>其他直接费</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td class="pl-2">1.7</td><td>专项费用</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td class="pl-2">1.8</td><td>施工场地建设</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td class="pl-2">1.9</td><td>安全生产</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- <tr><td>2</td><td>第二部分 土地使用及拆迁补偿费</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
|
|
|
- </table>
|
|
|
+ <div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--设置-->
|
|
|
- <div class="modal fade" id="ht-setting" data-backdrop="static">
|
|
|
- <div class="modal-dialog" role="document">
|
|
|
- <div class="modal-content">
|
|
|
- <div class="modal-header">
|
|
|
- <h5 class="modal-title">变更令设置</h5>
|
|
|
</div>
|
|
|
- <div class="modal-body">
|
|
|
- <ul class="nav nav-tabs mb-3" role="tablist">
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">合同编号规则</a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="tab-content">
|
|
|
- <div class="tab-pane active" id="bianhao">
|
|
|
- <h5>当前规则:WWUJ-1-201803-001</h5>
|
|
|
- <h5>
|
|
|
- <span class="badge badge-light" title="标段名">WWUJ-1 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
|
|
|
- <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
|
|
|
- <span class="badge badge-light" title="当前年月">201803 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
|
|
|
- <span class="badge badge-light" title="连接符">-<a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
|
|
|
- <span class="badge badge-light" title="自动编号">0000 <a href="#" class="text-danger" title="移除"><i class="fas fa-times"></i></a></span>
|
|
|
- </h5>
|
|
|
- <h5 class="my-3">添加新规则组件</h5>
|
|
|
- <div class="form-group">
|
|
|
- <select class="form-control form-control-sm">
|
|
|
- <option>请选择组件</option>
|
|
|
- <option>连接符</option>
|
|
|
- <option>标段名</option>
|
|
|
- <option>文本</option>
|
|
|
- <option>当前年月</option>
|
|
|
- <option>自增编号</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <!-- <div class="form-group">
|
|
|
- <select class="form-control form-control-sm">
|
|
|
- <option>请选择</option>
|
|
|
- <option>-</option>
|
|
|
- <option>_</option>
|
|
|
- <option>无</option>
|
|
|
- </select>
|
|
|
+ <div class="content-wrap">
|
|
|
+ <div class="sjs-height-0">
|
|
|
+ <div class="c-body">
|
|
|
+ <!--没有标段数据-->
|
|
|
+ <!-- <div class="jumbotron">
|
|
|
+ <h3 class="display-6">还没有标段数据</h3>
|
|
|
</div> -->
|
|
|
- <div class="form-group">
|
|
|
- <label>自动编号位数</label>
|
|
|
- <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label>起始编号</label>
|
|
|
- <input class="form-control form-control-sm" value="001" type="text">
|
|
|
- </div>
|
|
|
- <button class="btn btn-sm btn-outline-primary">添加组件</button>
|
|
|
+ <!--标段概况-->
|
|
|
+ <table class="table table-hover table-bordered">
|
|
|
+ <thead class="text-center">
|
|
|
+ <th>名称</th>
|
|
|
+ <th>合同总数</th>
|
|
|
+ <th>收入合同金额</th>
|
|
|
+ <th>结算进度</th>
|
|
|
+ <th>支出合同金额</th>
|
|
|
+ <th>结算进度</th>
|
|
|
+ </thead>
|
|
|
+ <tr>
|
|
|
+ <td class="in-1"><span class="fold-switch mr-1" title="展开"><i class="fal fa-plus-square"></i></span><i class="fal fa-folder"></i> 文件夹1</td>
|
|
|
+ <td class="text-right">20</td>
|
|
|
+ <td class="text-right">0.00</td>
|
|
|
+ <td class="text-center">0%</td>
|
|
|
+ <td class="text-right">0.00</td>
|
|
|
+ <td class="text-center">0%</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-1"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i> 文件夹2</td>
|
|
|
+ <td class="text-right">30</td>
|
|
|
+ <td class="text-right">60000.00</td>
|
|
|
+ <td class="text-center">56%</td>
|
|
|
+ <td class="text-right">20000.00</td>
|
|
|
+ <td class="text-center">20%</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i> 文件夹2.1</td>
|
|
|
+ <td class="text-right">20</td>
|
|
|
+ <td class="text-right">40000.00</td>
|
|
|
+ <td class="text-center">36%</td>
|
|
|
+ <td class="text-right">10000.00</td>
|
|
|
+ <td class="text-center">10%</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">├</span><a href="hetong-list.html">WWUJ-1</a></td>
|
|
|
+ <td class="text-right">10</td>
|
|
|
+ <td class="text-right">30000.00</td>
|
|
|
+ <td class="text-center">16%</td>
|
|
|
+ <td class="text-right">7000.00</td>
|
|
|
+ <td class="text-center">4%</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">└</span><a href="hetong-list.html">WWUJ-4</a></td>
|
|
|
+ <td class="text-right">10</td>
|
|
|
+ <td class="text-right">10000.00</td>
|
|
|
+ <td class="text-center">20%</td>
|
|
|
+ <td class="text-right">3000.00</td>
|
|
|
+ <td class="text-center">7%</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-2"><span class="fold-switch mr-1" title="收起"><i class="fal fa-minus-square"></i></span><i class="fal fa-folder-open"></i> 文件夹2.2</td>
|
|
|
+ <td class="text-right">20</td>
|
|
|
+ <td class="text-right">20000.00</td>
|
|
|
+ <td class="text-center">20%</td>
|
|
|
+ <td class="text-right">10000.00</td>
|
|
|
+ <td class="text-center">10%</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">├</span><a href="hetong-list.html">WWUJ-2</a></td>
|
|
|
+ <td class="text-right">10</td>
|
|
|
+ <td class="text-right">15000.00</td>
|
|
|
+ <td class="text-center">15%</td>
|
|
|
+ <td class="text-right">1000.00</td>
|
|
|
+ <td class="text-center">1%</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="in-3"><span class="text-muted mr-2">└</span><a href="hetong-list.html">WWUJ-3</a></td>
|
|
|
+ <td class="text-right">10</td>
|
|
|
+ <td class="text-right">5000.00</td>
|
|
|
+ <td class="text-center">5%</td>
|
|
|
+ <td class="text-right">9000.00</td>
|
|
|
+ <td class="text-center">9%</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="modal-footer">
|
|
|
- <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
|
|
|
- <button type="button" class="btn btn-sm btn-primary">确定</button>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--弹出添加合同-->
|
|
|
- <div class="modal fade" id="add-ht" data-backdrop="static">
|
|
|
- <div class="modal-dialog" role="document">
|
|
|
- <div class="modal-content">
|
|
|
- <div class="modal-header">
|
|
|
- <h5 class="modal-title">新建合同</h5>
|
|
|
- </div>
|
|
|
- <div class="modal-body">
|
|
|
- <div class="form-group">
|
|
|
- <label>合同分类</label>
|
|
|
- <select class="form-control form-control-sm">
|
|
|
- <optgroup label="1 第一部分 建筑安装工程费">
|
|
|
- <option>1.1 劳务</option>
|
|
|
- <option>1.2 材料</option>
|
|
|
- <option>1.3 机械</option>
|
|
|
- <option>1.4 临时工程</option>
|
|
|
- <option>1.5 施工测量、检测及试验</option>
|
|
|
- <option>1.6 其他直接费</option>
|
|
|
- <option>1.7 专项费用</option>
|
|
|
- <option>1.8 施工场地建设</option>
|
|
|
- <option>1.9 安全生产</option>
|
|
|
- </optgroup>
|
|
|
- <optgroup label="2 第二部分 土地使用及拆迁补偿费">
|
|
|
- <option>2.1 ...</option>
|
|
|
- <option>2.2 ...</option>
|
|
|
- <option>2.3 ...</option>
|
|
|
- </optgroup>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label>合同编号<b class="text-danger">*</b></label>
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input type="text" class="form-control" value="CD03-CL-2015-121" placeholder="请输入合同编号">
|
|
|
- <div class="input-group-append">
|
|
|
- <button class="btn btn-outline-secondary" type="button" >自动编号</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label>合同名称<b class="text-danger">*</b></label>
|
|
|
- <input class="form-control form-control-sm" placeholder="输入合同名称" type="text">
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label>合同类型<b class="text-danger">*</b></label>
|
|
|
- <select class="form-control form-control-sm">
|
|
|
- <option>请选择</option>
|
|
|
- <option>支出合同</option>
|
|
|
- <option>收入合同</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="form-group">
|
|
|
- <label>合同金额<b class="text-danger">*</b></label>
|
|
|
- <div class="input-group input-group-sm">
|
|
|
- <input type="text" class="form-control nospin" placeholder="输入合同金额" mini="1">
|
|
|
- <div class="input-group-append">
|
|
|
- <span class="input-group-text">元</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="modal-footer">
|
|
|
- <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
|
|
|
- <button type="button" class="btn btn-sm btn-primary">确定添加</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- JS. -->
|
|
|
- <script src="js/jquery/jquery-3.2.1.min.js"></script>
|
|
|
- <script src="js/popper/popper.min.js"></script>
|
|
|
- <script src="js/bootstrap/bootstrap.min.js"></script>
|
|
|
- <script src="js/global.js"></script>
|
|
|
- <script src="js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
|
|
|
- <!-- zTree -->
|
|
|
- <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
|
|
|
- <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
|
|
|
- <script type="text/javascript"> autoFlashHeight();</script>
|
|
|
|
|
|
-</body>
|
|
|
+ <!-- JS. -->
|
|
|
+ <script src="js/jquery/jquery-3.2.1.min.js"></script>
|
|
|
+ <script src="js/popper/popper.min.js"></script>
|
|
|
+ <script src="js/bootstrap/bootstrap.min.js"></script>
|
|
|
+ <script src="js/global.js"></script>
|
|
|
+ <script type="text/javascript"> autoFlashHeight();</script>
|
|
|
+ <!-- zTree -->
|
|
|
+ <script type="text/javascript" src="js/ztree/jquery.ztree.core.js"></script>
|
|
|
+ <script type="text/javascript" src="js/ztree/jquery.ztree.excheck.js"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ <!--
|
|
|
+ var setting = {
|
|
|
+ view: {
|
|
|
+ selectedMulti: false
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ simpleData: {
|
|
|
+ enable: true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ callback: {
|
|
|
+ onCheck: onCheck
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ var zNodes =[
|
|
|
+ { id:1, pId:0, name:"文件夹1", isParent:true, open:true},
|
|
|
+ { id:2, pId:0, name:"文件夹2", isParent:true,open:true},
|
|
|
+ { id:21, pId:2, name:"文件夹2.1", isParent:true,open:true},
|
|
|
+ { id:22, pId:2, name:"文件夹2.2", isParent:true,open:true}
|
|
|
+ ];
|
|
|
|
|
|
-</html>
|
|
|
+ var clearFlag = false;
|
|
|
+ function onCheck(e, treeId, treeNode) {
|
|
|
+ count();
|
|
|
+ if (clearFlag) {
|
|
|
+ clearCheckedOldNodes();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function clearCheckedOldNodes() {
|
|
|
+ var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
|
|
|
+ nodes = zTree.getChangeCheckedNodes();
|
|
|
+ for (var i=0, l=nodes.length; i<l; i++) {
|
|
|
+ nodes[i].checkedOld = nodes[i].checked;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function count() {
|
|
|
+ var zTree = $.fn.zTree.getZTreeObj("treeDemo3"),
|
|
|
+ checkCount = zTree.getCheckedNodes(true).length;
|
|
|
+ $("#checkCount4").text(checkCount);
|
|
|
+
|
|
|
+ }
|
|
|
+ function createTree() {
|
|
|
+ $.fn.zTree.init($("#treeDemo3"), setting, zNodes);
|
|
|
+ count();
|
|
|
+ }
|
|
|
+ $(document).ready(function(){
|
|
|
+ createTree();
|
|
|
+ });
|
|
|
+ //-->
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+</html>
|