liting2017 6 years ago
parent
commit
2089b096ce

BIN
img/newMenu/achievmentDetail_1.png


BIN
img/newMenu/achievmentDetail_2.jpg


BIN
img/newMenu/achievmentDetail_3.jpg


BIN
img/newMenu/achievmentDetail_4.jpg


BIN
img/newMenu/achievmentDetail_5.jpg


BIN
img/newMenu/achievmentDetail_6.jpg


BIN
img/newMenu/achievmentDetail_7.png


+ 542 - 0
package-lock.json

@@ -1523,6 +1523,7 @@
       "requires": {
         "anymatch": "1.3.0",
         "async-each": "1.0.1",
+        "fsevents": "1.2.4",
         "glob-parent": "2.0.0",
         "inherits": "2.0.3",
         "is-binary-path": "1.0.1",
@@ -3258,6 +3259,535 @@
       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
       "dev": true
     },
+    "fsevents": {
+      "version": "1.2.4",
+      "resolved": "http://registry.npm.taobao.org/fsevents/download/fsevents-1.2.4.tgz",
+      "integrity": "sha1-9B3LGvJYKvNpLaNvxVy9jhBBxCY=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "nan": "2.10.0",
+        "node-pre-gyp": "0.10.0"
+      },
+      "dependencies": {
+        "abbrev": {
+          "version": "1.1.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "ansi-regex": {
+          "version": "2.1.1",
+          "bundled": true,
+          "dev": true
+        },
+        "aproba": {
+          "version": "1.2.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "are-we-there-yet": {
+          "version": "1.1.4",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "delegates": "1.0.0",
+            "readable-stream": "2.3.6"
+          }
+        },
+        "balanced-match": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true
+        },
+        "brace-expansion": {
+          "version": "1.1.11",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "balanced-match": "1.0.0",
+            "concat-map": "0.0.1"
+          }
+        },
+        "chownr": {
+          "version": "1.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "code-point-at": {
+          "version": "1.1.0",
+          "bundled": true,
+          "dev": true
+        },
+        "concat-map": {
+          "version": "0.0.1",
+          "bundled": true,
+          "dev": true
+        },
+        "console-control-strings": {
+          "version": "1.1.0",
+          "bundled": true,
+          "dev": true
+        },
+        "core-util-is": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "debug": {
+          "version": "2.6.9",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "deep-extend": {
+          "version": "0.5.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "delegates": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "detect-libc": {
+          "version": "1.0.3",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "fs-minipass": {
+          "version": "1.2.5",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minipass": "2.2.4"
+          }
+        },
+        "fs.realpath": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "gauge": {
+          "version": "2.7.4",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "aproba": "1.2.0",
+            "console-control-strings": "1.1.0",
+            "has-unicode": "2.0.1",
+            "object-assign": "4.1.1",
+            "signal-exit": "3.0.2",
+            "string-width": "1.0.2",
+            "strip-ansi": "3.0.1",
+            "wide-align": "1.1.2"
+          }
+        },
+        "glob": {
+          "version": "7.1.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "fs.realpath": "1.0.0",
+            "inflight": "1.0.6",
+            "inherits": "2.0.3",
+            "minimatch": "3.0.4",
+            "once": "1.4.0",
+            "path-is-absolute": "1.0.1"
+          }
+        },
+        "has-unicode": {
+          "version": "2.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "iconv-lite": {
+          "version": "0.4.21",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "safer-buffer": "2.1.2"
+          }
+        },
+        "ignore-walk": {
+          "version": "3.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minimatch": "3.0.4"
+          }
+        },
+        "inflight": {
+          "version": "1.0.6",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "once": "1.4.0",
+            "wrappy": "1.0.2"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "bundled": true,
+          "dev": true
+        },
+        "ini": {
+          "version": "1.3.5",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "number-is-nan": "1.0.1"
+          }
+        },
+        "isarray": {
+          "version": "1.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "minimatch": {
+          "version": "3.0.4",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "brace-expansion": "1.1.11"
+          }
+        },
+        "minimist": {
+          "version": "0.0.8",
+          "bundled": true,
+          "dev": true
+        },
+        "minipass": {
+          "version": "2.2.4",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "safe-buffer": "5.1.1",
+            "yallist": "3.0.2"
+          }
+        },
+        "minizlib": {
+          "version": "1.1.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "minipass": "2.2.4"
+          }
+        },
+        "mkdirp": {
+          "version": "0.5.1",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "minimist": "0.0.8"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "needle": {
+          "version": "2.2.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "debug": "2.6.9",
+            "iconv-lite": "0.4.21",
+            "sax": "1.2.4"
+          }
+        },
+        "node-pre-gyp": {
+          "version": "0.10.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "detect-libc": "1.0.3",
+            "mkdirp": "0.5.1",
+            "needle": "2.2.0",
+            "nopt": "4.0.1",
+            "npm-packlist": "1.1.10",
+            "npmlog": "4.1.2",
+            "rc": "1.2.7",
+            "rimraf": "2.6.2",
+            "semver": "5.5.0",
+            "tar": "4.4.1"
+          }
+        },
+        "nopt": {
+          "version": "4.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "abbrev": "1.1.1",
+            "osenv": "0.1.5"
+          }
+        },
+        "npm-bundled": {
+          "version": "1.0.3",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "npm-packlist": {
+          "version": "1.1.10",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ignore-walk": "3.0.1",
+            "npm-bundled": "1.0.3"
+          }
+        },
+        "npmlog": {
+          "version": "4.1.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "are-we-there-yet": "1.1.4",
+            "console-control-strings": "1.1.0",
+            "gauge": "2.7.4",
+            "set-blocking": "2.0.0"
+          }
+        },
+        "number-is-nan": {
+          "version": "1.0.1",
+          "bundled": true,
+          "dev": true
+        },
+        "object-assign": {
+          "version": "4.1.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "once": {
+          "version": "1.4.0",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "wrappy": "1.0.2"
+          }
+        },
+        "os-homedir": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "os-tmpdir": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "osenv": {
+          "version": "0.1.5",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "os-homedir": "1.0.2",
+            "os-tmpdir": "1.0.2"
+          }
+        },
+        "path-is-absolute": {
+          "version": "1.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "process-nextick-args": {
+          "version": "2.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "rc": {
+          "version": "1.2.7",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "deep-extend": "0.5.1",
+            "ini": "1.3.5",
+            "minimist": "1.2.0",
+            "strip-json-comments": "2.0.1"
+          },
+          "dependencies": {
+            "minimist": {
+              "version": "1.2.0",
+              "bundled": true,
+              "dev": true,
+              "optional": true
+            }
+          }
+        },
+        "readable-stream": {
+          "version": "2.3.6",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "core-util-is": "1.0.2",
+            "inherits": "2.0.3",
+            "isarray": "1.0.0",
+            "process-nextick-args": "2.0.0",
+            "safe-buffer": "5.1.1",
+            "string_decoder": "1.1.1",
+            "util-deprecate": "1.0.2"
+          }
+        },
+        "rimraf": {
+          "version": "2.6.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "glob": "7.1.2"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.1",
+          "bundled": true,
+          "dev": true
+        },
+        "safer-buffer": {
+          "version": "2.1.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "sax": {
+          "version": "1.2.4",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "semver": {
+          "version": "5.5.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "set-blocking": {
+          "version": "2.0.0",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "signal-exit": {
+          "version": "3.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "string-width": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "code-point-at": "1.1.0",
+            "is-fullwidth-code-point": "1.0.0",
+            "strip-ansi": "3.0.1"
+          }
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "safe-buffer": "5.1.1"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "bundled": true,
+          "dev": true,
+          "requires": {
+            "ansi-regex": "2.1.1"
+          }
+        },
+        "strip-json-comments": {
+          "version": "2.0.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "tar": {
+          "version": "4.4.1",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chownr": "1.0.1",
+            "fs-minipass": "1.2.5",
+            "minipass": "2.2.4",
+            "minizlib": "1.1.0",
+            "mkdirp": "0.5.1",
+            "safe-buffer": "5.1.1",
+            "yallist": "3.0.2"
+          }
+        },
+        "util-deprecate": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true
+        },
+        "wide-align": {
+          "version": "1.1.2",
+          "bundled": true,
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "string-width": "1.0.2"
+          }
+        },
+        "wrappy": {
+          "version": "1.0.2",
+          "bundled": true,
+          "dev": true
+        },
+        "yallist": {
+          "version": "3.0.2",
+          "bundled": true,
+          "dev": true
+        }
+      }
+    },
     "function-bind": {
       "version": "1.1.0",
       "resolved": "http://registry.npm.taobao.org/function-bind/download/function-bind-1.1.0.tgz",
@@ -4798,6 +5328,11 @@
         "is-buffer": "1.1.5"
       }
     },
