.

src/main/jmrh/src/components/news/qusetion.vue

@@ -8,10 +8,10 @@
         <el-row>
             <div class="content_list">
                 <div
-                        class="notice"
-                        v-for="item in tableData"
-                        :key="item.id"
-                        @click="$router.push({ name: 'article', query: { id: item.id, typeId: 1108 } })"
+                    class="notice"
+                    v-for="item in tableData"
+                    :key="item.id"
+                    @click="$router.push({ name: 'article', query: { id: item.id, typeId: 1108 } })"
                 >
                     <div class="notice_con">
                         <i></i>
@@ -25,13 +25,13 @@
         </el-row>
         <el-row class="pagination">
             <el-pagination
-                    @size-change="onSizeChange"
-                    @current-change="onCurrentChange"
-                    :current-page="page"
-                    :page-sizes="[10, 20, 30, 40, 50]"
-                    :page-size="pageSize"
-                    layout="total, sizes, prev, pager, next, jumper"
-                    :total="totalElements"
+                @size-change="onSizeChange"
+                @current-change="onCurrentChange"
+                :current-page="page"
+                :page-sizes="[10, 20, 30, 40, 50]"
+                :page-size="pageSize"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="totalElements"
             >
             </el-pagination>
         </el-row>
@@ -39,85 +39,85 @@
 </template>
 
 <script>
-    import pageableTable from '@/mixins/pageableTable';
+import pageableTable from '@/mixins/pageableTable';
 
-    export default {
-        mixins: [pageableTable],
-        name: '',
-        data() {
-            return {
-                url: '/article/all',
-                query: {mainType: '通知通告', status: 'PASS'}
-            };
-        },
-        methods: {
-            beforeGetData() {
-                return {query: this.query, sort: 'createdAt,desc'};
-                // console.log(tableData);
-            }
+export default {
+    mixins: [pageableTable],
+    name: '',
+    data() {
+        return {
+            url: '/article/all',
+            query: { mainType: '通知通告', status: 'PASS' }
+        };
+    },
+    methods: {
+        beforeGetData() {
+            return { query: this.query, sort: 'createdAt,desc' };
+            // console.log(tableData);
         }
-    };
+    }
+};
 </script>
 <style lang="less" scoped>
-    .content_title {
-        height: 60px;
-        line-height: 60px;
-        box-sizing: border-box;
-        padding-bottom: 20px;
-        border-bottom: #f2f3f5 1px solid;
+.content_title {
+    height: 60px;
+    line-height: 60px;
+    box-sizing: border-box;
+    padding-bottom: 20px;
+    border-bottom: #f2f3f5 1px solid;
 
-        > span {
-            font-size: 16px;
-            color: #000000;
-            line-height: 30px;
-            font-weight: 700;
-        }
+    > span {
+        font-size: 16px;
+        color: #000000;
+        line-height: 30px;
+        font-weight: 700;
     }
+}
 
-    .notice {
-        margin-top: 20px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        cursor: pointer;
-
-        &:hover .notice_con div {
-            color: #bf1616;
-        }
+.notice {
+    margin-top: 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
 
-        .notice_con {
-            i {
-                float: left;
-                width: 4px;
-                height: 4px;
-                background: #e3e4e6;
-                margin: 10px 6px 10px 0px;
-            }
+    &:hover .notice_con div {
+        color: #bf1616;
+    }
 
-            div {
-                float: left;
-                width: 755px;
-                height: 24px;
-                font-size: 14px;
-                color: #000000;
-                line-height: 24px;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
+    .notice_con {
+        i {
+            float: left;
+            width: 4px;
+            height: 4px;
+            background: #e3e4e6;
+            margin: 10px 6px 10px 0px;
         }
 
-        .notice_time {
-            // width: 75px;
+        div {
+            float: left;
+            width: 755px;
             height: 24px;
             font-size: 14px;
-            color: #939599;
+            color: #000000;
             line-height: 24px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
     }
 
-    .pagination {
-        margin-top: 40px;
-        text-align: center;
+    .notice_time {
+        // width: 75px;
+        height: 24px;
+        font-size: 14px;
+        color: #939599;
+        line-height: 24px;
     }
+}
+
+.pagination {
+    margin-top: 40px;
+    text-align: center;
+}
 </style>