瀏覽代碼

add news/newsDetailApp

yee 7 年之前
父節點
當前提交
a4ed6e4000
共有 5 個文件被更改,包括 345 次插入1 次删除
  1. 17 0
      src/css/news/newsDetailApp.css
  2. 41 0
      src/js/news/newsDetailApp.js
  3. 270 0
      template/news/newsDetailApp.html
  4. 8 0
      webpack.config.js
  5. 9 1
      webpack/entry.config.js

+ 17 - 0
src/css/news/newsDetailApp.css

@@ -0,0 +1,17 @@
+.newsDetail_content h4 {
+    color: #ff6000;
+    font-size: 24px;
+    text-align: center;
+    padding-bottom: 10px;
+}
+.from_info {
+    color: #838383;
+    text-align: center;
+    margin: 10px 0;
+}
+.from_info span {
+    line-height: 26px;
+    margin-right: 20px;
+    font-size: 14px;
+}
+#content_container ol li{list-style-type: decimal;}

+ 41 - 0
src/js/news/newsDetailApp.js

@@ -0,0 +1,41 @@
+import '../../css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+
+import '../../css/news/newsDetailApp.css';
+
+import '../public.js';
+import { message } from '../tools';
+
+
+(function ($) {
+    $.getUrlParam = function (name) {
+        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+        var r = window.location.search.substr(1).match(reg);
+        if (r != null) return unescape(r[2]); return null;
+    }
+})(jQuery);
+
+$(function () {
+    var newsId = $.getUrlParam('newsId');
+    
+    $.ajax({
+        method: "get",
+        dataType: "json",
+        crossDomain: false,
+        url: location.origin + '/portal/news/detailInfo',
+        data: {
+            "id": newsId //新闻id
+        },
+        success: function (data) {
+            if (data.error && data.error.length) {
+                message(data.error[0].message);
+            } else {
+                $('#newsDetailsTab li:eq(' + data.data.type + ')').addClass('active').siblings().removeClass('active');
+                $('.newsDetail_content>h4').text(data.data.title);
+                $('.from_web').text(data.data.source);
+                $('.from_date').text(data.data.createTimeFormattedDate);
+                $('#content_container').html("<div class='ql-container ql-snow'><div class='ql-editor'>"+data.data.content+"</div></div>");
+            };
+        }
+    })
+})

+ 270 - 0
template/news/newsDetailApp.html