+    "laypage": {
+      "version": "1.1.5",
+      "resolved": "http://registry.npm.taobao.org/laypage/download/laypage-1.1.5.tgz",
+      "integrity": "sha1-b8NmpsdH8+r7a5LeuHAASWa8KWg="
+    },
     "lazy-cache": {
       "version": "1.0.4",
       "resolved": "http://registry.npm.taobao.org/lazy-cache/download/lazy-cache-1.0.4.tgz",
@@ -5487,6 +6022,13 @@
         }
       }
     },
+    "nan": {
+      "version": "2.10.0",
+      "resolved": "http://registry.npm.taobao.org/nan/download/nan-2.10.0.tgz",
+      "integrity": "sha1-ltDNYQ69WNS03pzAxoKM2pnHVI8=",
+      "dev": true,
+      "optional": true
+    },
     "ncname": {
       "version": "1.0.0",
       "resolved": "http://registry.npm.taobao.org/ncname/download/ncname-1.0.0.tgz",

+ 2 - 1
package.json

@@ -48,6 +48,7 @@
     "bootstrap-loader": "^2.1.0",
     "bootstrap-sass": "^3.3.7",
     "echarts": "^3.6.2",
-    "jquery": "^3.1.1"
+    "jquery": "^3.1.1",
+    "laypage": "^1.1.5"
   }
 }

+ 1 - 1
src/css/newMenu/achievement.css

