zzhnl.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319
  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 type="text/javascript" src="./static/js/vue.js"></script>
  12. <script type="text/javascript" src="static/js/vue-router.js"></script>
  13. <script type="text/javascript" src="./static/js/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="static/css/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' : 'https://jyzx.qs163.cn'+ 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. // this.getdataTime()
  186. // this.gettablist()
  187. // Vue.$forceUpdate();
  188. },
  189. mounted() {
  190. let search = location.search;
  191. let arrd = search.split("?");
  192. this.tiles = decodeURI(this.getQueryString("titel"))
  193. this.heyseks = decodeURI(this.getQueryString("ntitel"))
  194. if(arrd !== ''){
  195. this.valdes.columnId = this.getQueryString("id")
  196. }
  197. // console.log(this.getQueryString("title"))
  198. this.gettablists(this.valdes)
  199. },
  200. methods:{
  201. gettablists(val){
  202. var that = this
  203. $.ajax({
  204. url:'https://jyzx.qs163.cn/prod-api/gateway/query/getNewS',
  205. type:'post',
  206. data:val,
  207. dataType:'json',
  208. success:function(res){
  209. if(res.code == 200){
  210. // res.rows.filter(rou =>{
  211. // rou.times = rou.createTime.slice(0,10).split('-')[1]
  212. // console.log(rou.createTime.slice(0,10).split('-')[1])
  213. // rou.newsTitle = that.hfeys(rou.newsTitle)
  214. // rou.newsContent = that.hfeys(rou.newsContent)
  215. // console.log(rou.newsTitle)
  216. // })
  217. if(res.data.length !== 0){
  218. that.hyew = true
  219. }
  220. that.newsleisL = res.data
  221. }else{
  222. that.$message({
  223. message: res.msg,
  224. type: 'error'
  225. });
  226. }
  227. }
  228. })
  229. },
  230. inpubie(){
  231. },
  232. nhyesee(){
  233. this.valdes.newsTitle = this.inpute
  234. this.gettablists(this.valdes)
  235. },
  236. tabcl(index,val){
  237. this.nue = index
  238. if(val == 1){
  239. this.ulrw = index.html
  240. }else{
  241. this.ulrw = 'djdt.html?id=' + val
  242. }
  243. },
  244. jeuese(index){
  245. if(index == 1){
  246. this.ulrw = index.html
  247. }else{
  248. this.ulrw = 'djdt.html?id=' + index
  249. }
  250. },
  251. // 获取路由参数
  252. getQueryString(name) {
  253. try {
  254. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  255. var r = window.location.href.split('?')[1].match(reg);
  256. if(r != null) {
  257. return r[2];
  258. }
  259. return "";//如果此处只写return;则返回的是undefined
  260. } catch(e) {
  261. return "";//如果此处只写return;则返回的是undefined
  262. }
  263. },
  264. hfeys(nju){
  265. var that = this
  266. if (that.valdes.newsTitle && that.valdes.newsTitle.length > 0) {
  267. // 匹配关键字正则
  268. let replaceReg = new RegExp(that.valdes.newsTitle, 'g');
  269. // 高亮替换v-html值
  270. let replaceString = '<span style="color:#007bff">' + that.valdes.newsTitle + '</span>';
  271. // 开始替换
  272. nju = nju.replace(replaceReg, replaceString);
  273. }
  274. return nju
  275. },
  276. // 跳转详情页面
  277. nhueyfr(index){
  278. window.location.href="htdt.html?id=" + index +'&titel=' + tiles + '&ntitel=' + this.heyseks
  279. }
  280. }
  281. })
  282. </script>
  283. <!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
  284. <!-- <script src="./static/js/vendor.js" type="text/javascript"></script>
  285. <script src="./static/js/script.js" type="text/javascript"></script>
  286. <script src="./static/js/custom.js" type="text/javascript"></script>
  287. <script></script> -->
  288. <script src="static/js/footer.js" type="text/javascript" charset="utf-8"></script>
  289. <script src="./vendor/vendor.js"></script>
  290. <script src="static/js/script.js"></script>
  291. <script src="static/js/custom.js"></script>
  292. </body>
  293. <script>
  294. $(document).ready(function() {
  295. $(".pleft a").click(function() {
  296. $(this).addClass('act')
  297. $(this).parent().siblings().find('a').removeClass('act')
  298. })
  299. });
  300. </script>
  301. </html>