{"id":2823,"date":"2023-01-17T17:17:33","date_gmt":"2023-01-17T09:17:33","guid":{"rendered":"https:\/\/www.hbygxx.com\/?page_id=2823"},"modified":"2024-10-10T11:03:01","modified_gmt":"2024-10-10T03:03:01","slug":"%e9%80%9a%e7%9f%a5%e5%85%ac%e5%91%8a-2","status":"publish","type":"page","link":"https:\/\/www.hbygxx.com\/?page_id=2823","title":{"rendered":"\u901a\u77e5\u516c\u544a"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u9ed8\u8ba4\u9996\u9875<\/title>\n  <script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/yxAxios.js\"><\/script>\n  <script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/yxVue2.js\"><\/script>\n  <!-- \u5f15\u5165\u6837\u5f0f Element-UI -->\n  <link rel=\"stylesheet\" href=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/element-ui\/lib\/theme-chalk\/index.css\">\n  <!-- \u5f15\u5165\u7ec4\u4ef6\u5e93 -->\n  <script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/element-ui\/lib\/index.js\"><\/script>\n  <!-- <link rel=\"stylesheet\" href=\".\/\u901a\u77e5\u516c\u544a.css\"> -->\n  <style>\n    body {\n      margin: 0;\n      padding: 0;\n    }\n\n    #ggNews {\n      width: 100%;\n      height: 1100px;\n      background-color: #f5f5f5;\n    }\n\n    #ggNews .centerContent {\n      width: 1400px;\n      height: 100%;\n      margin: 10px auto;\n    }\n\n    #ggNews .centerContent .searchBox {\n      width: 100%;\n      height: 120px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    #ggNews .centerContent .searchBox .searchInput {\n      width: 60%;\n      height: 60px;\n      line-height: 60px;\n      padding: 0 10px;\n      border: 1px solid #409eff;\n      outline: none;\n      box-sizing: border-box;\n      color: #333;\n      font-size: 16px;\n      border-top-left-radius: 5px;\n      border-bottom-left-radius: 5px;\n    }\n\n    #ggNews .centerContent .searchBox .searchBtn {\n      cursor: pointer;\n      width: 100px;\n      height: 60px;\n      background-color: #409eff;\n      color: white;\n      font-size: 16px;\n      text-align: center;\n      display: flex;\n      align-items: center;\n      justify-content: space-evenly;\n      border-top-right-radius: 5px;\n      border-bottom-right-radius: 5px;\n    }\n\n    #ggNews .centerContent .cellBox {\n      width: 100%;\n      height: 850px;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: flex-start;\n    }\n\n    #ggNews .centerContent .cellBox .cell:hover {\n      color: #409eff;\n      cursor: pointer;\n    }\n\n    #ggNews .centerContent .cellBox .cell {\n      width: calc((100% - 20px)\/2);\n      height: 150px;\n      background-color: white;\n      margin-top: 20px;\n      position: relative;\n      color: #333;\n    }\n\n    #ggNews .centerContent .cellBox .cell .timeBox {\n      width: 90px;\n      height: 100px;\n      position: absolute;\n      top: 20px;\n      left: 20px;\n      background-color: #eaeaea;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: space-evenly;\n    }\n\n    #ggNews .centerContent .cellBox .cell .timeBox .day {\n      font-size: 30px;\n      font-weight: 800;\n    }\n\n    #ggNews .centerContent .cellBox .cell .timeBox .mouth {\n      font-size: 16px;\n    }\n\n    #ggNews .centerContent .cellBox .cell .infoBox {\n      width: calc(100% - 135px);\n      height: calc(100% - 40px);\n      position: absolute;\n      top: 20px;\n      right: 5px;\n    }\n\n    #ggNews .centerContent .cellBox .cell .infoBox .tit {\n      width: 100%;\n      height: 50px;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      line-height: 50px;\n      font-size: 20px;\n    }\n\n    #ggNews .centerContent .cellBox .cell .infoBox .subTit {\n      width: 100%;\n      line-height: 30px;\n      font-size: 16px;\n    }\n\n    #ggNews .centerContent .cellBox .marginLeft {\n      margin-left: 20px;\n    }\n\n    #ggNews .centerContent .pageBox {\n      width: 100%;\n      height: 80px;\n      margin-top: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  <\/style>\n\n\n\n  <div id=\"ggNews\">\n    <div class=\"centerContent\">\n      <div class=\"searchBox\">\n        <input class=\"searchInput\" type=\"text\" placeholder=\"\u8bf7\u8f93\u5165\u6587\u7ae0\u6807\u9898\" v-model=\"searchContent\">\n        <div class=\"searchBtn\" @click=\"clickSearchBtn\"> <i class=\"el-icon-search\"><\/i>\u641c\u7d22<\/div>\n      <\/div>\n      <div class=\"cellBox\">\n        <div v-for=\"(item,idx) in dataList\" :key=\"idx\" :class=\"idx%2==0? 'cell':'cell marginLeft'\" @click=\"openWindow(item.pop_url)\">\n          <div class=\"timeBox\">\n            <span class=\"day\">{{item.time[2]}}<\/span>\n            <span class=\"mouth\">{{item.time[0]}}.{{item.time[1]}}<\/span>\n          <\/div>\n          <div class=\"infoBox\">\n            <div class=\"tit\">{{item.title}}<\/div>\n            <div class=\"subTit\">{{item.sub_title}}<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pageBox\">\n        <el-pagination background=\"\" layout=\"prev, pager, next , jumper\" :page-size=\"10\" :total=\"pageTotal\" @current-change=\"handleCurrentPageChange\" :current-page.sync=\"currentPageSync\">\n        <\/el-pagination>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n\n    var app = new Vue({\n      el: '#ggNews',\n      created() {\n        this.reloadData(0)\n      },\n      computed: {\n        currentPageSync() {\n          return this.currentPage + 1;\n        }\n      },\n      data: {\n        searchContent: '',\n        currentPage: 0,\n        pageTotal: 10,\n        dataList: [],\n\n      },\n      methods: {\n        handleCurrentPageChange(page) {\n          this.reloadData(page - 1)\n        },\n\n        clickSearchBtn() {\n          this.reloadData(0)\n        },\n\n        reloadData(page) {\n          this.currentPage = page;\n          let url = 'https:\/\/www.hbygxx.com:9100\/api\/wordpress\/allnews_search';\n          let body = { 'limit': 10, 'page': page, searchText: this.searchContent };\n          let that = this;\n          axios.post(url,body).then(res => {\n              that.pageTotal = res.data.data.count;\n              let arrayAll = res.data.data.dataList;\n              arrayAll.forEach(element => {\n                  let date = element.time;\n                  let _time = date.split('T');\n                  element.time = _time[0].split('-');\n              });\n              that.dataList = res.data.data.dataList;\n          }).catch(err=>{\n            console.log(\"\u8bf7\u6c42\u62a5\u9519\u4e86\",err);\n          })\n        },\n\n        openWindow(url) {\n          window.open(url, '_blank');\n        },\n        getTimeArray(date) {\n          let year = date.getFullYear();\n          let month = date.getMonth() + 1;\n          month = month < 10 ? `0${month}` : month\n          let day = date.getDate();\n          day = day < 10 ? `0${day}` : day;\n          return [year, month, day];\n        }\n\n      }\n    })\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u9ed8\u8ba4\u9996\u9875 \u641c\u7d22 {{item.time[2]}} {{item.time[0]}}.{{item.time[1&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-2823","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2823"}],"version-history":[{"count":18,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2823\/revisions"}],"predecessor-version":[{"id":3257,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2823\/revisions\/3257"}],"wp:attachment":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}