index.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611
  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="潜山市潜润投资控股集团有限公司是在原安徽潜山县投资有限公司的基础上改制组建的,原安徽潜山县投资有限公司成立于2005年9月,由市政府投资设立,主要是承担政府投融资平台功能。近年来,随着投融资改革的深化,在市政府大力支持下,2018年12月潜润集团在原安徽潜山县投资有限公司的基础上组建设立。2019年8月,潜润集团股东由市政府变更为市国资办,注册资本由15亿元增至20亿元,由市国资办依法履行出资人职责,对潜润集团进行监督管理。">
  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" @click="tabcl(item.id)">
  56. <div :class="[ nue == item.id ? 'on' : '' , 'i' ]">
  57. <p><a :href='ulrw'>{{item.label}}</a></p>
  58. <!-- ulrw -->
  59. <div class='ex' v-for="(items,indexs) in item.children" :key="indexs + 'y'"
  60. v-if='item.children' @click.stop="jeuese(items.id)">
  61. <p><a :href='ulrw'>{{items.label}}</a></p>
  62. <!-- jggk.html -->
  63. <!-- <p><a href='zzhjg.html'>组织架构</a></p> -->
  64. </div>
  65. </div>
  66. </li>
  67. </ul>
  68. </div>
  69. </div>
  70. <a href='' class='mbtn pc-hide'></a>
  71. </div>
  72. </div>
  73. </header>
  74. </div>
  75. <div id="app">
  76. <main>
  77. <div class="u-fullpart nopd">
  78. <div class="container full">
  79. <div class="u-banner">
  80. <el-carousel trigger="click" height="410px">
  81. <el-carousel-item v-for="item,index in imalise" :key="item.imageId">
  82. <img style="width: 100%; height: 100%;"
  83. :src="'http://192.168.101.11:8090' + item.imageContent" alt="">
  84. </el-carousel-item>
  85. </el-carousel>
  86. </div>
  87. <div class="u-notice">
  88. <div class="container">
  89. <div class="noti">
  90. <label for="">公示公告:</label>
  91. <div class="ct">
  92. <div class="scroll">
  93. <ul class="nhdyey">
  94. <li v-for="item,index in gegao" :key="item.noticeId"><a :href="'hydt.html?id=' + item.noticeId">{{item.noticeTitle}}</a></li>
  95. </ul>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <!-- <div class="ht10"></div> -->
  102. </div>
  103. </div>
  104. <div class="u-fullpart">
  105. <div class="container">
  106. <div class="tout">
  107. <div class="tout_one">
  108. <img src="static/picture/ewm.png" alt="">
  109. </div>
  110. <div class="tout_two">
  111. <p>招大做强,引智助力,贴心服务,源潭镇“双招双引”集聚发展新动能</p>
  112. <p>加快建设源潭“专精特新”刷业产业园 | 潜山全方位、全链条支持“中国刷业之都”高质量发展 | 源潭制</p>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="u-homenews _list s3 sk">
  117. <ul class="home_activ">
  118. <li>
  119. <el-carousel trigger="click" height="410px" class="hdyelaie" :autoplay ="false" indicator-position="none">
  120. <el-carousel-item v-for="item,index in imalisesmli" :key="item.imageId" >
  121. <img style="width: 100%; height: 100%;"
  122. :src="'http://192.168.101.11:8090' + item.imageContent" alt="" v-if="item.jeuhse == false">
  123. <div style="height: 100%; width: 100%; position: relative;" v-if="item.jeuhse == true" >
  124. <video style="height: 100%; width: 100%;" ref='video' :src="'http://192.168.101.11:8090' + item.imageContent" controls>
  125. 您的浏览器不支持 video元素。
  126. </video>
  127. </div>
  128. <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.imageName}}</p>
  129. </el-carousel-item>
  130. </el-carousel>
  131. </li>
  132. <li>
  133. <div class="u-partview">
  134. <div class="hd">
  135. <p>
  136. <span class="fr"><a href="" target="_blank">更多>></a></span>
  137. <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>
  138. <!-- <label for="" class="bhue" style="margin-right: 25px;">通知公告</label>
  139. <label for="" class="bhue">行业动态</label> -->
  140. </p>
  141. </div>
  142. <div class="ct">
  143. <div class="ht10"></div>
  144. <div class="u-newslist">
  145. <ul>
  146. <li v-for="item,index in newsxq" :key="index +'' + 'l'">
  147. <p class="cf">
  148. <span class="fr"><small>{{item.createTime}}</small></span>
  149. <a :href="'hydt.html?id=' + item.newsId + '&titel=' + dheyw">{{item.newsTitle}}
  150. </a>
  151. </p>
  152. </li>
  153. </ul>
  154. </div>
  155. </div>
  156. </div>
  157. </li>
  158. </ul>
  159. </div>
  160. <div class="ht20"></div>
  161. <div class="u-homenews _list s3">
  162. <ul class="home_activ">
  163. <li v-for="item,index in indextitlwboo" :key="item.columnId" style="height: 400px;">
  164. <div class="u-partview">
  165. <div class="hd">
  166. <p>
  167. <span class="fr"><a href="" target="_blank">更多>></a></span>
  168. <label for="" >{{item.columnName}} </label>
  169. </p>
  170. </div>
  171. <div class="ct">
  172. <div class="ht10"></div>
  173. <div class="u-newslist">
  174. <ul>
  175. <li v-for="items,index in item.columnNewsList" :key="items.newsId" >
  176. <p class="cf">
  177. <span class="fr"><small>{{items.createTime}}</small></span>
  178. <a :href="'hydt.html?id=' + items.newsId + '&titel=' + item.columnName" >{{items.newsTitle}}</a>
  179. </p>
  180. </li>
  181. </ul>
  182. </div>
  183. </div>
  184. </div>
  185. </li>
  186. </ul>
  187. </div>
  188. <div>
  189. <div class="container">
  190. <div class="wagnshi">
  191. <div class="wagnshi_one">
  192. <img src="static/picture/pic_bsfw_wssj@2x.png">
  193. </div>
  194. <div class="wagnshi_two wagnshi_one">
  195. <img src="static/picture/pic_bsfw_sjlc@2x.png">
  196. </div>
  197. <div class="wagnshi_ther wagnshi_one">
  198. <img src="static/picture/pic_bsfw_bgcx@2x.png">
  199. </div>
  200. <div class="wagnshi_four wagnshi_one">
  201. <img src="static/picture/pic_bsfw_lxwm@2x.png">
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. <div class="bottomfrs">
  207. <div class="container">
  208. <div class="bote">
  209. <p>检测范围</p>
  210. <img src="static/picture/pic_hp_jcfw_bt@2x.png" alt="">
  211. </div>
  212. <div class="bote_one">
  213. <div class="shoutoa" v-for="item,index in dueus" :key="index + '' +'j'" v-if="boofa">
  214. <img :src="item.newsImage == null? 'static/picture/pic_jcfw_gys@2x.png' : item.newsImage == undefined ? 'static/picture/pic_jcfw_gys@2x.png' : 'http://192.168.101.11:8090'+ item.newsImage " alt="">
  215. <span style="width:100%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{{item.newsTitle == null? '暂无数据' :item.newsTitle }}</span>
  216. <p style="height: 48px;">{{item.newsContent == null? '暂无数据' : item.newsContent}}</p>
  217. <p class="ol" @click="gentg(item.newsId)">查看详情</p>
  218. </div>
  219. <div class="shoutoa" v-if="!boofa">
  220. <img src="static/picture/pic_jcfw_gys@2x.png" alt="">
  221. <span>工业刷</span>
  222. <p style="height: 48px;">环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字...</p>
  223. <p class="ol">查看详情</p>
  224. </div>
  225. <div class="shoutoa" v-if="!boofa">
  226. <img src="static/picture/pic_jcfw_mys@2x.png" alt="">
  227. <span>民用刷</span>
  228. <p style="height: 48px;">环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字...</p>
  229. <p class="ol">查看详情</p>
  230. </div>
  231. <div class="shoutoa" v-if="!boofa">
  232. <img src="static/picture/pic_jcfw_wws@2x.png" alt="">
  233. <span>文玩刷</span>
  234. <p style="height: 48px;">环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字环卫刷简介文字简介文字...</p>
  235. <p class="ol">查看详情</p>
  236. </div>
  237. <div class="shoutoa njue" >
  238. <img src="static/picture/pic_jcfw_more@2x.png" alt="">
  239. <span>更多</span>
  240. <p style="height: 48px;">更多内容请点击查看详情</p>
  241. <p class="ol" @click="gentg(null)">查看详情</p>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. <div class="ht15"></div>
  247. </div>
  248. <div class="btm">
  249. <div class="upd">
  250. <div class="db">
  251. <a href="#top"><img src="static/picture/db.png" alt="顶部"></a>
  252. </div>
  253. </div>
  254. <hr class="bjx">
  255. <div class="dowe">
  256. <div class="ewm"><img src="static/picture/tb.png" alt="二维码">
  257. <span class="xs">
  258. <b>企业微信</b>
  259. <div class="da"><img src="static/picture/ewm.png" alt="">
  260. </span>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. <div class="biejus">
  266. <div class="container">
  267. <img src="static/picture/pic_hp_yqlj_bg@2x.png" alt="">
  268. <p>
  269. <span class="spju">合作伙伴 | 友情链接</span>
  270. <span v-for="item,index in bootewfr" :key="item.linkId"><a :href="item.linkSpace" target="_blank">{{item.linkName}}</a> </span>
  271. <!-- bootewfr -->
  272. </p>
  273. </div>
  274. </div>
  275. <!-- <div class="nhy">
  276. </div> -->
  277. </main>
  278. </div>
  279. </div>
  280. <script type="text/javascript" src="static/js/header.js"></script>
  281. <script type="text/javascript">
  282. var app = new Vue({
  283. el: '#app',
  284. data: {
  285. message: 'Hello Vue!',
  286. inpute: '',
  287. tablide: [],
  288. hyew: false,
  289. nue: 0,
  290. week: '',
  291. date_show: '',
  292. ulrw: '',
  293. mjuede: '',
  294. tyer: {
  295. type: 0
  296. },
  297. imalise: [],
  298. imalisesmli:[],
  299. jeuhse:false,
  300. gegao:[],
  301. indextitlw:[],
  302. indextitlwboo:[],
  303. newaNuber:1,
  304. newsxq:[],
  305. newsxqde:[],
  306. bootewfr:[],
  307. jiance:[],
  308. boofa:false,
  309. dueus:[],
  310. dheyw:''
  311. },
  312. created() {
  313. this.gettablist()
  314. this.smillimg() //小图轮播
  315. this.goese()//通知公告
  316. this.newsli() //新闻标题
  317. this.newslieu(this.newaNuber)//新闻列表
  318. this.boonews()//底部导航
  319. this.frihde()//友情链接
  320. },
  321. mounted() {
  322. console.log(this.getQueryString("id"))
  323. },
  324. methods: {
  325. // 大图轮播图
  326. gettablist() {
  327. var that = this
  328. that.tyer.type = 0
  329. $.ajax({
  330. url: 'http://192.168.101.243:8090/dev-api/gateway/query/getRotationChart',
  331. type: 'post',
  332. data: that.tyer,
  333. dataType: 'json',
  334. success: function(res) {
  335. if (res.code == 200) {
  336. that.imalise = res.data
  337. } else {
  338. that.$message({
  339. message: res.msg,
  340. type: 'error'
  341. });
  342. }
  343. }
  344. })
  345. },
  346. // 小图轮播
  347. smillimg() {
  348. var that = this
  349. that.tyer.type = 1
  350. $.ajax({
  351. url: 'http://192.168.101.243:8090/dev-api/gateway/query/getRotationChart',
  352. type: 'post',
  353. data: that.tyer,
  354. dataType: 'json',
  355. success: function(res) {
  356. if (res.code == 200) {
  357. that.imalisesmli = res.data
  358. that.imalisesmli.filter(route =>{
  359. var hyeowc = route.imageContent
  360. var indexde = route.imageContent.lastIndexOf("\.");
  361. hyeowc=hyeowc.substring(indexde+1,hyeowc.length);
  362. if(hyeowc == "mp3" || hyeowc == "mp4"){
  363. route.jeuhse = true //视频
  364. }else{
  365. route.jeuhse = false //图片
  366. }
  367. })
  368. that.imalisesmli = that.imalisesmli
  369. } else {
  370. that.$message({
  371. message: res.msg,
  372. type: 'error'
  373. });
  374. }
  375. }
  376. })
  377. },
  378. // 公示公告
  379. goese(){
  380. var that = this
  381. let hyet = {pageNum:1,pageSize:10}
  382. $.ajax({
  383. url: 'http://192.168.101.243:8090/dev-api/gateway/query/getNotice',
  384. type: 'post',
  385. data: hyet,
  386. dataType: 'json',
  387. success: function(res) {
  388. if (res.code == 200) {
  389. that.gegao = res.data
  390. } else {
  391. that.$message({
  392. message: res.msg,
  393. type: 'error'
  394. });
  395. }
  396. }
  397. })
  398. },
  399. // 新闻标题
  400. newsli(){
  401. var that = this
  402. let hes = {isTitle:'Y',pageSize:6,pageNum:1}
  403. $.ajax({
  404. url: 'http://192.168.101.243:8090/dev-api/gateway/query/titleList',
  405. type: 'get',
  406. data: hes,
  407. dataType: 'json',
  408. success: function(res) {
  409. if (res.code == 200) {
  410. // indextitlw
  411. res.data.filter(rout =>{
  412. if(that.indextitlw.length >= 3){
  413. console.log(that.indextitlw.length)
  414. that.indextitlwboo.push(rout)
  415. // that.newslieutr(rout.columnId)
  416. }else{
  417. that.indextitlw.push(rout)
  418. this.dheyw = that.indextitlw[0].columnName
  419. }
  420. })
  421. console.log(that.indextitlw,that.indextitlwboo,87654)
  422. } else {
  423. that.$message({
  424. message: res.msg,
  425. type: 'error'
  426. });
  427. }
  428. }
  429. })
  430. },
  431. // 新闻列表
  432. newslieu(val){
  433. var that = this
  434. let hes = {columnId:val,pageSize:6,pageNum:1}
  435. $.ajax({
  436. url: 'http://192.168.101.243:8090/dev-api/gateway/query/getNewS',
  437. type: 'post',
  438. data: hes,
  439. dataType: 'json',
  440. success: function(res) {
  441. if (res.code == 200) {
  442. // indextitlw
  443. that.newsxq = res.rows
  444. } else {
  445. that.$message({
  446. message: res.msg,
  447. type: 'error'
  448. });
  449. }
  450. }
  451. })
  452. },
  453. // 底部导航
  454. boonews(){
  455. var that = this
  456. let hes = {isBottom:'Y'}
  457. $.ajax({
  458. url: 'http://192.168.101.243:8090/dev-api/gateway/query/titleList',
  459. type: 'get',
  460. data: hes,
  461. dataType: 'json',
  462. success: function(res) {
  463. if (res.code == 200) {
  464. // indextitlw
  465. res.data[0].puhese = []
  466. that.boofa = true
  467. res.data[0].columnNewsList.filter( rout =>{
  468. if(res.data[0].columnNewsList.length >= 4){
  469. if(res.data[0].puhese.length >= 4){
  470. return false
  471. }else{
  472. res.data[0].puhese.push(rout)
  473. }
  474. }else{
  475. res.data[0].puhese = res.data[0].columnNewsList
  476. }
  477. console.log(res.data[0].puhese,34567)
  478. })
  479. that.dueus = res.data[0].puhese
  480. that.jiance = res.data
  481. } else {
  482. that.$message({
  483. message: res.msg,
  484. type: 'error'
  485. });
  486. }
  487. }
  488. })
  489. },
  490. // 友情链接
  491. frihde(){
  492. var that = this
  493. let hes = {isBottom:'Y'}
  494. $.ajax({
  495. url: 'http://192.168.101.243:8090/dev-api/gateway/query/getFriendLink',
  496. type: 'post',
  497. data: hes,
  498. dataType: 'json',
  499. success: function(res) {
  500. if (res.code == 200) {
  501. // indextitlw
  502. that.bootewfr = res.data
  503. } else {
  504. that.$message({
  505. message: res.msg,
  506. type: 'error'
  507. });
  508. }
  509. }
  510. })
  511. },
  512. inpubie() {
  513. console.log(this.inpute)
  514. },
  515. nhyesee() {
  516. console.log(this.inpute)
  517. },
  518. tabcl(index, val) {
  519. this.nue = index
  520. if (val == 1) {
  521. this.ulrw = index.html
  522. } else {
  523. this.ulrw = 'djdt.html?id=' + val
  524. }
  525. console.log(index, val)
  526. },
  527. jeuese(index) {
  528. console.log(index)
  529. if (index == 1) {
  530. this.ulrw = index.html
  531. } else {
  532. this.ulrw = 'djdt.html?id=' + index
  533. }
  534. },
  535. // 获取路由参数
  536. getQueryString(name) {
  537. try {
  538. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
  539. var r = window.location.href.split('?')[1].match(reg);
  540. console.log(reg, r)
  541. if (r != null) {
  542. return r[2];
  543. }
  544. return ""; //如果此处只写return;则返回的是undefined
  545. } catch (e) {
  546. return ""; //如果此处只写return;则返回的是undefined
  547. }
  548. },
  549. // 新闻标题点击
  550. newsti(val,index){
  551. this.newaNuber = val
  552. this.dheyw = index
  553. this.newslieu(val)
  554. },
  555. // 底部查看更多
  556. gentg(index){
  557. if(index){
  558. // console.log(index,34)
  559. window.location.href = 'jcfanw.html?id=' + index
  560. }else{
  561. // console.log(234)
  562. window.location.href = 'jcfanw.html'
  563. }
  564. }
  565. }
  566. })
  567. </script>
  568. <script type="text/javascript">
  569. function tab1(o1, o2, c, e) {
  570. o1.each(function(i) {
  571. $(this).bind(e, function() {
  572. o2.hide().eq(i).show();
  573. o1.removeClass(c);
  574. $(this).addClass(c);
  575. })
  576. if ($(this).hasClass(c)) {
  577. $(this).addClass(c);
  578. o2.hide().eq(i).show();
  579. }
  580. })
  581. }
  582. tab1($("#ieut label"), $("#news_tab ul"), "hdiu", "mouseover");
  583. </script>
  584. <!-------------------------------------- MAINER-ENDED -------------------------------------->
  585. <!-------------------------------------- FOOTER-START -------------------------------------->
  586. <!-------------------------------------- MAINER-ENDED -------------------------------------->
  587. <!--移动'vendor'目录后,注意修改'vendor\vendor.js'内引用文件的'src'路径以匹配该html-->
  588. <script src="static/js/footer.js" type="text/javascript" charset="utf-8"></script>
  589. <script src="http://www.qsqrkg.com/vendor/vendor.js"></script>
  590. <script src="static/js/script.js"></script>
  591. <script src="static/js/custom.js"></script>
  592. <script></script>
  593. </body>
  594. </html>