|
@@ -1,177 +0,0 @@
|
|
-<template>
|
|
|
|
- <div class="regulations">
|
|
|
|
- <header-nav :id="id"/>
|
|
|
|
-
|
|
|
|
- <div class="w sharonPic">
|
|
|
|
- <img src="../../assets/image/shalong.jpg">
|
|
|
|
- </div>
|
|
|
|
- <!-- 沙龙内容部分 -->
|
|
|
|
- <div class="w sharoncont">
|
|
|
|
-
|
|
|
|
- <div class="wthree shaIcon">
|
|
|
|
- 法规
|
|
|
|
- </div>
|
|
|
|
- <img src="../../assets/image/sl.png" class="icon">
|
|
|
|
-
|
|
|
|
- <div class="wseven shamatter">
|
|
|
|
- <div class="shuIcon"></div>
|
|
|
|
- <div class="hengIcon"></div>
|
|
|
|
- <ul >
|
|
|
|
- <li v-for="(item, index) in DataList" :key="id" @click="Jump(item.id)">
|
|
|
|
- <div class="left pic">
|
|
|
|
- <img :src="item.photoUrl">
|
|
|
|
- </div>
|
|
|
|
- <div class="newcont">
|
|
|
|
- <h5>{{item.title}}</h5>
|
|
|
|
- <p>{{item.newsAbstract}}</p>
|
|
|
|
- </div>
|
|
|
|
- </li>
|
|
|
|
- </ul>
|
|
|
|
- <!-- 分页 -->
|
|
|
|
- <div class="block">
|
|
|
|
- <el-pagination
|
|
|
|
- @size-change="handleSizeChange"
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
- :current-page="current"
|
|
|
|
- :page-size="pagesize"
|
|
|
|
- background
|
|
|
|
- layout="prev, pager, next"
|
|
|
|
- :total="total">
|
|
|
|
- </el-pagination>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
- <footer-nav/>
|
|
|
|
- </div>
|
|
|
|
-</template>
|
|
|
|
-
|
|
|
|
-<script type="text/javascript">
|
|
|
|
-import headerNav from '@/components/header';
|
|
|
|
-import footerNav from '@/components/footer';
|
|
|
|
-export default {
|
|
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- id: 5,
|
|
|
|
- current: 1,
|
|
|
|
- pagesize: 10,
|
|
|
|
- // 总共有多少条数据
|
|
|
|
- total: 0,
|
|
|
|
- DataList: []
|
|
|
|
- };
|
|
|
|
- },
|
|
|
|
- components: {
|
|
|
|
- headerNav,
|
|
|
|
- footerNav
|
|
|
|
- },
|
|
|
|
- created() {
|
|
|
|
- this.loadData();
|
|
|
|
- },
|
|
|
|
- methods: {
|
|
|
|
- async loadData() {
|
|
|
|
- const response = await this.$http.get(`biz/newsArticles/${15}?¤t=${this.current}&size=${this.pagesize}`);
|
|
|
|
- if (response.data.code === 1) {
|
|
|
|
- this.DataList = response.data.responseData.records;
|
|
|
|
- this.total = response.data.responseData.total;
|
|
|
|
- // console.log(response.data.responseData)
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- //跳转
|
|
|
|
- Jump(id){
|
|
|
|
- window.open('/newsDetails/'+ id);
|
|
|
|
- },
|
|
|
|
- // 分页方法
|
|
|
|
- handleSizeChange(val) {
|
|
|
|
- this.pagesize = val;
|
|
|
|
- this.loadData();
|
|
|
|
- console.log(`每页 ${val} 条`);
|
|
|
|
- },
|
|
|
|
- handleCurrentChange(val) {
|
|
|
|
- this.current = val;
|
|
|
|
- this.loadData();
|
|
|
|
- console.log(`当前页: ${val}`);
|
|
|
|
- },
|
|
|
|
- }
|
|
|
|
-};
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style type="text/css">
|
|
|
|
-.regulations {
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-.regulations .sharonPic {
|
|
|
|
- overflow: hidden;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- height: 300px;
|
|
|
|
-}
|
|
|
|
-.regulations .sharonPic img {
|
|
|
|
- height: 100%;
|
|
|
|
- width: 100%;
|
|
|
|
-}
|
|
|
|
-.regulations .sharoncont {
|
|
|
|
-
|
|
|
|
- position: relative;
|
|
|
|
-}
|
|
|
|
-.regulations .sharoncont .icon {
|
|
|
|
- position: absolute;
|
|
|
|
- left: -11px;
|
|
|
|
- top: 13px;
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-.regulations .shaIcon {
|
|
|
|
- position: relative;
|
|
|
|
- border: 1px solid #cccccc;
|
|
|
|
- height: 120px;
|
|
|
|
- line-height: 120px;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- text-align: center;
|
|
|
|
-
|
|
|
|
-}
|
|
|
|
-.regulations .shamatter {
|
|
|
|
- border: 1px solid #cccccc;
|
|
|
|
- margin-top: 20px;
|
|
|
|
-}
|
|
|
|
-.regulations .shamatter .shuIcon {
|
|
|
|
- width: 4px;
|
|
|
|
- background-color: #79c71e;
|
|
|
|
- height: 15px;
|
|
|
|
- margin-top: 10px;
|
|
|
|
- margin-left: 8px;
|
|
|
|
-}
|
|
|
|
-.regulations .shamatter .hengIcon {
|
|
|
|
- width: 100%;
|
|
|
|
- background-color: #79c71e;
|
|
|
|
- height: 4px;
|
|
|
|
- margin-top: 10px;
|
|
|
|
-}
|
|
|
|
-.regulations .shamatter li {
|
|
|
|
- overflow: hidden;
|
|
|
|
- margin-top: 15px;
|
|
|
|
- border-top: 1px solid #ccc;
|
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
|
- cursor:pointer;
|
|
|
|
-}
|
|
|
|
-.regulations .shamatter li .pic {
|
|
|
|
- overflow: hidden;
|
|
|
|
- width: 100px;
|
|
|
|
- height: 80px;
|
|
|
|
- margin-left: 10px;
|
|
|
|
-}
|
|
|
|
-.regulations .shamatter li .pic img{
|
|
|
|
- width: 100%;
|
|
|
|
- height: 100%;
|
|
|
|
-}
|
|
|
|
-.regulations .shamatter li .newcont {
|
|
|
|
- overflow: hidden;
|
|
|
|
- padding-left: 10px;
|
|
|
|
-}
|
|
|
|
-.regulations .shamatter li .newcont h5{
|
|
|
|
- font-size: 16px;
|
|
|
|
- padding-top: 5px;
|
|
|
|
-}
|
|
|
|
-.regulations .shamatter li .newcont p{
|
|
|
|
- font-size: 12px;
|
|
|
|
- padding-top: 5px;
|
|
|
|
-}
|
|
|
|
-</style>
|
|
|