index.html 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736
  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. console.log(res,765)
  351. if(res.code == 200){
  352. res.data.filter( router=> {
  353. if(router.children !== undefined){
  354. if(router.children.length !== 0){
  355. router.children.filter(rou =>{
  356. if(rou.label == '网上送检'){
  357. that.wsh = rou
  358. }
  359. if(rou.label == '送检流程'){
  360. that.sjlc = rou
  361. }
  362. if(rou.label == '报告查询'){
  363. that.baogao = rou
  364. }
  365. if(rou.label == '联系我们'){
  366. that.lxis = rou
  367. }
  368. })
  369. }
  370. }
  371. })
  372. console.log(that.wsh,that.sjlc,that.baogao,that.lxis)
  373. }else{
  374. that.$message({
  375. message: res.msg,
  376. type: 'error'
  377. });
  378. }
  379. // console.log(that.tablide,765)
  380. }
  381. })
  382. },
  383. // 大图轮播图
  384. gettablist() {
  385. var that = this
  386. that.tyer.type = 0
  387. $.ajax({
  388. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getRotationChart',
  389. type: 'post',
  390. data: that.tyer,
  391. dataType: 'json',
  392. success: function(res) {
  393. if (res.code == 200) {
  394. that.imalise = res.data
  395. } else {
  396. that.$message({
  397. message: res.msg,
  398. type: 'error'
  399. });
  400. }
  401. }
  402. })
  403. },
  404. // 小图轮播
  405. smillimg() {
  406. var that = this
  407. that.tyer.type = 1
  408. $.ajax({
  409. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getRotation',
  410. type: 'post',
  411. data: that.tyer,
  412. dataType: 'json',
  413. success: function(res) {
  414. if (res.code == 200) {
  415. that.imalisesmli = res.data
  416. that.imalisesmli.filter(route =>{
  417. var hyeowc = route.imageContent
  418. var indexde = route.imageContent.lastIndexOf("\.");
  419. hyeowc=hyeowc.substring(indexde+1,hyeowc.length);
  420. if(hyeowc == "mp3" || hyeowc == "mp4"){
  421. route.jeuhse = true //视频
  422. }else{
  423. route.jeuhse = false //图片
  424. }
  425. })
  426. that.imalisesmli = that.imalisesmli
  427. } else {
  428. that.$message({
  429. message: res.msg,
  430. type: 'error'
  431. });
  432. }
  433. }
  434. })
  435. },
  436. // 公示公告
  437. goese(){
  438. var that = this
  439. let hyet = {pageNum:1,pageSize:10}
  440. $.ajax({
  441. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNotice',
  442. type: 'post',
  443. data: hyet,
  444. dataType: 'json',
  445. success: function(res) {
  446. if (res.code == 200) {
  447. that.gegao = res.data
  448. } else {
  449. that.$message({
  450. message: res.msg,
  451. type: 'error'
  452. });
  453. }
  454. }
  455. })
  456. },
  457. // 新闻标题
  458. newsli(){
  459. var that = this
  460. let hes = {isTitle:'Y',pageSize:10,pageNum:1}
  461. $.ajax({
  462. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/titleList',
  463. type: 'get',
  464. data: hes,
  465. dataType: 'json',
  466. success: function(res) {
  467. if (res.code == 200) {
  468. // indextitlw
  469. res.data.filter(rout =>{
  470. if(that.indextitlw.length >= 3){
  471. // console.log(that.indextitlw.length)
  472. that.indextitlwboo.push(rout)
  473. // that.newslieutr(rout.columnId)
  474. }else{
  475. that.indextitlw.push(rout)
  476. that.dheyw = that.indextitlw[0].columnName
  477. that.newaNuber = that.indextitlw[0].columnId
  478. that.newslieu(that.newaNuber)//新闻列表
  479. }
  480. })
  481. // console.log(that.indextitlw,that.indextitlwboo,this.dheyw,87654)
  482. } else {
  483. that.$message({
  484. message: res.msg,
  485. type: 'error'
  486. });
  487. }
  488. }
  489. })
  490. },
  491. // 头条
  492. newslieutt(val){
  493. var that = this
  494. let hes = {columnId:val,pageSize:6,pageNum:1,isTop:'Y'}
  495. $.ajax({
  496. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNewS',
  497. type: 'post',
  498. data: hes,
  499. dataType: 'json',
  500. success: function(res) {
  501. if (res.code == 200) {
  502. // indextitlw
  503. if(res.rows.length == 0){
  504. let nhdye = [{newsTitle:'暂无数据'}]
  505. res.rows = nhdye
  506. }
  507. that.ttjues = res.rows
  508. console.log(that.ttjues.length)
  509. } else {
  510. that.$message({
  511. message: res.msg,
  512. type: 'error'
  513. });
  514. }
  515. }
  516. })
  517. },
  518. // 新闻列表
  519. newslieu(val){
  520. var that = this
  521. let hes = {columnId:val,pageSize:10,pageNum:1}
  522. $.ajax({
  523. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getNewS',
  524. type: 'post',
  525. data: hes,
  526. dataType: 'json',
  527. success: function(res) {
  528. if (res.code == 200) {
  529. // indextitlw
  530. that.newsxq = res.rows
  531. } else {
  532. that.$message({
  533. message: res.msg,
  534. type: 'error'
  535. });
  536. }
  537. }
  538. })
  539. },
  540. // 底部导航
  541. boonews(){
  542. var that = this
  543. let hes = {isBottom:'Y'}
  544. $.ajax({
  545. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/titleList',
  546. type: 'get',
  547. data: hes,
  548. dataType: 'json',
  549. success: function(res) {
  550. if (res.code == 200) {
  551. // indextitlw
  552. if(res.data.length !==0){
  553. res.data[0].puhese = []
  554. that.boofa = true
  555. res.data[0].columnNewsList.filter( rout =>{
  556. if(res.data[0].columnNewsList.length >= 4){
  557. if(res.data[0].puhese.length >= 4){
  558. return false
  559. }else{
  560. res.data[0].puhese.push(rout)
  561. }
  562. }else{
  563. res.data[0].puhese = res.data[0].columnNewsList
  564. }
  565. // console.log(res.data[0].puhese,34567)
  566. })
  567. that.dueus = res.data[0].puhese
  568. that.jiance = res.data[0]
  569. }
  570. } else {
  571. that.$message({
  572. message: res.msg,
  573. type: 'error'
  574. });
  575. }
  576. }
  577. })
  578. },
  579. // 友情链接
  580. frihde(){
  581. var that = this
  582. let hes = {isBottom:'Y'}
  583. $.ajax({
  584. url: 'https://jyzx.qs163.cn/prod-api/gateway/query/getFriendLink',
  585. type: 'post',
  586. data: hes,
  587. dataType: 'json',
  588. success: function(res) {
  589. if (res.code == 200) {
  590. // indextitlw
  591. that.bootewfr = res.data
  592. } else {
  593. that.$message({
  594. message: res.msg,
  595. type: 'error'
  596. });
  597. }
  598. }
  599. })
  600. },
  601. inpubie() {
  602. // console.log(this.inpute)
  603. },
  604. nhyesee() {
  605. console.log(this.inpute)
  606. },
  607. tabcl(index, val) {
  608. this.nue = index
  609. if (val == 1) {
  610. this.ulrw = index.html
  611. } else {
  612. this.ulrw = 'djdt.html?id=' + val
  613. }
  614. // console.log(index, val)
  615. },
  616. jeuese(index,val) {
  617. // console.log(index,val)
  618. // console.log()
  619. // if(index == 25){
  620. // window.location.href="jgjj.html?id=" + index
  621. // }else if(index == 26){
  622. // window.location.href="jgjj.html?id=" + index
  623. // }
  624. // if (index == 1) {
  625. // this.ulrw = index.html
  626. // } else {
  627. // this.ulrw = 'djdt.html?id=' + index
  628. // }
  629. },
  630. // 获取路由参数
  631. getQueryString(name) {
  632. try {
  633. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  634. var r = window.location.href.split('?')[1].match(reg);
  635. // console.log(reg, r)
  636. if (r != null) {
  637. return r[2];
  638. }
  639. return ""; //如果此处只写return;则返回的是undefined
  640. } catch (e) {
  641. return ""; //如果此处只写return;则返回的是undefined
  642. }
  643. },
  644. // 新闻标题点击
  645. newsti(val,index){
  646. this.newaNuber = val
  647. this.dheyw = index
  648. this.newslieu(val)
  649. },
  650. // 底部查看更多
  651. gentg(index,e){
  652. if(e&&e.reprintUrl){
  653. window.location.href=e.reprintUrl
  654. }else{
  655. window.location.href = 'jgjj.html?id=' + index +'&titel=监测范围'
  656. }
  657. },
  658. gentgs(){
  659. window.location.href = 'jcfanw.html'
  660. },
  661. nhyeskf(e){
  662. if(e&&e.reprintUrl){
  663. window.location.href=e.reprintUrl
  664. }else{
  665. window.location.href="djdt.html?" +'&titel=头条' + '&ntitel=头条' + '&openMode=0'
  666. }
  667. },
  668. // 网上送检跳转
  669. bheus(index){
  670. // console.log(index,this.wsh,this.sjlc,this.baogao,this.lxis)
  671. // if(index == 0){
  672. // window.location.href="djdt.html?id=" + this.wsh.id +'&titel=' + this.wsh.label + '&ntitel=' + '首页' + '&openMode=' + this.wsh.openMode
  673. // }
  674. // if(index == 1){
  675. // window.location.href="djdt.html?id=" + this.sjlc.id +'&titel=' + this.sjlc.label + '&ntitel=' + '首页' + '&openMode=' + this.sjlc.openMode
  676. // }
  677. // if(index == 3){
  678. // window.location.href="djdt.html?id=" + this.baogao.id +'&titel=' + this.baogao.label + '&ntitel=' + '首页' + '&openMode=' + this.baogao.openMode
  679. // }
  680. // if(index == 3){
  681. // window.location.href="djdt.html?id=" + this.lxis.id +'&titel=' + this.lxis.label + '&ntitel=' + '首页' + '&openMode=' + this.lxis.openMode
  682. // }
  683. }
  684. }
  685. })
  686. </script>
  687. <script type="text/javascript">
  688. function tab1(o1, o2, c, e) {
  689. o1.each(function(i) {
  690. $(this).bind(e, function() {
  691. o2.hide().eq(i).show();
  692. o1.removeClass(c);
  693. $(this).addClass(c);
  694. })
  695. if ($(this).hasClass(c)) {
  696. $(this).addClass(c);
  697. o2.hide().eq(i).show();
  698. }
  699. })
  700. }
  701. tab1($("#ieut label"), $("#news_tab ul"), "hdiu", "mouseover");
  702. </script>
  703. <!-------------------------------------- MAINER-ENDED -------------------------------------->
  704. <!-------------------------------------- FOOTER-START -------------------------------------->
  705. <!-------------------------------------- MAINER-ENDED -------------------------------------->
  706. <!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
  707. <script src="static/js/footer.js" type="text/javascript" charset="utf-8"></script>
  708. <script src="http://www.qsqrkg.com/vendor/vendor.js"></script>
  709. <script src="static/js/script.js"></script>
  710. <script src="static/js/custom.js"></script>
  711. <script></script>
  712. </body>
  713. </html>