index.html 25 KB

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