@@ -0,0 +1,270 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="../../img/ico_logo.ico">
+    <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>
+    <!--<link rel="stylesheet" href="../../src/css/bootstrap.css" />-->
+    <!--<link rel="stylesheet" href="../../src/css/public.css" />-->
+    <!--<link rel="stylesheet" href="../../src/css/main_banner.css" />-->
+    <!--<link rel="stylesheet" type="text/css" href="../../src/css/thinkTank/policyDetail.css"/>-->
+</head>
+
+<body>
+    <header>
+        <div class="container">
+            <div class="logo"><a href="../../template/index.html"><img src="../../img/Logo111.png" alt="" title="技淘"/></a></div>
+            <div class="nav">
+                <ul>
+                    <li><a href="#">技术交易</a></li>
+                    <li><a href="#">科技服务</a><img src="../../img/hot.png" alt="HOT" /></li>
+                    <li><a href="#">智库咨询</a></li>
+                    <li class="active"><a href="#">科技金融</a></li>
+                    <li><a href="#">科技活动</a></li>
+                    <li><a href="#">平台共建</a></li>
+                </ul>
+            </div>
+            <div class="nav_right">
+                <a href="">注册</a>
+                <a href="javascript:;" class="head_login">登陆</a>
+                <a href="">关于我们</a>
+            </div>
+        </div>
+    </header>
+
+    <div id="policyDetail">
+        <div id="title_top">
+            <div class="title_top">
+                >
+                <a href="#">智库咨询</a> >
+                <a href="#">智政</a> >
+                <a href="#">智政资讯</a> >
+                <a href="#" class="a_detail">高新技术企业税收优惠政策解读</a>
+            </div>
+        </div>
+        <div id="policy_content">
+            <div class="content_left">
+                <h3>高新技术企业税收优惠政策解读</h3>
+                <div class="small_title">
+                    <span>时间:<span>2015-12-31</span></span>
+                    <span>来源:<span>行业新闻</span></span>
+                    <span>湖南</span>
+                </div>
+                <p>
+                    随着中国-东盟合作的日益深入, 高新科技产品纷纷抢滩中国-东盟博览会,不断推动本区域产业转型升级 。第十四届中国-东盟博览会首次设立智能制造装备展区,集中展示无人机、 智能机器人、3D打印、智能消费电子等。 随着中国-东盟合作的日益深入,高新科技产品纷纷抢滩中国-东盟博览会,
+                    不断推动本区域产业转型升级。第十四届中国-东盟博览会首次设立智能制造装备展区, 集中展示无人机、智能机器人、3D打印、智能消费电子等。
+                </p>
+                <div class="content_img">
+                    <img src="../../img/policy_detail1.jpg" alt="" />
+                </div>
+                <br/>
+                <h4>高新技术企业税收优惠政策解读</h4>
+                <p>
+                    随着中国-东盟合作的日益深入, 高新科技产品纷纷抢滩中国-东盟博览会,不断推动本区域产业转型升级 。第十四届中国-东盟博览会首次设立智能制造装备展区,集中展示无人机、 智能机器人、3D打印、智能消费电子等。 随着中国-东盟合作的日益深入,高新科技产品纷纷抢滩中国-东盟博览会,
+                    不断推动本区域产业转型升级。第十四届中国-东盟博览会首次设立智能制造装备展区, 集中展示无人机、智能机器人、3D打印、智能消费电子等。
+                </p>
+                <br/>
+                <p>
+                    随着中国-东盟合作的日益深入, 高新科技产品纷纷抢滩中国-东盟博览会,不断推动本区域产业转型升级 。第十四届中国-东盟博览会首次设立智能制造装备展区,集中展示无人机、 智能机器人、3D打印、智能消费电子等。 随着中国-东盟合作的日益深入,高新科技产品纷纷抢滩中国-东盟博览会,
+                    不断推动本区域产业转型升级。第十四届中国-东盟博览会首次设立智能制造装备展区, 集中展示无人机、智能机器人、3D打印、智能消费电子等。
+                </p>
+                <br/>
+                <p>
+                    随着中国-东盟合作的日益深入, 高新科技产品纷纷抢滩中国-东盟博览会,不断推动本区域产业转型升级 。第十四届中国-东盟博览会首次设立智能制造装备展区,集中展示无人机、 智能机器人、3D打印、智能消费电子等。 随着中国-东盟合作的日益深入,高新科技产品纷纷抢滩中国-东盟博览会,
+                    不断推动本区域产业转型升级。第十四届中国-东盟博览会首次设立智能制造装备展区, 集中展示无人机、智能机器人、3D打印、智能消费电子等。
+                </p>
+                <h5 class="text_end">文章来自:</h5>
+                <span>http://baiduxinwen.com</span>
+                <hr/>
+                <h5>本文关键词:</h5>
+                <span>高新</span>
+                <span>信息</span>
+                <span>技术</span>
+                <hr/>
+                <div class="next_div">
+                    <span class="rf">
+                    <h5>下一篇:</h5>
+                    <a href="#">科技探索</a>
+                </span>
+                    <span>
+                    <h5>上一篇:</h5>
+                    <a href="#">探索科技</a>
+                </span>
+                </div>
+                <hr/>
+                <h5>推荐文章:</h5>
+                <span>高新科技产品纷纷抢滩中国-东盟博览会</span>
+            </div>
+            <div class="contetn_right">
+                <div class="right_title">
+                    <div>热点资讯</div>
+                </div>
+                <div>
+                    <h5>高新科技产品纷纷抢滩中国</h5>
+                    <p>2015-09-12</p>
+                </div>
+                <div>
+                    <h5>高新科技产品纷纷抢滩中国</h5>
+                    <p>2015-09-12</p>
+                </div>
+                <div>
+                    <h5>高新科技产品纷纷抢滩中国</h5>
+                    <p>2015-09-12</p>
+                </div>
+                <div>
+                    <h5>高新科技产品纷纷抢滩中国</h5>
+                    <p>2015-09-12</p>
+                </div>
+                <div>
+                    <h5>高新科技产品纷纷抢滩中国</h5>
+                    <p>2015-09-12</p>
+                </div>
+                <div>
+                    <h5>高新科技产品纷纷抢滩中国</h5>
+                    <p>2015-09-12</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--主体内容区域开始-->
+    <div class="newsDetail_content">
+        <h4></h4>
+        <p class="from_info">来源:<span class="from_web"></span>时间:<span class="from_date"></span></p>
+        <div id="content_container">
+        </div>
+    </div>
+    <!--主体内容区域结束-->
+    <div id="bottom">
+        <div class="bottom">
+            <div class="bottom_text">
+                <div class="text_top">
+                    <a href="#">关于公司/</a>
+                    <a href="#">联系我们</a>
+                    <p> Copyright &copy 2016-2017 科德 版权所有 湘ICP备15019731号 -2 技术支持:湖南阿凡提科技有限公司</p>
+                </div>
+                <div class="text_center">
+                    <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>合作电话:0731-89907207</p>
+                        <p>400-8800-962八楼</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/">湖南省科技厅/</a>
+                    <a href="http://www.cssti.cn/">长沙市科技局/</a>
+                    <a href="http://www.cast.org.cn/">中国科学技术协会/</a>
+                    <a href="http://www.chinatorch.gov.cn/">科技部火炬中心/</a>
+                    <a href="http://www.nosta.gov.cn/web/index.aspx">国家科技成果奖励办/</a>
+                    <a href="http://www.nast.org.cn/">国家科技成果网/</a>
+                    <a href="http://www.hnast.org.cn/portal/comm/index.action">湖南省科学技术协会/</a>
+                    <a href="http://www.hncgw.gov.cn/">湖南省科技成果转化公共服务平台/</a>
+                    <a href="http://www.hnjxw.gov.cn/">湖南省经济信息化委员会/</a>
+                    <a href="http://kyy.hnu.cn/">湖南大学科学技术研究院/</a>
+                    <a href="http://www.gxst.gov.cn/gxkjt/">广西省科技厅/</a>
+                    <a href="http://www.nmkjt.gov.cn/">内蒙古自治区科技厅/</a>
+                    <a href="http://www.cshtz.gov.cn/">长沙市高新区管委会/</a>
+                    <a href="http://www.jxas.ac.cn/">江西省科学院/</a>
+                    <a href="http://www.cnic.cn/front/index.html#/cnicSite/home">中科院计算机网络信息中心/</a>
+                    <a href="http://kxyjb.csu.edu.cn/">中南大学科学研究部/</a>
+                    <a href="http://www.cast.org.cn/">中国科协创新创业服务中心/</a>
+                    <a href="http://www.hbstd.gov.cn/">湖北省科技厅/</a>
+                    <a href="http://www.gdstc.gov.cn/">广东省科技厅/</a>
+                    <a href="http://www.hnkjt.gov.cn/">河南省科技厅/</a>
+                    <a href="http://www.cbtm.gov.cn/">技术合同登记官网</a>
+                </div>
+            </div>
+        </div>
+
+    </div>
+    <div class="pub_fix">
+        <span class="index_blur"></span>
+        <ul class="ret_top">
+            <li>
+                <a href="">
+                <img src="../../img/index_fix1.png" alt="" />
+                <p>发布需求</p>
+            </a>
+            </li>
+            <li>
+                <a href="">
+                <img src="../../img/index_fix2.png" alt="" />
+                <p>发布技术</p>
+            </a>
+            </li>
+            <li>
+                <a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
+                <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="login">
+        <div class="login_mian">
+            <div class="login_left">
+                <div class="login_ewm">
+                    <img src="../../img/login_ewm.png" alt="二维码" />
+                </div>
+                <p>扫描二维码下载官方</p>
+                <p>技淘APP</p>
+            </div>
+            <div class="login_right">
+                <h5>用户登陆<a href="">免费注册有好礼呦!!</a></h5>
+                <form action="" method="post" 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="text" name="pass" id="Lo_pass" placeholder="请输入密码" />
+                    </div>
+                    <div class="login_check">
+                        <label for="checks" class="lab_check">
+                        <input type="checkbox" name="type" id="checks" />专家
+                    </label>
+                        <label for="checkst" class="lab_checkno">
+                        <input type="checkbox" name="type" id="checkst" />企业
+                    </label>
+                        <u><a href="">忘记密码?</a></u>
+                    </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" />
+            </div>
+        </div>
+        <img src="../../img/login_close.png" alt="" class="login_close" />
+    </div>
+    <div class="smg"><input type="text" name="msg" value="" id="msg" /></div>
+</body>
+<!--<script type="text/javascript" src="../../src/js/jquery-2.1.0.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/thinkTank/policyDetail.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/public.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/main_banner.js" ></script>-->
+
+</html>

