index.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742
  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' + 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. <div class="btm">
  258. <div class="upd">
  259. <div class="db">
  260. <a href="#top"><img src="static/picture/db.png" alt="顶部"></a>
  261. </div>
  262. </div>
  263. <!-- <hr class="bjx">
  264. <div class="dowe">
  265. <div class="ewm"><img src="static/picture/tb.png" alt="二维码">
  266. <span class="xs">
  267. <b>企业微信</b>
  268. <div class="da"><img src="static/picture/ewm.png" alt="">
  269. </span>
  270. </div>
  271. </div>
  272. </div> -->
  273. </div>
  274. <div class="biejus">
  275. <div class="container">
  276. <img src="static/picture/pic_hp_yqlj_bg@2x.png" alt="">
  277. <p>
  278. <span class="spju">合作伙伴 | 友情链接</span>
  279. <span v-for="item,index in bootewfr" :key="item.linkId"><a :href="item.linkSpace" target="_blank">{{item.linkName}}</a> </span>
  280. <!-- bootewfr -->
  281. </p>
  282. </div>
  283. </div>
  284. <!-- <div class="nhy">
  285. </div> -->
  286. </main>
  287. </div>
  288. </div>
  289. <script type="text/javascript" src="static/js/header.js"></script>
  290. <script type="text/javascript">
  291. var app = new Vue({
  292. el: '#app',
  293. data: {
  294. message: 'Hello Vue!',
  295. inpute: '',
  296. tablide: [],
  297. hyew: false,
  298. nue: "首页",
  299. week: '',
  300. date_show: '',
  301. ulrw: '',
  302. mjuede: '',
  303. tyer: {
  304. type: 0
  305. },
  306. imalise: [],
  307. imalisesmli:[],
  308. jeuhse:false,
  309. gegao:[],
  310. indextitlw:[],
  311. indextitlwboo:[],
  312. newaNuber:0,
  313. newsxq:[],
  314. newsxqde:[],
  315. bootewfr:[],
  316. jiance:{},
  317. boofa:false,
  318. dueus:[],
  319. dheyw:'',
  320. ttjues:[],
  321. nhyeis:'',
  322. wsh:{},
  323. sjlc:{},
  324. baogao:{},
  325. lxis:{}
  326. },
  327. created() {
  328. this.gettablist()
  329. this.smillimg() //小图轮播
  330. this.goese()//通知公告
  331. this.newsli() //新闻标题
  332. this.boonews()//底部导航
  333. this.frihde()//友情链接
  334. this.newslieutt()//头条
  335. this.gettablistde()
  336. },
  337. mounted() {
  338. // console.log(this.getQueryString("id"))
  339. },
  340. methods: {
  341. gettablistde(){
  342. var that = this
  343. $.ajax({
  344. url:'https://jyzx.qs163.cn/prod-api/gateway/query/treeselect',
  345. type:'get',
  346. data:'',
  347. dataType:'json',
  348. success:function(res){
  349. if(res.code == 200){
  350. res.data.filter( router=> {
  351. if(router.children !== undefined){
  352. if(router.children.length !== 0){
  353. router.children.filter(rou =>{
  354. if(rou.label == '网上送检'){
  355. that.wsh = rou
  356. }
  357. if(rou.label == '送检流程'){
  358. that.sjlc = rou
  359. }
  360. if(rou.label == '报告查询'){
  361. that.baogao = rou
  362. }
  363. if(rou.label == '联系我们'){
  364. that.lxis = rou
  365. }
  366. })
  367. }
  368. }
  369. })
  370. console.log(that.wsh,that.sjlc,that.baogao,that.lxis)
  371. }else{
  372. that.$message({
  373. message: res.msg,
  374. type: 'error'
  375. });
  376. }
  377. // console.log(that.tablide,765)
  378. }
  379. })
  380. },
  381. // 大图轮播图
  382. gettablist() {
  383. var that = this
  384. that.tyer.type = 0
  385. $.ajax({
  386. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getRotationChart',
  387. type: 'post',
  388. data: that.tyer,
  389. dataType: 'json',
  390. success: function(res) {
  391. if (res.code == 200) {
  392. that.imalise = res.data
  393. } else {
  394. that.$message({
  395. message: res.msg,
  396. type: 'error'
  397. });
  398. }
  399. }
  400. })
  401. },
  402. // 小图轮播
  403. smillimg() {
  404. var that = this
  405. that.tyer.type = 1
  406. $.ajax({
  407. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getRotation',
  408. type: 'post',
  409. data: that.tyer,
  410. dataType: 'json',
  411. success: function(res) {
  412. if (res.code == 200) {
  413. that.imalisesmli = res.data
  414. that.imalisesmli.filter(route =>{
  415. var hyeowc = route.imageContent
  416. var indexde = route.imageContent.lastIndexOf("\.");
  417. hyeowc=hyeowc.substring(indexde+1,hyeowc.length);
  418. if(hyeowc == "mp3" || hyeowc == "mp4"){
  419. route.jeuhse = true //视频
  420. }else{
  421. route.jeuhse = false //图片
  422. }
  423. })
  424. that.imalisesmli = that.imalisesmli
  425. } else {
  426. that.$message({
  427. message: res.msg,
  428. type: 'error'
  429. });
  430. }
  431. }
  432. })
  433. },
  434. // 公示公告
  435. goese(){
  436. var that = this
  437. let hyet = {pageNum:1,pageSize:10}
  438. $.ajax({
  439. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNotice',
  440. type: 'post',
  441. data: hyet,
  442. dataType: 'json',
  443. success: function(res) {
  444. if (res.code == 200) {
  445. that.gegao = res.data
  446. } else {
  447. that.$message({
  448. message: res.msg,
  449. type: 'error'
  450. });
  451. }
  452. }
  453. })
  454. },
  455. // 新闻标题
  456. newsli(){
  457. var that = this
  458. let hes = {isTitle:'Y',pageSize:10,pageNum:1}
  459. $.ajax({
  460. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/titleList',
  461. type: 'get',
  462. data: hes,
  463. dataType: 'json',
  464. success: function(res) {
  465. if (res.code == 200) {
  466. // indextitlw
  467. res.data.filter(rout =>{
  468. if(that.indextitlw.length >= 3){
  469. // console.log(that.indextitlw.length)
  470. that.indextitlwboo.push(rout)
  471. // that.newslieutr(rout.columnId)
  472. }else{
  473. that.indextitlw.push(rout)
  474. that.dheyw = that.indextitlw[0].columnName
  475. that.newaNuber = that.indextitlw[0].columnId
  476. that.newslieu(that.newaNuber)//新闻列表
  477. }
  478. })
  479. // console.log(that.indextitlw,that.indextitlwboo,this.dheyw,87654)
  480. } else {
  481. that.$message({
  482. message: res.msg,
  483. type: 'error'
  484. });
  485. }
  486. }
  487. })
  488. },
  489. // 头条
  490. newslieutt(val){
  491. var that = this
  492. let hes = {columnId:val,pageSize:6,pageNum:1,isTop:'Y'}
  493. $.ajax({
  494. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNewS',
  495. type: 'post',
  496. data: hes,
  497. dataType: 'json',
  498. success: function(res) {
  499. if (res.code == 200) {
  500. // indextitlw
  501. if(res.rows.length == 0){
  502. let nhdye = [{newsTitle:'暂无数据'}]
  503. res.rows = nhdye
  504. }
  505. that.ttjues = res.rows
  506. } else {
  507. that.$message({
  508. message: res.msg,
  509. type: 'error'
  510. });
  511. }
  512. }
  513. })
  514. },
  515. // 新闻列表
  516. newslieu(val){
  517. var that = this
  518. let hes = {columnId:val,pageSize:10,pageNum:1}
  519. $.ajax({
  520. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNewS',
  521. type: 'post',
  522. data: hes,
  523. dataType: 'json',
  524. success: function(res) {
  525. if (res.code == 200) {
  526. // indextitlw
  527. that.newsxq = res.rows
  528. } else {
  529. that.$message({
  530. message: res.msg,
  531. type: 'error'
  532. });
  533. }
  534. }
  535. })
  536. },
  537. // 底部导航
  538. boonews(){
  539. var that = this
  540. let hes = {isBottom:'Y'}
  541. $.ajax({
  542. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/titleList',
  543. type: 'get',
  544. data: hes,
  545. dataType: 'json',
  546. success: function(res) {
  547. if (res.code == 200) {
  548. // indextitlw
  549. if(res.data.length !==0){
  550. res.data[0].puhese = []
  551. that.boofa = true
  552. res.data[0].columnNewsList.filter( rout =>{
  553. if(res.data[0].columnNewsList.length >= 4){
  554. if(res.data[0].puhese.length >= 4){
  555. return false
  556. }else{
  557. res.data[0].puhese.push(rout)
  558. }
  559. }else{
  560. res.data[0].puhese = res.data[0].columnNewsList
  561. }
  562. // console.log(res.data[0].puhese,34567)
  563. })
  564. that.dueus = res.data[0].puhese
  565. that.jiance = res.data[0]
  566. }
  567. } else {
  568. that.$message({
  569. message: res.msg,
  570. type: 'error'
  571. });
  572. }
  573. }
  574. })
  575. },
  576. // 友情链接
  577. frihde(){
  578. var that = this
  579. let hes = {isBottom:'Y'}
  580. $.ajax({
  581. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getFriendLink',
  582. type: 'post',
  583. data: hes,
  584. dataType: 'json',
  585. success: function(res) {
  586. if (res.code == 200) {
  587. // indextitlw
  588. that.bootewfr = res.data
  589. } else {
  590. that.$message({
  591. message: res.msg,
  592. type: 'error'
  593. });
  594. }
  595. }
  596. })
  597. },
  598. inpubie() {
  599. // console.log(this.inpute)
  600. },
  601. nhyesee() {
  602. console.log(this.inpute)
  603. },
  604. tabcl(index, val) {
  605. this.nue = index
  606. if (val == 1) {
  607. this.ulrw = index.html
  608. } else {
  609. this.ulrw = 'djdt.html?id=' + val
  610. }
  611. // console.log(index, val)
  612. },
  613. jeuese(index,val) {
  614. // console.log(index,val)
  615. // console.log()
  616. // if(index == 25){
  617. // window.location.href="jgjj.html?id=" + index
  618. // }else if(index == 26){
  619. // window.location.href="jgjj.html?id=" + index
  620. // }
  621. // if (index == 1) {
  622. // this.ulrw = index.html
  623. // } else {
  624. // this.ulrw = 'djdt.html?id=' + index
  625. // }
  626. },
  627. // 获取路由参数
  628. getQueryString(name) {
  629. try {
  630. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  631. var r = window.location.href.split('?')[1].match(reg);
  632. // console.log(reg, r)
  633. if (r != null) {
  634. return r[2];
  635. }
  636. return ""; //如果此处只写return;则返回的是undefined
  637. } catch (e) {
  638. return ""; //如果此处只写return;则返回的是undefined
  639. }
  640. },
  641. // 新闻标题点击
  642. newsti(val,index){
  643. this.newaNuber = val
  644. this.dheyw = index
  645. this.newslieu(val)
  646. },
  647. // 底部查看更多
  648. gentg(index,e){
  649. if(e&&e.reprintUrl){
  650. window.location.href=e.reprintUrl
  651. }else{
  652. window.location.href = 'jgjj.html?id=' + index +'&titel=监测范围'
  653. }
  654. },
  655. gentgs(e){
  656. if(e){
  657. window.location.href="djdt.html?id="+e +'&titel=检测范围'
  658. }else{
  659. window.location.href = 'jcfanw.html'
  660. }
  661. // window.location.href = 'jcfanw.html'
  662. },
  663. nhyeskf(e){
  664. if(e&&e.reprintUrl){
  665. window.location.href=e.reprintUrl
  666. }else{
  667. // 头条跳转
  668. window.location.href="jgjj.html?id="+e.newsId +'&titel=头条'
  669. }
  670. },
  671. // 网上送检跳转
  672. bheus(index){
  673. // console.log(index,this.wsh,this.sjlc,this.baogao,this.lxis)
  674. // if(index == 0){
  675. // window.location.href="djdt.html?id=" + this.wsh.id +'&titel=' + this.wsh.label + '&ntitel=' + '首页' + '&openMode=' + this.wsh.openMode
  676. // }
  677. // if(index == 1){
  678. // window.location.href="djdt.html?id=" + this.sjlc.id +'&titel=' + this.sjlc.label + '&ntitel=' + '首页' + '&openMode=' + this.sjlc.openMode
  679. // }
  680. // if(index == 3){
  681. // window.location.href="djdt.html?id=" + this.baogao.id +'&titel=' + this.baogao.label + '&ntitel=' + '首页' + '&openMode=' + this.baogao.openMode
  682. // }
  683. // if(index == 3){
  684. // window.location.href="djdt.html?id=" + this.lxis.id +'&titel=' + this.lxis.label + '&ntitel=' + '首页' + '&openMode=' + this.lxis.openMode
  685. // }
  686. }
  687. }
  688. })
  689. </script>
  690. <script type="text/javascript">
  691. function tab1(o1, o2, c, e) {
  692. o1.each(function(i) {
  693. $(this).bind(e, function() {
  694. o2.hide().eq(i).show();
  695. o1.removeClass(c);
  696. $(this).addClass(c);
  697. })
  698. if ($(this).hasClass(c)) {
  699. $(this).addClass(c);
  700. o2.hide().eq(i).show();
  701. }
  702. })
  703. }
  704. tab1($("#ieut label"), $("#news_tab ul"), "hdiu", "mouseover");
  705. </script>
  706. <!-------------------------------------- MAINER-ENDED -------------------------------------->
  707. <!-------------------------------------- FOOTER-START -------------------------------------->
  708. <!-------------------------------------- MAINER-ENDED -------------------------------------->
  709. <!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
  710. <script src="static/js/footer.js" type="text/javascript" charset="utf-8"></script>
  711. <script src="./vendor/vendor.js"></script>
  712. <script src="static/js/script.js"></script>
  713. <script src="static/js/custom.js"></script>
  714. <script></script>
  715. </body>
  716. </html>