登录页面 通知通告 资料下载表样式

src/dashoo.cn/frontend_web/src/pages/datadown.vue

@@ -15,12 +15,12 @@
       </div>
     </sticky>
 
-    <div style="background-color: white; margin: 0 auto;">
+    <div style="background-color: white; width: 60%; margin: 0 auto;">
 
         <el-table :data="noticeList"
-                  border
                   size="mini"
-                  style="width: 1004px;">
+                  stripe
+                  highlight-current-row>
           <el-table-column prop="Name"
                             align="center"
                             label="通知">
@@ -32,11 +32,12 @@
           </el-table-column>
           <el-table-column prop="CreateOn"
                             label="发布时间"
+                           align="center"
                             width="141">
-            <template slot-scope="scope">{{ jstimehandle(scope.row.CreateOn+'') }}</template>
+            <template slot-scope="scope">{{ jsTImeHandle(scope.row.CreateOn+'') }}</template>
           </el-table-column>
           <el-table-column width="80">
-            <template slot-scope="scope"><span style="font-size: 15px; color: #f13f40">{{strnew(scope.row.CreateOn+'') }}</span></template>
+            <template slot-scope="scope"><span style="font-size: 15px; color: #f13f40">{{strNew(scope.row.CreateOn+'') }}</span></template>
           </el-table-column>
         </el-table>
     </div>
@@ -89,7 +90,7 @@
               message: '请确认密码',
               trigger: 'change'
             }
-          ],
+          ]
         }
       }
     },
@@ -134,7 +135,7 @@
         return 'http://' + retUrl
       },
       // 格式化时间
-      jstimehandle (val) {
+      jsTImeHandle (val) {
         if (val === '') {
           return '----'
         } else if (val === '0001-01-01T08:00:00+08:00') {
@@ -146,12 +147,12 @@
           return val.substring(0, 10)
         }
       },
-      strnew (val) {
+      strNew (val) {
         try {
-          let b = this.jstimehandle(val).split('-')
+          let b = this.jsTImeHandle(val).split('-')
           let date = new Date(b[0], b[1], b[2])
-          let newdate = new Date()
-          if ((newdate - date) / (1000 * 60 * 60 * 24) < 30) {
+          let newDate = new Date()
+          if ((newDate - date) / (1000 * 60 * 60 * 24) < 30) {
             return '新'
           } else {
             return ''
@@ -167,11 +168,10 @@
 
   })
   export default class Register extends Vue {
-    layout() {
+    layout () {
       return 'empty'
     }
   }
-
 </script>
 
 <style lang="scss">

src/dashoo.cn/frontend_web/src/pages/documentdown.vue

@@ -15,7 +15,7 @@
       </div>
     </sticky>
 
-    <el-card style="margin: 0 auto; ">
+    <div style="background-color: white; width: 60%; margin: 0 auto; ">
       <el-table :data="fileList"
                 stripe
                 highlight-current-row
@@ -31,14 +31,15 @@
         </el-table-column>
         <el-table-column prop="CreateOn"
                          label="发布时间"
+                         align="center"
                          width="141">
-          <template slot-scope="scope">{{ jstimehandle(scope.row.CreateOn+'') }}</template>
+          <template slot-scope="scope">{{ jsTImeHandle(scope.row.CreateOn+'') }}</template>
         </el-table-column>
         <el-table-column width="80">
-          <template slot-scope="scope"><span style="font-size: 15px; color: #f13f40">{{strnew(scope.row.CreateOn+'') }}</span></template>
+          <template slot-scope="scope"><span style="font-size: 15px; color: #f13f40">{{strNew(scope.row.CreateOn+'') }}</span></template>
         </el-table-column>
       </el-table>
-    </el-card>
+    </div>
 
 
   </div>
@@ -57,12 +58,12 @@
         } else {
           this.isPass = false
         }
-      };
+      }
       return {
         activeIndex: '1',
         isVisual: false,
-        isCodePass:true,
-        isPass:true,
+        isCodePass: true,
+        isPass: true,
         fileList: [], // 文档列表
         formData: {
           UserName: '',
@@ -90,7 +91,7 @@
               message: '请确认密码',
               trigger: 'change'
             }
-          ],
+          ]
         }
       }
     },
@@ -136,7 +137,7 @@
         return 'http://' + retUrl
       },
       // 格式化时间
-      jstimehandle (val) {
+      jsTImeHandle (val) {
         if (val === '') {
           return '----'
         } else if (val === '0001-01-01T08:00:00+08:00') {
@@ -148,12 +149,12 @@
           return val.substring(0, 10)
         }
       },
-      strnew (val) {
+      strNew (val) {
         try {
-          let b = this.jstimehandle(val).split('-')
+          let b = this.jsTImeHandle(val).split('-')
           let date = new Date(b[0], b[1], b[2])
-          let newdate = new Date()
-          if ((newdate - date) / (1000 * 60 * 60 * 24) < 30) {
+          let newDate = new Date()
+          if ((newDate - date) / (1000 * 60 * 60 * 24) < 30) {
             return '新'
           } else {
             return ''
@@ -169,11 +170,10 @@
 
   })
   export default class Register extends Vue {
-    layout() {
+    layout () {
       return 'empty'
     }
   }
-
 </script>
 
 <style lang="scss">