11

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,78 +39,85 @@
 </template>
 
 <script>
-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);
+    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);
+            }
         }
-    }
-};
+    };
 </script>
 <style lang="less" scoped>
-.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;
-    }
-}
+    .content_title {
+        height: 60px;
+        line-height: 60px;
+        box-sizing: border-box;
+        padding-bottom: 20px;
+        border-bottom: #f2f3f5 1px solid;
 
-.notice {
-    margin-top: 20px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    cursor: pointer;
-    &:hover .notice_con div {
-        color: #bf1616;
+        > span {
+            font-size: 16px;
+            color: #000000;
+            line-height: 30px;
+            font-weight: 700;
+        }
     }
-    .notice_con {
-        i {
-            float: left;
-            width: 4px;
-            height: 4px;
-            background: #e3e4e6;
-            margin: 10px 6px 10px 0px;
+
+    .notice {
+        margin-top: 20px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        cursor: pointer;
+
+        &:hover .notice_con div {
+            color: #bf1616;
         }
-        div {
-            float: left;
-            width: 755px;
+
+        .notice_con {
+            i {
+                float: left;
+                width: 4px;
+                height: 4px;
+                background: #e3e4e6;
+                margin: 10px 6px 10px 0px;
+            }
+
+            div {
+                float: left;
+                width: 755px;
+                height: 24px;
+                font-size: 14px;
+                color: #000000;
+                line-height: 24px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+
+        .notice_time {
+            // width: 75px;
             height: 24px;
             font-size: 14px;
-            color: #000000;
+            color: #939599;
             line-height: 24px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
         }
     }
-    .notice_time {
-        // width: 75px;
-        height: 24px;
-        font-size: 14px;
-        color: #939599;
-        line-height: 24px;
+
+    .pagination {
+        margin-top: 40px;
+        text-align: center;
     }
-}
-.pagination {
-    margin-top: 40px;
-    text-align: center;
-}
 </style>