liting2017 7 years ago
parent
commit
9115d6b379

BIN
img/appCognizance01.jpg


BIN
img/appCognizance02.jpg


+ 1 - 1
package.json

@@ -12,7 +12,7 @@
     "buildtest": "node bin/clean.js && webpack --progress --colors --env.deploy test",
     "buildstage": "node bin/clean.js && webpack --progress --colors --env.deploy stage",
     "pro": "node bin/clean.js && webpack --progress --colors --env.deploy prod",
-    "dev": "webpack-dev-server --port 80 --devtool eval --progress --colors --hot --content-base build --env.deploy dev --env.watch watch"
+    "dev": "webpack-dev-server --port 89 --devtool eval --progress --colors --hot --content-base build --env.deploy dev --env.watch watch"
   },
   "repository": {
     "type": "git",

+ 103 - 0
src/css/news/appCognizance.css

@@ -0,0 +1,103 @@
+* {
+	padding: 0;
+	margin: 0;
+	font-size: 62.5%;
+	box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+}
+
+.container {
+	max-width: 768px;
+	margin: 0 auto;
+	background: #ececec;
+}
+
+#imgs {
+	width: 100%;
+	height: 168px;
+}
+
+.service:first-child {
+	margin-top: 0;
+}
+
+.service {
+	margin-top: 5px;
+	background: #ffffff;
+}
+
+.service h3 img {
+	width: 3px;
+	height: 18px;
+	margin-top: 13.5px;
+	margin-top: ;
+	float: left;
+	margin-right: 10px;
+}
+
+.service h3 span {
+	float: left;
+	height: 45px;
+	line-height: 45px;
+	font-size: 1.4rem;
+}
+
+.service h3 {
+	color: #3C3C3C;
+	padding-left: 15px;
+	font-weight: normal;
+	height: 45px;
+	line-height: 45px;
+}
+
+.service hr {
+	border-bottom: none;
+	border-color: #CCCCCC;
+	opacity: 0.2;
+}
+
+.service .promiseText {
+	text-align: justify;
+	padding: 15px 29px 15px 16px;
+}
+
+.service .promiseText div p {
+	line-height: 20px;
+	font-size: 1.2rem;
+	color: #3C3C3C;
+}
+
+.service .specifications {
+	padding-left: 16px;
+}
+
+.service .specifications div {
+	display: inline-block;
+	width: 30%;
+	text-align: center;
+	font-size: 1.2rem;
+	line-height: 50px;
+}
+#guarantee,#guarantee div{clear:both;overflow: hidden;}
+#guarantee div p span {
+	height: 20px;
+	line-height: 20px;
+	width: 60px;
+	border: 1px solid rgb(255,133,35);
+	border-radius: 5px;
+	color: #FF8523;
+	text-align: center;
+	margin-right: 5px;
+	display: inline-block;
+	font-size: 1.2rem;
+}
+#guarantee div p{
+	margin-bottom: 10px;
+}
+#guarantee{
+	padding-bottom: 40px;
+}
+.servicebj{
+	background: #f8f8f8;
+}
+

+ 68 - 0
src/js/news/appCognizance.js

@@ -0,0 +1,68 @@
+import '../../css/news/appCognizance.css';
+
+$(function(){
+	//规格添加颜色
+	var colorArr=['#e22e2e','#2542ef','#10d4f1','#f9750b','#0bf964'];
+	for(var i=0;i<$('.specifications div').length;i++){
+		if(i>colorArr.length){
+			i=0
+		};
+		$('.specifications div').eq(i).css({color:colorArr[i]})
+	}
+	//获取id
+	var https=window.location.href;
+	var indexs = https.indexOf('=');
+	var ids=https.substr(indexs+1,https.length);
+	//数据获取
+	function DataList(){
+		$.ajax({
+			type:"get",
+			dataType:'json',
+			//url: globalConfig.context + "/portal/search/achievementList",
+			url:"/portal/search/achievementList",
+			async:true,
+			data:{
+				id:ids
+			},
+			success:function(data){
+				var theData=data.data;
+				var describeList=[];         //需求描述
+				var dataList=[];             //所需资料
+				var specificationList=[];    //服务规格
+				var promiseLsit=[];          //服务承诺
+				var guaranteeList=[];        //服务保障
+				if(data.data&&data.data.list){
+					for(var i=0;i<data.data.list.length;i++){
+//						describeList=theData.describeList.map((item,index)=>
+//							<div><p>{item}<p></div>
+//						)
+
+						describeList.push([
+							
+						  ]).join('');
+						dataList.push([
+							
+						  ]).join('');
+						specificationList.push([
+							
+						  ]).join('');
+						promiseLsit.push([
+							
+						  ]).join('');
+						guaranteeList.push([
+							
+						  ]).join('');
+					}
+					$('#describe').html(describeList);
+					$('#data').html(dataList);
+					$('.specifications').html(specificationList);
+					$('#promise').html(promiseLsit);
+					$('#guarantee').html(guaranteeList);
+				}
+			}
+		});
+	};
+	DataList();
+})
+
+

