首页修改

Signed-off-by: lijunqing <lijunqing@dashoo.cn>

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

@@ -3,18 +3,31 @@
     <div class="back-width">
       <!--<div class="title_png"></div>-->
       <!--<div class="login-body">-->
-        <!--<el-carousel  arrow indicator-position="none" height="590px" :interval="20000">-->
-          <!--<el-carousel-item v-for="(img,index) in imgList" :key="index">-->
-            <!--<img style="width: 100%; height: 100%;" v-bind:src="img.url" >-->
-          <!--</el-carousel-item>-->
-        <!--</el-carousel>-->
-        <div class="login">
-
-          <el-image
-            style="width: 100px; height: 100px"
-            :src="url"></el-image>
-          <div style="width: 420px; background:rgba(255,255,255,0.5); padding: 20px">
-            <div style="width: 380px;background:rgba(255,255,255,0.9); padding: 20px">
+      <!--<el-carousel  arrow indicator-position="none" height="590px" :interval="20000">-->
+      <!--<el-carousel-item v-for="(img,index) in imgList" :key="index">-->
+      <!--<img style="width: 100%; height: 100%;" v-bind:src="img.url" >-->
+      <!--</el-carousel-item>-->
+      <!--</el-carousel>-->
+      <section class="login"
+               :style="{'top':iTop}">
+        <div style="width:420px;text-align:center;margin-bottom:20px;">
+          <div class="msgotification"
+               @click="msgotification">
+            <img :src="url"
+                 alt="消息通知"
+                 style="width:45px;" />
+            <div>通知公告</div>
+          </div>
+          <div class="datadownload"
+               @click="datadownload">
+            <img :src="url1"
+                 alt="资料下载"
+                 style="width:45px" />
+            <div>资料下载</div>
+          </div>
+        </div>
+        <div style="width: 420px; background:rgba(255,255,255,0.5); padding: 20px">
+          <div style="width: 380px;background:rgba(255,255,255,0.9); padding: 20px">
             <el-row>
               <el-col :span="24">
                 <el-form class="login-form"
@@ -27,7 +40,8 @@
                                 label=""
                                 prop="username">
                     <el-input prefix-icon="el-icon-user-solid"
-                              type="text" style="background:rgba(255,255,255,0.8);"
+                              type="text"
+                              style="background:rgba(255,255,255,0.8);"
                               v-model="model.username"
                               placeholder="请输入用户名">
                       <el-select v-model="loginMode"
@@ -75,15 +89,18 @@
                   <el-button type="primary"
                              :loading="loading"
                              @click="loginall()">{{ loading ? '登录中...' : '登录系统' }}</el-button>
-                  <el-row style="margin-top: 5px" :gutter="10">
+                  <el-row style="margin-top: 5px"
+                          :gutter="10">
                     <el-col :span="12">
                       <router-link :to="'/signup'">
-                        <el-button type="plain" style="background:rgba(255,255,255,0.8)" >注册账号</el-button>
+                        <el-button type="plain"
+                                   style="background:rgba(255,255,255,0.8)">注册账号</el-button>
                       </router-link>
                     </el-col>
                     <el-col :span="12">
                       <router-link :to="'/passwordback'">
-                        <el-button type="plain" style="background:rgba(255,255,255,0.8)">忘记密码</el-button>
+                        <el-button type="plain"
+                                   style="background:rgba(255,255,255,0.8)">忘记密码</el-button>
                       </router-link>
                     </el-col>
                   </el-row>
@@ -92,12 +109,13 @@
 
             </el-row>
           </div>
-          </div>
         </div>
+      </section>
       <!--</div>-->
     </div>
-    <div >
-      <footer class="login-footer" style="color:#A9A9A9;padding-bottom: 30px">
+    <div>
+      <footer class="login-footer"
+              style="color:#A9A9A9;padding-bottom: 30px">
         <span style="font-size: 16px">技术支持：李琛 022-25920812<br></span>
         <span style="font-size: 16px">推荐使用谷歌浏览器、360浏览器(极速模式)等，Chrome内核浏览器打开本系统</span>
       </footer>
@@ -158,9 +176,10 @@ import SIdentify from '@/components/VCode.vue'
 
     return {
       iHeight: '',
+      iTop: '',
       imgList: [
-        {url: require('../assets/img/lunbo_1.jpg')},
-        {url: require('../assets/img/GF002.png')},
+        { url: require('../assets/img/lunbo_1.jpg') },
+        { url: require('../assets/img/GF002.png') },
         {
           url: require('../assets/img/GF003.png')
         }, {
@@ -168,7 +187,8 @@ import SIdentify from '@/components/VCode.vue'
         }
       ],
       // url: '../assets/img/title_login.png',
-      url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+      url: require('../assets/img/msgotification.png'),
+      url1: require('../assets/img/datadownload.png'),
       loginMode: parseInt(process.client ? (window.localStorage.getItem('loginMode') ? window.localStorage.getItem('loginMode') : 2) : 2),
       model: model,
       rules: rules,
@@ -206,8 +226,15 @@ import SIdentify from '@/components/VCode.vue'
     SIdentify
   },
   methods: {
+    datadownload () {
+      this.$router.push({ path: '/documentdown' })
+    },
+    msgotification () {
+      this.$router.push({ path: '/datadown' })
+    },
     thisHeightFun () {
       this.iHeight = window.innerHeight + 'px'
+      this.iTop = window.innerHeight - 630 + 'px'
     },
     getRowstyle () {
       return 'background:rgba(255,255,255,0.8)'
@@ -429,6 +456,23 @@ export default class Login extends Vue {
 <style lang="scss" scoped>
 @import "../assets/styles/base/variables";
 
+.msgotification,.datadownload {
+  width: 80px;
+  display: inline-block;
+  text-align: center;
+  font-weight: bold;
+  font-size: 20px;
+  padding-left: 45px;
+}
+
+.msgotification:hover {
+  color: #409eff;
+  cursor: pointer;
+}
+.datadownload:hover {
+  color: #409eff;
+  cursor: pointer;
+}
 .el-form-item {
   margin-bottom: 10px;
 }
@@ -524,14 +568,14 @@ export default class Login extends Vue {
   position: absolute;
   background-color: white;
   background-image: url(" ../assets/img/01login.png");
-  background-repeat:no-repeat;
+  background-repeat: no-repeat;
   background-size: cover;
   /*left: 0;*/
   /*right: 0;*/
   /*<!--top: -135px;-->*/
   /*bottom: 0;*/
   /*margin: auto;*/
-  height:100%;
+  height: 100%;
   width: 100%;
 }
 .title_png {
@@ -561,9 +605,9 @@ export default class Login extends Vue {
   width: 100%;
   height: calc(100vh - 40px);*/
 }
-  .el-carousel{
-    width: 100%;
-  }
+.el-carousel {
+  width: 100%;
+}
 .login-footer {
   font-size: 10px;
   clear: both;
@@ -583,8 +627,8 @@ export default class Login extends Vue {
   position: relative;
   max-width: 25rem;
   margin: 0 auto; /*水平居中*/
-  top: 500px; /*偏移*/
-  transform: translateY(-50%);
+  // top: 500px; /*偏移*/
+  // transform: translateY(-50%);
   font-size: 0.875rem;
   opacity: 1;
   z-index: 200;
@@ -629,7 +673,7 @@ export default class Login extends Vue {
 
   .el-table,
   .el-table__expanded-cell {
-    background-color: rgba(255,255,255,0.8)
+    background-color: rgba(255, 255, 255, 0.8);
   }
 }
 </style>