https://zgsxswtzb.gov.cn/show.html?id=218

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <title>陕西省统一战线</title>
6    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7    <meta name="keywords" content="陕西统战,统一战线,陕西省统战部,陕西省统一战线,陕西省委统战部,中共陕西省委统战部">
8    <meta name="description" content="中共陕西省委统一战线工作部官方网站">
9    <link rel="stylesheet" href="static/css/common.css?v=1.0.7">
10    <link rel="stylesheet" href="static/css/page.css?v=1.0.7">
11    <link rel="stylesheet" href="static/css/show.css?v=1.0.7">
12    

12<script src="static/js/init.js"></script>

12
13    

13<script src="http://zgsxswtzb.gov.cn:8088/api/host"></script>

13
14    

14<script src="static/js/jquery.min.js"></script>

14
15    

15<script src="static/js/polyfill.min.js"></script>

15
16    

16<script src="static/js/common.js"></script>

16
17    

17<script src="static/js/ZeroClipboard.min.js"></script>

17
18    

18<script src="static/js/vue.js"></script>

18
19    

19<script src="static/js/axios.min.js"></script>

19
20    

20<script src="static/js/jquery.qrcode.min.js"></script>

20
21</head>
22<!--跳转wap-->

23<script type="text/javascript">
24    var mywapurl = "mobile/show.html?id="+ getQueryString("id");
25    (function() {
26        var a = {
27            Android: function() {
28                return navigator.userAgent.match(/Android/i)
29            },
30            BlackBerry: function() {
31                return navigator.userAgent.match(/BlackBerry/i)
32            },
33            iOS: function() {
34                return navigator.userAgent.match(/iPhone|iPad|iPod/i)
35            },
36            Opera: function() {
37                return navigator.userAgent.match(/Opera Mini/i)
38            },
39            Windows: function() {
40                return navigator.userAgent.match(/IEMobile/i)
41            },
42            any: function() {
43                return (a.Android() || a.BlackBerry() || a.iOS() || a.Opera() || a.Windows())
44            }
45        };
46        if (a.any()) {
47            var g = window.location.href;
48            if (g.indexOf("?from=pc") >= 0) {
49                return false
50            }
51            if(mywapurl){window.location = mywapurl;}
52        }
53    })();
54</script>

54
55<style>
56    [v-cloak] {
57        display: none !important;
58    }
59</style>
60<body>
61<!-- 顶部 S -->
62<div class="header wrapper">
63    <div class="logo"><a href="/"><img src="static/images/logo.png" alt="logo"></a></div>
64    <div class="search">
65       <form name="topsearch">
66        <div class="keyword"><input type="text" name="keywords" id="keywords" value="请输入关键字搜索" class="search_box" onFocus="if (value =='请输入关键字搜索'){value =''}" onBlur="if (value ==''){value='请输入关键字搜索'}" /></div>
67        <div class="submit"><input type="button" value="搜一下" class="search_But"/></div>
68      </form>
69    </div>
70</div>
71<!-- 顶部 E -->
72<!-- 导航 S -->
73<div class="nav">
74    <div class="nav-box">
75        <a href="index.html" class="home">首页</a>
76        <a href="list.html?id=114">多党合作</a>
77        <a href="list.html?id=115">少数民族</a>
78        <a href="list.html?id=116">宗教事务</a>
79        <a href="list.html?id=117">港澳台</a>
80        <a href="list.html?id=118">侨务工作</a>
81        <a href="list.html?id=120">非公经济</a>
82        <a href="list.html?id=121">党外知识分子</a>
83        <a href="list.html?id=122">新的社会阶层人士</a>
84        <a href="list.html?id=123">统战团体</a>
85        <a href="list.html?id=125">机关党建</a>
86        <a href="qingfeng/index.html?codes=TZQF" target="_blank">统战清风</a>
87    </div>
88</div>
89<!-- 导航 E -->
90<div class="main-body">
91<div class="wrapper" id="main" v-cloak="">
92    <div class="path"><em>您的位置：</em><a href="index.html" class="home">首页</a>&gt;<a :href="'list.html?id='+columnId" target="_blank">{{columnName}}</a>&gt;<span>详细内容</span></div>
93	<!-- content S -->
94	<div id="content">
95		<article class="articleCon">
96		<div class="printArea" v-html="content">
97		</div>
98       <!-- 二维码 --> 
99       <div class="qrcode" id="qrcode_container">
100           <div class="txt mb-15">
101            扫一扫在手机打开当前页
102           </div> 
103           <div id="qrcode"></div>
104       </div>
105       <!-- 二维码结束 -->
106		<div class="userControl" id="userControl_container">
107			<span class="print"><a href="javascript:;" id="btnPrint2" class="dyBtn" data-power-command="printarea">【打印正文】</a></span>
108			<span class="copyLink"><a id="copy_url" onmouseover="copy();">【复制链接】</a></span>
109		</div>
110		<div class="relativeInfo">
111            <div class="mainBox">
112                <div class="mHd">
113                    <h3>推荐文章</h3>
114                </div>
115                <div class="mBd">
116                    <ul class="relativeList">
117                        <li v-for="(n,i) in newNewsList"><span class="date">{{dateFormat(n.outnewsSendDate)}}</span><a :href="'show.html?id='+n.outnewsId" target="_blank">{{n.outnewsTitle}}</a></li>
118                    </ul>
119                </div>
120            </div>
121		</div>
122		</article>
123	</div>
124</div>
125<!-- 底部 S -->
126<div class="footer"> 
127    <div class="link_select">
128        <select name="" id="select1">
129            <option>省级各民主党派</option>
130        </select>
131        <select name="" id="select2">
132            <option>省级统战系统单位</option>
133        </select>
134        <select name="" id="select3">
135            <option>各地市统战</option>
136        </select>
137        <select name="" id="select4">
138            <option>各高校统战</option>
139        </select>
140        <select name="" id="select5">
141            <option>其他</option>
142        </select>
143    </div>
144    <div class="link_text"><b>推荐快速链接：</b><span id="select6"></span></div>
145    <div class="copyright">
146        <ul>
147            <li>中共陕西省委统一战线工作部 主管主办</li>
148            <li>地址：陕西省西安市雁塔区雁塔北路南段10号   邮编：710054  Copyright &copy; 2020 All Right Reserved</li>
149            <li>
150                <img style="width:14px;height:14px;" src="static/images/filing_icon.png"/>
151                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=61011302001351" target="_blank" > 陕公网安备 61011302001351号 | </a>
152                <a href="https://beian.miit.gov.cn/" target=""> 陕ICP备19002794号-1 </a> 
153            </li> 
154        </ul>
155    </div>
156    <div class="other">

