更新头部小图标和点击标题跳转安装目录

css/global.css

@@ -191,10 +191,10 @@ body{
   font-size: 14px;
   color:#888;
 }
-.software-stitle a{
-  color:#888;
+.details-title a{
+  color:#333;
 }
-.software-stitle a:hover{
+.details-title a:hover{
   background:#fff;
   text-decoration: none;
 }
@@ -300,6 +300,14 @@ body{
   display:inline-block;
   padding:3px 8px;
 }
+/*.badge-small{
+  font-size: 5px !important;
+  width:12px;
+  height:12px;
+  padding:0 !important;
+  font-weight: 300;
+  border-radius: 0.5rem;
+}*/
 .software-left-bottomV1,.software-left-bottomV2{
   z-index: 999;
   position:absolute;
@@ -536,6 +544,10 @@ body{
   background:#ff9900;
 }
 
+.badge-red{
+  background:#f00;
+}
+
 .modal-dialog{
   margin: 3.7rem auto 0 auto !important;
 }

software-index.html

@@ -20,16 +20,24 @@
               <div class="">
                 <div class="dropdown mr-2">
                   <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    <i class="fab fa-usb"></i>
+                    <span class="badge badge-red"><i class="fas fa-arrow-up"></i> 3</span>
+                    <!-- <i class="fas fa-arrow-alt-circle-up"></i> -->
                   </div>
                   <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton">
                     <div class="downloading">
-                      <div class="border-bottom"><span class="float-right"><b>1年</b></span><h5>SC-0001</h5></div>
-                      <div class="detail-content">
-                        <ul>
-                          <li><div class="float-right"><button type="button" class="btn btn-success btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>纵横公路工程造价管理系统<span class="text-orange">专业版</span></li>
-                          <li><div class="float-right"><button type="button" class="btn btn-orange btn-sm"><i class="fas fa-download mr-2"></i>下载</button></div>纵横公路养护造价管理系统<span class="text-orange">广东养护专业版</span></li>
-                        </ul>
+                      <div class="downloaded">
+                        <div class="pb-2">
+                          <div class="float-right"><button type="button" class="btn btn-success btn-sm ml-2">更新</button></div>
+                          <div>纵横公路工程结算决算计量一体化(云版)</div>
+                          <div class="text-secondary">当前版本：9.1.0.411&nbsp;&nbsp;  |  &nbsp;&nbsp;升级版本：9.2.0.511</div>
+                        </div>
+                      </div>
+                      <div class="downloaded">
+                        <div class="pb-2">
+                          <div class="float-right"><button type="button" class="btn btn-success btn-sm ml-2">更新</button></div>
+                          <div>广东材料调差免费网络版</div>
+                          <div class="text-secondary">当前版本：9.1.0.411&nbsp;&nbsp;  |  &nbsp;&nbsp;升级版本：9.2.0.511</div>
+                        </div>
                       </div>
                     </div>
                   </div>
@@ -38,7 +46,7 @@
               <div class="">
                 <div class="dropdown mr-2">
                   <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    <i class="fas fa-download"></i><span class="badge badge-pill badge-info badge-orange ml-2">2</span>
+                    <span class="badge badge-orange"><i class="fas fa-download"></i> 2</span>
                   </div>
                   <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton">
                     <div class="downloaded">
@@ -69,6 +77,24 @@
                 </div>
               </div>
               <div class="">
+                <div class="dropdown mr-5">
+                  <div class="dropdown-toggle" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    <i class="fab fa-usb"></i>
+                  </div>
+                  <div class="dropdown-menu dropdown-menu-right detail-download" aria-labelledby="dropdownMenuButton">
+                    <div class="downloading">
+                      <div class="border-bottom"><span class="float-right"><b>1年</b></span><h5>SC-0001</h5></div>
+                      <div class="detail-content">
+                        <ul>
+                          <li><div class="float-right"><button type="button" class="btn btn-success btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>纵横公路工程造价管理系统<span class="text-orange">专业版</span></li>
+                          <li><div class="float-right"><button type="button" class="btn btn-orange btn-sm"><i class="fas fa-download mr-2"></i>下载</button></div>纵横公路养护造价管理系统<span class="text-orange">广东养护专业版</span></li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="">
                 <div class="mt-1 mr-3"><a href="#" class="colorblack"><i class="fas fa-minus"></i></a></div>
               </div>
               <div class="">
@@ -157,31 +183,31 @@
               <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                 <div class="software-tab-pane autoHeightL3">
                   <div class="details">
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button><button type="button" class="btn btn-success btn-sm ml-2" data-toggle="modal" data-target="#Modal">新版本</button></div>
-                    <div class="details-title">纵横公路工程结算决算计量一体化(云版)</div>
+                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button><!-- <button type="button" class="btn btn-success btn-sm ml-2" data-toggle="modal" data-target="#Modal">新版本</button> --></div>
+                    <div class="details-title"><a href="#" title="E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)">纵横公路工程结算决算计量一体化(云版)</a></div>
                     <div class="w-25 d-inline-block">3.1.7.140</div>
                     <div class="inline-block">纵横结算决算计量一体化云版</div>
-                    <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)</a></div>
+                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)</a></div> -->
                   </div>
                   <div class="details">
-                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button><button type="button" class="btn btn-success btn-sm ml-2" data-toggle="modal" data-target="#Modal">新版本</button></div>
+                    <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
                     <div class="details-title">
-                      <div class="w-25 d-inline-block">广东材料调差免费网络版</div>
+                      <div class="w-25 d-inline-block"><a href="#" title="E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)">广东材料调差免费网络版</a></div>
                       <div class="d-inline-block">锁号：SC-Z****</div>
                     </div>
                     <div class="w-25 d-inline-block">3.1.7.140</div>
                     <div class="inline-block">纵横结算决算计量一体化云版</div>
-                    <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)</a></div>
+                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)</a></div> -->
                   </div>
                   <div class="details">
                     <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
                     <div class="details-title">
-                      <div class="w-25 d-inline-block">业主版</div>
+                      <div class="w-25 d-inline-block"><a href="#" title="E:\Program Files (x86)\纵横软件\纵横结算决算计量一体化软件(广东云版)">业主版</a></div>
                       <div class="d-inline-block">锁号：SC-GDC****</div>
                     </div>
                     <div class="w-25 d-inline-block">3.1.6.140</div>
                     <div class="inline-block">纵横结算决算计量一体化云版</div>
-                    <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div>
+                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
                   </div>
                   <div class="details">
                     <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
@@ -191,7 +217,7 @@
                     </div>
                     <div class="w-25 d-inline-block">3.1.7.140</div>
                     <div class="inline-block">纵横结算决算计量一体化云版</div>
-                    <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div>
+                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
                   </div>
                   <div class="details">
                     <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
@@ -201,7 +227,7 @@
                     </div>
                     <div class="w-25 d-inline-block">3.1.7.160</div>
                     <div class="inline-block">纵横结算决算计量一体化云版</div>
-                    <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div>
+                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
                   </div>
                   <div class="details">
                     <div class="float-right"><button type="button" class="btn btn-white btn-sm"><i class="fas fa-play mr-2"></i>启动</button></div>
@@ -211,7 +237,7 @@
                     </div>
                     <div class="w-25 d-inline-block">3.1.8.140</div>
                     <div class="inline-block">纵横结算决算计量一体化云版</div>
-                    <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div>
+                    <!-- <div class="software-stitle"><a href="#">E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</a></div> -->
                   </div>
                 </div>
               </div>