SmartCost
/
ConstructionOperation


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>定额库编辑器</title>
    <link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.min.css">
   <!-- <link rel="stylesheet" href="/lib/css/bootstrap/themes.css">-->
    <link rel="stylesheet" href="/web/maintain/ration_repository/css/main.css">
    <link rel="stylesheet" href="/lib/font-awesome/font-awesome.min.css">
    <!--zTree-->
  	<link rel="stylesheet" href="/lib/ztree/css/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" href="/lib/spreadjs/sheets/css/gc.spread.sheets.10.0.1.css" type="text/css">

</head>

<body>
    <div class="header">
        <nav class="navbar navbar-toggleable-lg navbar-light bg-faded p-0 ">
            <span class="header-logo px-2">Smartcost</span>
            <div id="rationname" class="navbar-text"><a href="main">定额库</a><i class="fa fa-angle-right fa-fw"></i>XXX定额库</div>
        </nav>
        <nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0">
              <ul class="nav nav-tabs" role="tablist">
                  <li class="nav-item">
                      <a class="nav-link active px-3" id ="dinge" >定额</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link px-3" id="gongliao" href="#">工料机</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link px-3" id="fuzhu" href="#">附注条件</a>
                  </li>
                  <li class="nav-item">
                      <a class="nav-link px-3" href="#">安装增加费</a>
                  </li>
              </ul>
        </nav>
    </div>
    <div class="main">
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                  <div class="main-side col-lg-3 p-0">
                      <div class="tab-bar">
                          <a onclick="zTreeOprObj.addRootNode()" class="btn btn-secondary btn-sm">增加根节点</a>
                      </div>
                    <div class="tab-content">
                      <ul id="rationChapterTree" class="ztree"></ul>
                    </div>
                  </div>
                  <div class="main-content col-lg-9 p-0">
                      <!-- 右标签 -->
                      <ul class="nav nav-tabs tools-bar" role="tablist">
                          <li class="nav-item">
                              <a class="nav-link active" data-toggle="tab" href="#tde" role="tab">定额</a>
                          </li>
                          <li class="nav-item">
                              <a class="nav-link" data-toggle="tab" href="#tsm" role="tab">说明</a>
                          </li>
                          <li class="nav-item">
                              <a class="nav-link" data-toggle="tab" href="#tjs" role="tab">计算规则</a>
                          </li>
                          <li class="nav-item">
                              <a class="nav-link" data-toggle="tab" href="#tgz" role="tab">工作内容</a>
                          </li>
                      </ul>
                      <div class="tab-content">
                          <!--定额-->
                          <div class="tab-pane active" id="tde" role="tabpanel">
                              <!--定额top-->
                              <div id="rationItemsSheet" class="main-data-top"></div>
                              <!--定额bottom-->
                              <div class="bottom-content">
                                  <!-- 标签 -->
                                  <ul class="nav nav-tabs" role="tablist">
                                      <li class="nav-item">
                                          <a class="nav-link active" id="linkGLJ" data-toggle="tab" href="#rDetail" role="tab">工料机</a>
                                      </li>
                                      <li class="nav-item">
                                          <a class="nav-link" id="linkFZDE" data-toggle="tab" href="#rDetail" role="tab">辅助定额调整</a>
                                      </li>
                                      <li class="nav-item">
                                          <a class="nav-link" id="linkFZTJ" data-toggle="tab" href="#rDetail" role="tab">附注条件调整</a>
                                      </li>
                                      <li class="nav-item">
                                          <!--<a class="nav-link" id="linkAZZJ" data-toggle="tab" href="#" role="tab">安装增加费</a>-->
                                          <a class="nav-link" href="#">安装增加费</a>
                                      </li>
                                  </ul>
                                  <!-- 内容 -->
                                  <div class="tab-content">
                                      <div class="tab-pane active" id="rDetail" role="tabpanel">
                                          <div id="rdSpread" class="main-data-bottom"></div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <!--说明-->
                          <div class="tab-pane" id="tsm" role="tabpanel">
                              <div class="main-data">
                                  <div class="m-2"><a href="javacript:void(0);" data-toggle="modal" data-target="#editTsm" title="编辑">编辑说明</a></div>
                                  <div class="main-content m-2">
                                      <h5>说明</h5><p>一、一般说明</p><p>1.土壤及岩石分类，详见土壤及岩石分类表。</p><p>2.....</p>
                                  </div>
                              </div>
                          </div>
                          <!--计算规则-->
                          <div class="tab-pane" id="tjs" role="tabpanel">
                              <div class="main-data">
                                  <div class="m-2"><a href="javacript:void(0);" data-toggle="modal" data-target="#editTjs" title="编辑">编辑计算规则</a></div>
                                  <div class="main-content m-2">
                                      <h5>计算规则</h5>
                                      <p>土壤、岩石体积，均按挖掘前的天然密度体积以立方米计算。.....</p>
                                  </div>
                              </div>
                          </div>
                          <!--工作内容-->
                          <div class="tab-pane" id="tgz" role="tabpanel">
                              <div class="main-data">
                                  <div class="form-check m-2"><label class="form-check-label"><input type="radio" class="form-check-input" name="optionsRadios" value="option1" checked=""> 适合本项所有定额</label>&nbsp;&nbsp;<label class="form-check-label"><input type="radio" class="form-check-input" name="optionsRadios" value="option1"> 适合本项部分定额</label></div>
                                  <!-- <p class="m-2">适合本项所有定额</p> -->
                                  <table class="table table-sm table-bordered m-0">
                                      <tr>
                                          <td>1.挖土、修理边底。2.挖淤泥、流沙、修理边底。</td>
                                      </tr>
                                  </table>
                                  <div class="form-check m-2"><label class="form-check-label"><input type="radio" class="form-check-input" name="optionsRadios2" value="option1"> 适合本项所有定额</label>&nbsp;&nbsp;<label class="form-check-label"><input type="radio" class="form-check-input" name="optionsRadios2" value="option1" checked=""> 适合本项部分定额</label></div>
                                  <table class="table table-sm table-bordered m-0">
                                      <thead>
                                      <tr>
                                          <th></th>
                                          <th>编码</th>
                                          <th>工作内容</th>
                                      </tr>
                                      </thead>
                                      <tbody>
                                      <tr>
                                          <td>1</td>
                                          <td><a href data-toggle="modal" data-target="#editBianmaQ" class="m-0">编辑编码</a><p class="m-0">AA0017</p><p class="m-0">AA0018</p><p class="m-0">AA0019</p><p class="m-0">AA0020</p><p class="m-0">AA0021</p><p class="m-0">AA0022</p></td>
                                          <td><p class="m-0">1.松填土：5m内的就地取土，铺平。</p><p class="m-0">2.夯填土方（石渣）：5m内的就地取土（石渣）、铺平、夯实、洒水等。</p></td>
                                      </tr>
                              <tr>
                                  <td>2</td>
                                  <td><a href data-toggle="modal" data-target="#editBianma" class="m-0">点击勾选编码</a></td>
                                  <td></td>
                              </tr>
                              <tr>
                                  <td>3</td>
                                  <td></td>
                                  <td></td>
                              </tr>
                              <tr>
                                  <td>4</td>
                                  <td></td>
                                  <td></td>
                              </tr>
                              </tbody>
                              </table>
                              <div class="form-check m-2"><label class="form-check-label"><input type="radio" class="form-check-input" name="optionsRadios1" value="option1"> 适合本项所有定额</label>&nbsp;&nbsp;<label class="form-check-label"><input type="radio" class="form-check-input" name="optionsRadios1" value="option1" checked=""> 适合本项部分定额</label></div>
                              <table class="table table-sm table-bordered m-0">
                                  <thead>
                                  <tr>
                                      <th></th>
                                      <th>编码</th>
                                      <th>工作内容</th>
                                  </tr>
                                  </thead>
                                  <tbody>
                                  <tr>
                                      <td>1</td>
                                      <td><a href data-toggle="modal" data-target="#editBianma" class="m-0">编辑编码</a><p class="m-0">AA0017</p><p class="m-0">AA0018</p><p class="m-0">AA0019</p></td>
                                      <td><p class="m-0">1.松填土：5m内的就地取土，铺平。</p><p class="m-0">2.夯填土方（石渣）：5m内的就地取土（石渣）、铺平、夯实、洒水等。</p></td>
                                  </tr>
                                  <tr>
                                      <td>2</td>
                                      <td><a href data-toggle="modal" data-target="#editBianma" class="m-0">编辑编码</a><p class="m-0">AA0020</p><p class="m-0">AA0021</p><p class="m-0">AA0022</p></td>
                                      <td><p class="m-0">1.松填土：5m内的就地取土，铺平。</p><p class="m-0">2.夯填土方（石渣）：5m内的就地取土（石渣）、铺平、夯实、洒水等。</p></td>
                                  </tr>
                                  <tr>
                                      <td>3</td>
                                      <td><a href data-toggle="modal" data-target="#editBianma" class="m-0">点击勾选编码</a></td>
                                      <td></td>
                                  </tr>
                                  <tr>
                                      <td>4</td>
                                      <td></td>
                                      <td></td>
                                  </tr>
                                  <tr>
                                      <td>5</td>
                                      <td></td>
                                      <td></td>
                                  </tr>
                                  </tbody>
                              </table>
                          </div>
                      </div>
                  </div>
                </div>
            </div>
        </div>
    </div>
        <!--弹出添加-->
        <div class="modal fade" id="addNewgznr" data-backdrop="static" style="display: none;" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">添加工作内容</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <label>内容</label>
                                <textarea class="form-control" rows="5"></textarea>
                            </div>
                        </form>
                        <form>
                            <div class="form-group">
                                <label>编码</label>
                                <div class="form-control">
                                    <div class="row code">
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0017
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0018
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0019
                                            </label>
                                        </div>
                                        <div class="w-100"></div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1"> AA0020
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1"> AA0021
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1"> AA0022
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label>内容</label>
                                <textarea class="form-control" rows="5"></textarea>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                        <a href="" class="btn btn-primary">确定</a>
                    </div>
                </div>
            </div>
        </div>
        <!--弹出编辑-->
        <div class="modal fade" id="editTsm" data-backdrop="static" style="display: none;" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">编辑说明</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <label>内容</label>
                                <textarea class="form-control" rows="5"></textarea>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                        <a href="" class="btn btn-primary">确定</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="editTjs" data-backdrop="static" style="display: none;" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">编辑计算规则</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <label>内容</label>
                                <textarea class="form-control" rows="5"></textarea>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                        <a href="" class="btn btn-primary">确定</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="editBianmaQ" data-backdrop="static" style="display: none;" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">修改编码</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <label>编码</label>
                                <div class="form-control">
                                    <div class="row code">
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0017
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0018
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0019
                                            </label>
                                        </div>
                                        <div class="w-100"></div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0020
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0021
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0022
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                        <a href="" class="btn btn-primary">确定</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="editBianma" data-backdrop="static" style="display: none;" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">修改编码</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <label>编码</label>
                                <div class="form-control">
                                    <div class="row code">
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0017
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0018
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" checked> AA0019
                                            </label>
                                        </div>
                                        <div class="w-100"></div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" disabled> AA0020
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" disabled> AA0021
                                            </label>
                                        </div>
                                        <div class="col">
                                            <label class="form-check-label">
                                                <input class="form-check-input" type="checkbox" value="option1" disabled> AA0022
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                        <a href="" class="btn btn-primary">确定</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- JS. -->
        <script src = "/lib/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
        <script>GC.Spread.Sheets.LicenseKey = "559432293813965#A0y3iTOzEDOzkjMyMDN9UTNiojIklkI1pjIEJCLi4TPB9mM5AFNTd4cvZ7SaJUVy3CWKtWYXx4VVhjMpp7dYNGdx2ia9sEVlZGOTh7NRlTUwkWR9wEV4gmbjBDZ4ElR8N7cGdHVvEWVBtCOwIGW0ZmeYVWVr3mI0IyUiwCMzETN8kzNzYTM0IicfJye&Qf35VfiEzRwEkI0IyQiwiIwEjL6ByUKBCZhVmcwNlI0IiTis7W0ICZyBlIsIyNyMzM5ADI5ADNwcTMwIjI0ICdyNkIsIibj9SbvNmL4N7bjRnch56ciojIz5GRiwiI8+Y9sWY9QmZ0Jyp96uL9v6L0wap9biY9qiq95q197Wr9g+89iojIh94Wiqi";</script>
        <script src="/lib/jquery/jquery.min.js"></script>
        <script src="/lib/tether/tether.min.js"></script>
        <script src="/lib/bootstrap/bootstrap.min.js"></script>
        <script type="text/javascript" src="/web/maintain/ration_repository/js/global.js"></script>
        <!-- zTree -->
        <script type="text/javascript" src="/lib/ztree/jquery.ztree.core.js"></script>
        <script type="text/javascript" src="/lib/ztree/jquery.ztree.excheck.js"></script>
        <script type="text/javascript" src="/lib/ztree/jquery.ztree.exedit.js"></script>
        <script type="text/javascript" src="/web/maintain/ration_repository/js/section_tree.js"></script>
        <script type="text/javascript" src="/public/web/ztree_common.js"></script>
        <script type="text/javascript" src="/public/web/sheet/sheet_common.js"></script>
        <script type="text/javascript" src="/web/maintain/ration_repository/js/ration.js"></script>
        <script type="text/javascript" src="/web/maintain/ration_repository/js/ration_glj.js"></script>
        <script type="text/javascript" src="/public/web/sheet/sheet_creater.js"></script>
        <script type="text/javascript" src="/web/maintain/ration_repository/js/ration_coe.js"></script>
        <script type="text/javascript" src="/web/maintain/ration_repository/js/ration_assist.js"></script>
        <script type="text/javascript" src="/public/web/treeDataHelper.js"></script>
        <script type="text/javascript" src="/public/web/QueryParam.js"></script>
        <script type="text/javascript" src="/public/web/storageUtil.js"></script>
        <script type="text/javascript">
            var setting = {
                view: {
                    addHoverDom: zTreeOprObj.addHoverDom,
                    removeHoverDom: zTreeOprObj.removeHoverDom,
                    expandSpeed: "",
                    selectedMulti: false
                },
                edit: {
                    enable: true,
                    editNameSelectAll: true,
                    showRemoveBtn: true,
                    showRenameBtn: true,
                    removeTitle: "删除节点",
                    renameTitle: "更改名称"
                },
                data: {
                    keep: {
                        parent:true,
                        leaf:true
                    },
                    key: {
                        children: "items"
                    },
                    simpleData: {
                        enable: true,
                        idKey: "ID",
                        pIdKey: "ParentID",
                        rootPId: -1
                    }
                },
                callback:{
                    onClick: zTreeOprObj.onClick,
                    beforeRename: zTreeOprObj.beforeRename,
                    beforeRemove: zTreeOprObj.onBeforeRemove,
                    onRemove: zTreeOprObj.onRemove,
                    onRename: zTreeOprObj.onRename
                }
            };
            $(document).ready(function(){
                pageOprObj.initPage();
                rationOprObj.buildSheet($("#rationItemsSheet")[0]);
                sheetCommonObj.shieldAllCells(rationOprObj.workBook.getSheet(0), rationOprObj.setting);

               // tabPanel 下有多个Spread时，相互之间不能正确显示。改成一个Spread下多个Sheet。
                var rdSpread = sheetCommonObj.createSpread($("#rdSpread")[0], 3);
                rationGLJOprObj.buildSheet(rdSpread.getSheet(0));
                sheetCommonObj.shieldAllCells(rdSpread.getSheet(0), rationGLJOprObj.setting);

                rationAssistOprObj.buildSheet(rdSpread.getSheet(1));
                sheetCommonObj.shieldAllCells(rdSpread.getSheet(1), rationAssistOprObj.setting);

                rationCoeOprObj.buildSheet(rdSpread.getSheet(2));
                sheetCommonObj.shieldAllCells(rdSpread.getSheet(2), rationCoeOprObj.setting);

                $("#linkGLJ").click(function(){
                    rdSpread.setActiveSheetIndex(0);
                });

                $("#linkFZDE").click(function(){
                    rdSpread.setActiveSheetIndex(1);
                });

                $("#linkFZTJ").click(function(){
                    rdSpread.setActiveSheetIndex(2);
                });

            });
        </script>
    </div>
</body>
<script type="text/javascript">
    autoFlashHeight();
</script>

</html>