zzhnl.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equv="X-UA-Compatible" content="IE=edge" />
  6. <!-- <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
  7. <meta name="format-detection" content="telephone=no" />
  8. <title>安徽省刷制品质量监督检验中心</title>
  9. <meta name="keywords" content="安徽省刷制品质量监督检验中心">
  10. <meta name="description" content="安徽省刷制品质量监督检验中心">
  11. <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
  12. <script type="text/javascript" src="static/js/vue-router.js"></script>
  13. <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  14. <script type="text/javascript" src="./static/js/jquery.min.js"></script>
  15. <script type="text/javascript" src="./static/js/custom.js"></script>
  16. <link href="./static/css/vendor.css" rel="stylesheet" />
  17. <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  18. <link href="./static/css/style.css" rel="stylesheet" />
  19. <link href="./static/css/custom.css" rel="stylesheet" />
  20. <link rel="stylesheet" type="text/css" href="static/css/index.css"/>
  21. <link href="./static/css/printstyle.css" rel="stylesheet" />
  22. <link rel="stylesheet" type="text/css" href="static/css/jg.css" />
  23. <style>
  24. body,
  25. html {
  26. /* min-width: 1584px;
  27. overflow: auto; */
  28. }
  29. </style>
  30. </head>
  31. <body class="pcs" style="display: none;">
  32. <div id="appse">
  33. <header>
  34. <div class='a'>
  35. <div class='container'>
  36. <div class='tool'>
  37. <div class='fr'>
  38. <a href='' target='_blank'></a>
  39. </div>
  40. <!-- <script src='static/js/time.js'></script> -->
  41. <div class='loca'>
  42. <span> 欢迎访问 安徽省刷制品质量监督检验中心 ! 今天{{date_show}} {{week}}</span>
  43. </div>
  44. <div class='srch'><input type='text' class='tt' placeholder='输入要查找的信息' v-model="inpute"
  45. @blur="inpubie" /> <img src='static/picture/icon_ztl_ss@2x.png' @click="nhyesee">
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. <div class='b'>
  51. <div class='container'>
  52. <div class='logo'>
  53. <a href='javascript:void(0)'><img src='static/picture/pic_hp_dh_logo@2x.png' alt='' /></a>
  54. </div>
  55. <div class='frs fr' v-if="hyew == true">
  56. <div class='menu _list'>
  57. <ul>
  58. <li v-for="item,index in tablide" :key="index" @mouseover="dheyfr(item.label)">
  59. <div :class="[ nue == item.id ? 'on' : '' , 'i' ]">
  60. <p @click="tabcl(item.id,item.label)"><a href='javascript:void(0)'>{{item.label}}</a></p>
  61. <!-- ulrw -->
  62. <div class='ex' >
  63. <!-- :class="[inhye]" -->
  64. <!-- ulrw -->
  65. <p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
  66. @click.stop="jeuese(items.id,items.label)" >{{items.label}}</a></p>
  67. <!-- jggk.html -->
  68. <!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
  69. </div>
  70. </div>
  71. </li>
  72. </ul>
  73. </div>
  74. </div>
  75. <a href='' class='mbtn pc-hide'></a>
  76. </div>
  77. </div>
  78. </header>
  79. </div>
  80. <div id="app">
  81. <main>
  82. <div class="u-fullpart">
  83. <div class="p_container">
  84. <!-- 定位 -->
  85. <!-- <div class="pleft">
  86. <ul>
  87. <li class="pleft_tit">机构概况</li>
  88. <li><a href="#" class="act">机构简介</a></li>
  89. <li><a href="#">组织架构</a></li>
  90. </ul>
  91. </div> -->
  92. <div class="container ">
  93. <div class="u-pagepath">
  94. <p>
  95. <a href="index.html">首页</a>
  96. <i>·</i>
  97. <a href="#">检测能力 </a>
  98. <i>·</i>
  99. <a href="jgjj.html">资质能力</a>
  100. </p>
  101. </div>
  102. <div class="p_box">
  103. <div class="p_box_tit cf">
  104. <p class="fl p_box_titl">资质能力</p>
  105. </div>
  106. <div class="pd10 pf_list">
  107. <div class="container">
  108. <div class="zzhijn">
  109. <div class="zhhsiimd" v-for="item,index in newsleisL" :key="index" v-if="hyew">
  110. <img :src="item.newsImage == null? 'static/picture/pic_zznl_lt@2x.png' : item.newsImage == undefined ? 'static/picture/pic_jcfw_gys@2x.png' : 'http://118.31.23.65:5001'+ item.newsImage " >
  111. <p>{{item.newsTitle == null? '暂无数据' :item.newsTitle }}</p>
  112. </div>
  113. <div class="zhhsiimd" v-if="!hyew">
  114. <img src="static/picture/pic_zznl_lt@2x.png" >
  115. <p>民用刷检测资质ISQ1088500-201</p>
  116. </div>
  117. <div class="zhhsiimd" v-if="!hyew">
  118. <img src="static/picture/pic_zznl_lt@2x.png" >
  119. <p>民用刷检测资质ISQ1088500-201</p>
  120. </div>
  121. <div class="zhhsiimd" v-if="!hyew">
  122. <img src="static/picture/pic_zznl_lt@2x.png" >
  123. <p>民用刷检测资质ISQ1088500-201</p>
  124. </div>
  125. <div class="zhhsiimd" v-if="!hyew">
  126. <img src="static/picture/pic_zznl_lt@2x.png" >
  127. <p>民用刷检测资质ISQ1088500-201</p>
  128. </div>
  129. <div class="zhhsiimd" v-if="!hyew">
  130. <img src="static/picture/pic_zznl_lt@2x.png" >
  131. <p>民用刷检测资质ISQ1088500-201</p>
  132. </div>
  133. <div class="zhhsiimd" v-if="!hyew">
  134. <img src="static/picture/pic_zznl_lt@2x.png" >
  135. <p>民用刷检测资质ISQ1088500-201</p>
  136. </div>
  137. <div class="zhhsiimd" v-if="!hyew">
  138. <img src="static/picture/pic_zznl_lt@2x.png" >
  139. <p>民用刷检测资质ISQ1088500-201</p>
  140. </div>
  141. <div class="zhhsiimd" v-if="!hyew">
  142. <img src="static/picture/pic_zznl_lt@2x.png" >
  143. <p>民用刷检测资质ISQ1088500-201</p>
  144. </div>
  145. <div class="zhhsiimd" v-if="!hyew">
  146. <img src="static/picture/pic_zznl_lt@2x.png" >
  147. <p>民用刷检测资质ISQ1088500-201</p>
  148. </div>
  149. </div>
  150. </div>
  151. <div class="p_page">
  152. <div class="page act">1</div>
  153. <div class="page">2</div>
  154. <div class="page">3</div>
  155. <div class="page">...</div>
  156. <div class="page">下一页</div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </main>
  164. </div>
  165. <script src="static/js/header.js" type="text/javascript" charset="utf-8"></script>
  166. <script type="text/javascript">
  167. var app = new Vue({
  168. el: '#app',
  169. data: {
  170. message: 'Hello Vue!',
  171. inpute:'',
  172. tablide:[],
  173. hyew:false,
  174. nue:0,
  175. week:'',
  176. date_show:'',
  177. ulrw:'',
  178. mjuede:'',
  179. valdes:{pageNum:1,pageSize:10},
  180. newsleisL:[],
  181. tiles:'',
  182. heyseks:''
  183. },
  184. created() {
  185. console.log(234)
  186. // this.getdataTime()
  187. // this.gettablist()
  188. // Vue.$forceUpdate();
  189. },
  190. mounted() {
  191. console.log(this.getQueryString("id") == '')
  192. let search = location.search;
  193. let arrd = search.split("?");
  194. console.log(decodeURI(arrd[1]));//学历
  195. console.log(decodeURI(this.getQueryString("titel")));//第二层名称
  196. console.log(decodeURI(this.getQueryString("ntitel")));//第一层名称
  197. this.tiles = decodeURI(this.getQueryString("titel"))
  198. this.heyseks = decodeURI(this.getQueryString("ntitel"))
  199. if(arrd !== ''){
  200. this.valdes.columnId = this.getQueryString("id")
  201. }
  202. // console.log(this.getQueryString("title"))
  203. console.log(this.valdes)
  204. this.gettablists(this.valdes)
  205. },
  206. methods:{
  207. gettablists(val){
  208. var that = this
  209. $.ajax({
  210. url:'http://118.31.23.65:5001/dev-api/gateway/query/getNewS',
  211. type:'post',
  212. data:val,
  213. dataType:'json',
  214. success:function(res){
  215. if(res.code == 200){
  216. // res.rows.filter(rou =>{
  217. // rou.times = rou.createTime.slice(0,10).split('-')[1]
  218. // console.log(rou.createTime.slice(0,10).split('-')[1])
  219. // rou.newsTitle = that.hfeys(rou.newsTitle)
  220. // rou.newsContent = that.hfeys(rou.newsContent)
  221. // console.log(rou.newsTitle)
  222. // })
  223. if(res.data.length !== 0){
  224. that.hyew = true
  225. }
  226. that.newsleisL = res.data
  227. console.log(that.newsleisL,765)
  228. }else{
  229. that.$message({
  230. message: res.msg,
  231. type: 'error'
  232. });
  233. }
  234. console.log(that.tablide,765)
  235. }
  236. })
  237. },
  238. inpubie(){
  239. console.log(this.inpute)
  240. },
  241. nhyesee(){
  242. console.log(this.inpute)
  243. this.valdes.newsTitle = this.inpute
  244. this.gettablists(this.valdes)
  245. },
  246. tabcl(index,val){
  247. this.nue = index
  248. if(val == 1){
  249. this.ulrw = index.html
  250. }else{
  251. this.ulrw = 'djdt.html?id=' + val
  252. }
  253. console.log(index,val)
  254. },
  255. jeuese(index){
  256. console.log(index)
  257. if(index == 1){
  258. this.ulrw = index.html
  259. }else{
  260. this.ulrw = 'djdt.html?id=' + index
  261. }
  262. },
  263. // 获取路由参数
  264. getQueryString(name) {
  265. try {
  266. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  267. var r = window.location.href.split('?')[1].match(reg);
  268. console.log(reg,r)
  269. if(r != null) {
  270. return r[2];
  271. }
  272. return "";//如果此处只写return;则返回的是undefined
  273. } catch(e) {
  274. return "";//如果此处只写return;则返回的是undefined
  275. }
  276. },
  277. hfeys(nju){
  278. var that = this
  279. if (that.valdes.newsTitle && that.valdes.newsTitle.length > 0) {
  280. // 匹配关键字正则
  281. let replaceReg = new RegExp(that.valdes.newsTitle, 'g');
  282. // 高亮替换v-html值
  283. let replaceString = '<span style="color:#007bff">' + that.valdes.newsTitle + '</span>';
  284. // 开始替换
  285. nju = nju.replace(replaceReg, replaceString);
  286. }
  287. return nju
  288. },
  289. // 跳转详情页面
  290. nhueyfr(index){
  291. window.location.href="htdt.html?id=" + index +'&titel=' + tiles + '&ntitel=' + this.heyseks
  292. }
  293. }
  294. })
  295. </script>
  296. <!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
  297. <!-- <script src="./static/js/vendor.js" type="text/javascript"></script>
  298. <script src="./static/js/script.js" type="text/javascript"></script>
  299. <script src="./static/js/custom.js" type="text/javascript"></script>
  300. <script></script> -->
  301. <script src="static/js/footer.js" type="text/javascript" charset="utf-8"></script>
  302. <script src="http://www.qsqrkg.com/vendor/vendor.js"></script>
  303. <script src="static/js/script.js"></script>
  304. <script src="static/js/custom.js"></script>
  305. <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
  306. </body>
  307. <script>
  308. $(document).ready(function() {
  309. $(".pleft a").click(function() {
  310. $(this).addClass('act')
  311. $(this).parent().siblings().find('a').removeClass('act')
  312. })
  313. });
  314. </script>
  315. </html>