jcfanw.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  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/jquery.min.js"></script>
  12. <script type="text/javascript" src="./static/js/custom.js"></script>
  13. <script type="text/javascript" src="./static/js/vue.js"></script>
  14. <script type="text/javascript" src="static/js/vue-router.js"></script>
  15. <script type="text/javascript" src="./static/js/index.js"></script>
  16. <link rel="stylesheet" href="static/css/theme-chalk/index.css">
  17. <link href="./static/css/vendor.css" rel="stylesheet" />
  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.label ? '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)" >{{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="appde">
  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="jcses" v-for="item,index in imalise" :key="item.newsId">
  109. <p>{{item.newsTitle == null ? '暂无数据' : item.newsTitle}}</p>
  110. <!-- <div class="jgl tyu">
  111. <div style="padding: 50px 100px; font-size: 18px;line-height: 32px;" class="po" v-html="item.newsContent == null? '暂无数据' : item.newsContent "></div>
  112. </div> -->
  113. <p class="dehy" v-html="item.newsContent == null? '暂无数据' : item.newsContent">
  114. </p>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </main>
  123. </div>
  124. <script src="static/js/header.js" type="text/javascript" charset="utf-8"></script>
  125. <script>
  126. var app = new Vue({
  127. el: '#appde',
  128. data: {
  129. message: 'Hello Vue!',
  130. heyd:0,
  131. imalise:[]
  132. },
  133. created() {
  134. },
  135. mounted() {
  136. this.heyd = this.getQueryString("id")
  137. this.gettablist()
  138. },
  139. methods:{
  140. // 获取数据
  141. gettablist() {
  142. var that = this
  143. let typi = {columnId:that.heyd}
  144. // that.tyer.type = 0
  145. $.ajax({
  146. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNewS',
  147. type: 'post',
  148. data: typi,
  149. dataType: 'json',
  150. success: function(res) {
  151. if (res.code == 200) {
  152. that.imalise = res.rows
  153. } else {
  154. that.$message({
  155. message: res.msg,
  156. type: 'error'
  157. });
  158. }
  159. }
  160. })
  161. },
  162. // 获取路由参数
  163. getQueryString(name) {
  164. try {
  165. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  166. var r = window.location.href.split('?')[1].match(reg);
  167. if(r != null) {
  168. return r[2];
  169. }
  170. return "";//如果此处只写return;则返回的是undefined
  171. } catch(e) {
  172. return "";//如果此处只写return;则返回的是undefined
  173. }
  174. },
  175. }
  176. })
  177. </script>
  178. <!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
  179. <!-- <script src="./static/js/vendor.js" type="text/javascript"></script>
  180. <script src="./static/js/script.js" type="text/javascript"></script>
  181. <script src="./static/js/custom.js" type="text/javascript"></script>
  182. <script></script> -->
  183. <script src="static/js/footer.js" type="text/javascript" charset="utf-8"></script>
  184. <script src="./vendor/vendor.js"></script>
  185. <script src="static/js/script.js"></script>
  186. <script src="static/js/custom.js"></script>
  187. </body>
  188. <script>
  189. $(document).ready(function() {
  190. $(".pleft a").click(function() {
  191. $(this).addClass('act')
  192. $(this).parent().siblings().find('a').removeClass('act')
  193. })
  194. });
  195. </script>
  196. <style type="text/css">
  197. .dehy p img{
  198. margin-top: 20px;
  199. margin-bottom: 20px;
  200. max-width: 100%;
  201. display: block;
  202. /* height: ; */
  203. }
  204. .jcses .dehy p {
  205. font-size: 16px;
  206. font-weight: 400;
  207. line-height: 24px;
  208. color: #343434;
  209. }
  210. </style>
  211. </html>