news_body.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <html class="">
  3. <!--STATUS OK-->
  4. <head>
  5. <meta name="referrer" content="always" />
  6. <meta charset='utf-8' />
  7. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="x-dns-prefetch-control" content="on">
  9. <meta name="description" content="">
  10. <meta name="format-detection" content="telephone=no" />
  11. <link rel="stylesheet" type="text/css" href="../../../../../css/css/vant-ui.css" />
  12. <link rel="stylesheet" type="text/css" href="../../../../../css/css/iconfont.css">
  13. <link rel="stylesheet" type="text/css" href="../../../../../css/css/main.css" />
  14. <script src="../../../../../script/js/vue.js"></script>
  15. <script src="../../../../../script/js/vant-ui.js"></script>
  16. <script src="../../../../../script/js/main.js"></script>
  17. <title></title>
  18. </head>
  19. <style>
  20. *{
  21. margin: 0;
  22. padding: 0;
  23. }
  24. .cctv-about-my {
  25. padding:30px 20px 100px;
  26. font-family: 微软雅黑;
  27. background-color: #fff;
  28. }
  29. .title{
  30. font-size: 20px;
  31. line-height: 1.5;
  32. text-align: left;
  33. }
  34. .main {
  35. margin-top: 40px;
  36. }
  37. .main video {
  38. width: 100%;
  39. }
  40. .content {
  41. margin-top: 20px;
  42. border-top:solid 1px rgb(0, 149, 255);
  43. line-height: 2;
  44. font-size: 16px;
  45. color: rgb(38, 38, 38);
  46. }
  47. .content .part {
  48. margin-top: 10px;
  49. text-indent: 2em;
  50. }
  51. </style>
  52. <body>
  53. <div id="app">
  54. <div class="pageView dingdanxiangqing">
  55. <div class="cctv-about-my">
  56. <h1 class="title">《新闻联播》头条报道赛轮集团</h1>
  57. <div class="main">
  58. <div class="video">
  59. <video id="myVideo"
  60. poster="https://b2bcnfile.sailuntire.com/upload/app/wechat/homePage/img.jpg?v=1"
  61. src="https://b2bcnfile.sailuntire.com/upload/app/wechat/homePage/sailun.m4v"
  62. @play="handlePlay"
  63. controls></video>
  64. </div>
  65. <div class="content">
  66. <div class="part">1月8日央视《新闻联播》头条对赛轮集团工业互联网建设成果进行了重点报道。目前,赛轮工厂通过工业互联网的应用,能够真正做到全链接的智能制造。 过去研发一款新产品要用半年时间测试上万条轮胎,而现在通过大数据和机理模型,首条新品下线就能达到标准要求。</div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </body>
  73. <script type="text/javascript" src="../../../../../script/api.js"></script>
  74. <script type="text/javascript" src="../../../../../script/httpRequest.js"></script>
  75. <script type="text/javascript" src="../../../../../script/vue_plugins.js"></script>
  76. <script type="text/javascript" src="../../../../../script/js/moment.js"></script>
  77. <script type="text/javascript">
  78. apiready = function(){
  79. new Vue({
  80. el: '#app',
  81. data: {
  82. tapTime: api.pageParam.dateTime,
  83. showTime: "",
  84. kunnr: $api.getStorage('kunnr')
  85. },
  86. methods : {
  87. handlePlay: function(){
  88. this.showTime = moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
  89. var _this = this;
  90. api.ajax({
  91. url: 'http://b2bcnapi.sailuntire.com/allstell/app/sailun/appNewsCount/save',
  92. method: 'post',
  93. headers : {
  94. "Content-type" : "application/json"
  95. },
  96. data: {
  97. "body":{
  98. "account": _this.kunnr,
  99. "appType": "3",
  100. "id": 0,
  101. "showTime": this.showTime,
  102. "tapTime": this.tapTime?this.tapTime:this.showTime
  103. }
  104. }
  105. },function(ret, err){
  106. // 不做提示
  107. });
  108. }
  109. },
  110. mounted : function(){
  111. }
  112. })
  113. }
  114. </script>
  115. </html>