+ 72 - 0
template/news/appCognizance.html

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+	    <meta name="Keywords" content=""/>
+	    <meta name="Description" content=""/>
+		<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
+		<meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>高新认定</title>
+	</head>
+	<body>
+		<div class="container">
+			<img src="../../img/appCognizance01.jpg" alt="高企认定" id="imgs"/>
+			<div class="contant">
+				<div class="service">
+					<h3><img src="../../img/appCognizance02.jpg" alt="" /><span>需求描述</span></h3>
+					<hr>
+					<div class="promiseText" id="describe">
+						<div><p>1.本项目处于国内高技术前沿,原创性特征明显。</p></div>
+						<div><p>2.对提升中国结构一体化复合材料的高技术研发水平水平水平水平。 </p></div>
+						<div><p>3.和创新能力具有艾薇阿辉就本项目处于国内高技。</p></div>
+						<div><p>4.术前沿本项目处于国内高技术前沿,原创性特征明显。</p></div>
+						<div><p>4.术前沿本项目处于国内高技术前沿,原创性特征明显。沿本项目处于国内高技术前沿,原创性特征明显</p></div>
+					</div>
+				</div>
+				<div class="service">
+					<h3><img src="../../img/appCognizance02.jpg" alt="" /><span>所需资料</span></h3>
+					<hr>
+					<div class="promiseText" id="data">
+						<div><p>1.本项目处于国内高技术前沿,原创性特征明显。</p></div>
+						<div><p>2.对提升中国结构一体化复合材料的高技术研发水平水平水平水平。</p> </div>
+						<div><p>3.和创新能力具有艾薇阿辉就本项目处于国内高技。</p></div>
+						<div><p>4.术前沿本项目处于国内高技术前沿,原创性特征明显。</p></div>
+						<div><p>4.术前沿本项目处于国内高技术前沿,原创性特征明显。沿本项目处于国内高技术前沿,原创性特征明显</p></div>
+					</div>
+				</div>
+				<div class="service servicebj">
+					<h3><img src="../../img/appCognizance02.jpg" alt="" /><span>服务规格</span></h3>
+					<hr>
+					<div class="specifications" >
+						<div>普通(45天左右)</div>
+						<div>普通(45天左右)</div>
+						<div>普通(45天左右)</div>
+						<div>普通(45天左右)</div>
+						
+					</div>
+				</div>
+				<div class="service">
+					<h3><img src="../../img/appCognizance02.jpg" alt="" /><span>服务承诺</span></h3>
+					<hr>
+					<div class="promiseText" id="promise">
+						<div><p>1.本项目处于国内高技术前沿,原创性特征明显。</p></div>
+						<div><p>2.对提升中国结构一体化复合材料的高技术研发水平水平水平水平。</p> </div>
+						<div><p>3.和创新能力具有艾薇阿辉就本项目处于国内高技。</p></div>
+						<div><p>4.术前沿本项目处于国内高技术前沿,原创性特征明显。</p></div>
+						<div><p>4.术前沿本项目处于国内高技术前沿,原创性特征明显。沿本项目处于国内高技术前沿,原创性特征明显</p></div>
+					</div>
+				</div>
+				<div class="service">
+					<h3><img src="../../img/appCognizance02.jpg" alt="" /><span>服务保障</span></h3>
+					<hr>
+					<div class="promiseText" id="guarantee">
+						<div><p><span>先垫付</span>1.本项目处于国内高技术前沿,原创性特征明显。</p></div>
+						<div><p><span>时间短</span>2.对提升中国结构一体化复合材料的高技术研发水平水平水平水平。 </p></div>
+						<div><p><span>成功率高</span>3.和创新能力具有艾薇阿辉就本项目处于国内高技。</p></div>
+						<div><p><span>重售后</span>4.术前沿本项目处于国内高技术前沿,原创性特征明显。</p></div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+</html>

+ 7 - 1
webpack.config.js

@@ -187,6 +187,12 @@ module.exports = (function () {
             template: './template/news/newsDetailApp.html',
             chunks: ['news/newsDetailApp', 'vendors']
         }),
