版本内容修改

admin-producelist-downlist-add.html

@@ -55,7 +55,7 @@
   <!-- leftWrapper end -->
   <div class="mainWrapper container-fluid">
     <div class="page-header pageTop">
-      <h3><a href="admin-producelist-downlist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>产品分类添加</h3>
+      <h3><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>产品分类添加</h3>
     </div> 
     <div class="tableContent">
       <form class="form-horizontal">

admin-producelist-downlist-version-add.html

@@ -66,11 +66,18 @@
           </div>
         </div>
         <div class="form-group">
+          <label for="" class="col-sm-1 control-label">下载地址</label>
+          <div class="col-sm-5">
+            <textarea class="form-control" rows="6">http://d1.smartcost.com.cn/soft/{b}http://d2.smartcost.com.cn/soft/</textarea>
+            <span>:多下载地址 例如：url {b} url</span>
+          </div>
+        </div>
+        <!-- <div class="form-group">
           <label for="" class="col-sm-1 control-label">安装包</label>
           <div class="col-sm-5">
             <input type="file">
           </div>
-        </div>
+        </div> -->
         <div class="form-group">
           <label for="" class="col-sm-1 control-label">版本信息</label>
           <div class="col-sm-5">
@@ -96,6 +103,8 @@
                       <select class="form-control"><option>请选择分类</option><option>9.1.0.411</option></select>
                     </div>
                   </div>
+                  <p class="m-10"><a href="#">获取版本信息</a></p>
+                  <div class="m-10"><textarea class="form-control" rows="5"></textarea></div>
                 </div>
               </div>
             </div>

admin-producelist-downlist.html

@@ -8,9 +8,93 @@
   <meta name="renderer" content="webkit"> 
   <link rel=stylesheet href=css/bootstrap.css> 
   <link rel=stylesheet href=css/style.css>
+  <link rel="stylesheet" href="css/demo.css" type="text/css">
+  <link rel="stylesheet" href="css/metroStyle/metroStyle.css" type="text/css">
   <script src=js/jquery-1.9.1.min.js></script>
   <script src=js/bootstrap.js></script>
   <script src=js/global.js></script>
