wangmengwei 3 năm trước cách đây
mục cha
commit
176c69f9ff
11 tập tin đã thay đổi với 1197 bổ sung806 xóa
  1. 176 184
      djdt.html
  2. 12 20
      hydt.html
  3. 94 48
      index.html
  4. 22 9
      jcfanw.html
  5. 224 86
      jcshb.html
  6. 239 173
      jgjj.html
  7. 98 180
      ss.html
  8. 12 2
      static/css/style.css
  9. 50 20
      static/js/header.js
  10. BIN
      static/picture/pic_zwtp_normal.png
  11. 270 84
      zzhnl.html

+ 176 - 184
djdt.html

@@ -5,7 +5,7 @@
 		<meta http-equv="X-UA-Compatible" content="IE=edge" />
 		<!-- <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
 		<meta name="format-detection" content="telephone=no" />
-		<title>党建动态</title>   
+		<title>安徽省刷制品质量监督检验中心</title>   
        <meta name="keywords" content="">
        <meta name="description" content="">
 	   <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
@@ -18,63 +18,70 @@
 		<link href="./static/css/custom.css" rel="stylesheet" />
 		<link href="static/css/index.css" rel="stylesheet"/>
 		<link href="./static/css/printstyle.css" rel="stylesheet"/>
+		<link rel="stylesheet" type="text/css" href="static/css/jg.css" />
 		
 		<style>
 		</style>
 </head>
 	<body class="pcs" style="display: none;">
+		
 		<div id="appse">
 			<header>
-						<div class='a'>
-							<div class='container'>
-								<div class='tool'>
-									<div class='fr'>
-										<a href='' target='_blank'></a>
+				<div class='a'>
+					<div class='container'>
+						<div class='tool'>
+							<div class='fr'>
+								<a href='' target='_blank'></a>
+							</div>
 			
-									</div>
-									
-									<!-- <script src='static/js/time.js'></script> -->
-									<div class='loca'>
-										<span> 欢迎访问 安徽省刷制品质量监督检验中心 !  今天{{date_show}} {{week}}</span>
-									</div>
-									 <div class='srch'><input type='text' class='tt' placeholder='输入要查找的信息' v-model="inpute" @blur="inpubie"/> <img
-											src='static/picture/icon_ztl_ss@2x.png' @click="nhyesee"> </div>
-								</div>
+							<!-- <script src='static/js/time.js'></script> -->
+							<div class='loca'>
+								<span> 欢迎访问 安徽省刷制品质量监督检验中心 ! 今天{{date_show}} {{week}}</span>
+							</div>
+							<div class='srch'><input type='text' class='tt' placeholder='输入要查找的信息' v-model="inpute"
+									@blur="inpubie" /> <img src='static/picture/icon_ztl_ss@2x.png' @click="nhyesee">
 							</div>
 						</div>
-						<div class='b'>
-							<div class='container'>
-								<div class='logo'>
-									 <a href='javascript:void(0)'><img src='static/picture/pic_hp_dh_logo@2x.png' alt='' /></a>
-								</div>
-								<div class='frs fr'  v-if="hyew == true" >
-									<div class=  'menu _list'>
-										<ul>
-											<li  v-for="item,index in tablide"  :key="index" @click="tabcl(index,item.id)">
-												<div :class="[ nue == index ? 'on' : '' , 'i' ]">
-													<p><a :href='ulrw'>{{item.label}}</a></p>
-													<div class='ex' v-for="(items,indexs) in item.children" :key="indexs + 'y'"  v-if='item.children' @click.stop="jeuese(items.id)">
-														 <p><a :href='ulrw'>{{items.label}}</a></p>
-														 <!-- jggk.html -->
-														 <!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
-													</div>
-												</div>
-											</li>
-											
-										</ul>
-									</div>
-								</div>
-								<a href='' class='mbtn pc-hide'></a>
+					</div>
+				</div>
+				<div class='b'>
+					<div class='container'>
+						<div class='logo'>
+							<a href='javascript:void(0)'><img src='static/picture/pic_hp_dh_logo@2x.png' alt='' /></a>
+						</div>
+						<div class='frs fr' v-if="hyew == true">
+							<div class='menu _list'>
+								<ul>
+									<li v-for="item,index in tablide" :key="index"  @mouseover="dheyfr(item.label)">
+										<div :class="[ nue == item.label ? 'on' : '' , 'i' ]">
+											<p @click="tabcl(item.id,item.label)"><a href='javascript:void(0)'>{{item.label}}</a></p>
+											<!-- ulrw -->
+											<div class='ex' >
+												<!-- :class="[inhye]" -->
+												<!-- ulrw -->
+												<p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
+												 @click.stop="jeuese(items)" >{{items.label}}</a></p>
+												<!-- jggk.html -->
+												<!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
+											</div>
+										</div>
+									</li>
+			
+								</ul>
 							</div>
 						</div>
-					</header>
+						<a href='' class='mbtn pc-hide'></a>
+					</div>
+				</div>
+			</header>
 		</div>
+		
 		<div id="app">
 			<main>
 				<div class="u-fullpart">
 					<div class="p_container">
 						<!-- 定位 -->
-						<div class="pleft">
+						<!-- <div class="pleft">
 							<ul>
 								<li class="pleft_tit">党建工作</li>
 								<li><a href="#" class="act">党建动态</a></li>
@@ -82,156 +89,54 @@
 								<li><a href="#">党风廉政</a></li>
 								<li><a href="#">党建风采</a></li>
 							</ul>
-						</div>
+						</div> -->
 					
 					<div class="container">
 						
 						<div class="u-pagepath">
 							<p>
-								<a href="index.html">首页</a>
+								<a href="index.html?ntitel=首页">首页</a>
 								<i>·</i>
-								<a href="#">党建工作</a>
+								<a href="javascript:void(0)">{{heyseks}}</a>
 								<i>·</i>
-								<a href="党建动态.html">党建动态</a>
+								<a href="javascript:void(0)">{{tiles}}</a>
 							</p>
 						</div>
 						<div class="p_box">
-							<div class="p_box_tit cf"><p class="fl p_box_titl">党建动态</p></div>
+							<div class="p_box_tit cf"><p class="fl p_box_titl">{{tiles}}</p></div>
 							<div class="pd10 pf_list">
 								<ul>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院机械轻工所积极参加省局防疫工作</h1>
-												<p class="overtwo">3月6日,省质检院机械轻工所检验员金玮同志作为共青团员积极报名参加省局疫情防控青年突击队,并成为了第三批支援城南社区的志愿者。</p>
-											</div>
-											<div class="fr">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院党委建筑消防党支部积极参与防疫防控工作</h1>
-												<p class="overtwo">新冠肺炎疫情发生以来,建筑消防党支部积极参加省局党委和院党委组织的各项防疫防控工作,积极参加院党委组织的防疫志愿献血和捐款活动</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>守初心 担使命 找差距 抓落实</h1>
-												<p class="overtwo">36月26日,省质检院党委食品化工所党支部召开全体党员(扩大)会议,党委委员、副院长童宁同志围绕“不忘初心 牢记使命”主题开展党</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院到合肥供水集团调研交流工作</h1>
-												<p class="overtwo">5月30日上午,省质检院党委委员、副总工程师丁媛丽一行到合肥供水集团,就党建、文明创建、文化建设等方面工作进行调研。</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院开展“改革开放再出发 砥砺奋进新时代”主题党日活动</h1>
-												<p class="overtwo">12月21日下午,省质检院开展“改革开放再出发?砥砺奋进新时代”主题党日活动。通过现场参观学习,全面了解了安徽省改革开放40年</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院机械轻工所积极参加省局防疫工作</h1>
-												<p class="overtwo">3月6日,省质检院机械轻工所检验员金玮同志作为共青团员积极报名参加省局疫情防控青年突击队,并成为了第三批支援城南社区的志愿者。</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院党委建筑消防党支部积极参与防疫防控工作</h1>
-												<p class="overtwo">新冠肺炎疫情发生以来,建筑消防党支部积极参加省局党委和院党委组织的各项防疫防控工作,积极参加院党委组织的防疫志愿献血和捐款活动</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>守初心 担使命 找差距 抓落实</h1>
-												<p class="overtwo">36月26日,省质检院党委食品化工所党支部召开全体党员(扩大)会议,党委委员、副院长童宁同志围绕“不忘初心 牢记使命”主题开展党</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院到合肥供水集团调研交流工作</h1>
-												<p class="overtwo">5月30日上午,省质检院党委委员、副总工程师丁媛丽一行到合肥供水集团,就党建、文明创建、文化建设等方面工作进行调研。</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
+									<li v-for=" item,index in newsleisL" :key="item.newsId" @click="nhueyfr(item.newsId)"  v-if="shouewfr == 0">
+										<!-- v-if="item.openMode == 1" -->
+										<a href="javascript:void(0)" class="cf">
 											<div class="fl">
-												<h1>省质检院开展“改革开放再出发 砥砺奋进新时代”主题党日活动</h1>
-												<p class="overtwo">12月21日下午,省质检院开展“改革开放再出发?砥砺奋进新时代”主题党日活动。通过现场参观学习,全面了解了安徽省改革开放40年</p>
+												<h1 v-html="item.newsTitle"></h1>
+												<p class="overtwo" v-html="item.newsContent"></p>
 											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
+											<div class="fr" >
+												<div class="num" style="margin: 0; margin-left: 60%; margin-bottom: 10px;">{{item.times}}</div>
+												<div class="day">{{item.createTime}}</div>
 											</div>
 										</a>
 									</li>
 								</ul>
+								<div class="container">
+									<div class="zzhijn" v-if="shouewfr == 1">
+										<div class="zhhsiimd" v-for="item,index in newsleisL" @click="nhueyfr(item.newsId)":key="index" >
+											<img :src="item.newsImage == null? 'static/picture/pic_zznl_lt@2x.png' : item.newsImage == undefined ? 'static/picture/pic_zwtp_normal.png' : 'http://192.168.101.11:8090'+ item.newsImage " >
+											<p>{{item.newsTitle == null? '暂无数据' :item.newsTitle }}</p>
+										</div>
+									</div>
+								</div>
 								<!-- 分页 -->
-								<div class="p_page">
+								<div class="p_page" v-if="ndheysh">
 									<el-pagination
 									  background
 									  layout="prev, pager, next"
-									  :total="100">
+									  @size-change="handleSizeChange"
+									  @current-change="handleCurrentChange"
+									  :total="total">
 									</el-pagination>
-									<!-- <div class="page act">1</div>
-									<div class="page">2</div>
-									<div class="page">3</div>
-									<div class="page">...</div>
-									<div class="page">下一页</div> -->
 								</div>
 								
 							</div>
@@ -253,11 +158,18 @@
 		inpute:'',
 		tablide:[],
 		hyew:false,
-		nue:0,
+		nue:"",
 		week:'',
 		date_show:'',
 		ulrw:'',
-		mjuede:''
+		mjuede:'',
+		valdes:{pageNum:1,pageSize:10},
+		newsleisL:[],
+		tiles:'',
+		heyseks:'',
+		total:0,
+		ndheysh:true,
+		shouewfr:0
 	  },
 	  created() {
 	  	console.log(234)
@@ -265,33 +177,63 @@
 		// this.gettablist()
 		// Vue.$forceUpdate();
 	  },
