index.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748
  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 href="static/css/index.css" rel="stylesheet" />
  21. <style></style>
  22. </head>
  23. <body class="pcs" style="display: none;">
  24. <!-------------------------------------- HEADER-START -------------------------------------->
  25. <!-------------------------------------- HEADER-ENDED -------------------------------------->
  26. <!-------------------------------------- MAINER-START -------------------------------------->
  27. <!-- <router-link class="gs-link" to="/header.html">我的订单</router-link> -->
  28. <div id="appse">
  29. <header>
  30. <div class='a'>
  31. <div class='container'>
  32. <div class='tool'>
  33. <div class='fr'>
  34. <a href='' target='_blank'></a>
  35. </div>
  36. <!-- <script src='static/js/time.js'></script> -->
  37. <div class='loca'>
  38. <span> 欢迎访问 刷制品质量监督检验中心 ! 今天{{date_show}} {{week}}</span>
  39. </div>
  40. <div class='srch'><input type='text' class='tt' placeholder='输入要查找的信息' v-model="inpute"
  41. @blur="inpubie" /> <img src='static/picture/icon_ztl_ss@2x.png' @click="nhyesee">
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. <div class='b'>
  47. <div class='container'>
  48. <div class='logo'>
  49. <a href='javascript:void(0)'><img src='static/picture/pic_hp_dh_logo@2x.png' alt='' /></a>
  50. </div>
  51. <div class='frs fr' v-if="hyew == true">
  52. <div class='menu _list'>
  53. <ul>
  54. <li v-for="item,index in tablide" :key="index" @mouseover="dheyfr(item.label)">
  55. <div :class="[ nue == item.label ? 'on' : '' , 'i' ]">
  56. <p @click="tabcl(item.id,item.label)"><a href='javascript:void(0)'>{{item.label}}</a></p>
  57. <!-- ulrw -->
  58. <div class='ex' >
  59. <!-- :class="[inhye]" -->
  60. <!-- ulrw -->
  61. <p > <a href='javascript:void(0)' v-for="(items,indexs) in item.children" :key="items.id"
  62. @click.stop="jeuese(items)" >{{items.label}}</a></p>
  63. <!-- jggk.html -->
  64. <!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
  65. </div>
  66. </div>
  67. </li>
  68. </ul>
  69. </div>
  70. </div>
  71. <a href='' class='mbtn pc-hide'></a>
  72. </div>
  73. </div>
  74. </header>
  75. </div>
  76. <div id="app">
  77. <main>
  78. <div class="u-fullpart nopd">
  79. <div class="container full">
  80. <div class="u-banner">
  81. <el-carousel trigger="click" class="nhyeowe">
  82. <el-carousel-item v-for="item,index in imalise" :key="item.imageId">
  83. <img style="width: 100%; height: 100%;"
  84. :src="'https://jyzx.qs163.cn' + '/prod-api'+ item.imageContent" alt="">
  85. </el-carousel-item>
  86. </el-carousel>
  87. </div>
  88. <div class="u-notice">
  89. <div class="container">
  90. <div class="noti">
  91. <label for="">公示公告:</label>
  92. <div class="ct">
  93. <div class="scroll">
  94. <ul class="nhdyey">
  95. <li v-for="item,index in gegao" :key="item.noticeId"><a :href="'hydt.html?id=' + item.noticeId">{{item.noticeTitle}}</a></li>
  96. </ul>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <!-- <div class="ht10"></div> -->
  103. </div>
  104. </div>
  105. <div class="u-fullpart">
  106. <div class="container">
  107. <div class="tout">
  108. <div class="tout_one">
  109. <img src="static/picture/ewm.png" alt="">
  110. </div>
  111. <div class="tout_two" >
  112. <p @click="nhyeskf(ttjues[0])">{{ ttjues.length == 0 ? '暂无数据' : ttjues[0].newsTitle}}</p>
  113. <p> <span @click="nhyeskf(ttjues[1])">{{ ttjues.length == 2? ttjues[1].newsTitle : ttjues.length > 2? ttjues[1].newsTitle :'暂无数据'}}</span> | <span @click="nhyeskf(ttjues[2])">{{ ttjues.length == 3? ttjues[2].newsTitle : ttjues.length > 3? ttjues[2].newsTitle :'暂无数据'}}</span> </p>
  114. </div>
  115. </div>
  116. </div>
  117. <div class="u-homenews _list s3 sk">
  118. <ul class="home_activ">
  119. <li>
  120. <el-carousel trigger="click" height="410px" class="hdyelaie" :autoplay ="true" indicator-position="none" v-if='imalisesmli.length'>
  121. <el-carousel-item v-for="item,index in imalisesmli" :key="item.newsId" >
  122. <a :href="item.reprintUrl?item.reprintUrl:'jgjj.html?id=' + item.newsId + '&titel=' + item.newsTitle">
  123. <img style="width: 100%; height: 100%;"
  124. :src="item.newsImage?'https://jyzx.qs163.cn' + '/prod-api' + item.newsImage:'https://jyzx.qs163.cn/prod-api/profile/upload/2022/01/21/caa82e76-5dc8-4dd8-a903-e4fa6a438eb8.png'" alt="" v-if="item.jeuhse == false">
  125. </a>
  126. <div style="height: 100%; width: 100%; position: relative;" v-if="item.jeuhse == true" >
  127. <video style="height: 100%; width: 100%;" ref='video' :src="'https://jyzx.qs163.cn'+ '/prod-api' + item.newsImage" controls>
  128. 您的浏览器不支持 video元素。
  129. </video>
  130. </div>
  131. <p style="color: #fff; font-size: 14px; padding-left: 20px; position: relative;bottom:30px; background-color: #000000; opacity: .5; height: 30px; line-height: 30px;">{{item.newsTitle}}</p>
  132. </el-carousel-item>
  133. </el-carousel>
  134. <el-carousel trigger="click" height="410px" class="hdyelaie" :autoplay ="true" indicator-position="none" v-else>
  135. <el-carousel-item >
  136. <img style="width: 100%; height: 100%;" src="https://jyzx.qs163.cn/prod-api/profile/upload/2022/01/21/caa82e76-5dc8-4dd8-a903-e4fa6a438eb8.png" >
  137. <p style="color: #fff; font-size: 14px; padding-left: 20px; position: relative;bottom:30px; background-color: #000000; opacity: .5; height: 30px; line-height: 30px;"></p>
  138. </el-carousel-item>
  139. </el-carousel>
  140. </li>
  141. <li>
  142. <div class="u-partview">
  143. <div class="hd">
  144. <p>
  145. <span class="fr"><a :href="'djdt.html?id=' + newaNuber + '&titel=' + dheyw" target="_blank">更多>></a></span>
  146. <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>
  147. <!-- <label for="" class="bhue" style="margin-right: 25px;">通知公告</label>
  148. <label for="" class="bhue">行业动态</label> -->
  149. </p>
  150. </div>
  151. <div class="ct">
  152. <div class="ht10"></div>
  153. <div class="u-newslist">
  154. <ul>
  155. <li v-for="item,index in newsxq" :key="index +'' + 'l'">
  156. <p class="cf">
  157. <span class="fr"><small>{{item.createTime}}</small></span>
  158. <a :href="item.reprintUrl?item.reprintUrl:'jgjj.html?id=' + item.newsId + '&titel=' + dheyw">{{item.newsTitle}}
  159. </a>
  160. </p>
  161. </li>
  162. </ul>
  163. </div>
  164. </div>
  165. </div>
  166. </li>
  167. </ul>
  168. </div>
  169. <div class="ht20"></div>
  170. <div class="u-homenews _list s3">
  171. <ul class="home_activ">
  172. <li v-for="item,index in indextitlwboo" :key="item.columnId" style="height: 400px;">
  173. <div class="u-partview">
  174. <div class="hd">
  175. <p>
  176. <span class="fr"><a :href="'djdt.html?id=' + item.columnId + '&titel=' + item.columnName" target="_blank">更多>></a></span>
  177. <label for="" >{{item.columnName}} </label>
  178. </p>
  179. </div>
  180. <div class="ct">
  181. <div class="ht10"></div>
  182. <div class="u-newslist">
  183. <ul>
  184. <li v-for="items,index in item.columnNewsList" :key="items.newsId" >
  185. <p class="cf">
  186. <span class="fr"><small>{{items.createTime}}</small></span>
  187. <a :href="item.reprintUrl?item.reprintUrl:'jgjj.html?id=' + items.newsId + '&titel=' + item.columnName" >{{items.newsTitle}}</a>
  188. </p>
  189. </li>
  190. </ul>
  191. </div>
  192. </div>
  193. </div>
  194. </li>
  195. </ul>
  196. </div>
  197. <div>
  198. <div class="container">
  199. <div class="wagnshi">
  200. <div class="wagnshi_one">
  201. <img src="static/picture/pic_bsfw_wssj@2x.png" @click="bheus(0)">
  202. </div>
  203. <div class="wagnshi_two wagnshi_one">
  204. <img src="static/picture/pic_bsfw_sjlc@2x.png" @click="bheus(1)">
  205. </div>
  206. <div class="wagnshi_ther wagnshi_one">
  207. <img src="static/picture/pic_bsfw_bgcx@2x.png" @click="bheus(2)">
  208. </div>
  209. <div class="wagnshi_four wagnshi_one">
  210. <img src="static/picture/pic_bsfw_lxwm@2x.png" @click="bheus(3)">
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="bottomfrs">
  216. <div class="container">
  217. <div class="bote">
  218. <p>检测范围</p>
  219. <img src="static/picture/pic_hp_jcfw_bt@2x.png" alt="">
  220. </div>
  221. <div class="bote_one">
  222. <div class="shoutoa" v-for="item,index in dueus" :key="index + '' +'j'" v-if="boofa">
  223. <img :src="item.newsImage == null? 'static/picture/pic_jcfw_gys@2x.png' : item.newsImage == undefined ? 'static/picture/pic_jcfw_gys@2x.png' : 'https://jyzx.qs163.cn' + '/prod-api'+ item.newsImage " alt="">
  224. <span style="width:100%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align: center;">{{item.newsTitle == null? '暂无数据' :item.newsTitle }}</span>
  225. <p style="height: 48px;">{{item.newsContent == null? '暂无数据' : item.newsContent}}</p>
  226. <p class="ol" @click="gentg(item.newsId,item)">查看详情</p>
  227. </div>
  228. <!-- <div class="shoutoa" v-if="!boofa">
  229. <img src="static/picture/pic_jcfw_gys@2x.png" alt="">
  230. <span>工业刷</span>
  231. <p style="height: 48px;">环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字...</p>
  232. <p class="ol">查看详情</p>
  233. </div>
  234. <div class="shoutoa" v-if="!boofa">
  235. <img src="static/picture/pic_jcfw_mys@2x.png" alt="">
  236. <span>民用刷</span>
  237. <p style="height: 48px;">环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字...</p>
  238. <p class="ol">查看详情</p>
  239. </div>
  240. <div class="shoutoa" v-if="!boofa">
  241. <img src="static/picture/pic_jcfw_wws@2x.png" alt="">
  242. <span>文玩刷</span>
  243. <p style="height: 48px;">环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字...</p>
  244. <p class="ol">查看详情</p>
  245. </div> -->
  246. <div class="shoutoa njue" >
  247. <img src="static/picture/pic_jcfw_more@2x.png" alt="">
  248. <span>更多</span>
  249. <p style="height: 48px;">更多内容请点击查看详情</p>
  250. <p class="ol" @click="gentgs(jiance.columnId)">查看详情</p>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. <div class="ht15"></div>
  256. </div>
  257. <!-- 小程序二维码 -->
  258. <div class="btm">
  259. <div class="upd">
  260. <div class="db">
  261. <a href="#top"><img src="static/picture/db.png" alt="顶部"></a>
  262. </div>
  263. </div>
  264. <div class="wxbox">
  265. <img src="static/images/wxcode.jpg" class="wximgx"/>
  266. <img src="static/images/wxcode.jpg" class="wximg"/>
  267. </div>
  268. <!-- <hr class="bjx">
  269. <div class="dowe">
  270. <div class="ewm"><img src="static/picture/tb.png" alt="二维码">
  271. <span class="xs">
  272. <b>企业微信</b>
  273. <div class="da"><img src="static/picture/ewm.png" alt="">
  274. </span>
  275. </div>
  276. </div>
  277. </div> -->
  278. </div>
  279. <div class="biejus">
  280. <div class="container">
  281. <img src="static/picture/pic_hp_yqlj_bg@2x.png" alt="">
  282. <p>
  283. <span class="spju">合作伙伴 | 友情链接</span>
  284. <span v-for="item,index in bootewfr" :key="item.linkId"><a :href="item.linkSpace" target="_blank">{{item.linkName}}</a> </span>
  285. <!-- bootewfr -->
  286. </p>
  287. </div>
  288. </div>
  289. <!-- <div class="nhy">
  290. </div> -->
  291. </main>
  292. </div>
  293. </div>
  294. <script type="text/javascript" src="static/js/header.js"></script>
  295. <script type="text/javascript">
  296. var app = new Vue({
  297. el: '#app',
  298. data: {
  299. message: 'Hello Vue!',
  300. inpute: '',
  301. tablide: [],
  302. hyew: false,
  303. nue: "首页",
  304. week: '',
  305. date_show: '',
  306. ulrw: '',
  307. mjuede: '',
  308. tyer: {
  309. type: 0
  310. },
  311. imalise: [],
  312. imalisesmli:[],
  313. jeuhse:false,
  314. gegao:[],
  315. indextitlw:[],
  316. indextitlwboo:[],
  317. newaNuber:0,
  318. newsxq:[],
  319. newsxqde:[],
  320. bootewfr:[],
  321. jiance:{},
  322. boofa:false,
  323. dueus:[],
  324. dheyw:'',
  325. ttjues:[],
  326. nhyeis:'',
  327. wsh:{},
  328. sjlc:{},
  329. baogao:{},
  330. lxis:{}
  331. },
  332. created() {
  333. this.gettablist()
  334. this.smillimg() //小图轮播
  335. this.goese()//通知公告
  336. this.newsli() //新闻标题
  337. this.boonews()//底部导航
  338. this.frihde()//友情链接
  339. this.newslieutt()//头条
  340. this.gettablistde()
  341. },
  342. mounted() {
  343. // console.log(this.getQueryString("id"))
  344. },
  345. methods: {
  346. gettablistde(){
  347. var that = this
  348. $.ajax({
  349. url:'https://jyzx.qs163.cn/prod-api/gateway/query/treeselect',
  350. type:'get',
  351. data:'',
  352. dataType:'json',
  353. success:function(res){
  354. if(res.code == 200){
  355. res.data.filter( router=> {
  356. if(router.children !== undefined){
  357. if(router.children.length !== 0){
  358. router.children.filter(rou =>{
  359. if(rou.label == '网上送检'){
  360. that.wsh = rou
  361. }
  362. if(rou.label == '送检流程'){
  363. that.sjlc = rou
  364. }
  365. if(rou.label == '报告查询'){
  366. that.baogao = rou
  367. }
  368. if(rou.label == '联系我们'){
  369. that.lxis = rou
  370. }
  371. })
  372. }
  373. }
  374. })
  375. console.log(that.wsh,that.sjlc,that.baogao,that.lxis)
  376. }else{
  377. that.$message({
  378. message: res.msg,
  379. type: 'error'
  380. });
  381. }
  382. // console.log(that.tablide,765)
  383. }
  384. })
  385. },
  386. // 大图轮播图
  387. gettablist() {
  388. var that = this
  389. that.tyer.type = 0
  390. $.ajax({
  391. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getRotationChart',
  392. type: 'post',
  393. data: that.tyer,
  394. dataType: 'json',
  395. success: function(res) {
  396. if (res.code == 200) {
  397. that.imalise = res.data
  398. } else {
  399. that.$message({
  400. message: res.msg,
  401. type: 'error'
  402. });
  403. }
  404. }
  405. })
  406. },
  407. // 小图轮播
  408. smillimg() {
  409. var that = this
  410. that.tyer.type = 1
  411. $.ajax({
  412. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getRotation',
  413. type: 'post',
  414. data: that.tyer,
  415. dataType: 'json',
  416. success: function(res) {
  417. if (res.code == 200) {
  418. that.imalisesmli = res.data
  419. that.imalisesmli.filter(route =>{
  420. var hyeowc = route.newsImage
  421. var indexde = route.newsImage.lastIndexOf("\.");
  422. hyeowc=hyeowc.substring(indexde+1,hyeowc.length);
  423. if(hyeowc == "mp3" || hyeowc == "mp4"){
  424. route.jeuhse = true //视频
  425. }else{
  426. route.jeuhse = false //图片
  427. }
  428. })
  429. that.imalisesmli = that.imalisesmli
  430. } else {
  431. that.$message({
  432. message: res.msg,
  433. type: 'error'
  434. });
  435. }
  436. }
  437. })
  438. },
  439. // 公示公告
  440. goese(){
  441. var that = this
  442. let hyet = {pageNum:1,pageSize:10}
  443. $.ajax({
  444. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNotice',
  445. type: 'post',
  446. data: hyet,
  447. dataType: 'json',
  448. success: function(res) {
  449. if (res.code == 200) {
  450. that.gegao = res.data
  451. } else {
  452. that.$message({
  453. message: res.msg,
  454. type: 'error'
  455. });
  456. }
  457. }
  458. })
  459. },
  460. // 新闻标题
  461. newsli(){
  462. var that = this
  463. let hes = {isTitle:'Y',pageSize:10,pageNum:1}
  464. $.ajax({
  465. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/titleList',
  466. type: 'get',
  467. data: hes,
  468. dataType: 'json',
  469. success: function(res) {
  470. if (res.code == 200) {
  471. // indextitlw
  472. res.data.filter(rout =>{
  473. if(that.indextitlw.length >= 3){
  474. // console.log(that.indextitlw.length)
  475. that.indextitlwboo.push(rout)
  476. // that.newslieutr(rout.columnId)
  477. }else{
  478. that.indextitlw.push(rout)
  479. that.dheyw = that.indextitlw[0].columnName
  480. that.newaNuber = that.indextitlw[0].columnId
  481. that.newslieu(that.newaNuber)//新闻列表
  482. }
  483. })
  484. // console.log(that.indextitlw,that.indextitlwboo,this.dheyw,87654)
  485. } else {
  486. that.$message({
  487. message: res.msg,
  488. type: 'error'
  489. });
  490. }
  491. }
  492. })
  493. },
  494. // 头条
  495. newslieutt(val){
  496. var that = this
  497. let hes = {columnId:val,pageSize:6,pageNum:1,isTop:'Y'}
  498. $.ajax({
  499. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNewS',
  500. type: 'post',
  501. data: hes,
  502. dataType: 'json',
  503. success: function(res) {
  504. if (res.code == 200) {
  505. // indextitlw
  506. if(res.rows.length == 0){
  507. let nhdye = [{newsTitle:'暂无数据'}]
  508. res.rows = nhdye
  509. }
  510. that.ttjues = res.rows
  511. } else {
  512. that.$message({
  513. message: res.msg,
  514. type: 'error'
  515. });
  516. }
  517. }
  518. })
  519. },
  520. // 新闻列表
  521. newslieu(val){
  522. var that = this
  523. let hes = {columnId:val,pageSize:10,pageNum:1}
  524. $.ajax({
  525. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNewS',
  526. type: 'post',
  527. data: hes,
  528. dataType: 'json',
  529. success: function(res) {
  530. if (res.code == 200) {
  531. // indextitlw
  532. that.newsxq = res.rows
  533. } else {
  534. that.$message({
  535. message: res.msg,
  536. type: 'error'
  537. });
  538. }
  539. }
  540. })
  541. },
  542. // 底部导航
  543. boonews(){
  544. var that = this
  545. let hes = {isBottom:'Y'}
  546. $.ajax({
  547. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/titleList',
  548. type: 'get',
  549. data: hes,
  550. dataType: 'json',
  551. success: function(res) {
  552. if (res.code == 200) {
  553. // indextitlw
  554. if(res.data.length !==0){
  555. res.data[0].puhese = []
  556. that.boofa = true
  557. res.data[0].columnNewsList.filter( rout =>{
  558. if(res.data[0].columnNewsList.length >= 4){
  559. if(res.data[0].puhese.length >= 4){
  560. return false
  561. }else{
  562. res.data[0].puhese.push(rout)
  563. }
  564. }else{
  565. res.data[0].puhese = res.data[0].columnNewsList
  566. }
  567. // console.log(res.data[0].puhese,34567)
  568. })
  569. that.dueus = res.data[0].puhese
  570. that.jiance = res.data[0]
  571. }
  572. } else {
  573. that.$message({
  574. message: res.msg,
  575. type: 'error'
  576. });
  577. }
  578. }
  579. })
  580. },
  581. // 友情链接
  582. frihde(){
  583. var that = this
  584. let hes = {isBottom:'Y'}
  585. $.ajax({
  586. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getFriendLink',
  587. type: 'post',
  588. data: hes,
  589. dataType: 'json',
  590. success: function(res) {
  591. if (res.code == 200) {
  592. // indextitlw
  593. that.bootewfr = res.data
  594. } else {
  595. that.$message({
  596. message: res.msg,
  597. type: 'error'
  598. });
  599. }
  600. }
  601. })
  602. },
  603. inpubie() {
  604. // console.log(this.inpute)
  605. },
  606. nhyesee() {
  607. console.log(this.inpute)
  608. },
  609. tabcl(index, val) {
  610. this.nue = index
  611. if (val == 1) {
  612. this.ulrw = index.html
  613. } else {
  614. this.ulrw = 'djdt.html?id=' + val
  615. }
  616. // console.log(index, val)
  617. },
  618. jeuese(index,val) {
  619. // console.log(index,val)
  620. // console.log()
  621. // if(index == 25){
  622. // window.location.href="jgjj.html?id=" + index
  623. // }else if(index == 26){
  624. // window.location.href="jgjj.html?id=" + index
  625. // }
  626. // if (index == 1) {
  627. // this.ulrw = index.html
  628. // } else {
  629. // this.ulrw = 'djdt.html?id=' + index
  630. // }
  631. },
  632. // 获取路由参数
  633. getQueryString(name) {
  634. try {
  635. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  636. var r = window.location.href.split('?')[1].match(reg);
  637. // console.log(reg, r)
  638. if (r != null) {
  639. return r[2];
  640. }
  641. return ""; //如果此处只写return;则返回的是undefined
  642. } catch (e) {
  643. return ""; //如果此处只写return;则返回的是undefined
  644. }
  645. },
  646. // 新闻标题点击
  647. newsti(val,index){
  648. this.newaNuber = val
  649. this.dheyw = index
  650. this.newslieu(val)
  651. },
  652. // 底部查看更多
  653. gentg(index,e){
  654. if(e&&e.reprintUrl){
  655. window.location.href=e.reprintUrl
  656. }else{
  657. window.location.href = 'jgjj.html?id=' + index +'&titel=监测范围'
  658. }
  659. },
  660. gentgs(e){
  661. if(e){
  662. window.location.href="djdt.html?id="+e +'&titel=检测范围'
  663. }else{
  664. window.location.href = 'jcfanw.html'
  665. }
  666. // window.location.href = 'jcfanw.html'
  667. },
  668. nhyeskf(e){
  669. if(e&&e.reprintUrl){
  670. window.location.href=e.reprintUrl
  671. }else{
  672. // 头条跳转
  673. window.location.href="jgjj.html?id="+e.newsId +'&titel=头条'
  674. }
  675. },
  676. // 网上送检跳转
  677. bheus(index){
  678. // console.log(index,this.wsh,this.sjlc,this.baogao,this.lxis)
  679. // if(index == 0){
  680. // window.location.href="djdt.html?id=" + this.wsh.id +'&titel=' + this.wsh.label + '&ntitel=' + '首页' + '&openMode=' + this.wsh.openMode
  681. // }
  682. // if(index == 1){
  683. // window.location.href="djdt.html?id=" + this.sjlc.id +'&titel=' + this.sjlc.label + '&ntitel=' + '首页' + '&openMode=' + this.sjlc.openMode
  684. // }
  685. // if(index == 3){
  686. // window.location.href="djdt.html?id=" + this.baogao.id +'&titel=' + this.baogao.label + '&ntitel=' + '首页' + '&openMode=' + this.baogao.openMode
  687. // }
  688. // if(index == 3){
  689. // window.location.href="djdt.html?id=" + this.lxis.id +'&titel=' + this.lxis.label + '&ntitel=' + '首页' + '&openMode=' + this.lxis.openMode
  690. // }
  691. }
  692. }
  693. })
  694. </script>
  695. <script type="text/javascript">
  696. function tab1(o1, o2, c, e) {
  697. o1.each(function(i) {
  698. $(this).bind(e, function() {
  699. o2.hide().eq(i).show();
  700. o1.removeClass(c);
  701. $(this).addClass(c);
  702. })
  703. if ($(this).hasClass(c)) {
  704. $(this).addClass(c);
  705. o2.hide().eq(i).show();
  706. }
  707. })
  708. }
  709. tab1($("#ieut label"), $("#news_tab ul"), "hdiu", "mouseover");
  710. </script>
  711. <!-------------------------------------- MAINER-ENDED -------------------------------------->
  712. <!-------------------------------------- FOOTER-START -------------------------------------->
  713. <!-------------------------------------- MAINER-ENDED -------------------------------------->
  714. <!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
  715. <script src="static/js/footer.js" type="text/javascript" charset="utf-8"></script>
  716. <script src="./vendor/vendor.js"></script>
  717. <script src="static/js/script.js"></script>
  718. <script src="static/js/custom.js"></script>
  719. <script></script>
  720. </body>
  721. </html>