+ 8 - 0
webpack.config.js

@@ -143,6 +143,14 @@ module.exports = (function () {
             template: './template/service/propertyRight.html',
             chunks: ['service/propertyRight', 'vendors']
         }),
+
+        //newsApp 
+        new HtmlWebpackPlugin({
+            title: '新闻详情',
+            filename: 'html/news/newsDetailApp.html',
+            template: './template/news/newsDetailApp.html',
+            chunks: ['news/newsDetailApp', 'vendors']
+        }),
     ];
     if (!isDev) {
         //这个使用uglifyJs压缩你的js代码

+ 9 - 1
webpack/entry.config.js

@@ -18,7 +18,9 @@ module.exports = {
         'financial/investmentInstitution': './src/js/financial/investmentInstitution.js',
         'financial/investmentDetail': './src/js/financial/investmentDetail.js',
         'service/propertyRight': './src/js/service/propertyRight.js',
-        'service/highTechCognizance': './src/js/service/highTechCognizance.js'
+        'service/highTechCognizance': './src/js/service/highTechCognizance.js',
+        //newsApp
+        'news/newsDetailApp': './src/js/news/newsDetailApp.js'
     },
     watch: {
         'index': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
@@ -96,6 +98,12 @@ module.exports = {
         'service/propertyRight': ['webpack-dev-server/client?http://127.0.0.1:80', // 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
+            'webpack/hot/only-dev-server',
+            './src/js/news/newsDetailApp.js'
         ]
 
     }