+  <script type="text/javascript" src="js/jquery.ztree.core.js"></script>
+  <script type="text/javascript">
+    <!--
+    var setting = { };
+
+    var zNodes =[
+      { name:"固化清单", open:true,
+        children: [
+          { name:"专业版",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+          { name:"网络版",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+          { name:"中山定制版(投标单位使用)",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+        ]},
+      { name:"计量支付", open:true,
+        children: [
+          { name:"学习版",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+          { name:"广东学习版",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+        ]},
+      { name:"公路造价（增值税）", open:true,
+         children: [
+          { name:"专业版",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+          { name:"标准版",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+          { name:"招投标版",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+          { name:"估概预算版",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+          { name:"多用户专业版",
+            children: [
+              { name:"9.1.0.411"},
+              { name:"9.0.0.411"},
+              { name:"9.0.0.001"}
+            ]},
+        ]}
+    ];
+
+    $(document).ready(function(){
+      $.fn.zTree.init($("#treeDemo"), setting, zNodes);
+    });
+    //-->
+  </script>
 </head>
 
 <body>
@@ -53,97 +137,105 @@
     </div>
   </div>
   <!-- leftWrapper end -->
-  <div class="mainWrapper container-fluid">
-    <div class="page-header pageTop">
-      <h3><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>固化清单</h3>
+  <div class="mainWrapperSma container-fluid">
+    <div class="classify">
+      <h5>全部产品</h5>
+      <div class="zTreeDemoBackground left">
+        <ul id="treeDemo" class="ztree"></ul>
+      </div>
     </div>
-    <div class="shopContent clearfix">
-      <div class="btnGroup">
-        <a href="admin-producelist-downlist-add.html" class="btn btn-primary">添加产品分类</a>
+    <div class="mainWrapperMa">
+      <div class="page-header pageTop">
+        <h3><a href="admin-producelist.html"><span class="glyphicon glyphicon-chevron-left"></span></a>固化清单</h3>
       </div>
-    </div>  
-    <div class="tableContent">
-      <table class="table table-hover">
-        <thead>
+      <div class="shopContent clearfix">
+        <div class="btnGroup">
+          <a href="admin-producelist-downlist-add.html" class="btn btn-primary">添加产品分类</a>
+        </div>
+      </div>  
+      <div class="tableContent">
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th>序号</th>
+              <th>简称</th>
+              <th>全称</th>
+              <th>锁号</th>
+              <th>注册表名</th>
+              <th>锁类型</th>
+              <th>最新版本号</th>
+              <th>历史版本</th>
+              <th>更新时间</th>
+              <th>操作</th>
+            </tr>
+          </thead>
           <tr>
-            <th>序号</th>
-            <th>简称</th>
-            <th>全称</th>
-            <th>锁号</th>
-            <th>注册表名</th>
-            <th>锁类型</th>
-            <th>最新版本号</th>
-            <th>历史版本</th>
-            <th>更新时间</th>
-            <th>操作</th>
+            <td>1</td>
+            <td>专业版</td>
+            <td><a href="#" target="_blank">纵横公路固化清单专业版</a></td>
+            <td>SC-Z****</td>
+            <td>SmartCost_Budget_YangHu_ZheJiang8_is1</td>
+            <td>28,29</td>
+            <td>9.1.0.411</td>
+            <td><a href="admin-producelist-downlist-version.html">3个版本</a></td>
+            <td>2018-04-27</td>
+            <td>
+              <a href="admin-producelist-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+              <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+            </td>
           </tr>
-        </thead>
-        <tr>
-          <td>1</td>
-          <td>专业版</td>
-          <td><a href="#" target="_blank">纵横公路固化清单专业版</a></td>
-          <td>SC-Z****</td>
-          <td>SmartCost_Budget_YangHu_ZheJiang8_is1</td>
-          <td>28,29</td>
-          <td>9.1.0.411</td>
-          <td><a href="admin-producelist-downlist-version.html">3个版本</a></td>
-          <td>2018-04-27</td>
-          <td>
-            <a href="admin-producelist-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
-            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
-          </td>
-        </tr>
-        <tr>
-          <td>2</td>
-          <td>网络版</td>
-          <td><a href="#" target="_blank">纵横公路固化清单网络版</a></td>
-          <td>SC-Z****</td>
-          <td>SmartCost_Budget_YangHu_ZheJiang8_is1</td>
-          <td>28</td>
-          <td>9.1.0.411</td>
-          <td><a href="#">1个版本</a></td>
-          <td>2018-04-27</td>
-          <td>
-            <a href="admin-producelist-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
-            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
-          </td>
-        </tr>
-        <tr>
-          <td>3</td>
-          <td>中山定制版(投标单位使用)</td>
-          <td><a href="#" target="_blank">纵横公路固化清单中山定制版</a></td>
-          <td>SC-Z****</td>
-          <td>SmartCost_Budget_YangHu_ZheJiang8_is1</td>
-          <td>28</td>
-          <td>9.1.0.411</td>
-          <td><a href="#">0个版本</a></td>
-          <td>2018-04-27</td>
-          <td>
-            <a href="admin-producelist-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
-            <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
-          </td>
-        </tr>
-      </table>
+          <tr>
+            <td>2</td>
+            <td>网络版</td>
+            <td><a href="#" target="_blank">纵横公路固化清单网络版</a></td>
+            <td>SC-Z****</td>
+            <td>SmartCost_Budget_YangHu_ZheJiang8_is1</td>
+            <td>28</td>
+            <td>9.1.0.411</td>
+            <td><a href="#">1个版本</a></td>
+            <td>2018-04-27</td>
+            <td>
+              <a href="admin-producelist-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+              <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+            </td>
+          </tr>
+          <tr>
+            <td>3</td>
+            <td>中山定制版(投标单位使用)</td>
+            <td><a href="#" target="_blank">纵横公路固化清单中山定制版</a></td>
+            <td>SC-Z****</td>
+            <td>SmartCost_Budget_YangHu_ZheJiang8_is1</td>
+            <td>28</td>
+            <td>9.1.0.411</td>
+            <td><a href="#">0个版本</a></td>
+            <td>2018-04-27</td>
+            <td>
+              <a href="admin-producelist-downlist-edit.html" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-pencil text-primary"></span></a>
+              <a href="#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-trash text-danger"></span></a>
+            </td>
+          </tr>
+        </table>
+      </div>
+      <nav>
+        <ul class="pagination pagination-sm">
+          <li>
+            <a href="#" aria-label="Previous">
+              <span aria-hidden="true">&laquo;</span>
+            </a>
+          </li>
+          <li><a href="#">1</a></li>
+          <li><a href="#">2</a></li>
+          <li><a href="#">3</a></li>
+          <li><a href="#">4</a></li>
+          <li><a href="#">5</a></li>
+          <li>
+            <a href="#" aria-label="Next">
+              <span aria-hidden="true">&raquo;</span>
+            </a>
+          </li>
+        </ul>
+      </nav>
     </div>
-    <nav>
-      <ul class="pagination pagination-sm">
-        <li>
-          <a href="#" aria-label="Previous">
-            <span aria-hidden="true">&laquo;</span>
-          </a>
-        </li>
-        <li><a href="#">1</a></li>
-        <li><a href="#">2</a></li>
-        <li><a href="#">3</a></li>
-        <li><a href="#">4</a></li>
-        <li><a href="#">5</a></li>
-        <li>
-          <a href="#" aria-label="Next">
-            <span aria-hidden="true">&raquo;</span>
-          </a>
-        </li>
-      </ul>
-    </nav>
   </div>
   <!-- mainWrapper end -->    
 </div>

css/demo.css

@@ -0,0 +1,9 @@
+ul.ztree {margin-top: 5px;background: #fff;width:250px;overflow-y:auto;}
+ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
+ul.log.small {height:45px;}
+ul.log li {color: #666666;list-style: none;padding-left: 10px;}
+ul.log li.dark {background-color: #E3E3E3;}
+
+/* ruler */
+div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
+div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}

css/metroStyle/metroStyle.css

@@ -0,0 +1,96 @@
+/*-------------------------------------
+zTree Style
+
+version:    3.4
+author:     Hunter.z
+email:      hunter.z@263.net
+website:    http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:17px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.png) 0 0 repeat-y;}
+
+.ztree li a {padding-right:3px; margin:0; cursor:pointer; height:21px; color:#333; background-color: transparent; text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#e5e5e5; color:black; height:21px; border:1px #666 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#aaa; color:white; height:21px; border:1px #666 solid;
+  opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+  font-size:12px; border:1px #585956 solid; *border:0px}
+.ztree li span {line-height:21px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; padding: 0; width:21px; height:21px; display: inline-block; vertical-align:middle;
+  border:0 none; cursor: pointer;outline:none;
+  background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+  background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 2px; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position: -5px -5px;}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position: -5px -26px;}
+.ztree li span.button.chk.checkbox_false_part {background-position: -5px -48px;}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position: -5px -68px;}
+.ztree li span.button.chk.checkbox_false_disable {background-position: -5px -89px;}
+.ztree li span.button.chk.checkbox_true_full {background-position: -26px -5px;}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position: -26px -26px;}
+.ztree li span.button.chk.checkbox_true_part {background-position: -26px -48px;}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position: -26px -68px;}
+.ztree li span.button.chk.checkbox_true_disable {background-position: -26px -89px;}
+.ztree li span.button.chk.radio_false_full {background-position: -47px -5px;}
+.ztree li span.button.chk.radio_false_full_focus {background-position: -47px -26px;}
+.ztree li span.button.chk.radio_false_part {background-position: -47px -47px;}
+.ztree li span.button.chk.radio_false_part_focus {background-position: -47px -68px;}
+.ztree li span.button.chk.radio_false_disable {background-position: -47px -89px;}
+.ztree li span.button.chk.radio_true_full {background-position: -68px -5px;}
+.ztree li span.button.chk.radio_true_full_focus {background-position: -68px -26px;}
+.ztree li span.button.chk.radio_true_part {background-position: -68px -47px;}
+.ztree li span.button.chk.radio_true_part_focus {background-position: -68px -68px;}
+.ztree li span.button.chk.radio_true_disable {background-position: -68px -89px;}
+
+.ztree li span.button.switch {width:21px; height:21px}
+.ztree li span.button.root_open{background-position:-105px -63px}
+.ztree li span.button.root_close{background-position:-126px -63px}
+.ztree li span.button.roots_open{background-position: -105px 0;}
+.ztree li span.button.roots_close{background-position: -126px 0;}
+.ztree li span.button.center_open{background-position: -105px -21px;}
+.ztree li span.button.center_close{background-position: -126px -21px;}
+.ztree li span.button.bottom_open{background-position: -105px -42px;}
+.ztree li span.button.bottom_close{background-position: -126px -42px;}
+.ztree li span.button.noline_open{background-position: -105px -84px;}
+.ztree li span.button.noline_close{background-position: -126px -84px;}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position: -84px 0;}
+.ztree li span.button.center_docu{background-position: -84px -21px;}
+.ztree li span.button.bottom_docu{background-position: -84px -42px;}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position: -147px -21px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; margin-right:2px; background-position: -147px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position: -147px -42px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-left:2px; margin-right: -1px; background-position: -189px -21px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit:hover {
+  background-position: -168px -21px;
+}
+.ztree li span.button.remove {margin-left:2px; margin-right: -1px; background-position: -189px -42px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove:hover {
+  background-position: -168px -42px;
+}
+.ztree li span.button.add {margin-left:2px; margin-right: -1px; background-position: -189px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.add:hover {
+  background-position: -168px 0;
+}
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:21px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+    background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+    background-position:-168px -84px; background-image:url("./img/metro.png"); *background-image:url("./img/metro.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.ztreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}

css/style.css

@@ -293,6 +293,10 @@ table {
   margin:0 0 0 71px;
   background:#fff;
 }
+.mainWrapperSma{
+  margin:0 0 0 45px;
+  background:#fff;
+}
 .pageTop{
   margin-top: 20px;
 }
@@ -356,4 +360,48 @@ input[type="file"] {
 }
 .m-10{
   margin:15px 0;
+}
+.classify{
+  position: fixed;
+  width: 260px;
+  height: 100%;
+  background: #fff;
+  border-right: 1px solid #ddd;
+  overflow-y: auto;
+  -webkit-box-shadow: 0 0 10px rgba(150, 150, 150, .5);
+  -moz-box-shadow: 0 0 10px rgba(150, 150, 150, .5);
+  box-shadow: 0 0 10px rgba(150, 150, 150, .5);
+}
+.classify h5{
+  background:#ddd;
+  margin:0;
+  padding:11px 10px;
+  font-size: 16px;
+  font-weight: 600;
+}
+.mainWrapperMa{
+  margin:0 0 0 285px;
+}
+.versionList ul li{
+  position:relative;
+  padding-bottom: 35px;
+}
+.versionLeft{
+  float:left;
+  width:230px;
+}
+.versionLeft .dot{
+  position:absolute;
+  top:20px;
+  left:225px;
+  display: inline-block;
+  background: #ff6501;
+  width: 12px;
+  height: 12px;
+  border-radius: 10px;
+}
+.versionRight{
+  float:left;
+  padding-left: 35px;
+  border-left: 2px solid #ccc;
 }

js/global.js

@@ -21,6 +21,7 @@ $(document).ready(function(){
     timer = setTimeout(function(){
     $(".leftWrapper").stop().animate({width:"200px"},500);
     $(".mainWrapper").stop().animate({marginLeft:"215px",marginRight:"-200px"},500);
+    $(".mainWrapperSma").stop().animate({marginLeft:"185px",marginRight:"-200px"},500);
     $(".subMenuText").fadeIn(500);
     $(".logoInfo").show(500);
      },300);
@@ -28,6 +29,7 @@ $(document).ready(function(){
     clearTimeout(timer);
     $(".leftWrapper").stop().animate({width:"60px"},500);
     $(".mainWrapper").stop().animate({marginLeft:"71px",marginRight:"15px",paddingRight:"0"},500);
+    $(".mainWrapperSma").stop().animate({marginLeft:"45px",marginRight:"15px",paddingRight:"0"},500);
     $(".subMenuText").fadeOut("fast");
     $(".logoInfo").hide();
     $(".subMenuContent").slideUp();