+	  watch: {
+	    shouewfr: {
+	      handler(val) {
+	        // console.log(val,234)
+			this.shouewfr = val
+	      },
+	      deep: true,
+	      immediate: true
+	    }
+	  },
 	  mounted() {
 	  	console.log(this.getQueryString("id") == '')
 		let search = location.search;
-		let arr = search.split("?");
-		console.log(decodeURI(arr[1]));//学历
-		if(this.getQueryString("id") == ''){
-			
-		}else if(arr == ''){
-			
+		let arrd = search.split("?");
+		console.log(decodeURI(arrd[1]));//学历
+		console.log(decodeURI(this.getQueryString("titel")));//第二层名称
+		console.log(decodeURI(this.getQueryString("ntitel")));//第一层名称
+		this.tiles = decodeURI(this.getQueryString("titel"))
+		this.heyseks = decodeURI(this.getQueryString("ntitel"))
+		this.shouewfr = decodeURI(this.getQueryString("openMode"))
+		this.nue = this.heyseks
+		if(arrd !== ''){
+			this.valdes.columnId = this.getQueryString("id")
 		}
-		// console.log(this.getQueryString("title"))
 		
-	  	// this.gettablist()
+		// console.log(this.getQueryString("title"))
+		console.log(this.shouewfr,53)
+	  	this.gettablists(this.valdes)
 	  },
 	  methods:{
-		  gettablist(){
+		  gettablists(val){
 			  var that = this
 			  $.ajax({
-				  url:'http://192.168.101.243:8090/dev-api/gateway/query/treeselect',
-				  type:'get',
-				  data:'',
+				  url:'http://192.168.101.243:8090/dev-api/gateway/query/getNewS',
+				  type:'post',
+				  data:val,
 				  dataType:'json',
 				  success:function(res){
-					console.log(res,765) 
 					if(res.code == 200){
-						that.tablide = res.data
-						that.hyew = true
+						res.rows.filter(rou =>{
+							rou.times = rou.createTime.slice(0,10).split('-')[1]
+							console.log(rou.createTime.slice(0,10).split('-')[1])
+							rou.newsTitle = that.hfeys(rou.newsTitle) 
+							rou.newsContent = that.hfeys(rou.newsContent) 
+							console.log(rou.newsTitle)
+						})
+						that.newsleisL = res.rows
+						this.total = res.total
+						if(this.total > 0){
+							this.ndheysh = true
+							console.log(23)
+						}else{
+							this.ndheysh = false
+						}
+						console.log(this.ndheysh,4567)
+						console.log(that.newsleisL,765) 
+						// that.hyew = true
 					}else{
 						that.$message({
 						          message: res.msg,
@@ -302,11 +244,35 @@
 				  }
 			  })
 		  },
+		  gettablist(){
+		  				  var that = this
+		  				  $.ajax({
+		  					  url:'http://192.168.101.243:8090/dev-api/gateway/query/treeselect',
+		  					  type:'get',
+		  					  data:'',
+		  					  dataType:'json',
+		  					  success:function(res){
+		  						console.log(res,765) 
+		  						if(res.code == 200){
+		  							that.tablide = res.data
+		  							that.hyew = true
+		  						}else{
+		  							that.$message({
+		  							          message: res.msg,
+		  							          type: 'error'
+		  							        });
+		  						}
+		  						console.log(that.tablide,765) 
+		  					  }
+		  				  })
+		  },
 		  inpubie(){
 			  console.log(this.inpute)
 		  },
 		  nhyesee(){
 			  console.log(this.inpute)
+			  this.valdes.newsTitle = this.inpute
+			  this.gettablists(this.valdes)
 		  },
 		  tabcl(index,val){
 			  this.nue = index
@@ -339,6 +305,32 @@
 		            return "";//如果此处只写return;则返回的是undefined
 		        }
 		},
+		hfeys(nju){
+			var that = this
+			if (that.valdes.newsTitle && that.valdes.newsTitle.length > 0) {
+			            // 匹配关键字正则
+			            let replaceReg = new RegExp(that.valdes.newsTitle, 'g');
+			            // 高亮替换v-html值
+			            let replaceString = '<span style="color:#007bff">' + that.valdes.newsTitle + '</span>';
+			            // 开始替换
+			            nju = nju.replace(replaceReg, replaceString);
+			          }
+					  
+					  return  nju
+		},
+		// 跳转详情页面
+		nhueyfr(index){
+			window.location.href="jgjj.html?id=" + index +'&titel=' + this.tiles + '&ntitel=' + this.heyseks  
+		},
+		// 分页
+		handleSizeChange(val){
+			console.log(val,24)
+		},
+		handleCurrentChange(val){
+			console.log(val,34)
+			this.valdes.pageNum = val
+			this.gettablists(this.valdes)
+		}
 				
 	  }
 	})

+ 12 - 20
hydt.html

@@ -60,9 +60,11 @@
 										<div :class="[ nue == item.id ? 'on' : '' , 'i' ]">
 											<p><a :href='ulrw'>{{item.label}}</a></p>
 											<!-- ulrw -->
-											<div class='ex' v-for="(items,indexs) in item.children" :key="indexs + 'y'"
-												v-if='item.children' @click.stop="jeuese(items.id)">
-												<p><a :href='ulrw'>{{items.label}}</a></p>
+											<div class='ex' >
+												<!-- :class="[inhye]" -->
+												<!-- ulrw -->
+												<p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
+												 @click.stop="jeuese(items.id)" >{{items.label}}</a></p>
 												<!-- jggk.html -->
 												<!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
 											</div>
@@ -94,8 +96,8 @@
 								<p>
 									<a href="index.html">首页</a>
 									<i>·</i>
-									<!-- <a href="#">资讯中心 </a>
-									<i>·</i> -->
+									<a href="#">{{heyseks}} </a>
+									<i>·</i>
 									<a href="jgjj.html">{{tiles}}</a>
 								</p>
 							</div>
@@ -104,19 +106,7 @@
 									<p class="fl p_box_titl">{{tiles}}</p>
 								</div>
 								<div class="pd10 pf_list">
-									<div class="container">
-										<div class="jgl tyu">
-											<p>{{oljhye.newsTitle}}</p>
-											<p>发布时间:{{oljhye.createTime}}  来源:安徽日报   作者:{{oljhye.createBy == null? '暂无数据' : oljhye.createBy=='' ? '暂无数据' : oljhye.createBy}}</p>
-											
-											<p class="po" v-html="oljhye.newsContent == null? '暂无数据' : oljhye.newsContent "></p>
-										</div>
-										
-										<!-- <div class="des">
-											<span>下一篇:</span>
-											中国质量新闻网:企业标准化促进办法(征求意见稿)》公开征求意见
-										</div> -->
-									</div>
+									
 								</div>
 							</div>
 						</div>
@@ -140,7 +130,8 @@
 		mjuede:'',
 		tiles:'',
 		oljhye:{},
-		serverSrc:'http://192.168.101.243:8090'
+		serverSrc:'http://192.168.101.243:8090',
+		heyseks:''
 	  },
 	  created() {
 	  	console.log(234)
@@ -154,6 +145,8 @@
 		let arr = search.split("?");
 		console.log(decodeURI(this.getQueryString("titel")));//学历
 		this.tiles = decodeURI(this.getQueryString("titel"))
+		this.heyseks = decodeURI(this.getQueryString("ntitel"))
+		
 		// console.log(this.getQueryString("title"))
 		
 	  	this.gettablist()
@@ -187,7 +180,6 @@
 		  nhese(val){
 			 var that = this
 			 let dese = {columnId:val}
-			 
 			 $.ajax({
 			 				  url:'http://192.168.101.243:8090/dev-api/gateway/query/' + val,
 			 				  type:'get',

+ 94 - 48
index.html

@@ -5,10 +5,10 @@
 			<meta http-equv="X-UA-Compatible" content="IE=edge" />
 			<meta name="viewport" content="width=device-width, initial-scale=1" />
 			<meta name="format-detection" content="telephone=no" />
-			<title>潜润投资控股集团</title>
-			<meta name="keywords" content="潜润投资控股集团,潜润集团,潜润投资,潜润">
+			<title>安徽省刷制品质量监督检验中心</title>
+			<meta name="keywords" content="安徽省刷制品质量监督检验中心">
 			<meta name="description"
-				content="潜山市潜润投资控股集团有限公司是在原安徽潜山县投资有限公司的基础上改制组建的,原安徽潜山县投资有限公司成立于2005年9月,由市政府投资设立,主要是承担政府投融资平台功能。近年来,随着投融资改革的深化,在市政府大力支持下,2018年12月潜润集团在原安徽潜山县投资有限公司的基础上组建设立。2019年8月,潜润集团股东由市政府变更为市国资办,注册资本由15亿元增至20亿元,由市国资办依法履行出资人职责,对潜润集团进行监督管理。">
+				content="安徽省刷制品质量监督检验中心">
 			<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
 			<script type="text/javascript" src="static/js/vue-router.js"></script>
 			<script src="https://unpkg.com/element-ui/lib/index.js"></script>
@@ -55,13 +55,15 @@
 							<div class='frs fr' v-if="hyew == true">
 								<div class='menu _list'>
 									<ul>
-										<li v-for="item,index in tablide" :key="index" @click="tabcl(item.id)">
-											<div :class="[ nue == item.id ? 'on' : '' , 'i' ]">
-												<p><a :href='ulrw'>{{item.label}}</a></p>
+										<li v-for="item,index in tablide" :key="index"  @mouseover="dheyfr(item.label)">
+											<div :class="[ nue == item.label ? 'on' : '' , 'i' ]">
+												<p @click="tabcl(item.id,item.label)"><a href='javascript:void(0)'>{{item.label}}</a></p>
 												<!-- ulrw -->
-												<div class='ex' v-for="(items,indexs) in item.children" :key="indexs + 'y'"
-													v-if='item.children' @click.stop="jeuese(items.id)">
-													<p><a :href='ulrw'>{{items.label}}</a></p>
+												<div class='ex' >
+													<!-- :class="[inhye]" -->
+													<!-- ulrw -->
+													<p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
+													 @click.stop="jeuese(items)" >{{items.label}}</a></p>
 													<!-- jggk.html -->
 													<!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
 												</div>
@@ -111,9 +113,9 @@
 								<div class="tout_one">
 									<img src="static/picture/ewm.png" alt="">
 								</div>
-								<div class="tout_two">
-									<p>招大做强,引智助力,贴心服务,源潭镇“双招双引”集聚发展新动能</p>
-									<p>加快建设源潭“专精特新”刷业产业园 | 潜山全方位、全链条支持“中国刷业之都”高质量发展 | 源潭制</p>
+								<div class="tout_two" @click="nhyeskf">
+									<p>{{ ttjues.length == 0 ? '暂无数据' : ttjues[0].newsTitle}}</p>
+									<p> {{ ttjues.length >= 1?   ttjues[1].newsTitle :'暂无数据'}} | {{  ttjues.length >= 2?   ttjues[2].newsTitle :'暂无数据' }} </p>
 								</div>
 							</div>
 						</div>
@@ -137,7 +139,7 @@
 									<div class="u-partview">
 										<div class="hd">
 											<p>
-												<span class="fr"><a href="" target="_blank">更多>></a></span>
+												<span class="fr"><a :href="'djdt.html?id=' + newaNuber  + '&titel=' + dheyw" target="_blank">更多>></a></span>
 												<label :class="[newaNuber == item.columnId ? '' : 'bhue']" v-for="item,index in indextitlw" @click="newsti(item.columnId,item.columnName)" :key="item.columnId"  style="margin-right: 25px;">{{item.columnName}}</label>
 												<!-- <label for="" class="bhue" style="margin-right: 25px;">通知公告</label>
 												<label for="" class="bhue">行业动态</label> -->
@@ -150,7 +152,7 @@
 													<li v-for="item,index in newsxq" :key="index +'' + 'l'">
 														<p class="cf">
 															<span class="fr"><small>{{item.createTime}}</small></span>
-															<a :href="'hydt.html?id=' + item.newsId + '&titel=' + dheyw">{{item.newsTitle}}
+															<a :href="'jgjj.html?id=' + item.newsId + '&titel=' + dheyw">{{item.newsTitle}}
 															</a>
 														</p>
 													</li>
@@ -168,7 +170,7 @@
 									<div class="u-partview">
 										<div class="hd">
 											<p>
-												<span class="fr"><a href="" target="_blank">更多>></a></span>
+												<span class="fr"><a :href="'djdt.html?id=' + item.columnId  + '&titel=' + item.columnName" target="_blank">更多>></a></span>
 												<label for="" >{{item.columnName}} </label>
 											</p>
 										</div>
@@ -218,7 +220,7 @@
 								<div class="bote_one">
 									<div class="shoutoa" v-for="item,index in dueus" :key="index + '' +'j'" v-if="boofa">
 										<img :src="item.newsImage == null? 'static/picture/pic_jcfw_gys@2x.png' : item.newsImage == undefined ? 'static/picture/pic_jcfw_gys@2x.png' : 'http://192.168.101.11:8090'+ item.newsImage " alt="">
-										<span style="width:100%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{{item.newsTitle == null? '暂无数据' :item.newsTitle }}</span>
+										<span style="width:100%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align: center;">{{item.newsTitle == null? '暂无数据' :item.newsTitle }}</span>
 										<p style="height: 48px;">{{item.newsContent == null? '暂无数据' : item.newsContent}}</p>
 										<p class="ol" @click="gentg(item.newsId)">查看详情</p>
 									</div>
@@ -258,7 +260,7 @@
 								<a href="#top"><img src="static/picture/db.png" alt="顶部"></a>
 							</div>
 						</div>
-						<hr class="bjx">
+						<!-- <hr class="bjx">
 						<div class="dowe">
 							<div class="ewm"><img src="static/picture/tb.png" alt="二维码">
 								<span class="xs">
@@ -267,7 +269,7 @@
 								</span>
 							</div>
 						</div>
-					</div>
+					</div> -->
 			</div>
 			<div class="biejus">
 				<div class="container">
@@ -293,7 +295,7 @@
 						inpute: '',
 						tablide: [],
 						hyew: false,
-						nue: 0,
+						nue: "首页",
 						week: '',
 						date_show: '',
 						ulrw: '',
@@ -307,23 +309,27 @@
 						gegao:[],
 						indextitlw:[],
 						indextitlwboo:[],
-						newaNuber:1,
+						newaNuber:0,
 						newsxq:[],
 						newsxqde:[],
 						bootewfr:[],
 						jiance:[],
 						boofa:false,
 						dueus:[],
-						dheyw:''
+						dheyw:'',
+						ttjues:[],
+						nhyeis:''
+						
 					},
 					created() {
 						this.gettablist()
 						this.smillimg() //小图轮播
 						this.goese()//通知公告
 						this.newsli() //新闻标题
-						this.newslieu(this.newaNuber)//新闻列表
+						
 						this.boonews()//底部导航
 						this.frihde()//友情链接
+						this.newslieutt()//头条
 					},
 					mounted() {
 						console.log(this.getQueryString("id"))
@@ -408,7 +414,7 @@
 						// 新闻标题
 						newsli(){
 						  var that = this
-						  	let hes = {isTitle:'Y',pageSize:6,pageNum:1}
+						  	let hes = {isTitle:'Y',pageSize:10,pageNum:1}
 						  $.ajax({
 						  		url: 'http://192.168.101.243:8090/dev-api/gateway/query/titleList',
 						  		type: 'get',
@@ -424,11 +430,13 @@
 												// that.newslieutr(rout.columnId)
 											}else{
 												that.indextitlw.push(rout)
-												this.dheyw = that.indextitlw[0].columnName
+												that.dheyw = that.indextitlw[0].columnName
+												that.newaNuber = that.indextitlw[0].columnId
+												that.newslieu(this.newaNuber)//新闻列表
 											}
 											
 										})
-										console.log(that.indextitlw,that.indextitlwboo,87654)
+										console.log(that.indextitlw,that.indextitlwboo,this.dheyw,87654)
 						  			} else {
 						  				that.$message({
 						  					message: res.msg,
@@ -438,10 +446,36 @@
 						  		}
 						  	})	
 						},
+						// 头条
+						newslieutt(val){
+							var that = this
+							let hes = {columnId:val,pageSize:6,pageNum:1}
+							$.ajax({
+									url: 'http://192.168.101.243:8090/dev-api/gateway/query/getNewS',
+									type: 'post',
+									data: hes,
+									dataType: 'json',
+							success: function(res) {
+										if (res.code == 200) {
+											// indextitlw
+											if(res.rows.length == 0){
+												let nhdye = [{newsTitle:'暂无数据'}]
+												res.rows = nhdye
+											}
+											that.ttjues = res.rows
+										} else {
+											that.$message({
+												message: res.msg,
+												type: 'error'
+											});
+										}
+									}
+								})	
+						},
 						// 新闻列表
 						newslieu(val){
 							var that = this
-							let hes = {columnId:val,pageSize:6,pageNum:1}
+							let hes = {columnId:val,pageSize:10,pageNum:1}
 							$.ajax({
 									url: 'http://192.168.101.243:8090/dev-api/gateway/query/getNewS',
 									type: 'post',
@@ -472,23 +506,26 @@
 							success: function(res) {
 										if (res.code == 200) {
 											// indextitlw
-											res.data[0].puhese = []
-											that.boofa = true
-											res.data[0].columnNewsList.filter( rout =>{
-												if(res.data[0].columnNewsList.length >= 4){
-													if(res.data[0].puhese.length >= 4){
-														return  false
+											if(res.data.length !==0){
+												res.data[0].puhese = []
+												that.boofa = true
+												res.data[0].columnNewsList.filter( rout =>{
+													if(res.data[0].columnNewsList.length >= 4){
+														if(res.data[0].puhese.length >= 4){
+															return  false
+														}else{
+															res.data[0].puhese.push(rout)
+														}
 													}else{
-														res.data[0].puhese.push(rout)
+														res.data[0].puhese = res.data[0].columnNewsList
+														
 													}
-												}else{
-													res.data[0].puhese = res.data[0].columnNewsList
-													
-												}
-												console.log(res.data[0].puhese,34567)
-											})
-											that.dueus = res.data[0].puhese
-											that.jiance = res.data
+													console.log(res.data[0].puhese,34567)
+												})
+												that.dueus = res.data[0].puhese
+												that.jiance = res.data
+											}
+											
 										} else {
 											that.$message({
 												message: res.msg,
@@ -536,13 +573,19 @@
 							}
 							console.log(index, val)
 						},
-						jeuese(index) {
-							console.log(index)
-				 		if (index == 1) {
-								this.ulrw = index.html
-							} else {
-								this.ulrw = 'djdt.html?id=' + index
-							}
+						jeuese(index,val) {
+							console.log(index,val)
+							console.log()
+							// if(index == 25){
+							// window.location.href="jgjj.html?id=" + index	
+							// }else if(index == 26){
+							//   window.location.href="jgjj.html?id=" + index	
+							// }
+				 		// if (index == 1) {
+							// 	this.ulrw = index.html
+							// } else { 
+							// 	this.ulrw = 'djdt.html?id=' + index
+							// }
 						},
 						// 获取路由参数
 						getQueryString(name) {
@@ -574,6 +617,9 @@
 								window.location.href = 'jcfanw.html' 
 							}
 							
+						},
+						nhyeskf(){
+												window.location.href="djdt.html?" +'&titel=头条'   + '&ntitel=头条'  + '&openMode=0' 
 						}
 						
 						

+ 22 - 9
jcfanw.html

@@ -5,9 +5,9 @@
 		<meta http-equv="X-UA-Compatible" content="IE=edge" />
 		<!-- <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
 		<meta name="format-detection" content="telephone=no" />
-		<title>检测范围</title>
-		<meta name="keywords" content="检测范围">
-		<meta name="description" content="检测范围">
+		<title>安徽省刷制品质量监督检验中心</title>
+		<meta name="keywords" content="安徽省刷制品质量监督检验中心">
+		<meta name="description" content="安徽省刷制品质量监督检验中心">
 		<script type="text/javascript" src="./static/js/jquery.min.js"></script>
 		<script type="text/javascript" src="./static/js/custom.js"></script>
 		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
@@ -56,13 +56,15 @@
 						<div class='frs fr' v-if="hyew == true">
 							<div class='menu _list'>
 								<ul>
-									<li v-for="item,index in tablide" :key="index" @click="tabcl(item.id)">
-										<div :class="[ nue == item.id ? 'on' : '' , 'i' ]">
-											<p><a :href='ulrw'>{{item.label}}</a></p>
+									<li v-for="item,index in tablide" :key="index"  @mouseover="dheyfr(item.label)">
+										<div :class="[ nue == item.label ? 'on' : '' , 'i' ]">
+											<p @click="tabcl(item.id,item.label)"><a href='javascript:void(0)'>{{item.label}}</a></p>
 											<!-- ulrw -->
-											<div class='ex' v-for="(items,indexs) in item.children" :key="indexs + 'y'"
-												v-if='item.children' @click.stop="jeuese(items.id)">
-												<p><a :href='ulrw'>{{items.label}}</a></p>
+											<div class='ex' >
+												<!-- :class="[inhye]" -->
+												<!-- ulrw -->
+												<p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
+												 @click.stop="jeuese(items)" >{{items.label}}</a></p>
 												<!-- jggk.html -->
 												<!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
 											</div>
@@ -108,6 +110,9 @@
 									<div class="container">
 										<div class="jcses" v-for="item,index in imalise" :key="item.newsId">
 											<p>{{item.newsTitle == null ? '暂无数据' : item.newsTitle}}</p>
+											<!-- <div class="jgl tyu">
+												<div style="padding: 50px 100px; font-size: 18px;line-height: 32px;" class="po" v-html="item.newsContent == null? '暂无数据' : item.newsContent "></div>
+											</div> -->
 											<p class="dehy" v-html="item.newsContent == null? '暂无数据' : item.newsContent">
 											</p>
 										</div>
@@ -200,4 +205,12 @@
 			})
 		});
 	</script>
+	<style type="text/css">
+		.dehy p img{
+			width: 100%;
+			margin-top: 20px;
+			margin-bottom: 20px;
+			/* height: ; */
+		}
+	</style>
 </html>

+ 224 - 86
jcshb.html

@@ -1,102 +1,248 @@
 <!DOCTYPE html>
 <html lang="zh">
-	<head>
+<head>
 		<meta charset="utf-8" />
 		<meta http-equv="X-UA-Compatible" content="IE=edge" />
 		<!-- <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
 		<meta name="format-detection" content="telephone=no" />
-		<title>检测设备</title>
-		<meta name="keywords" content="检测设备">
-		<meta name="description" content="检测设备">
-		<script type="text/javascript" src="./static/js/jquery.min.js"></script>
-		<script type="text/javascript" src="./static/js/custom.js"></script>
-		<script src="static/js/header.js" type="text/javascript" charset="utf-8"></script>
+		<title>安徽省刷制品质量监督检验中心</title>
+       <meta name="keywords" content="安徽省刷制品质量监督检验中心">
+       <meta name="description" content="安徽省刷制品质量监督检验中心">
+	   <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+	   <script type="text/javascript" src="static/js/vue-router.js"></script>
+	   <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+	   <script type="text/javascript" src="./static/js/jquery.min.js"></script>
+       <script type="text/javascript" src="./static/js/custom.js"></script>
+       <!-- <script src="static/js/header.js" type="text/javascript" charset="utf-8"></script> -->
+	   <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 		<link href="./static/css/vendor.css" rel="stylesheet" />
 		<link href="./static/css/style.css" rel="stylesheet" />
 		<link href="./static/css/custom.css" rel="stylesheet" />
-		<link rel="stylesheet" type="text/css" href="static/css/index.css"/>
-		<link href="./static/css/printstyle.css" rel="stylesheet" />
-		<link rel="stylesheet" type="text/css" href="static/css/jg.css" />
-		<style>
-			body,
-			html {
-				/* min-width: 1584px;
-				overflow: auto; */
-			}
-		</style>
+		<link href="./static/css/printstyle.css" rel="stylesheet"/>
 	</head>
 	<body class="pcs" style="display: none;">
-		<main>
-			<div class="u-fullpart">
-				<div class="p_container">
-					<!-- 定位 -->
-					<!-- <div class="pleft">
-						<ul>
-							<li class="pleft_tit">机构概况</li>
-							<li><a href="#" class="act">机构简介</a></li>
-							<li><a href="#">组织架构</a></li>
-						</ul>
-					</div> -->
-
-					<div class="container ">
-
+		<div id="app">
+			<header>
+				<div class='a'>
+					<div class='container'>
+						<div class='tool'>
+							<div class='fr'>
+								<a href='' target='_blank'></a>
+							</div>
+			
+							<!-- <script src='static/js/time.js'></script> -->
+							<div class='loca'>
+								<span> 欢迎访问 安徽省刷制品质量监督检验中心 ! 今天{{date_show}} {{week}}</span>
+							</div>
+							<div class='srch'><input type='text' class='tt' placeholder='输入要查找的信息' v-model="inpute"
+									@blur="inpubie" /> <img src='static/picture/icon_ztl_ss@2x.png' @click="nhyesee">
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class='b'>
+					<div class='container'>
+						<div class='logo'>
+							<a href='javascript:void(0)'><img src='static/picture/pic_hp_dh_logo@2x.png' alt='' /></a>
+						</div>
+						<div class='frs fr' v-if="hyew == true">
+							<div class='menu _list'>
+								<ul>
+									<li v-for="item,index in tablide" :key="index" @click="tabcl(item.id,item.lable)">
+										<div :class="[ nue == item.label ? 'on' : '' , 'i' ]">
+											<p><a :href='ulrw'>{{item.label}}</a></p>
+											<!-- ulrw -->
+											<div class='ex' >
+												<!-- :class="[inhye]" -->
+												<!-- ulrw -->
+												<p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
+												 @click.stop="jeuese(items.id)" >{{items.label}}</a></p>
+												<!-- jggk.html -->
+												<!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
+											</div>
+										</div>
+									</li>
+			
+								</ul>
+							</div>
+						</div>
+						<a href='' class='mbtn pc-hide'></a>
+					</div>
+				</div>
+			</header>
+			<main>
+				<div class="u-fullpart">
+					<div class="p_container">
+						<!-- 定位 -->
+						<!-- <div class="pleft">
+							<ul>
+								<li class="pleft_tit">资讯中心</li>
+								<li><a href="#" class="act">政务资讯</a></li>
+								<li><a href="#">质检动态</a></li>
+								<li><a href="#">行业动态</a></li>
+								<li><a href="#">工作聚焦</a></li>
+							</ul>
+						</div> -->
+					<div class="container">
+						
 						<div class="u-pagepath">
 							<p>
 								<a href="index.html">首页</a>
 								<i>·</i>
-								<a href="#">检测能力</a>
+								<a href="#">{{heyseks}}</a>
 								<i>·</i>
-								<a href="jgjj.html">检测设备</a>
+								<a href="jgjj.html">{{tiles}}</a>
 							</p>
 						</div>
 						<div class="p_box">
-							<div class="p_box_tit cf">
-								<p class="fl p_box_titl">检测设备</p>
-							</div>
+							<div class="p_box_tit cf"><p class="fl p_box_titl">{{tiles}}</p></div>
 							<div class="pd10 pf_list">
 								<div class="container">
-									<div class="jgl jcshe">
-										<img src="static/picture/pic_jcsb_pic1@2x.png" alt="">
-										<div class="nhyessd">
-											<span></span>
-                                            <p>安徽省刷制品质量监督检验研究中心于2015年经原安徽省质量技术监督局枇准建成,是轻工行业唯一从事刷制品检验的专业机构。中心坐落与源潭镇经济开发区刷业高新创业园内,总建筑面积1152平方米,拥有14名专业技术人员(其中高级工程师3人,工程师3人)。依据RB/T214-2017《检验检测机构资质认定能力评价通用要求》</p>
-										</div>
-									</div>
-									<div class="jgl jcshe">
-										<img src="static/picture/pic_jcsb_pic1@2x.png" alt="">
-										<div class="nhyessd">
-											<span></span>
-									        <p>安徽省刷制品质量监督检验研究中心于2015年经原安徽省质量技术监督局枇准建成,是轻工行业唯一从事刷制品检验的专业机构。中心坐落与源潭镇经济开发区刷业高新创业园内,总建筑面积1152平方米,拥有14名专业技术人员(其中高级工程师3人,工程师3人)。依据RB/T214-2017《检验检测机构资质认定能力评价通用要求》</p>
-										</div>
-									</div>
-									<div class="jgl jcshe">
-										<img src="static/picture/pic_jcsb_pic1@2x.png" alt="">
-										<div class="nhyessd">
-											<span></span>
-									        <p>安徽省刷制品质量监督检验研究中心于2015年经原安徽省质量技术监督局枇准建成,是轻工行业唯一从事刷制品检验的专业机构。中心坐落与源潭镇经济开发区刷业高新创业园内,总建筑面积1152平方米,拥有14名专业技术人员(其中高级工程师3人,工程师3人)。依据RB/T214-2017《检验检测机构资质认定能力评价通用要求》</p>
-										</div>
-									</div>
-									<div class="jgl jcshe">
-										<img src="static/picture/pic_jcsb_pic1@2x.png" alt="">
-										<div class="nhyessd">
-											<span></span>
-									        <p>安徽省刷制品质量监督检验研究中心于2015年经原安徽省质量技术监督局枇准建成,是轻工行业唯一从事刷制品检验的专业机构。中心坐落与源潭镇经济开发区刷业高新创业园内,总建筑面积1152平方米,拥有14名专业技术人员(其中高级工程师3人,工程师3人)。依据RB/T214-2017《检验检测机构资质认定能力评价通用要求》</p>
-										</div>
-									</div>
-									<div class="jgl jcshe">
-										<img src="static/picture/pic_jcsb_pic1@2x.png" alt="">
-										<div class="nhyessd">
-											<span></span>
-									        <p>安徽省刷制品质量监督检验研究中心于2015年经原安徽省质量技术监督局枇准建成,是轻工行业唯一从事刷制品检验的专业机构。中心坐落与源潭镇经济开发区刷业高新创业园内,总建筑面积1152平方米,拥有14名专业技术人员(其中高级工程师3人,工程师3人)。依据RB/T214-2017《检验检测机构资质认定能力评价通用要求》</p>
-										</div>
+									<div class="jgl tyu">
+										<p style="padding: 50px 100px;" class="po" v-html="oljhye.newsContent == null? '暂无数据' : oljhye.newsContent "></p>
 									</div>
+									<!-- <div class="des">
+										<span>下一篇:</span>
+										中国质量新闻网:企业标准化促进办法(征求意见稿)》公开征求意见
+									</div> -->
 								</div>
 							</div>
 						</div>
 					</div>
+					</div>
 				</div>
-			</div>
-		</main>
+			</main>
+		</div>
+		<script type="text/javascript">
+		var app = new Vue({
+		  el: '#app',
+		  data: {
+		    message: 'Hello Vue!',
+			inpute:'',
+			tablide:[],
+			hyew:false,
+			nue:'',
+			week:'',
+			date_show:'',
+			ulrw:'',
+			mjuede:'',
+			tiles:'',
+			oljhye:{},
+			serverSrc:'http://192.168.101.243:8090',
+			heyseks:''
+		  },
+		  created() {
+		  	console.log(234)
+			// this.getdataTime()
+			// this.gettablist()
+			// Vue.$forceUpdate();
+		  },
+		  mounted() {
+		  	console.log(this.getQueryString("id"))
+			let search = location.search;
+			let arr = search.split("?");
+			console.log(decodeURI(this.getQueryString("titel")));//第二层名称
+			console.log(decodeURI(this.getQueryString("ntitel")));//第一层名称
+			this.tiles = decodeURI(this.getQueryString("titel"))
+			this.heyseks = decodeURI(this.getQueryString("ntitel"))
+			this.nue = this.heyseks
+			// console.log(this.getQueryString("title"))
+			
+		  	this.gettablist()
+			this.nhese(this.getQueryString("id"))
+		  },
+		  methods:{
+			  gettablist(){
+				  var that = this
+				  $.ajax({
+					  url:'http://192.168.101.243:8090/dev-api/gateway/query/treeselect',
+					  type:'get',
+					  data:'',
+					  dataType:'json',
+					  success:function(res){
+						console.log(res,765) 
+						if(res.code == 200){
+							if(res.data !== undefined ||res.data.length !==0 ){
+								that.tablide = res.data
+							}
+							
+							
+							that.hyew = true
+						}else{
+							that.$message({
+							          message: res.msg,
+							          type: 'error'
+							        });
+						}
+						console.log(that.tablide,765) 
+					  }
+				  })
+			  },
+			  // 获取详情信息
+			  nhese(val){
+				 var that = this
+				 let dese = {columnId:val}
+				 $.ajax({
+				 				  url:'http://192.168.101.243:8090/dev-api/gateway/query/' + val,
+				 				  type:'get',
+				 				  data:'',
+				 				  dataType:'json',
+				 				  success:function(res){
+				 					console.log(res,765) 
+				 					if(res.code == 200){
+				 						that.oljhye = res.data
+				 						// that.hyew = true
+				 					}else{
+				 						that.$message({
+				 						          message: res.msg,
+				 						          type: 'error'
+				 						        });
+				 					}
+				 					console.log(that.tablide,765) 
+				 				  }
+				 }) 
+			  },
+			  inpubie(){
+				  console.log(this.inpute)
+			  },
+			  nhyesee(){
+				  console.log(this.inpute)
+			  },
+			  tabcl(index,val){
+				  this.nue = val
+				  if(val == 1){
+					this.ulrw = index.html
+				  }else{
+					this.ulrw = 'djdt.html?id=' + val
+				  }
+				  console.log(index,val)
+			  },
+			  jeuese(index){
+				  console.log(index)
+				  if(index == 1){
+				  					this.ulrw = index.html
+				  }else{
+				  					this.ulrw = 'djdt.html?id=' + index
+				  }
+			  },
+			  // 获取路由参数
+			getQueryString(name) {
+			     try {
+			            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+			            var r = window.location.href.split('?')[1].match(reg);
+						// console.log(reg,r)
+			            if(r != null) {
+			              return r[2];
+			            }
+			            return "";//如果此处只写return;则返回的是undefined
+			        } catch(e) {
+			            return "";//如果此处只写return;则返回的是undefined
+			        }
+			},
+					
+		  }
+		})
+		</script>
 
 		<!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
 		<!-- <script src="./static/js/vendor.js" type="text/javascript"></script>
@@ -108,21 +254,13 @@
 		<script src="static/js/script.js"></script>
 		<script src="static/js/custom.js"></script>
 		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
-		<script>
-			var app = new Vue({
-				el: '#app',
-				data: {
-					message: 'Hello Vue!'
-				}
-			})
-		</script>
 	</body>
 	<script>
-		$(document).ready(function() {
-			$(".pleft a").click(function() {
-				$(this).addClass('act')
-				$(this).parent().siblings().find('a').removeClass('act')
-			})
-		});
+	$(document).ready(function() {
+	    $(".pleft a").click(function(){
+	           $(this).addClass('act')
+			   $(this).parent().siblings().find('a').removeClass('act')
+	    })   
+	});
 	</script>
 </html>

+ 239 - 173
jgjj.html

@@ -5,185 +5,249 @@
 		<meta http-equv="X-UA-Compatible" content="IE=edge" />
 		<!-- <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
 		<meta name="format-detection" content="telephone=no" />
-		<title>行业动态</title>
-       <meta name="keywords" content="行业动态">
-       <meta name="description" content="行业动态">
+		<title>安徽省刷制品质量监督检验中心</title>
+       <meta name="keywords" content="安徽省刷制品质量监督检验中心">
+       <meta name="description" content="安徽省刷制品质量监督检验中心">
+	   <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+	   <script type="text/javascript" src="static/js/vue-router.js"></script>
+	   <script src="https://unpkg.com/element-ui/lib/index.js"></script>
 	   <script type="text/javascript" src="./static/js/jquery.min.js"></script>
- <script type="text/javascript" src="./static/js/custom.js"></script>
- <script src="static/js/header.js" type="text/javascript" charset="utf-8"></script>
+       <script type="text/javascript" src="./static/js/custom.js"></script>
+       <!-- <script src="static/js/header.js" type="text/javascript" charset="utf-8"></script> -->
+	   <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 		<link href="./static/css/vendor.css" rel="stylesheet" />
 		<link href="./static/css/style.css" rel="stylesheet" />
 		<link href="./static/css/custom.css" rel="stylesheet" />
 		<link href="./static/css/printstyle.css" rel="stylesheet"/>
-		<style>
-		body,html{min-width: 1584px;overflow: auto;}
-		</style>
 	</head>
 	<body class="pcs" style="display: none;">
-		<main>
-			<div class="u-fullpart">
-				<div class="p_container">
-					<!-- 定位 -->
-					<!-- <div class="pleft">
-						<ul>
-							<li class="pleft_tit">资讯中心</li>
-							<li><a href="#" class="act">政务资讯</a></li>
-							<li><a href="#">质检动态</a></li>
-							<li><a href="#">行业动态</a></li>
-							<li><a href="#">工作聚焦</a></li>
-						</ul>
-					</div> -->
-				
-				<div class="container">
-					
-					<div class="u-pagepath">
-						<p>
-							<a href="index.html">首页</a>
-							<i>·</i>
-							<a href="#">行业动态</a>
-							<i>·</i>
-							<a href="jgjj.html">行业动态</a>
-						</p>
+		
+			<div id="appse">
+				<header>
+					<div class='a'>
+						<div class='container'>
+							<div class='tool'>
+								<div class='fr'>
+									<a href='' target='_blank'></a>
+								</div>
+			
+								<!-- <script src='static/js/time.js'></script> -->
+								<div class='loca'>
+									<span> 欢迎访问 安徽省刷制品质量监督检验中心 ! 今天{{date_show}} {{week}}</span>
+								</div>
+								<div class='srch'><input type='text' class='tt' placeholder='输入要查找的信息' v-model="inpute"
+										@blur="inpubie" /> <img src='static/picture/icon_ztl_ss@2x.png' @click="nhyesee">
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class='b'>
+						<div class='container'>
+							<div class='logo'>
+								<a href='javascript:void(0)'><img src='static/picture/pic_hp_dh_logo@2x.png' alt='' /></a>
+							</div>
+							<div class='frs fr' v-if="hyew == true">
+								<div class='menu _list'>
+									<ul>
+										<li v-for="item,index in tablide" :key="index"  @mouseover="dheyfr(item.label)">
+											<div :class="[ nue == item.label ? 'on' : '' , 'i' ]">
+												<p @click="tabcl(item.id,item.label)"><a href='javascript:void(0)'>{{item.label}}</a></p>
+												<!-- ulrw -->
+												<div class='ex' >
+													<!-- :class="[inhye]" -->
+													<!-- ulrw -->
+													<p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
+													 @click.stop="jeuese(items)" >{{items.label}}</a></p>
+													<!-- jggk.html -->
+													<!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
+												</div>
+											</div>
+										</li>
+			
+									</ul>
+								</div>
+							</div>
+							<a href='' class='mbtn pc-hide'></a>
+						</div>
 					</div>
-					<div class="p_box">
-						<div class="p_box_tit cf"><p class="fl p_box_titl">行业动态</p></div>
-						<div class="pd10 pf_list">
+				</header>
+			</div>
+		<div id="app">
+			<main>
+				<div class="u-fullpart">
+					<div class="p_container">
+						<!-- 定位 -->
+						<!-- <div class="pleft">
 							<ul>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>省质检院机械轻工所积极参加省局防疫工作</h1>
-											<p class="overtwo">3月6日,省质检院机械轻工所检验员金玮同志作为共青团员积极报名参加省局疫情防控青年突击队,并成为了第三批支援城南社区的志愿者。</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>省质检院党委建筑消防党支部积极参与防疫防控工作</h1>
-											<p class="overtwo">新冠肺炎疫情发生以来,建筑消防党支部积极参加省局党委和院党委组织的各项防疫防控工作,积极参加院党委组织的防疫志愿献血和捐款活动</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>守初心 担使命 找差距 抓落实</h1>
-											<p class="overtwo">36月26日,省质检院党委食品化工所党支部召开全体党员(扩大)会议,党委委员、副院长童宁同志围绕“不忘初心 牢记使命”主题开展党</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>省质检院到合肥供水集团调研交流工作</h1>
-											<p class="overtwo">5月30日上午,省质检院党委委员、副总工程师丁媛丽一行到合肥供水集团,就党建、文明创建、文化建设等方面工作进行调研。</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>省质检院开展“改革开放再出发 砥砺奋进新时代”主题党日活动</h1>
-											<p class="overtwo">12月21日下午,省质检院开展“改革开放再出发?砥砺奋进新时代”主题党日活动。通过现场参观学习,全面了解了安徽省改革开放40年</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>省质检院机械轻工所积极参加省局防疫工作</h1>
-											<p class="overtwo">3月6日,省质检院机械轻工所检验员金玮同志作为共青团员积极报名参加省局疫情防控青年突击队,并成为了第三批支援城南社区的志愿者。</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>省质检院党委建筑消防党支部积极参与防疫防控工作</h1>
-											<p class="overtwo">新冠肺炎疫情发生以来,建筑消防党支部积极参加省局党委和院党委组织的各项防疫防控工作,积极参加院党委组织的防疫志愿献血和捐款活动</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>守初心 担使命 找差距 抓落实</h1>
-											<p class="overtwo">36月26日,省质检院党委食品化工所党支部召开全体党员(扩大)会议,党委委员、副院长童宁同志围绕“不忘初心 牢记使命”主题开展党</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>省质检院到合肥供水集团调研交流工作</h1>
-											<p class="overtwo">5月30日上午,省质检院党委委员、副总工程师丁媛丽一行到合肥供水集团,就党建、文明创建、文化建设等方面工作进行调研。</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
-								<li>
-									<a href="#" class="cf">
-										<div class="fl">
-											<h1>省质检院开展“改革开放再出发 砥砺奋进新时代”主题党日活动</h1>
-											<p class="overtwo">12月21日下午,省质检院开展“改革开放再出发?砥砺奋进新时代”主题党日活动。通过现场参观学习,全面了解了安徽省改革开放40年</p>
-										</div>
-										<div class="fr cf">
-											<div class="num">01</div>
-											<div class="day">2021-12</div>
-										</div>
-									</a>
-								</li>
+								<li class="pleft_tit">资讯中心</li>
+								<li><a href="#" class="act">政务资讯</a></li>
+								<li><a href="#">质检动态</a></li>
+								<li><a href="#">行业动态</a></li>
+								<li><a href="#">工作聚焦</a></li>
 							</ul>
-							<!-- 分页 -->
-							<div class="p_page">
-								<div class="page act">1</div>
-								<div class="page">2</div>
-								<div class="page">3</div>
-								<div class="page">...</div>
-								<div class="page">下一页</div>
+						</div> -->
+					<div class="container">
+						
+						<div class="u-pagepath">
+							<p>
+								<a href="index.html?ntitel=首页">首页</a>
+								<i>·</i>
+								<a href="#">{{heyseks}}</a>
+								<i>·</i>
+								<a href="jgjj.html">{{tiles}}</a>
+							</p>
+						</div>
+						<div class="p_box">
+							<div class="p_box_tit cf"><p class="fl p_box_titl">{{tiles}}</p></div>
+							<div class="pd10 pf_list">
+								<div class="container">
+									<div class="jgl tyu">
+										<div style="padding: 50px 100px; font-size: 18px;line-height: 32px;" class="po" v-html="oljhye.newsContent == null? '暂无数据' : oljhye.newsContent "></div>
+									</div>
+									
+									<!-- <div class="des">
+										<span>下一篇:</span>
+										中国质量新闻网:企业标准化促进办法(征求意见稿)》公开征求意见
+									</div> -->
+								</div>
 							</div>
 						</div>
 					</div>
+					</div>
 				</div>
-				</div>
-			</div>
-		</main>
+			</main>
+		</div>
+		<script src="static/js/header.js" type="text/javascript" charset="utf-8"></script>
+		<script type="text/javascript">
+		var app = new Vue({
+		  el: '#app',
+		  data: {
+		    message: 'Hello Vue!',
+			inpute:'',
+			tablide:[],
+			hyew:false,
+			nue:'',
+			week:'',
+			date_show:'',
+			ulrw:'',
+			mjuede:'',
+			tiles:'',
+			oljhye:{},
+			serverSrc:'http://192.168.101.243:8090',
+			heyseks:''
+		  },
+		  created() {
+		  	console.log(234)
+			// this.getdataTime()
+			// this.gettablist()
+			// Vue.$forceUpdate();
+		  },
+		  mounted() {
+		  	console.log(this.getQueryString("id"))
+			let search = location.search;
+			let arr = search.split("?");
+			console.log(decodeURI(this.getQueryString("titel")));//第二层名称
+			console.log(decodeURI(this.getQueryString("ntitel")));//第一层名称
+			this.tiles = decodeURI(this.getQueryString("titel"))
+			this.heyseks = decodeURI(this.getQueryString("ntitel"))
+			this.nue = this.heyseks
+			// console.log(this.getQueryString("title"))
+			
+		  	this.gettablist()
+			this.nhese(this.getQueryString("id"))
+		  },
+		  methods:{
+			  gettablist(){
+				  var that = this
+				  $.ajax({
+					  url:'http://192.168.101.243:8090/dev-api/gateway/query/treeselect',
+					  type:'get',
+					  data:'',
+					  dataType:'json',
+					  success:function(res){
+						console.log(res,765) 
+						if(res.code == 200){
+							if(res.data !== undefined ||res.data.length !==0 ){
+								that.tablide = res.data
+							}
+							
+							
+							that.hyew = true
+						}else{
+							that.$message({
+							          message: res.msg,
+							          type: 'error'
+							        });
+						}
+						console.log(that.tablide,765) 
+					  }
+				  })
+			  },
+			  // 获取详情信息
+			  nhese(val){
+				 var that = this
+				 let dese = {columnId:val}
+				 $.ajax({
+				 				  url:'http://192.168.101.243:8090/dev-api/gateway/query/' + val,
+				 				  type:'get',
+				 				  data:'',
+				 				  dataType:'json',
+				 				  success:function(res){
+				 					console.log(res,765) 
+				 					if(res.code == 200){
+				 						that.oljhye = res.data
+				 						// that.hyew = true
+				 					}else{
+				 						that.$message({
+				 						          message: res.msg,
+				 						          type: 'error'
+				 						        });
+				 					}
+				 					console.log(that.tablide,765) 
+				 				  }
+				 }) 
+			  },
+			  inpubie(){
+				  console.log(this.inpute)
+			  },
+			  nhyesee(){
+				  console.log(this.inpute)
+			  },
+			  tabcl(index,val){
+				  this.nue = val
+				  if(val == 1){
+					this.ulrw = index.html
+				  }else{
+					this.ulrw = 'djdt.html?id=' + val
+				  }
+				  console.log(index,val)
+			  },
+			  jeuese(index){
+				  console.log(index)
+				  if(index == 1){
+				  					this.ulrw = index.html
+				  }else{
+				  					this.ulrw = 'djdt.html?id=' + index
+				  }
+			  },
+			  // 获取路由参数
+			getQueryString(name) {
+			     try {
+			            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+			            var r = window.location.href.split('?')[1].match(reg);
+						// console.log(reg,r)
+			            if(r != null) {
+			              return r[2];
+			            }
+			            return "";//如果此处只写return;则返回的是undefined
+			        } catch(e) {
+			            return "";//如果此处只写return;则返回的是undefined
+			        }
+			},
+					
+		  }
+		})
+		</script>
 
 		<!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
 		<!-- <script src="./static/js/vendor.js" type="text/javascript"></script>
@@ -195,14 +259,6 @@
 		<script src="static/js/script.js"></script>
 		<script src="static/js/custom.js"></script>
 		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
-		<script>
-		var app = new Vue({
-		  el: '#app',
-		  data: {
-		    message: 'Hello Vue!'
-		  }
-		})
-		</script>
 	</body>
 	<script>
 	$(document).ready(function() {
@@ -212,4 +268,14 @@
 	    })   
 	});
 	</script>
+	<style type="text/css">
+		.po p {
+			line-height: 34px;
+		}
+		.po p img{
+			width: 100%;
+			margin-top: 20px;
+			margin-bottom: 20px;
+		}
+	</style>
 </html>

+ 98 - 180
ss.html

@@ -24,58 +24,60 @@
 </head>
 	<body class="pcs" style="display: none;">
 		<div id="app">
-		<div id="appse">
-			<header>
-						<div class='a'>
-							<div class='container'>
-								<div class='tool'>
-									<div class='fr'>
-										<a href='' target='_blank'></a>
-			
-									</div>
-									
-									<!-- <script src='static/js/time.js'></script> -->
-									<div class='loca'>
-										<span> 欢迎访问 安徽省刷制品质量监督检验中心 !  今天{{date_show}} {{week}}</span>
-									</div>
-									 <div class='srch'><input type='text' class='tt' placeholder='输入要查找的信息' v-model="inpute" @blur="inpubie"/> <img
-											src='static/picture/icon_ztl_ss@2x.png' @click="nhyesee"> </div>
-								</div>
-							</div>
+		<header>
+			<div class='a'>
+				<div class='container'>
+					<div class='tool'>
+						<div class='fr'>
+							<a href='' target='_blank'></a>
 						</div>
-						<div class='b'>
-							<div class='container'>
-								<div class='logo'>
-									 <a href='javascript:void(0)'><img src='static/picture/pic_hp_dh_logo@2x.png' alt='' /></a>
-								</div>
-								<div class='frs fr'  v-if="hyew == true" >
-									<div class=  'menu _list'>
-										<ul>
-											<li  v-for="item,index in tablide"  :key="index" @click="tabcl(index,item.id)">
-												<div :class="[ nue == index ? 'on' : '' , 'i' ]">
-													<p><a :href='ulrw'>{{item.label}}</a></p>
-													<div class='ex' v-for="(items,indexs) in item.children" :key="indexs + 'y'"  v-if='item.children' @click.stop="jeuese(items.id)">
-														 <p><a :href='ulrw'>{{items.label}}</a></p>
-														 <!-- jggk.html -->
-														 <!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
-													</div>
-												</div>
-											</li>
-											
-										</ul>
+		
+						<!-- <script src='static/js/time.js'></script> -->
+						<div class='loca'>
+							<span> 欢迎访问 安徽省刷制品质量监督检验中心 ! 今天{{date_show}} {{week}}</span>
+						</div>
+						<div class='srch'><input type='text' class='tt' placeholder='输入要查找的信息' v-model="inpute"
+								@blur="inpubie" /> <img src='static/picture/icon_ztl_ss@2x.png' @click="nhyesee">
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class='b'>
+				<div class='container'>
+					<div class='logo'>
+						<a href='javascript:void(0)'><img src='static/picture/pic_hp_dh_logo@2x.png' alt='' /></a>
+					</div>
+					<div class='frs fr' v-if="hyew == true">
+						<div class='menu _list'>
+							<ul>
+								<li v-for="item,index in tablide" :key="index"  @mouseover="dheyfr(item.label)">
+									<div :class="[ nue == item.label ? 'on' : '' , 'i' ]">
+										<p @click="tabcl(item.id,item.label)"><a href='javascript:void(0)'>{{item.label}}</a></p>
+										<!-- ulrw -->
+										<div class='ex' >
+											<!-- :class="[inhye]" -->
+											<!-- ulrw -->
+											<p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
+											 @click.stop="jeuese(items)" >{{items.label}}</a></p>
+											<!-- jggk.html -->
+											<!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
+										</div>
 									</div>
-								</div>
-								<a href='' class='mbtn pc-hide'></a>
-							</div>
+								</li>
+		
+							</ul>
 						</div>
-					</header>
-		</div>
+					</div>
+					<a href='' class='mbtn pc-hide'></a>
+				</div>
+			</div>
+		</header>
 		
 			<main>
 				<div class="u-fullpart">
 					<div class="p_container">
 						<!-- 定位 -->
-						<div class="pleft">
+						<!-- <div class="pleft">
 							<ul>
 								<li class="pleft_tit">党建工作</li>
 								<li><a href="#" class="act">党建动态</a></li>
@@ -83,7 +85,7 @@
 								<li><a href="#">党风廉政</a></li>
 								<li><a href="#">党建风采</a></li>
 							</ul>
-						</div>
+						</div> -->
 					
 					<div class="container">
 						
@@ -112,129 +114,17 @@
 											</div>
 										</a>
 									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院党委建筑消防党支部积极参与防疫防控工作</h1>
-												<p class="overtwo">新冠肺炎疫情发生以来,建筑消防党支部积极参加省局党委和院党委组织的各项防疫防控工作,积极参加院党委组织的防疫志愿献血和捐款活动</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>守初心 担使命 找差距 抓落实</h1>
-												<p class="overtwo">36月26日,省质检院党委食品化工所党支部召开全体党员(扩大)会议,党委委员、副院长童宁同志围绕“不忘初心 牢记使命”主题开展党</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院到合肥供水集团调研交流工作</h1>
-												<p class="overtwo">5月30日上午,省质检院党委委员、副总工程师丁媛丽一行到合肥供水集团,就党建、文明创建、文化建设等方面工作进行调研。</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院开展“改革开放再出发 砥砺奋进新时代”主题党日活动</h1>
-												<p class="overtwo">12月21日下午,省质检院开展“改革开放再出发?砥砺奋进新时代”主题党日活动。通过现场参观学习,全面了解了安徽省改革开放40年</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院机械轻工所积极参加省局防疫工作</h1>
-												<p class="overtwo">3月6日,省质检院机械轻工所检验员金玮同志作为共青团员积极报名参加省局疫情防控青年突击队,并成为了第三批支援城南社区的志愿者。</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院党委建筑消防党支部积极参与防疫防控工作</h1>
-												<p class="overtwo">新冠肺炎疫情发生以来,建筑消防党支部积极参加省局党委和院党委组织的各项防疫防控工作,积极参加院党委组织的防疫志愿献血和捐款活动</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>守初心 担使命 找差距 抓落实</h1>
-												<p class="overtwo">36月26日,省质检院党委食品化工所党支部召开全体党员(扩大)会议,党委委员、副院长童宁同志围绕“不忘初心 牢记使命”主题开展党</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院到合肥供水集团调研交流工作</h1>
-												<p class="overtwo">5月30日上午,省质检院党委委员、副总工程师丁媛丽一行到合肥供水集团,就党建、文明创建、文化建设等方面工作进行调研。</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
-									<li>
-										<a href="#" class="cf">
-											<div class="fl">
-												<h1>省质检院开展“改革开放再出发 砥砺奋进新时代”主题党日活动</h1>
-												<p class="overtwo">12月21日下午,省质检院开展“改革开放再出发?砥砺奋进新时代”主题党日活动。通过现场参观学习,全面了解了安徽省改革开放40年</p>
-											</div>
-											<div class="fr cf">
-												<div class="num">01</div>
-												<div class="day">2021-12</div>
-											</div>
-										</a>
-									</li>
 								</ul>
 								<!-- 分页 -->
-								<div class="p_page">
+								<div class="p_page" v-if="nhyuese" >
 									<el-pagination
 									  background
 									  layout="prev, pager, next"
-									  :total="100">
+									  @size-change="handleSizeChange"
+									  @current-change="handleCurrentChange"
+									  :total="total">
 									</el-pagination>
-									<!-- <div class="page act">1</div>
-									<div class="page">2</div>
-									<div class="page">3</div>
-									<div class="page">...</div>
-									<div class="page">下一页</div> -->
 								</div>
-								
 							</div>
 						</div>
 					</div>
@@ -260,7 +150,9 @@
 		ulrw:'',
 		mjuede:'',
 		valdes:{pageNum:1,pageSize:10},
-		newsleisL:[]
+		newsleisL:[],
+		total:0,
+		nhyuese:true
 	  },
 	  created() {
 	  	console.log(234)
@@ -291,14 +183,32 @@
 				  dataType:'json',
 				  success:function(res){
 					if(res.code == 200){
-						res.rows.filter(rou =>{
-							rou.times = rou.createTime.slice(0,10).split('-')[1]
-							console.log(rou.createTime.slice(0,10).split('-')[1])
-							rou.newsTitle = that.hfeys(rou.newsTitle) 
-							rou.newsContent = that.hfeys(rou.newsContent) 
-							console.log(rou.newsTitle)
-						})
+						if(res.rows.length !== 0){
+						  res.rows.filter(rou =>{
+						  	rou.times = rou.createTime.slice(0,10).split('-')[1]
+						  	console.log(rou.createTime.slice(0,10).split('-')[1])
+						  	if(rou.newsTitle !== null){
+						  		rou.newsTitle = that.hfeys(rou.newsTitle) 
+						  	}
+						  	if(rou.newsContent !== null){
+						  		rou.newsContent = that.hfeys(rou.newsContent) 
+						  	}
+						  	console.log(rou.newsTitle)
+						  })	
+						}else{
+							hyews=[{newsTitle:'暂无数据',newsContent:'暂无数据',createTime:'暂无数据'}]
+						   res.rows = hyews
+						}
+						
 						that.newsleisL = res.rows
+						this.total = res.total
+						if(this.total>0){
+							this.nhyuese = true
+						}else{
+							console.log(345)
+							this.nhyuese = false
+						}
+						console.log(this.nhyuese)
 						console.log(that.newsleisL,765) 
 						// that.hyew = true
 					}else{
@@ -343,20 +253,19 @@
 		  },
 		  tabcl(index,val){
 			  this.nue = index
-			  if(val == 1){
-				this.ulrw = index.html
-			  }else{
-				this.ulrw = 'djdt.html?id=' + val
+			  if(val == "首页"){
+				window.location.href = "index.html?ntitel=首页"
+				console.log(2335)
 			  }
 			  console.log(index,val)
 		  },
-		  jeuese(index){
-			  console.log(index)
-			  if(index == 1){
-			  					this.ulrw = index.html
-			  }else{
-			  					this.ulrw = 'djdt.html?id=' + index
-			  }
+		  jeuese(index,val){
+			  // console.log(index)
+			window.location.href="djdt.html?id=" + index.id +'&titel=' + index.label + '&ntitel=' + this.hyesfr  + '&openMode=' + index.openMode
+		  },
+		  dheyfr(val){
+		  				  console.log(val)
+		  				  this.hyesfr = val
 		  },
 		  // 获取路由参数
 		getQueryString(name) {
@@ -374,6 +283,7 @@
 		},
 		hfeys(nju){
 			var that = this
+			console.log(nju,654)
 			if (that.valdes.newsTitle && that.valdes.newsTitle.length > 0) {
 			            // 匹配关键字正则
 			            let replaceReg = new RegExp(that.valdes.newsTitle, 'g');
@@ -384,6 +294,14 @@
 			          }
 					  
 					  return  nju
+		},
+		handleSizeChange(){
+			
+		},
+		handleCurrentChange(){
+			console.log(val,34)
+			this.valdes.pageNum = val
+			this.gettablists(this.valdes)
 		}
 				
 	  }

+ 12 - 2
static/css/style.css

@@ -1177,10 +1177,14 @@ header .menu .i > .ex {
 header .menu .i > .ex p {
   /* border-bottom: 1px solid #eee; */
 }
-header .menu .i > .ex p:hover {
-  /* border-bottom: 1px solid #eee; */
+/* header .menu .i > .ex p:hover {
+  
   background-color: #014582;
   color: #fff !important;
+} */
+header .menu .i > .ex .inhye{
+	background-color: #014582;
+	color: #fff !important;
 }
 header .menu .i > .ex p a {
   display: block;
@@ -1294,6 +1298,12 @@ footer .foot p {
 footer .foot p a {
   color: #fff;
 }
+.nhy{
+	background-color: #eee ;
+	height: 6px;
+	width: 100%;
+	margin-top: 30px;
+}
 footer .foot p a:hover {
   opacity: 0.8;
 }

+ 50 - 20
static/js/header.js

@@ -44,7 +44,6 @@
 // document.writeln("							</div>");
 // document.writeln("						</header>");
 // document.writeln("			</div>");
-
 // <script type="text/javascript">
 
 		var app = new Vue({
@@ -54,11 +53,14 @@
 			inpute:'',
 			tablide:[],
 			hyew:false,
-			nue:1,
+			nue:"首页",
 			week:'',
 			date_show:'',
 			ulrw:'',
-			mjuede:''
+			mjuede:'',
+			hyesfr:'',
+			tiles:'',
+			heyseks:'',
 		  },
 		  created() {
 		  	console.log(234)
@@ -67,6 +69,9 @@
 			// Vue.$forceUpdate();
 		  },
 		  mounted(optio) {
+			  this.tiles = decodeURI(this.getQueryString("titel"))
+			  this.heyseks = decodeURI(this.getQueryString("ntitel"))
+			  this.nue = this.heyseks
 		  	// console.log(this.getQueryString("id"))
 		  	// this.gettablist()
 		  },
@@ -104,25 +109,36 @@
 				  window.location.href = "ss.html?" + encodeURI(nhye)
  
 			  },
-			  tabcl(val){
-				  this.nue = val
-				  if(val == 1){
-					this.ulrw = index.html
-					 // this.$router.push('/index.html');
-				  }else{
-					  // this.$router.push('/djdt.html');
-					this.ulrw = 'djdt.html?id=' + val
+			  tabcl(val,index){
+				  this.nue = index
+				  if(index == "首页"){
+					 window.location.href="index.html?ntitel=首页"
 				  }
-				  console.log(index,val)
+				  console.log(val,index)
 			  },
-			  jeuese(index){
-				  console.log(index)
-				  if(index == 1){
-					  // this.$router.push('/index.html');
-				  					this.ulrw = index.html
-				  }else{
-				  					this.ulrw = 'djdt.html?id=' + index
-				  }
+			  jeuese(index){  
+				  console.log(index.label)
+				 //  if(index == 25 || index == 26 ||index ==33 || index ==33 || index == 20 || index ==21 || index==24){
+				 //  window.location.href="jgjj.html?id=" + index +'&titel=' + val + '&ntitel=' + this.hyesfr
+				 //  }else if(index == 32){
+					// window.location.href="jcfanw.html?id=" + index +'&titel=' + val + '&ntitel=' + this.hyesfr  
+				 //  }else if(index == 34){
+					// window.location.href="zzhnl.html?id=" + index +'&titel=' + val + '&ntitel=' + this.hyesfr  
+				 //  }
+				  
+				  // else {
+					window.location.href="djdt.html?id=" + index.id +'&titel=' + index.label + '&ntitel=' + this.hyesfr  + '&openMode=' + index.openMode
+				  // }
+				  // if(index == 1){
+					 //  // this.$router.push('/index.html');
+				  // 					this.ulrw = index.html
+				  // }else{
+				  // 					this.ulrw = 'djdt.html?id=' + index
+				  // }
+			  },
+			  dheyfr(val){
+				  console.log(val)
+				  this.hyesfr = val
 			  },
 			  getdataTime(){
 			  	      let wk = new Date().getDay()  
@@ -133,6 +149,20 @@
 			  	      this.week = weeks[wk]
 			  	      this.date_show = yy + "年" + mm + "月" + dd + "日"
 			  	    },
+					// 获取路由参数
+					getQueryString(name) {
+					     try {
+					            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+					            var r = window.location.href.split('?')[1].match(reg);
+								console.log(reg,r)
+					            if(r != null) {
+					              return r[2];
+					            }
+					            return "";//如果此处只写return;则返回的是undefined
+					        } catch(e) {
+					            return "";//如果此处只写return;则返回的是undefined
+					        }
+					},
 					 
 		  }
 		})

BIN
static/picture/pic_zwtp_normal.png


+ 270 - 84
zzhnl.html

@@ -5,13 +5,16 @@
 		<meta http-equv="X-UA-Compatible" content="IE=edge" />
 		<!-- <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
 		<meta name="format-detection" content="telephone=no" />
-		<title>资质能力</title>
-		<meta name="keywords" content="资质能力">
-		<meta name="description" content="资质能力">
+		<title>安徽省刷制品质量监督检验中心</title>
+		<meta name="keywords" content="安徽省刷制品质量监督检验中心">
+		<meta name="description" content="安徽省刷制品质量监督检验中心">
+		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
+		<script type="text/javascript" src="static/js/vue-router.js"></script>
+		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
 		<script type="text/javascript" src="./static/js/jquery.min.js"></script>
 		<script type="text/javascript" src="./static/js/custom.js"></script>
-		<script src="static/js/header.js" type="text/javascript" charset="utf-8"></script>
 		<link href="./static/css/vendor.css" rel="stylesheet" />
+		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 		<link href="./static/css/style.css" rel="stylesheet" />
 		<link href="./static/css/custom.css" rel="stylesheet" />
 		<link rel="stylesheet" type="text/css" href="static/css/index.css"/>
@@ -26,87 +29,278 @@
 		</style>
 	</head>
 	<body class="pcs" style="display: none;">
-		<main>
-			<div class="u-fullpart">
-				<div class="p_container">
-					<!-- 定位 -->
-					<!-- <div class="pleft">
-						<ul>
-							<li class="pleft_tit">机构概况</li>
-							<li><a href="#" class="act">机构简介</a></li>
-							<li><a href="#">组织架构</a></li>
-						</ul>
-					</div> -->
-
-					<div class="container ">
-
-						<div class="u-pagepath">
-							<p>
-								<a href="index.html">首页</a>
-								<i>·</i>
-								<a href="#">检测能力 </a>
-								<i>·</i>
-								<a href="jgjj.html">资质能力</a>
-							</p>
-						</div>
-						<div class="p_box">
-							<div class="p_box_tit cf">
-								<p class="fl p_box_titl">资质能力</p>
+		<div id="appse">
+			<header>
+				<div class='a'>
+					<div class='container'>
+						<div class='tool'>
+							<div class='fr'>
+								<a href='' target='_blank'></a>
 							</div>
-							<div class="pd10 pf_list">
-								<div class="container">
-									<div class="zzhijn">
-										<div class="zhhsiimd">
-											<img src="static/picture/pic_zznl_lt@2x.png" >
-											<p>民用刷检测资质ISQ1088500-201</p>
-										</div>
-										<div class="zhhsiimd">
-											<img src="static/picture/pic_zznl_lt@2x.png" >
-											<p>民用刷检测资质ISQ1088500-201</p>
-										</div>
-										<div class="zhhsiimd">
-											<img src="static/picture/pic_zznl_lt@2x.png" >
-											<p>民用刷检测资质ISQ1088500-201</p>
-										</div>
-										<div class="zhhsiimd">
-											<img src="static/picture/pic_zznl_lt@2x.png" >
-											<p>民用刷检测资质ISQ1088500-201</p>
-										</div>
-										<div class="zhhsiimd">
-											<img src="static/picture/pic_zznl_lt@2x.png" >
-											<p>民用刷检测资质ISQ1088500-201</p>
-										</div>
-										<div class="zhhsiimd">
-											<img src="static/picture/pic_zznl_lt@2x.png" >
-											<p>民用刷检测资质ISQ1088500-201</p>
-										</div>
-										<div class="zhhsiimd">
-											<img src="static/picture/pic_zznl_lt@2x.png" >
-											<p>民用刷检测资质ISQ1088500-201</p>
-										</div>
-										<div class="zhhsiimd">
-											<img src="static/picture/pic_zznl_lt@2x.png" >
-											<p>民用刷检测资质ISQ1088500-201</p>
+		
+							<!-- <script src='static/js/time.js'></script> -->
+							<div class='loca'>
+								<span> 欢迎访问 安徽省刷制品质量监督检验中心 ! 今天{{date_show}} {{week}}</span>
+							</div>
+							<div class='srch'><input type='text' class='tt' placeholder='输入要查找的信息' v-model="inpute"
+									@blur="inpubie" /> <img src='static/picture/icon_ztl_ss@2x.png' @click="nhyesee">
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class='b'>
+					<div class='container'>
+						<div class='logo'>
+							<a href='javascript:void(0)'><img src='static/picture/pic_hp_dh_logo@2x.png' alt='' /></a>
+						</div>
+						<div class='frs fr' v-if="hyew == true">
+							<div class='menu _list'>
+								<ul>
+									<li v-for="item,index in tablide" :key="index"  @mouseover="dheyfr(item.label)">
+										<div :class="[ nue == item.id ? 'on' : '' , 'i' ]">
+											<p @click="tabcl(item.id,item.label)"><a href='javascript:void(0)'>{{item.label}}</a></p>
+											<!-- ulrw -->
+											<div class='ex' >
+												<!-- :class="[inhye]" -->
+												<!-- ulrw -->
+												<p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
+												 @click.stop="jeuese(items.id,items.label)" >{{items.label}}</a></p>
+												<!-- jggk.html -->
+												<!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
+											</div>
 										</div>
-										<div class="zhhsiimd">
-											<img src="static/picture/pic_zznl_lt@2x.png" >
-											<p>民用刷检测资质ISQ1088500-201</p>
+									</li>
+		
+								</ul>
+							</div>
+						</div>
+						<a href='' class='mbtn pc-hide'></a>
+					</div>
+				</div>
+			</header>
+		</div>
+		<div id="app">
+			<main>
+				<div class="u-fullpart">
+					<div class="p_container">
+						<!-- 定位 -->
+						<!-- <div class="pleft">
+							<ul>
+								<li class="pleft_tit">机构概况</li>
+								<li><a href="#" class="act">机构简介</a></li>
+								<li><a href="#">组织架构</a></li>
+							</ul>
+						</div> -->
+			
+						<div class="container ">
+			
+							<div class="u-pagepath">
+								<p>
+									<a href="index.html">首页</a>
+									<i>·</i>
+									<a href="#">检测能力 </a>
+									<i>·</i>
+									<a href="jgjj.html">资质能力</a>
+								</p>
+							</div>
+							<div class="p_box">
+								<div class="p_box_tit cf">
+									<p class="fl p_box_titl">资质能力</p>
+								</div>
+								<div class="pd10 pf_list">
+									<div class="container">
+										<div class="zzhijn">
+											<div class="zhhsiimd" v-for="item,index in newsleisL" :key="index" v-if="hyew">
+												<img :src="item.newsImage == null? 'static/picture/pic_zznl_lt@2x.png' : item.newsImage == undefined ? 'static/picture/pic_jcfw_gys@2x.png' : 'http://192.168.101.11:8090'+ item.newsImage " >
+												<p>{{item.newsTitle == null? '暂无数据' :item.newsTitle }}</p>
+											</div>
+											<div class="zhhsiimd" v-if="!hyew">
+												<img src="static/picture/pic_zznl_lt@2x.png" >
+												<p>民用刷检测资质ISQ1088500-201</p>
+											</div>
+											<div class="zhhsiimd" v-if="!hyew">
+												<img src="static/picture/pic_zznl_lt@2x.png" >
+												<p>民用刷检测资质ISQ1088500-201</p>
+											</div>
+											<div class="zhhsiimd" v-if="!hyew">
+												<img src="static/picture/pic_zznl_lt@2x.png" >
+												<p>民用刷检测资质ISQ1088500-201</p>
+											</div>
+											<div class="zhhsiimd" v-if="!hyew">
+												<img src="static/picture/pic_zznl_lt@2x.png" >
+												<p>民用刷检测资质ISQ1088500-201</p>
+											</div>
+											<div class="zhhsiimd" v-if="!hyew">
+												<img src="static/picture/pic_zznl_lt@2x.png" >
+												<p>民用刷检测资质ISQ1088500-201</p>
+											</div>
+											<div class="zhhsiimd" v-if="!hyew">
+												<img src="static/picture/pic_zznl_lt@2x.png" >
+												<p>民用刷检测资质ISQ1088500-201</p>
+											</div>
+											<div class="zhhsiimd" v-if="!hyew">
+												<img src="static/picture/pic_zznl_lt@2x.png" >
+												<p>民用刷检测资质ISQ1088500-201</p>
+											</div>
+											<div class="zhhsiimd" v-if="!hyew">
+												<img src="static/picture/pic_zznl_lt@2x.png" >
+												<p>民用刷检测资质ISQ1088500-201</p>
+											</div>
+											<div class="zhhsiimd" v-if="!hyew">
+												<img src="static/picture/pic_zznl_lt@2x.png" >
+												<p>民用刷检测资质ISQ1088500-201</p>
+											</div>
 										</div>
 									</div>
-								</div>
-								<div class="p_page">
-									<div class="page act">1</div>
-									<div class="page">2</div>
-									<div class="page">3</div>
-									<div class="page">...</div>
-									<div class="page">下一页</div>
+									<div class="p_page">
+										<div class="page act">1</div>
+										<div class="page">2</div>
+										<div class="page">3</div>
+										<div class="page">...</div>
+										<div class="page">下一页</div>
+									</div>
 								</div>
 							</div>
 						</div>
 					</div>
 				</div>
-			</div>
-		</main>
+			</main>
+		</div>
+		<script src="static/js/header.js" type="text/javascript" charset="utf-8"></script>
+		<script type="text/javascript">
+		var app = new Vue({
+		  el: '#app',
+		  data: {
+		    message: 'Hello Vue!',
+			inpute:'',
+			tablide:[],
+			hyew:false,
+			nue:0,
+			week:'',
+			date_show:'',
+			ulrw:'',
+			mjuede:'',
+			valdes:{pageNum:1,pageSize:10},
+			newsleisL:[],
+			tiles:'',
+			heyseks:''
+		  },
+		  created() {
+		  	console.log(234)
+			// this.getdataTime()
+			// this.gettablist()
+			// Vue.$forceUpdate();
+		  },
+		  mounted() {
+		  	console.log(this.getQueryString("id") == '')
+			let search = location.search;
+			let arrd = search.split("?");
+			console.log(decodeURI(arrd[1]));//学历
+			console.log(decodeURI(this.getQueryString("titel")));//第二层名称
+			console.log(decodeURI(this.getQueryString("ntitel")));//第一层名称
+			this.tiles = decodeURI(this.getQueryString("titel"))
+			this.heyseks = decodeURI(this.getQueryString("ntitel"))
+			if(arrd !== ''){
+				this.valdes.columnId = this.getQueryString("id")
+			}
+			
+			// console.log(this.getQueryString("title"))
+			console.log(this.valdes)
+		  	this.gettablists(this.valdes)
+		  },
+		  methods:{
+			  gettablists(val){
+				  var that = this
+				  $.ajax({
+					  url:'http://192.168.101.243:8090/dev-api/gateway/query/getNewS',
+					  type:'post',
+					  data:val,
+					  dataType:'json',
+					  success:function(res){
+						if(res.code == 200){
+							// res.rows.filter(rou =>{
+							// 	rou.times = rou.createTime.slice(0,10).split('-')[1]
+							// 	console.log(rou.createTime.slice(0,10).split('-')[1])
+							// 	rou.newsTitle = that.hfeys(rou.newsTitle) 
+							// 	rou.newsContent = that.hfeys(rou.newsContent) 
+							// 	console.log(rou.newsTitle)
+							// })
+							if(res.data.length !== 0){
+								that.hyew = true
+							}
+							that.newsleisL = res.data
+							console.log(that.newsleisL,765) 
+							
+						}else{
+							that.$message({
+							          message: res.msg,
+							          type: 'error'
+							        });
+						}
+						console.log(that.tablide,765) 
+					  }
+				  })
+			  },
+			  inpubie(){
+				  console.log(this.inpute)
+			  },
+			  nhyesee(){
+				  console.log(this.inpute)
+				  this.valdes.newsTitle = this.inpute
+				  this.gettablists(this.valdes)
+			  },
+			  tabcl(index,val){
+				  this.nue = index
+				  if(val == 1){
+					this.ulrw = index.html
+				  }else{
+					this.ulrw = 'djdt.html?id=' + val
+				  }
+				  console.log(index,val)
+			  },
+			  jeuese(index){
+				  console.log(index)
+				  if(index == 1){
+				  					this.ulrw = index.html
+				  }else{
+				  					this.ulrw = 'djdt.html?id=' + index
+				  }
+			  },
+			  // 获取路由参数
+			getQueryString(name) {
+			     try {
+			            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+			            var r = window.location.href.split('?')[1].match(reg);
+						console.log(reg,r)
+			            if(r != null) {
+			              return r[2];
+			            }
+			            return "";//如果此处只写return;则返回的是undefined
+			        } catch(e) {
+			            return "";//如果此处只写return;则返回的是undefined
+			        }
+			},
+			hfeys(nju){
+				var that = this
+				if (that.valdes.newsTitle && that.valdes.newsTitle.length > 0) {
+				            // 匹配关键字正则
+				            let replaceReg = new RegExp(that.valdes.newsTitle, 'g');
+				            // 高亮替换v-html值
+				            let replaceString = '<span style="color:#007bff">' + that.valdes.newsTitle + '</span>';
+				            // 开始替换
+				            nju = nju.replace(replaceReg, replaceString);
+				          }
+						  
+						  return  nju
+			},
+			// 跳转详情页面
+			nhueyfr(index){
+				window.location.href="htdt.html?id=" + index +'&titel=' + tiles + '&ntitel=' + this.heyseks  
+			}
+					
+		  }
+		})
+		</script>
 
 		<!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
 		<!-- <script src="./static/js/vendor.js" type="text/javascript"></script>
@@ -118,14 +312,6 @@
 		<script src="static/js/script.js"></script>
 		<script src="static/js/custom.js"></script>
 		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
-		<script>
-			var app = new Vue({
-				el: '#app',
-				data: {
-					message: 'Hello Vue!'
-				}
-			})
-		</script>
 	</body>
 	<script>
 		$(document).ready(function() {