+        new HtmlWebpackPlugin({
+            title: '高企认定',
+            filename: 'html/news/appCognizance.html',
+            template: './template/news/appCognizance.html',
+            chunks: ['news/appCognizance', 'vendors']
+        }),
     ];
     if (!isDev) {
         //这个使用uglifyJs压缩你的js代码
@@ -205,7 +211,7 @@ module.exports = (function () {
 
     //let staticHost = 'http://aftts.hnzhiming.com';
     //let staticHost = 'http://afts.hnzhiming.com';
-    let staticHost = 'http://127.0.0.1';
+    let staticHost = 'http://127.0.0.1:89';
     switch (argv.env.deploy) {
         case 'test':
             staticHost = 'http://static.jishutao.com';

+ 32 - 27
webpack/entry.config.js

@@ -26,114 +26,119 @@ module.exports = {
         'service/propertyRight': './src/js/service/propertyRight.js',
         'service/highTechCognizance': './src/js/service/highTechCognizance.js',
         //newsApp
-        'news/newsDetailApp': './src/js/news/newsDetailApp.js'
+        'news/newsDetailApp': './src/js/news/newsDetailApp.js',
+        'news/appCognizance': './src/js/news/appCognizance.js'
     },
     watch: {
-        'index': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'index': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/index.js'
         ],
-         'aboutUs': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+         'aboutUs': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/aboutUs.js'
         ], 
-        'APPaboutUs': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'APPaboutUs': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/APPaboutUs.js'
         ],  
-        'contactUs': ['webpack-dev-server/client?http://127.0.0.1:80',
+        'contactUs': ['webpack-dev-server/client?http://127.0.0.1:89',
             'webpack/hot/only-dev-server',
             './src/js/contactUs.js'
         ],
-        'toPayment': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'toPayment': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/toPayment.js'
         ],
-        'service': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'service': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/service.js'
         ],
-        'register': ['webpack-dev-server/client?http://127.0.0.1:80',
+        'register': ['webpack-dev-server/client?http://127.0.0.1:89',
             'webpack/hot/only-dev-server',
             './src/js/register.js'
         ],
-        'member': ['webpack-dev-server/client?http://127.0.0.1:80',
+        'member': ['webpack-dev-server/client?http://127.0.0.1:89',
             'webpack/hot/only-dev-server',
             './src/js/member.js'
         ],
-        'technologyTrading': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'technologyTrading': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading.js'
         ],
-        'thinkTank': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'thinkTank': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank.js'
         ],
-        'financialIndex': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'financialIndex': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/financialIndex.js'
         ],
-        'technologyTrading/achievement': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'technologyTrading/achievement': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/achievement.js'
         ],
-        'technologyTrading/demand': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'technologyTrading/demand': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/demand.js'
         ],
-        'technologyTrading/achievementDetail': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'technologyTrading/achievementDetail': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/achievementDetail.js'
         ],
-        'technologyTrading/assessMent': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'technologyTrading/assessMent': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/assessMent.js'
          ],   
-        'technologyTrading/achievementOrder': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'technologyTrading/achievementOrder': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/achievementOrder.js'
         ],
-        'technologyTrading/demandOrder': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'technologyTrading/demandOrder': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/demandOrder.js'
         ],
-        'technologyTrading/demandDetail': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'technologyTrading/demandDetail': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/demandDetail.js'
         ],
-        'thinkTank/policyDetail': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'thinkTank/policyDetail': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/policyDetail.js'
         ],
-        'thinkTank/thinkerDetail': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'thinkTank/thinkerDetail': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/thinkerDetail.js'
         ],
-        'thinkTank/policyList': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'thinkTank/policyList': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/policyList.js'
         ],
-        'financial/investmentInstitution': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'financial/investmentInstitution': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/financial/investmentInstitution.js'
         ],
-        'financial/investmentDetail': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'financial/investmentDetail': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/financial/investmentDetail.js'
         ],
-        'service/highTechCognizance': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'service/highTechCognizance': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/service/highTechCognizance.js'
         ],
-        'service/propertyRight': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'service/propertyRight': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/service/propertyRight.js'
         ],
 
         // newsApp 
-        'news/newsDetailApp': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
+        'news/newsDetailApp': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/newsDetailApp.js'
+        ],
+        'news/appCognizance': ['webpack-dev-server/client?http://127.0.0.1:89', // WebpackDevServer host and port
+            'webpack/hot/only-dev-server',
+            './src/js/news/appCognizance.js'
         ]
 
     }