@@ -155,7 +155,7 @@ hr{
 .achievementHot-list ul li div div p .technology{
    float: right;
    display: inline-block;
-   width: 70px;
+   width: 100px;
    height: 24px;
    line-height: 24px;
    text-align: center;

+ 311 - 0
src/css/newMenu/achievementDetail.css

@@ -0,0 +1,311 @@
+.search{
+    overflow: hidden;
+}
+.search .search-inp{
+    width: 100%;
+}
+.search .search-inp .input-group{
+    width: 930px;
+}
+.search-inp div:nth-child(2){
+    margin: 0 20px;
+}
+.searchMain{
+    padding-left: 26px;
+}
+/* 行业类别 */
+.industry {
+    overflow: hidden;
+    border: 1px dashed #eeeeee;
+    border-style: solid solid dashed solid;
+}
+.industry>p{
+    float: left;
+    height: 82px;
+    width: 115px;
+    background: #f9f9f9;
+    text-align: center;
+    line-height: 82px;  
+    font-size: 14px; 
+}
+.industry .industryList{
+    width: 1082px;
+    float: left;
+    overflow: hidden;
+    height: 82px;
+    padding: 18px 0px 22px 0px;
+}
+.industry .industryList ul li {
+    width: 90px;
+    text-align: center;
+    cursor: pointer;
+    float: left;
+    margin-bottom: 8px;
+    font-size: 14px;
+}
+.industry .industryList ul li span{
+    color: #7a7878
+}
+.industry .industryList ul li:hover span{
+    color: #ff570c
+}
+/* 知产类型 */
+.productionType{
+     height: 50px;  
+     border: 1px solid #eeeeee;
+     border-top: none
+}
+.productionType>p{
+    width: 115px;
+    height: 49px;
+    line-height: 50px;
+    font-size: 14px;
+    text-align: center;
+    float: left;
+    background: #f9f9f9
+}
+.productionType ol{
+    float: left;
+}
+.productionType ol li{
+    float: left;
+    width: 90px;
+    text-align: center;
+    line-height: 50px;
+    color: #7a7878
+}
+.productionType ol li:hover{
+    color: #ff570c;
+    cursor: pointer;
+}
+.onSelect p{
+    float: left;
+    width: 115px;
+    height: 60px;
+    text-align: center;
+    line-height: 60px;
+}
+.onSelect ol{
+    float: left;
+    margin-top: 16px;
+}
+.onSelect ol li{
+    float: left;
+    color: #7a7878;
+    height: 28px;
+    line-height: 28px;
+    padding:0px 10px;
+    border: 1px solid #b8d3e4;
+    background: #f3f9fc;
+}
+.onSelect ol li span{
+    font-size: 14px;
+    color: #1f1f1f;
+}
+.onSelect ol li:nth-child(2){
+    border: none;
+}
+.onSelect ol li .typeClose{
+    color: #6ea7c9;
+    cursor: pointer;
+    float: right;
+    display: inline-block;
+    margin-left: 10px;
+}
+/* 精品技术 */
+.achievementList{
+    clear: both;
+    padding-top: 30px
+}
+.achievementList .fineQuality{
+    float: left;
+    width: 220px;
+    text-align: center;
+    background: #f9f9f9;
+    border: 1px solid #e7e7e7;
+    padding-bottom: 20px;
+}
+.fineQuality>img{
+    margin-top: -15px;
+    margin-bottom: 14px;
+}
+.fineQuality ol{
+    padding: 0 10px;
+}
+.fineQuality ol li {
+    font-size: 14px;
+    border-bottom: 1px dashed #ccc;
+    padding-bottom: 10px;
+    margin-bottom: 14px;
+}
+.fineQuality ol li img{
+    width: 100%
+}
+.fineQuality ol li .title-sm{
+   display: inline-block;
+   padding: 0 5px;
+   background: #ffe8d9;
+   color: #ff6600;
+   font-size: 14px;
+   height: 22px;
+   line-height: 22px;
+   margin-right: 5px;
+}
+.fineQuality ol li p{
+    text-align: left;
+    margin-top: 10px;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+}
+.achievementHot{
+    width: 955px;
+    float: right;
+}
+.achievementHot ul{
+    overflow: hidden;
+}
+.pagination_box{
+    width: 100%;
+    line-height:74px 
+}
+.pagination_box nav{
+    float:right;
+}
+.pagination_box ul li a{
+    color:#333
+}
+.pagination_box .pagination{
+    float: right;
+    margin-right: 20px;
+}
+.pagination_box .totalCount{
+    float: right;
+    display: inline-block;
+    margin-right: 15px;
+} 
+.achievementHot>ul>li{
+    float: left;
+    width: 308px;
+    margin-left: 15.5px;
+    margin-bottom: 22px;
+}
+.achievementHot ul li:nth-child(3n+1){
+    margin-left: 0
+}
+.achievementHot ul li .txts h5{
+    font-weight: normal;
+    font-size: 14px;
+    color: #1f1f1f;
+    overflow: hidden;
+    white-space:nowrap; 
+    text-overflow:ellipsis; 
+    -o-text-overflow:ellipsis;
+    padding: 10px 2px;
+}
+.achievementHot ul li .hr{
+    width: 100%;
+    height: 18px;
+    background: url(../../../img/newMenu/achievement_27.jpg) no-repeat;
+    background-size:100% 100%; 
+    margin: 1px 0px;
+}
+.achievementHot ul li .txts p span{
+    color: #7a7878;
+    font-size: 12px;
+    display: inline-block;
+    margin-right: 5px;
+}
+.achievementHot ul li .txts .hotImg{
+    float: right;
+    margin-right:16px;
+    height: 18px;
+    width: 32px;
+    display: inline-block;
+    background:url(../../../img/newMenu/achievement_hot.jpg) no-repeat;
+    background-size:100% 100%; 
+}
+.achievementHot .btnTxt span{
+    width: 64px;
+    height: 24px;
+    display: inline-block;
+    text-align: center;
+    font-size: 14px;
+    color: #ff6600;
+    border: 1px solid #ff6600;
+    line-height: 24px;
+    margin: 0 3px;
+}
+.achievementHot ul li .img{
+    float: left;
+    width: 114px;
+    height: 114px;
+    position: relative;
+}
+.achievementHot ul li .img img{
+    width: 100%;
+    height: 100%;
+}
+.achievementHot ul li .img span{
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 9999;
+    width: 48px;
+    height: 41px;
+    background: url(../../../img/newMenu/achievement_26.png) no-repeat;
+    background-size:100% 100%; 
+}
+.achievementHot ul li .txtIntroduce{
+    float: left;
+    width: 188px;
+    border:1px solid #efefef;
+    height: 114px;
+    padding: 0px 10px 12px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

File diff suppressed because it is too large
+ 3 - 0
src/css/newMenu/laypage.css


+ 3 - 1
src/css/newMenu/public.css

@@ -44,7 +44,9 @@ button:focus{
   outline: none;
   background-color: none;
 }
-
+.container{
+	padding: 0;
+}
 
 /* footer */
 /*登陆页面*/

+ 168 - 0
src/js/newMenu/achievementDetail.js

@@ -0,0 +1,168 @@
+/*
+ *	@author:liting
+ * 	@update:2018/05/19
+ * 
+ */
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/achievementDetail.css';
+import 'js/public.js';
+import 'css/newMenu/laypage.css';
+import 'laypage/lib/laypage.js';
+
+"use strict";
+$(function() {
+	//获取时间轴;
+	//数据获取;
+    var thePageNo = 1,
+        thePageLength = 1,
+        pageSize =10;
+	loadData();
+	function loadDate(pageNo) {
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/portal/search/achievementList",
+            data: {
+                pageNo: pageNo || 1,
+                pageSize: 10,
+                boutiqueFlag :-1,
+                keyword: theKeyword,
+                transferMode: theMode != 999 ? theMode : undefined,
+                fieldA: theFieldA != 999 ? theFieldA : undefined,
+                fieldB: theFieldB != 999 ? theFieldB : undefined,
+                dataCategory:dataCategory != 999 ? dataCategory : undefined,
+                category:category != 999 ? category : undefined,
+                dateSort:dateSort,
+                lowerPrice:lowerPrice,
+                upperPrice:upperPrice,
+                internationalFlag:internationalFlag != 999 ? internationalFlag : undefined,
+            },
+            success: function (data) {
+                var theArr = [];
+                if (data.data && data.data.list) {
+                    for (let i = 0; i < data.data.list.length; i++) {
+                        let thisdata = data.data.list[i];
+                        let isJingpin="";
+                        if(thisdata.boutique==1){
+                                isJingpin="jingpin";
+                            }else{
+                                isJingpin="jingpin1";
+                            }
+                        if(thisdata.technicalPictureUrl==null){
+                                thisdata.technicalPictureUrl=''
+                            }	                    	                    
+                        var imgUrl=thisdata.technicalPictureUrl!=''?globalConfig.avatarHost + '/upload' +thisdata.technicalPictureUrl:globalConfig.avatarHost+ "/upload/default/zhuanliimg_null.png";                
+                        var star='';
+                        for(var n=0;n<thisdata.maturity;n++){
+                            star+='<li></li>';
+                        }
+                        var percentage='';
+                        if(thisdata.maturityS=='正在研发'){
+                            percentage=20
+                        }
+                        if(thisdata.maturityS=='已有样品'){
+                            percentage=40
+                        }
+                        if(thisdata.maturityS=='通过小试'){
+                            percentage=60
+                        }
+                        if(thisdata.maturityS=='通过中试'){
+                            percentage=80
+                        }
+                        if(thisdata.maturityS=='可以量产'){
+                            percentage=100
+                        }                     
+                        theArr.push([
+                             '<li val="'+thisdata.id+'" typ="'+thisdata.ownerType+'" class="list"><span class="'+isJingpin+'"></span><div>'+(thisdata.name?thisdata.name:"未知名称")+'</div>',
+                            '<ol><li>类型:<span>' + (thisdata.category ? categoryObj[thisdata.category] : '') + '</span></li>',
+                            '<li>行业:<span>' + (thisdata.fieldA?getIndustryCategory(thisdata.fieldA, thisdata.fieldB):"未知行业") + '</span></li>',					
+                            '<li>交易方式:<span>' + (thisdata.transferMode ? transferModeObj[thisdata.transferMode] : "当面交易") + '</span></li>',
+                            '<li>成熟度:<span>'+(thisdata.maturityS?thisdata.maturityS:"通过小试")+'</span></li>',
+                            //'<li val="'+thisdata.id+'" typ="'+thisdata.ownerType+'">技术方:<span>'+(thisdata.ownerName?thisdata.ownerName:"佚名")+'</span>',
+    //						'<div class="progressBar">',
+    //						'<p class="bjtxt"></p>',
+    //						'<span class="percentagePic" style="width:'+percentage+'px"></span>',
+    //						'<span class="percentage">'+percentage+'%</span>',
+    //						'<p class="txt"></p>',
+    //						'</div>',						
+                            '</li>',
+                            '<li class="consultation"><a href="javascript:;">我要咨询</a></li>',
+                            '</ol>',
+                            '<input type="hidden" class="achievementId" value="' + thisdata.id + '">',
+                            '<input type="hidden" class="achievementType" value="' + thisdata.dataCategory + '">',
+                            '</li>'	,   
+                        ].join(''));
+                    };
+                };
+                $('.achievementList ul').empty();
+                $('.achievementList ul').append(theArr.join(''));
+                
+                //页面里面的详情链接   
+                $(".achievementList ul li .consultation").siblings().on('click', function () {    	      
+                        var theId = $(this).parents('.list').attr('val');
+                        var thetype=$(this).parents('.list').attr('typ');			       
+                        window.open(globalConfig.context + '/portal/technologyTrading/achievementDetail?id=' + theId+'&type='+thetype );
+                });
+                $(".achievementList ul li div").on("click",function(){
+                        $(this).siblings("ol").children("li:first").click();
+                    });
+                $(".achievementList ul li ol .consultation").click(function(){
+                        $('#lxkf').click()			    	
+                })
+                
+                if(data.data.list.length===0){
+                        $('.achievementList ul').html("<div class='list_none'></div>")	;
+                    };
+                thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
+                var pageArr = [],
+                    firstNo = 1,
+                    endNo = 5;
+                if (thePageNo > 3) {
+                    firstNo = thePageNo - 2;
+                    endNo = Math.min((Number(thePageNo) + 2), thePageLength);
+                } else {
+                    endNo = Math.min(thePageLength, 5);
+                };
+                for (let i = firstNo; i <= endNo; i++) {
+                    if (i == thePageNo) {
+                        pageArr.push(
+                            '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    } else {
+                        pageArr.push(
+                            '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    }
+                };
+                $('.pageNumber').remove();
+                $('.pagePre').after(pageArr.join(''));
+            }
+        });
+    }
+    //f分页
+    $('.pagination').on('click', 'li', function (e) {
+        e.preventDefault();
+        if (this.className === 'pagePre') {
+            if (thePageNo > 1) {
+                thePageNo = 1;
+                loadDate(thePageNo);
+            }
+        } else if (this.className === 'pageNext') {
+            if (thePageNo < thePageLength) {
+                thePageNo = thePageLength;
+                loadDate(thePageNo);
+            }
+        } else {
+            var nextPageNo = $(this).children()[0].text;
+            if (thePageNo != nextPageNo) {
+                $(this).siblings("li").removeClass("active");
+                $(this).addClass("active");
+                thePageNo = nextPageNo;
+                loadDate(thePageNo);
+            };
+        };
+    });
+})

File diff suppressed because it is too large
+ 70 - 0
src/js/newMenu/laypage.js


+ 610 - 0
template/newMenu/achievementDetails.html

@@ -0,0 +1,610 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>技术成果</title>
+    <!-- <link rel="stylesheet" href="../../src/css/bootstrap.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/achievementDetail.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/public.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/header.css"> -->
+</head>
+
+<body>
+    <div class="header">
+        <div class="container">
+            <div>
+                <a href="#">网站导航</a>
+            </div>
+            <div>
+                <ul>
+                    <li>
+                        <a href="javascript:void(0)" class="head_login">登录</a>
+                    </li>
+                    <li>
+                        <a href="#">注册</a>
+                    </li>
+                    <li>
+                        <a href="#">我的订单</a>
+                    </li>
+                    <li>
+                        <a href="#">我的关注</a>
+                    </li>
+                    <li>
+                        <a href="#">我的消息</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="colorRed">
+                全国统一服务热线:400-8800-962
+            </div>
+        </div>
+    </div>
+    <!-- search -->
+    <div class="container">
+        <div class="navHeader">
+            <div class="logo">
+                <a href="#">
+                    <img src="../../img/Logo111.png" alt="" title="技淘">
+                </a>
+            </div>
+            <div class="logo_right"></div>
+            <div class="nav">
+                <ul>
+                    <li>
+                        <a href="#">科技服务</a>
+                        <img src="../../img/hot.png">
+                        <ol class="subnavigation">
+                            <li>
+                                <a href="#">高企认定</a>
+                            </li>
+                            <li>
+                                <a href="#">知识产权</a>
+                            </li>
+                        </ol>
+                    </li>
+                    <li>
+                        <a href="#">技术交易</a>
+                        <ol class="subnavigation">
+                            <li>
+                                <a href="#">专利产品</a>
+                            </li>
+                            <li>
+                                <a href="#">技术成果</a>
+                            </li>
+                            <li>
+                                <a href="#">技术需求</a>
+                            </li>
+                            <li>
+                                <a href="#">技术评估</a>
+                            </li>
+                        </ol>
+                    </li>
+                    <li>
+                        <a href="#">智库咨询</a>
+                        <ol class="subnavigation">
+                            <li>
+                                <a href="#">智政</a>
+                            </li>
+                            <li>
+                                <a href="/portal/thinkTank/index.html#zizone">智者</a>
+                            </li>
+                        </ol>
+                    </li>
+
+                    <li>
+                        <a href="/portal/aboutUs.html">关于公司</a>
+                        <ol class="subnavigation" style="display: none;">
+                            <li>
+                                <a href="#">联系我们</a>
+                            </li>
+                        </ol>
+                    </li>
+                </ul>
+            </div>
+            <div class="nav_right">
+                <img src="../../img/newMenu/navImg.jpg" alt="">
+                <span>国家技术转移示范机构</span>
+            </div>
+        </div>
+        <div class="clearFix search">
+            <div>
+                <div class="search-inp">
+                    <div class="input-group">
+                        <input type="text" class="form-control demandSearch" placeholder="输入你感兴趣的内容">
+                        <span class="input-group-btn">
+                            <button class="btn btn-default searchBtn" type="button">
+                                <img src="../../img/newMenu/search-icon.jpg" alt=""> 搜索
+                            </button>
+                        </span>
+                        <div class="txtVal"></div>
+                    </div>
+                    <div>
+                        <img src="../../img/newMenu/search-xq.png" alt="">
+                        <span>发布需求</span>
+                    </div>
+                    <div>
+                        <img src="../../img/newMenu/search-cg.png" alt="">
+                        <span>发布技术</span>
+                    </div>
+                </div>
+                <div class="searchMain">
+                    <ol>
+                        <li class="active">热搜</li>
+                        <li>
+                            <a href="#" target="_blank">人工智能</a>
+                        </li>
+                        <li>
+                            <a href="#">区块链</a>
+                        </li>
+                        <li>
+                            <a href="#">环保</a>
+                        </li>
+                        <li>
+                            <a href="#">金属材料</a>
+                        </li>
+                        <li>
+                            <a href="#">软件开发</a>
+                        </li>
+                    </ol>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="industry">
+            <p>行业分类</p>
+            <div class="industryList">
+                <ul>
+                    <li value="464" class="active">
+                        <span>教育休闲</span>
+                    </li>
+                    <li value="463" class="">
+                        <span>包装印刷</span>
+                    </li>
+                    <li value="462">
+                        <span>电气自动化</span>
+                    </li>
+                    <li value="461">
+                        <span>采矿冶金</span>
+                    </li>
+                    <li value="460">
+                        <span>航空航天</span>
+                    </li>
+                    <li value="459">
+                        <span>海洋开发</span>
+                    </li>
+                    <li value="458">
+                        <span>农林牧业</span>
+                    </li>
+                    <li value="457">
+                        <span>医药与医疗</span>
+                    </li>
+                    <li value="456">
+                        <span>电子信息</span>
+                    </li>
+                    <li value="375">
+                        <span>新型材料</span>
+                    </li>
+                    <li value="31">
+                        <span>仪器仪表</span>
+                    </li>
+                    <li value="26">
+                        <span>橡胶塑料</span>
+                    </li>
+                    <li value="25">
+                        <span>交通运输</span>
+                    </li>
+                    <li value="20">
+                        <span>安全防护</span>
+                    </li>
+                    <li value="19">
+                        <span>环保和资源</span>
+                    </li>
+                    <li value="18">
+                        <span>机械</span>
+                    </li>
+                    <li value="17">
+                        <span>新能源</span>
+                    </li>
+                    <li value="15">
+                        <span>化学化工</span>
+                    </li>
+                    <li value="7">
+                        <span>轻工纺织</span>
+                    </li>
+                    <li value="5">
+                        <span>家居用品</span>
+                    </li>
+                    <li value="4">
+                        <span>建筑建材</span>
+                    </li>
+                    <li value="2">
+                        <span>食品饮料</span>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="productionType">
+            <p>知产类型</p>
+            <ol>
+                <li>技术专利</li>
+                <li>技术专利</li>
+                <li>技术专利</li>
+            </ol>
+        </div>
+        <div class="onSelect">
+            <p>已选类型 </p>
+            <ol>
+                <li>
+                    <span>食品饮料</span>
+                    <span class="typeClose">x</span>
+                </li>
+                <li > > </li>
+                <li>
+                    <span>食品饮料</span>
+                    <span class="typeClose">x</span>
+                </li>
+            </ol>
+        </div>
+        <div class="achievementList">
+            <div class="fineQuality">
+                <img src="../../img/newMenu/achievmentDetail_1.png" alt="">
+                <ol>
+                    <li>
+                        <div>
+                            <img src="../../img/newMenu/achievmentDetail_2.jpg" alt="">
+                        </div>
+                        <p><span class="title-sm">实用技术</span><span>高压电极加热技术</span></p>
+                        <p>高压电极加热技术..</p> 
+                    </li>
+                    <li>
+                        <div>
+                            <img src="../../img/newMenu/achievmentDetail_2.jpg" alt="">
+                        </div>
+                        <p><span class="title-sm">实用技术</span><span>高压电极加热技术</span></p>
+                        <p>高压电极加热技术..</p> 
+                    </li>
+                    <li>
+                        <div>
+                            <img src="../../img/newMenu/achievmentDetail_2.jpg" alt="">
+                        </div>
+                        <p><span class="title-sm">实用技术</span><span>高压电极加热技术</span></p>
+                        <p>高压电极加热技术..</p> 
+                    </li>
+                </ol>
+            </div>
+            <div class="achievementHot">
+                <ul class="hotList">
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                            <span></span>
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li>
+                </ul>
+                <div class="container pagination_box">
+                    <nav aria-label="Page navigation" class="clearfix">
+                        <ul class="pagination">
+                            <li class="pagePre">
+                                <a href="#" aria-label="Previous">
+                                    <span aria-hidden="true">&laquo;</span>
+                                </a>
+                            </li>
+                            <li class="pageNumber"><a href="#" value="1">1</a></li>
+                            <li class="pageNext">
+                                <a href="#" aria-label="Next">
+                                    <span aria-hidden="true">&raquo;</span>
+                                </a>
+                            </li>
+                        </ul>
+                        <span class="totalCount">共0条数据</span>
+                    </nav>
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer>
+        <div id="bottom">
+            <div class="bottom">
+                <div class="bottom_text">
+                    <div class="text_top">
+                        <a href="/portal/aboutUs.html">关于公司</a>
+                        <a href="/portal/contactUs.html">联系我们</a>
+                        <p>Copyright © 2016-2017 科德 版权所有 湘ICP备15019731号 -2 技术支持:湖南阿凡提科技有限公司
+                        </p>
+                    </div>
+                    <div class="text_center" id="qrCode">
+                        <div class="cont_left">
+                            <img src="../../img/dizhi.jpg" alt="">
+                            <p>湖南省长沙市营盘东路19号金山大厦八楼</p>
+                        </div>
+                        <div class="cont_center">
+                            <img src="../../img/dianhua.jpg" alt="">
+                            <p>合作电话:400-8800-962</p>
+                        </div>
+                        <div class="cont_guanli">
+                            <a href="/admin/login">
+                                <img src="../../img/guanli.png" alt="">
+                                <p>管理员入口</p>
+                            </a>
+                        </div>
+                        <div class="cont_rightapp">
+                            <img src="../../img/erweima_iphone.png" alt="">
+                            <p>iPhone版</p>
+                        </div>
+                        <div class="cont_right android">
+                            <img src="../../img/erweima_android.jpg" alt="">
+                            <p>Android版</p>
+                        </div>
+                        <div class="cont_right">
+                            <img src="../../img/erweima.jpg" alt="">
+                            <p>微信公众号</p>
+                        </div>
+                    </div>
+                    <div class="text_bottom">
+                        <p>友情链接</p>
+                        <a href="http://www.hnst.gov.cn/" target="_blank">湖南省科技厅/</a>
+                        <a href="http://www.cssti.cn/" target="_blank">长沙市科技局/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科学技术协会/</a>
+                        <a href="http://www.chinatorch.gov.cn/" target="_blank">科技部火炬中心/</a>
+                        <a href="http://www.nosta.gov.cn/web/index.aspx" target="_blank">国家科技成果奖励办/</a>
+                        <a href="http://www.nast.org.cn/" target="_blank">国家科技成果网/</a>
+                        <a href="http://www.hnast.org.cn/portal/comm/index.action" target="_blank">湖南省科学技术协会/</a>
+                        <a href="http://www.hncgw.gov.cn/" target="_blank">湖南省科技成果转化公共服务平台/</a>
+                        <a href="http://www.hnjxw.gov.cn/" target="_blank">湖南省经济信息化委员会/</a>
+                        <a href="http://kyy.hnu.cn/" target="_blank">湖南大学科学技术研究院/</a>
+                        <a href="http://www.gxst.gov.cn/gxkjt/" target="_blank">广西省科技厅/</a>
+                        <a href="http://www.nmkjt.gov.cn/" target="_blank">内蒙古自治区科技厅/</a>
+                        <a href="http://www.cshtz.gov.cn/" target="_blank">长沙市高新区管委会/</a>
+                        <a href="http://www.jxas.ac.cn/" target="_blank">江西省科学院/</a>
+                        <a href="http://www.cnic.cn/front/index.html#/cnicSite/home" target="_blank">中科院计算机网络信息中心/</a>
+                        <a href="http://kxyjb.csu.edu.cn/" target="_blank">中南大学科学研究部/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科协创新创业服务中心/</a>
+                        <a href="http://www.hbstd.gov.cn/" target="_blank">湖北省科技厅/</a>
+                        <a href="http://www.gdstc.gov.cn/" target="_blank">广东省科技厅/</a>
+                        <a href="http://www.hnkjt.gov.cn/" target="_blank">河南省科技厅/</a>
+                        <a href="http://www.cbtm.gov.cn/" target="_blank">技术合同登记官网</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div onclick="_MEIQIA('showPanel')" id="lxkf" style="display:none"></div>
+        <div class="pub_fix">
+            <span class="index_blur"></span>
+            <ul class="ret_top">
+                <li class="head_login">
+                    <a href="javascript:;">
+                        <img src="../../img/index_fix0.png" alt="">
+                        <p>申请会员</p>
+                    </a>
+                </li>
+                <li>
+                    <a onclick="_MEIQIA('showPanel')">
+                        <img src="../../img/index_fix3.png" alt="">
+                        <p>联系客服</p>
+                    </a>
+                </li>
+                <li>
+                    <a href="" class="pendent_box">
+                        <img src="../../img/index_fix4.png" alt="">
+                        <p>返回顶部</p>
+                    </a>
+                </li>
+            </ul>
+            <span class="index_orange"></span>
+        </div>
+        <div class="message">
+            <span></span>
+        </div>
+        <div class="login">
+            <div class="login_mian">
+                <div class="login_left">
+                    <div class="login_ewm">
+                        <img src="../../img/Android.jpg" alt="二维码" />
+                        <p>Android版</p>
+                        <p>客户端</p>
+                    </div>
+                    <div class="login_ewm">
+                        <img src="../../img/iPhone.jpg" alt="二维码" />
+                        <p>iPhone版</p>
+                        <p>客户端</p>
+                    </div>
+                </div>
+                <div class="login_right">
+                    <h5>用户登陆
+                        <a href="">免费注册有好礼呦!!</a>
+                    </h5>
+                    <form id="form_login">
+                        <div class="login_uesr">
+                            <label for="uesname">
+                                <img src="../../img/login_use.png" />
+                            </label>
+                            <input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
+                            <img src="../../img/login_del.png" class="log_del" />
+                        </div>
+                        <div class="login_pass">
+                            <label for="pass">
+                                <img src="../../img/login_password.png" />
+                            </label>
+                            <input type="password" name="pass" id="Lo_pass" placeholder="请输入密码" />
+                        </div>
+                        <div class="login_check">
+                            <a href="">忘记密码?</a>
+                        </div>
+                        <input type="submit" value="登 陆" class="login_submit" />
+                    </form>
+                    <img src="../../img/login_hua.png" alt="" class="login_hua" />
+                    <img src="../../img/login_shadow.png" alt="阴影效果" class="login_shadow" />
+                    <img src="../../img/login_close.png" alt="" class="login_close" />
+                </div>
+            </div>
+        </div>
+        <div id="forget">
+            <div class="forget">
+                <form id="forget_form">
+                    <div class="forget_top">
+                        <a href="">忘记密码?</a>
+                        <div class="login_check">
+                            <label for="forget_checks" class="lab_check">
+                                <input type="checkbox" name="type" id="forget_checks" />专家登录
+                            </label>
+                            <label for="forget_checkst" class="lab_checkno">
+                                <input type="checkbox" name="type" id="forget_checkst" />企业登录
+                            </label>
+                        </div>
+                    </div>
+                    <div class="forget_center">
+                        <div class="phone">
+                            <label for="forget_phone">
+                                手机号码:
+                                <input type="text" name="type" id="forget_phone" placeholder="请输入您的手机号码..." />
+                            </label>
+                        </div>
+                        <div class="yanzheng">
+                            <label for="forget_yanzheng">
+                                图形验证码:
+                                <input type="text" name="type" id="forget_yanzheng" />
+                            </label>
+                            <div class="yanzhengma_cont_">
+                                <img th:src="${basePath+'/open/getVCode'}" />
+                            </div>
+                        </div>
+                        <div class="cellcode_">
+                            <div>
+                                验证码:
+                                <input type="text" name="cellCode" placeholder="手机验证码" id="photo_n" />
+                            </div>
+                            <input type="button" id="photo_m" value="获取验证码" disabled/>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="forget_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div id="new_password">
+            <div class="new_password">
+                <form id="new_password_form">
+                    <div class="password_top">
+                        <h4>设置新密码</h4>
+                        <span>密码长度为6-20个字符,区分大小写</span>
+                    </div>
+                    <div class="password_center">
+                        <div>
+                            <label for="new_pass">
+                                新密码:
+                                <input type="text" name="type" id="new_pass" placeholder="请输入您的新密码..." />
+                            </label>
+                        </div>
+                        <div>
+                            <label for="new_pass_again">
+                                确认密码:
+                                <input type="text" name="type" id="new_pass_again" placeholder="请确认您的密码..." />
+                            </label>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="new_password_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div class="smg">
+            <input type="text" name="msg" value="111" id="msg" />
+        </div>
+    </footer>
+</body>
+
+<!-- <script src="../../src/js/jquery-2.1.0.js"></script>
+<script src="../../src/js/public.js"></script>
+<script src="../../src//js/newMenu/demand.js"></script>
+<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
+<script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
+</html>

+ 7 - 1
webpack.config.js

@@ -218,11 +218,17 @@ module.exports = (function () {
             chunks: ['newMenu/demand', 'vendors']
         }),
         new HtmlWebpackPlugin({
-            title: '科技需求',
+            title: '科技成果',
             filename: 'html/newMenu/achievement.html',
             template: './template/newMenu/achievement.html',
             chunks: ['newMenu/achievement', 'vendors']
         }),
+        new HtmlWebpackPlugin({
+            title: '科技成果列表',
+            filename: 'html/newMenu/achievementDetails.html',
+            template: './template/newMenu/achievementDetails.html',
+            chunks: ['newMenu/achievementDetail', 'vendors']
+        }),
     ];
     if (!isDev) {
         //这个使用uglifyJs压缩你的js代码

+ 6 - 1
webpack/entry.config.js

@@ -33,7 +33,8 @@ module.exports = {
         'news/agreement': './src/js/news/agreement.js',
         /* 2018-06  新版科技需求 */
         'newMenu/demand': './src/js/newMenu/demand.js',
-        'newMenu/achievement': './src/js/newMenu/achievement.js'
+        'newMenu/achievement': './src/js/newMenu/achievement.js',
+        'newMenu/achievementDetail': './src/js/newMenu/achievementDetail.js'
     },
     watch: {
         'index': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
@@ -166,5 +167,9 @@ module.exports = {
         'webpack/hot/only-dev-server',
         './src/js/newMenu/achievement.js'
         ],
+        'newMenu/achievementDetail': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/achievementDetail.js'
+        ],
     }
 };