157        <a href="http://bszs.conac.cn/sitename?method=show&id=453BBB98FF605F81E053012819AC61E5" target="_blank"><img src="static/images/red.png"></a>
158        <!-- 

158<script type="text/javascript">
159            document.write(unescape(
160                "%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='http://dcs.conac.cn/js/27/000/0000/60466964/CA270000000604669640003.js' type='text/javascript'%3E%3C/script%3E"
161            ));
162        </script>

162 -->
163    </div>
164</div>
165<!-- 底部 E -->

166<script>
167var vm = new Vue({
168    el:'#main',
169    data:{
170        id:getQueryString("id"),
171        columnName:"",
172        columnId:"",
173        content:"",
174        webUrl:WebUrl,
175        newNewsList:[],
176    },
177    methods:{
178        // 查询新闻详情
179        findNewsDetail: function(){
180            var self = this;
181            axios({
182                method: 'GET',
183                url: findNewsById +'?newsId='+ self.id,
184            }).then(function (response) {
185                 if(response.data.result == 0){
186                    $('title').html( Tz.escape( response.data.data.outnewsTitle ) + ' - 陕西省统一战线' );
187                    self.findcolumnName(response.data.data.outnewsColumnId);
188                    self.columnId = response.data.data.outnewsColumnId;
189                    var content = response.data.data.outnewsContent.replace(/<img src="/g, '<img src="'+self.webUrl+'');
190                    self.content = '<h2 class="title">'+response.data.data.outnewsTitle+'</h2>'+
191                        '<div class="property">'+
192                            '<ul class="icons">'+
193                                '<li class="zoomA"><a href="javascript:;" onclick="changeFontSize(1)" class="bigger"></a></li>'+
194                                '<li class="s">|</li>'+
195                                '<li class="zoomB"><a href="javascript:;" onclick="changeFontSize(2)" class="smaller"></a></li>'+
196                            '</ul>'+
197                            '<span>来源：'+response.data.data.outnewsSource+' </span><span>作者：'+response.data.data.outnewsAuthor+' </span><span>发布时间：'+response.data.data.outnewsSendDate+'</span>'+
198                        '</div>'+
199                        '<div class="conTxt" id="UCAP-CONTENT">'+self.outnewsContent(response.data.data.outnewsColumnId, response.data.data.outnewsContent)+'</div>';
200                  }else{
201                    $("#qrcode_container").remove();
202                    $("#userControl_container").remove();
203                    self.content = '<img style="display: block;margin-left: auto;margin-right: auto;margin-bottom: 30px;" src="static/images/no-content.png"/><p style="text-align: center;font-size: 26px;margin-bottom: 40px;">您访问的页面不存在或已删除!</p>';
204                  }
205            }).catch(function (error) {
206                console.log(error);
207            });
208        },
209
210        // 处理内容
211        outnewsContent: function(outnewsColumnId, content){
212            var self = this;
213            //if (outnewsColumnId == 132) {
214            if (content.indexOf('mp4') != -1) {
215                var arr = self.SplitDemo(content);
216                console.log(arr);
217                var reg = /(http[s]?:\/\/([\w-]+.)+([:\d+])?(\/[\w-\.\/\?%&=]+\.(mp4|MP4)))/gi;
218                var srcVideo = arr[0].match(reg);
219                return "<p class='tc'><video style='width: 80%;' src=" + srcVideo +
220                    " controls='controls'></video></p>";
221            } else {
222                return content;
223            }
224        },
225        SplitDemo: function(s){
226            // 在每个空格字符处进行分解。
227            var ss = s.split(" ");
228            return (ss);
229        },
230        // 获取栏目名称
231        findcolumnName: function(outnewsColumnId, columnParentId){
232            var self = this;
233            axios({
234                method: 'GET',
235                url: findColumById +'?columnId='+outnewsColumnId,
236            }).then(function (response) {
237                 if(response.data.result == 0){
238                    self.columnName = response.data.data.columnName
239                 }
240            }).catch(function (error) {
241                console.log(error);
242            });
243        },
244        // 获取最新新闻
245        findNewNewsList: function(pageNum, pageSize){
246            var self = this;
247            axios({
248                method: 'GET',
249                url: findNewsByColumn +'?pageNum=1&pageSize='+pageSize,
250            }).then(function (response) {
251                 if(response.data.result == 0){
252                   self.newNewsList = response.data.data.data;
253                 }
254            }).catch(function (error) {
255                console.log(error);
256            });
257        },
258        dateFormat: function(time) {
259            var date = new Date(Date.parse(time.replace(/-/g,"/")));
260            var year=date.getFullYear();
261            var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
262            var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
263            var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
264            var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
265            var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
266            return year+"-"+month+"-"+day;
267        }
268    },
269    created: function(){
270        var that = this;
271        getToken(function () {
272            that.findNewsDetail();
273            that.findNewNewsList(1,10);
274        });
275    }
276});
277
278$(function(){
279    
280    //字体大中小
281	changeFontSize = function (fontSize) {
282        //获取para的字体大小
283        var thisEle = $(".conTxt p,.conTxt,.conTxt font,.conTxt span,.conTxt div").css("font-size"); 
284        //parseFloat的第二个参数表示转化的进制，10就表示转为10进制
285        var textFontSize = parseFloat(thisEle , 10);
286        //javascript自带方法
287        var unit = thisEle.slice(-2); //获取单位
288        var cName = $(this).attr("class");
289        if(fontSize == 2){

290            if( textFontSize <= 22 ){ 
291                textFontSize += 2;
292            }
293        } else if(fontSize == 1){
294                textFontSize -= 2;
295        }
296        //设置para的字体大小
297        $(".conTxt p,.conTxt,.conTxt font,.conTxt span,.conTxt div").css("font-size",  textFontSize + unit );
298    }
299
300    //二维码
301    $('#qrcode').qrcode({
302        render: "canvas",
303        foreground: "#226ebc",
304        background: "#FFF",
305        width:150,
306        height:150,
307        text: window.location.href
308    });
309
310    //打印
311	var printAreaCount = 0;
312	$.fn.printArea = function () {
313		var ele = $(this);
314		var idPrefix = "printArea_";
315		removePrintArea(idPrefix + printAreaCount);
316		printAreaCount++;
317		var iframeId = idPrefix + printAreaCount;
318		var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';
319		iframe = document.createElement('IFRAME');
320		$(iframe).attr({
321			style: iframeStyle,
322			id: iframeId
323		});
324		document.body.appendChild(iframe);
325		var doc = iframe.contentWindow.document;
326		$(document).find("link").filter(function () {
327			return $(this).attr("rel").toLowerCase() == "stylesheet";
328		}).each(
329				function () {
330					doc.write('<link type="text/css" rel="stylesheet" href="'
331							+ $(this).attr("href") + '" >');
332				});
333		doc.write('<div class="' + $(ele).attr("class") + '">' + $(ele).html()
334				+ '</div>');
335		doc.close();
336		var frameWindow = iframe.contentWindow;
337		frameWindow.close();
338		frameWindow.focus();
339		frameWindow.print();
340	}
341	var removePrintArea = function (id) {
342		$("iframe#" + id).remove();
343	};
344	//打印调用
345	$("#btnPrint").click(function(){ 
346		$("#UCAP-CONTENT").printArea();
347	});
348	$("#btnPrint2").click(function(){ 
349		$("#UCAP-CONTENT").printArea();
350	});
351})
352
353function copy()
354{
355	var clipBoardContent = this.location.href;
356	window.clipboardData.setData("Text",clipBoardContent);
357	alert("复制成功!");
358}
359</script>

359
360</body>
361</html>