Prechádzať zdrojové kódy

启动器增加更新提示和修改页面名称

outaozhen 6 rokov pred
rodič
commit
49ba1ac55f
6 zmenil súbory, kde vykonal 161 pridanie a 26 odobranie
  1. 20 0
      css/global.css
  2. 1 2
      software-details.html
  3. 27 21
      software-install.html
  4. 1 1
      software-list.html
  5. 104 0
      softwrae-obtain.html
  6. 8 2
      index.html

+ 20 - 0
css/global.css

@@ -96,6 +96,22 @@
 .software-list a:hover{
   text-decoration: none;
 }
+.software-obtian{
+  float:left;
+  width:835px;
+  padding:15px 0;
+  border-bottom: 1px dotted #ccc;
+  margin: 5px 25px 15px 30px;
+}
+.obtian-top{
+  float:left;
+  width:835px;
+  background:rgba(255,173,51,0.1);
+  border:1px solid #ddd;
+  border-radius: 7px;
+  padding:15px;
+  margin: 5px 25px 15px 30px;
+}
 .software-title{
   font-size: 16px;
   font-weight: bold;
@@ -253,4 +269,8 @@
 
 .badge-orange{
   background:#ff9900;
+}
+
+.modal-dialog{
+  margin: 3rem auto !important;
 }

+ 1 - 2
software-details.html

@@ -12,7 +12,7 @@
   <body>
     <div class="container container-width border rounded mt-5 pl-0 pr-0">
       <div class="media p-3 pb-2 header border-bottom shadow-sm">
-        <h5 class="mt-1 mr-2"><a href="index.html"><i class="fas fa-th-large"></i></a></h5>
+        <h5 class="mt-1 mr-2"><a class="mr-2" href="softwrae-welcome.html"><i class="fas fa-angle-left"></i></a><a href="softwrae-welcome.html"><i class="fas fa-th-large"></i></a></h5>
         <div class="media-body">
           <div class="float-right">
             <div class="dropdown">
@@ -41,7 +41,6 @@
       </div>
       <div class="software-wrapscroll">
         <div class="software-detail-top pt-3 pl-3">
-          <div class="mt-2 pt-1 mr-2 float-left"><a href="software-list.html"><h4><i class="fas fa-angle-left"></i></h4></a></div>
           <div class="media">
             <img class="mr-3" src="images/product01.png" width="50" height="50" alt="广东公路造价">
             <div class="media-body">

+ 27 - 21
software-install.html

@@ -13,7 +13,7 @@
     <!-- style="background: rgba(216,76,19,0.1);" -->
   	<div class="container container-width border rounded mt-5 pl-0 pr-0">
   		<div class="media pl-3 pr-3 pb-2 pt-3 header shadow-sm">
-        <h5 class="mt-1 mr-2"><a href="index.html"><i class="fas fa-th-large"></i></a></h5>
+        <h5 class="mt-1 mr-2"><a class="mr-2" href="softwrae-welcome.html"><i class="fas fa-angle-left"></i></a><a href="softwrae-welcome.html"><i class="fas fa-th-large"></i></a></h5>
         <div class="media-body">
           <div class="float-right">
             <div class="dropdown float-left mr-2">
@@ -78,11 +78,11 @@
           </div>
           <div class="software-left-bottom border-top">
             <div class="d-flex bd-highlight">
-              <div class="p-2 flex-fill bd-highlight"><button style="width:100%;" type="button" class="btn btn-primary btn-blue btn-sm">下载软件</button></div>
+              <div class="p-2 flex-fill bd-highlight"><a style="width:100%;" href="software-list.html" class="btn btn-primary btn-blue btn-sm">下载软件</a></div>
               <div class="p-2 flex-fill bd-highlight dropup"><button style="width:100%;" type="button" class="btn btn-primary btn-blue btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">添加软件</button>
                 <div class="dropdown-menu dropdown-wrap">
-                  <a class="dropdown-item" href="#">自动获取</a>
-                  <a class="dropdown-item" href="#">手动添加</a>
+                  <a class="dropdown-item" href="softwrae-obtain.html">自动获取</a>
+                  <a class="dropdown-item" href="software-index.html">手动添加</a>
                 </div>
               </div>
             </div>
@@ -99,7 +99,7 @@
           <div class="mt-4">
             <ul class="nav nav-tabs pl-3" id="myTab" role="tablist">
               <li class="nav-item">
-                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">下载软件</a>
+                <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">启动软件</a>
               </li>
               <li class="nav-item">
                 <a class="nav-link" id="profile-tab" data-toggle="tab" href="#details" role="tab" aria-controls="profile" aria-selected="false">软件详情</a>
@@ -120,6 +120,7 @@
                   <div class="w-50 d-inline-block">锁号:SC-Z****</div>
                   <div class="float-right">
                     <button type="button" class="btn btn-primary btn-blue btn-sm d-inline-block">启动软件</button>
+                    <button type="button" class="btn btn-success btn-sm d-inline-block" data-toggle="modal" data-target="#Modal">新版本</button>
                   </div>
                   <div>D:\Program Files (x86)\纵横软件</div>
                 </div>
@@ -139,22 +140,6 @@
                   </div>
                   <div>D:\Program Files (x86)\纵横软件</div>
                 </div>
-                <!-- <div class="details">
-                  <h5 class="w-25 d-inline-block">专业版</h5>
-                  <div class="w-50 d-inline-block">锁号:SC-Z****</div>
-                  <div class="float-right">
-                    <button type="button" class="btn btn-primary btn-blue btn-sm d-inline-block">启动软件</button>
-                  </div>
-                  <div>D:\Program Files (x86)\纵横软件</div>
-                </div>
-                <div class="details">
-                  <h5 class="w-25 d-inline-block">专业版</h5>
-                  <div class="w-50 d-inline-block">锁号:SC-Z****</div>
-                  <div class="float-right">
-                    <button type="button" class="btn btn-primary btn-blue btn-sm d-inline-block">启动软件</button>
-                  </div>
-                  <div>D:\Program Files (x86)\纵横软件</div>
-                </div> -->
               </div>
               <div class="tab-pane fade pt-3 pl-3 pr-3" id="details" role="tabpanel" aria-labelledby="profile-tab">
                 <p><strong><span style="color:#e36c09">产品介绍:</span></strong></p>
@@ -177,6 +162,27 @@
       <!--[if lt IE 7]><style>.bolangbanner{display:none}</style><![endif]-->
       <div class="bg"></div>
   	</div>
+
+    <div class="modal" tabindex="-1" role="dialog" id="Modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" 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">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body">
+            <p><b>当前版本:</b>9.1.0.411  |  <b>升级版本:</b>9.2.0.411</p>
+            <p><strong>新版功能</strong></p><p><strong> 一、文件类</strong></p><p>1.新增:根据内政发[2011]149号,新增“内蒙古车船税标准(2011)”。</p><p>2.新增:编办说明文档中新增“财税[2018]32号”。</p><p>3.新增:山西省公路工程标准工程量清单(2016)。</p>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-primary">下载更新</button>
+            <button type="button" class="btn btn-secondary" data-dismiss="modal">忽略该版本</button>
+          </div>
+        </div>
+      </div>
+    </div>
     
 
     <script src="js/jquery-3.3.1.slim.min.js"></script>

+ 1 - 1
software-list.html

@@ -12,7 +12,7 @@
   <body>
   	<div class="container container-width border rounded mt-5 pl-0 pr-0">
   		<div class="media p-3 header border-bottom shadow-sm">
-        <h5 class="mt-1 mr-2"><a href="index.html"><i class="fas fa-th-large"></i></a></h5>
+        <h5 class="mt-1 mr-2"><a class="mr-2" href="softwrae-welcome.html"><i class="fas fa-angle-left"></i></a><a href="softwrae-welcome.html"><i class="fas fa-th-large"></i></a></h5>
         <div class="media-body">
           <h5>纵横启动器</h5>
         </div>

+ 104 - 0
softwrae-obtain.html

@@ -0,0 +1,104 @@
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="css/bootstrap.min.css">
+    <link rel="stylesheet" href="css/font-awesome/fontawesome-all.css">
+    <link rel="stylesheet" href="css/global.css">
+    <title>启动器</title>
+  </head>
+  <body>
+    <div class="container container-width border rounded mt-5 pl-0 pr-0">
+      <div class="media p-3 header border-bottom shadow-sm">
+        <h5 class="mt-1 mr-2"><a class="mr-2" href="softwrae-welcome.html"><i class="fas fa-angle-left"></i></a><a href="softwrae-welcome.html"><i class="fas fa-th-large"></i></a></h5>
+        <div class="media-body">
+          <h5>纵横启动器</h5>
+        </div>
+      </div>
+      <div class="software-wrap software-wrapscroll pt-4 pb-2">
+        <div class="obtian-top">
+          <div class="float-right">
+            <a href="software-index.html" class="btn btn-primary btn-blue btn-sm d-inline-block mt-3">开始使用软件</a>
+          </div>
+          <h5><span class="text-success">检索完成</span></h5>
+          <div>努力检索到了5款软件</div>
+        </div>
+        <div class="software-obtian">
+          <div class="media">
+            <img class="mr-3" src="images/product01.png" width="40" height="40" alt="公路造价(增值税)">
+            <div class="media-body">
+              <div class="software-body">
+                <h5 class="software-title mb-1">公路造价(增值税)</h5>
+                <div>纵横公路工程造价管理系统</div>
+              </div>
+              <div class="">版本号:9.1.0.411<br>E:\Program Files (x86)\纵横软件\纵横公路工程算量软件(专业版)</div>
+            </div>
+          </div>
+        </div>
+        <div class="software-obtian">
+          <div class="media">
+            <img class="mr-3" src="images/product02.png" width="40" height="40" alt="广东公路造价">
+            <div class="media-body">
+              <div class="software-body">
+                <h5 class="software-title mb-1">广东公路造价</h5>
+                <div>广东公路造价编审软件(标准化2011)</div>
+              </div>
+              <div class="">版本号:9.1.0.411<br>E:\Program Files (x86)\纵横软件\广东公路造价编审系统(标准化2011)网络版(07)</div>
+            </div>
+          </div>
+        </div>
+        <div class="software-obtian">
+          <div class="media">
+            <img class="mr-3" src="images/product03.png" width="40" height="40" alt="计量支付结算决算">
+            <div class="media-body">
+              <div class="software-body">
+                <h5 class="software-title mb-1">计量支付结算决算</h5>
+                <div>纵横工程计量支付结算决算一体化软件</div>
+              </div>
+              <div class="">版本号:3.1.7.2205<br>E:\Program Files (x86)\纵横软件\纵横工程计量支付结算决算一体化软件</div>
+            </div>
+          </div>
+        </div>
+        <div class="software-obtian">
+          <div class="media">
+            <img class="mr-3" src="images/product03.png" width="40" height="40" alt="验工计价成本分析">
+            <div class="media-body">
+              <div class="software-body">
+                <h5 class="software-title mb-1">验工计价成本分析</h5>
+                <div>纵横施工企业验工计价成本分析软件</div>
+              </div>
+              <div class="">版本号:3.1.7.2205<br>E:\Program Files (x86)\纵横软件\纵横施工企业验工计价成本分析软件</div>
+            </div>
+          </div>
+        </div>
+        <div class="software-obtian">
+          <div class="media">
+            <img class="mr-3" src="images/product04.png" width="40" height="40" alt="材料调差(增值税)">
+            <div class="media-body">
+              <div class="software-body">
+                <h5 class="software-title mb-1">材料调差(增值税)</h5>
+                <div>纵横公路材料调差软件</div>
+              </div>
+              <div class="">版本号:9.1.0.411<br>E:\Program Files (x86)\纵横软件\纵横公路材料调差软件</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bolangbanner">
+        <div id="banner_bolang_bg_1" style="left: -434.722px;"></div>
+        <div id="banner_bolang_bg_2" style="left: -336.283px;"></div>
+      </div>
+      <!--[if lt IE 7]><style>.bolangbanner{display:none}</style><![endif]-->
+      <div class="bg"></div>
+    </div>
+    
+
+    <script src="js/jquery-3.3.1.slim.min.js"></script>
+    <script src="js/popper.min.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/jquery-1.9.1.min.js"></script> 
+    <script src="js/global.js"></script>
+  </body>
+</html>

+ 8 - 2
index.html

@@ -12,7 +12,7 @@
   <body>
   	<div class="container container-width border rounded mt-5 pl-0 pr-0">
   		<div class="media p-3 header border-bottom shadow-sm">
-        <h5 class="mt-1 mr-2"><a href="index.html"><i class="fas fa-th-large"></i></a></h5>
+        <h5 class="mt-1 mr-2"><a href="softwrae-welcome.html"><i class="fas fa-th-large"></i></a></h5>
         <div class="media-body">
           <h5>纵横启动器</h5>
         </div>
@@ -25,7 +25,13 @@
               <a href="software-list.html" class="btn btn-primary btn-blue btn-block">下载软件</a>
             </div>
             <div class="col">
-              <a href="#" class="btn btn-primary btn-blue btn-block">添加已安装软件</a>
+              <div class="btn-group dropup" style="display: block;">
+                <button type="button" class="btn btn-primary btn-blue btn-block dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">添加已安装软件</button>
+                <div class="dropdown-menu dropdown-wrap">
+                  <a class="dropdown-item" href="softwrae-obtain.html">自动获取</a>
+                  <a class="dropdown-item" href="software-index.html">手动添加</a>
+                </div>
+              </div>
             </div>
             <div class="col"></div>
           </div>