登录页样式

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

@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 100%; overflow-y: auto; background-color: white">
+  <div style="width: 100%; overflow: hidden; background-color: white">
     <sticky v-if="activeIndex==1 || activeIndex==2">
       <div class="top-wrapper">
         <router-link to="/">
@@ -148,11 +148,11 @@
     </div>
 
     <div v-if="activeIndex==1">
-      <div class="components-container home-wrapper"
+      <div class="components-container-my home-wrapper-my"
            style="background-color: white;">
         <el-table :data="noticeList"
                   size="mini"
-                  height="calc(100vh-180px)"
+                  height="calc(100vh - 180px)"
                   style="width: 100%;">
           <el-table-column prop="Name"
                            label="通知标题">
@@ -173,7 +173,7 @@
     </div>
 
     <div v-if="activeIndex==2">
-      <div class="components-container home-wrapper"
+      <div class="components-container-my home-wrapper-my"
            style="background-color: white">
         <el-table :data="fileList"
                   height="calc(100vh - 180px)"
@@ -495,7 +495,7 @@ export default class Login extends Vue {
 .identifybox:hover {
   cursor: pointer;
 }
-.components-container div {
+.components-container-my div {
   margin-top: 20px;
 }
 
@@ -506,7 +506,7 @@ export default class Login extends Vue {
     alignment: right;*/
   flex-direction: row;
 }
-.home-wrapper {
+.home-wrapper-my {
   margin: 0px auto;
   width: 1004px;
   flex-direction: column;

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

@@ -1,194 +0,0 @@
-<template>
-  <div class="login-body">
-    <el-container>
-      <el-header style="height:100px">
-        <div style="top: 18px; position: relative;">
-          <img src="../assets/img/title_gongfang.png">
-        </div>
-      </el-header>
-      <el-main style="height:700px;">
-        <el-container>
-          <el-main style="height:700px; padding:5px 20px 0 15px; background-color: #D3DCE6;">
-            <div>
-              <div style="height:200px; background-color: white;">
-                <div style="padding: 10px 0 0 15px;"><img src="../assets/img/tongzhigonggao.jpg" alt="通知公告" style="height: 40px; width: 100px;"></div>
-                <div>
-                  <ul type="circle">
-                    <li>苹果</li>
-                    <li>香蕉</li>
-                    <li>柠檬</li>
-                    <li>桔子</li>
-                  </ul>
-                </div>
-              </div>
-              <div style="height:200px; background-color: white; margin: 20px 0 0 0;">
-                <div style="padding: 10px 0 0 15px;"><img src="../assets/img/ziliaoxiazai.jpg" alt="资料下载" style="height: 40px; width: 100px;"></div>
-                <div>
-                  <ul type="circle">
-                    <li v-for="item in list">
-                      {{ item.Name }} <a style="font-weight: 400; font-size: 10px;">({{ jstimehandle(item.CreateOn) }})</a>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </el-main>
-          <el-aside style="height:760px; width:300px;">
-            <div style="padding: 5px 10px 0 0;">
-              <el-form auto-complete="off" :model="model" :rules="rules" ref="user" label-position="top">
-                <p style="font-size: 20px; margin: 15px 0 5px 0; font-weight: 500;">登录</p>
-                <el-form-item label="用户名" prop="username" style="text-align:left;">
-                  <el-input type="text" v-model="model.username" placeholder="请输入用户名">
-                    <el-select v-model="loginMode" slot="append" placeholder="登录类型" style="width: 110px;">
-                      <el-option label="普通账户" :value="1"></el-option>
-                      <el-option label="PTR认证" :value="2"></el-option>
-                    </el-select>
-                  </el-input>
-                </el-form-item>
-                <el-form-item label="密码" prop="password" style="text-align:left;">
-                  <el-input type="password" v-model="model.password" placeholder="请输入密码" @keyup.enter.native="login()" />
-                </el-form-item>
-                <el-button type="primary" :loading="loading" @click="login()" style="width:100px">{{ loading ? '登录中...' : '登录' }}</el-button>
-              </el-form>
-            </div>
-          </el-aside>
-        </el-container>
-      </el-main>
-      <el-footer style="height:30px; font-size:10px; padding: 7px;">
-        <div>©大港油田信息中心 版权所有</div>
-      </el-footer>
-    </el-container>
-  </div>
-</template>
-
-<script>
-  import Vue from 'vue'
-  import Component from 'class-component'
-  @Component({
-    data() {
-      const model = {
-        username: '',
-        password: ''
-      }
-      const rules = {
-        username: [{
-          required: true,
-          message: '请输入用户名'
-        }],
-        password: [{
-          required: true,
-          message: '请输入密码'
-        }]
-      }
-
-      return {
-        list: [], //文档列表
-        loginMode: 1,
-        model: model,
-        rules: rules,
-        error: null,
-        loading: false
-      }
-    },
-    created() {
-      this.initData()
-    },
-    methods: {
-      initData() {
-        let _this = this
-        _this.$axios.get("/document/getdocumentnameandtime", {})
-          .then(function (response) {
-            _this.list = response.data
-          })
-          .catch(function (error) {
-            console.log(error);
-          });
-      },
-      jstimehandle(val) {
-        if (val === '') {
-          return '----'
-        } else if (val === '0001-01-01T08:00:00+08:00') {
-          return '----'
-        } else if (val === '5000-01-01T23:59:59+08:00') {
-          return '永久'
-        } else {
-          val = val.replace('T', ' ')
-          return val.substring(0, 10)
-        }
-      }
-    }
-  })
-  export default class Login extends Vue {
-    layout() {
-      return 'empty'
-    }
-    login() {
-      this.logging = true
-      this.$refs.user.validate(async (valid) => {
-        try {
-          if (valid) {
-            await this.$store.dispatch('auth/login', {
-              fields: {
-                username: this.model.username.replace(/(^\s*)|(\s*$)/g, ""),
-                password: this.model.password.replace(/(^\s*)|(\s*$)/g, "")
-              }
-            })
-            if (process.env.appclient == 'gfgl') {
-              this.$router.push(this.$route.query.page || '/')
-            } else if (process.env.appclient == 'cellbank') {
-              this.$router.push(this.$route.query.page || '/indexdqm')
-            } else {
-              this.$router.push(this.$route.query.page || '/')
-            }
-          }
-        } catch (e) {
-          this.$message.warning('账号或密码错误')
-        } finally {
-          this.logging = false
-        }
-      })
-    }
-    logout() {
-      this.$store.dispatch('logout')
-    }
-  }
-
-</script>
-
-<style lang="scss">
-  .el-header {
-    background-color: white;
-    text-align: center;
-    opacity:0.8;
-  }
-  
-  .el-main {
-    background-color: #E9EEF3;
-    color: #333;
-     opacity:0.9;
-  }
-
-  .el-aside {
-    background-color: #D3DCE6;
-    color: #333;
-    text-align: center;
-  }
-
-  .el-footer {
-    background-color: #B3C0D1;
-    color: #333;
-    text-align: center;
-  }
-
-  .login-body {
-     background: url("../assets/img/tian.png") no-repeat left 50%;
-    font-family: 'Open Sans', sans-serif;
-    background-color: #2469E8;
-    background-size: cover;
-
-    margin: auto;
-    width: 1000px;
-    height: 1300px;
-  }
-
-</style>

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

@@ -1,223 +0,0 @@
-<template>
-
-  <div style="height: calc(100vh); width: 100%; background-color:#FFFFFF" >
-    <img src="../assets/img/title_gongfang.png" style="height:60px; margin-top: 20px;margin-left: 100px;"  >
-    <div class="back-width">
-      <div class="login-body">
-        <section class="login">
-          <!--<header class="login-header">
-            <h1 style="text-align:center;margin-top:70px;margin-bottom:40px;"><router-link to="/"><img src="../assets/img/logo.png" style="height:80px;"></router-link></h1>
-            <el-alert v-if="error" :title="error.title" type="warning" :description="error.message" show-icon/>
-          </header>-->
-          <el-form class="login-form" auto-complete="off" :model="model" :rules="rules" ref="user" label-position="top">
-            <h2 class="heading">登录</h2>
-            <el-form-item label="用户名" prop="username">
-              <el-input type="text" v-model="model.username" placeholder="请输入用户名">
-                <el-select v-model="loginMode" slot="append" placeholder="登录类型" style="width: 110px;">
-                  <el-option label="普通账户" :value="1"></el-option>
-                  <el-option label="PTR认证" :value="2"></el-option>
-                </el-select>
-              </el-input>
-            </el-form-item>
-            <el-form-item label="密码" prop="password">
-              <el-input type="password" v-model="model.password" placeholder="请输入密码" @keyup.enter.native="login()" />
-            </el-form-item>
-            <el-button type="primary" :loading="loading" @click="login()">{{ loading ? '登录中...' : '登录' }}</el-button>
-          </el-form>
-
-        </section>
-      </div>
-    </div>
-    <div >
-      <footer class="login-footer" style="color:#A9A9A9">
-        ©大港油田信息中心 版权所有
-      </footer>
-    </div>
-  </div>
-</template>
-
-<script>
-  import Vue from 'vue'
-  import Component from 'class-component'
-  @Component({
-    data() {
-      // form model
-      // TODO: remove default values
-      const model = {
-        username: '',
-        password: ''
-      }
-
-      // form validate rules
-      const rules = {
-        username: [{
-          required: true,
-          message: '请输入用户名'
-        }],
-        password: [{
-          required: true,
-          message: '请输入密码'
-        }]
-      }
-
-      return {
-        loginMode: 1,
-        model: model,
-        rules: rules,
-        error: null,
-        loading: false
-      }
-    }
-  })
-  export default class Login extends Vue {
-    layout() {
-      return 'empty'
-    }
-    login() {
-      this.logging = true
-      this.$refs.user.validate(async (valid) => {
-        try {
-          if (valid) {
-            await this.$store.dispatch('auth/login', {
-              fields: {
-                username: this.model.username.replace(/(^\s*)|(\s*$)/g, ""),
-                password: this.model.password.replace(/(^\s*)|(\s*$)/g, "")
-              }
-            })
-            if (process.env.appclient == 'lims') {
-              this.$router.push(this.$route.query.page || '/')
-            } else if (process.env.appclient == 'cellbank') {
-              this.$router.push(this.$route.query.page || '/indexdqm')
-            } else {
-              this.$router.push(this.$route.query.page || '/')
-            }
-          }
-        } catch (e) {
-          // this.$message.warning(e.message)
-          this.$message.warning('账号或密码错误')
-        } finally {
-          this.logging = false
-        }
-      })
-    }
-    logout() {
-      this.$store.dispatch('logout')
-    }
-  }
-
-</script>
-
-<style lang="scss">
-  @import '../assets/styles/base/variables';
-
-  .back-width {
-    background-color: #2F79F6;
-    position: fixed;
-    margin: auto;
-    left: 0;
-    right: 0;
-    top: 88px;
-    width: 100%;
-    height: 550px;
-  }
-
-  .login-body {
-
-    background: url("../assets/img/tian.png") no-repeat left 50%;
-    font-family: 'Open Sans', sans-serif;
-    background-color: #2469E8;
-    background-size: cover;
-
-    /*background-size: cover;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;*/
-    /*min-height: 1050px;*/
-
-    position: absolute;
-
-    margin: auto;
-    left: -400px;
-    right: 0;
-    bottom: 0;
-    width: 899px;
-    height: 550px;
-    /*
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;*/
-  }
-
-  .login-footer {
-    font-size: 10px;
-    clear: both;
-    display: block;
-    text-align: center;
-    margin: 0px auto;
-    position: absolute;
-    bottom: 10px;
-    width: 100%;
-
-    a {
-      color: $brand-color;
-    }
-  }
-
-  .login {
-    /*flex: 1;
-    width: 100%;*/
-    position: relative;
-    max-width: 22rem;
-    top: 60px;
-    left: 850px;
-    font-size: 0.875rem;
-    opacity: 0.9;
-
-    &-header {
-      margin-bottom: 1rem;
-
-      .brand {
-        margin: 4.5rem 0 3.5rem;
-        text-align: center;
-        letter-spacing: 0.125rem;
-
-        a {
-          margin: 0;
-          color: $brand-color;
-          font: 300 3rem sans-serif;
-
-          &:hover {
-            color: $brand-hover-color;
-            text-shadow: 0 0 1rem $brand-hover-color;
-          }
-        }
-      }
-    }
-
-    &-form {
-      margin-bottom: 2.5rem;
-      padding: 1.875rem 1.25rem;
-      background: $login-form-background;
-      color: $login-form-color;
-
-      .heading {
-        margin: 0 0 1rem;
-        font-weight: 400;
-        font-size: 1.5rem;
-      }
-
-      .el-button {
-        margin-top: 0.5rem;
-        width: 100%;
-      }
-    }
-
-
-  }
-
-  .nuxt-progress {
-    display: none;
-  }
-
-</style>

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

@@ -1,194 +0,0 @@
-<template>
-  <div class="login-body">
-    <el-container>
-      <el-header style="height:100px">
-        <div style="top: 18px; position: relative;">
-          <img src="../assets/img/title_gongfang.png">
-        </div>
-      </el-header>
-      <el-main style="height:700px;">
-        <el-container>
-          <el-main style="height:700px; padding:5px 20px 0 15px; background-color: #D3DCE6;">
-            <div>
-              <div style="height:200px; background-color: white;">
-                <div style="padding: 10px 0 0 15px;"><img src="../assets/img/tongzhigonggao.jpg" alt="通知公告" style="height: 40px; width: 100px;"></div>
-                <div>
-                  <ul type="circle">
-                    <li>苹果</li>
-                    <li>香蕉</li>
-                    <li>柠檬</li>
-                    <li>桔子</li>
-                  </ul>
-                </div>
-              </div>
-              <div style="height:200px; background-color: white; margin: 20px 0 0 0;">
-                <div style="padding: 10px 0 0 15px;"><img src="../assets/img/ziliaoxiazai.jpg" alt="资料下载" style="height: 40px; width: 100px;"></div>
-                <div>
-                  <ul type="circle">
-                    <li v-for="item in list">
-                      {{ item.Name }} <a style="font-weight: 400; font-size: 10px;">({{ jstimehandle(item.CreateOn) }})</a>
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-          </el-main>
-          <el-aside style="height:760px; width:300px;">
-            <div style="padding: 5px 10px 0 0;">
-              <el-form auto-complete="off" :model="model" :rules="rules" ref="user" label-position="top">
-                <p style="font-size: 20px; margin: 15px 0 5px 0; font-weight: 500;">登录</p>
-                <el-form-item label="用户名" prop="username" style="text-align:left;">
-                  <el-input type="text" v-model="model.username" placeholder="请输入用户名">
-                    <el-select v-model="loginMode" slot="append" placeholder="登录类型" style="width: 110px;">
-                      <el-option label="普通账户" :value="1"></el-option>
-                      <el-option label="PTR认证" :value="2"></el-option>
-                    </el-select>
-                  </el-input>
-                </el-form-item>
-                <el-form-item label="密码" prop="password" style="text-align:left;">
-                  <el-input type="password" v-model="model.password" placeholder="请输入密码" @keyup.enter.native="login()" />
-                </el-form-item>
-                <el-button type="primary" :loading="loading" @click="login()" style="width:100px">{{ loading ? '登录中...' : '登录' }}</el-button>
-              </el-form>
-            </div>
-          </el-aside>
-        </el-container>
-      </el-main>
-      <el-footer style="height:30px; font-size:10px; padding: 7px;">
-        <div>©大港油田信息中心 版权所有</div>
-      </el-footer>
-    </el-container>
-  </div>
-</template>
-
-<script>
-  import Vue from 'vue'
-  import Component from 'class-component'
-  @Component({
-    data() {
-      const model = {
-        username: '',
-        password: ''
-      }
-      const rules = {
-        username: [{
-          required: true,
-          message: '请输入用户名'
-        }],
-        password: [{
-          required: true,
-          message: '请输入密码'
-        }]
-      }
-
-      return {
-        list: [], //文档列表
-        loginMode: 1,
-        model: model,
-        rules: rules,
-        error: null,
-        loading: false
-      }
-    },
-    created() {
-      this.initData()
-    },
-    methods: {
-      initData() {
-        let _this = this
-        _this.$axios.get("/document/getdocumentnameandtime", {})
-          .then(function (response) {
-            _this.list = response.data
-          })
-          .catch(function (error) {
-            console.log(error);
-          });
-      },
-      jstimehandle(val) {
-        if (val === '') {
-          return '----'
-        } else if (val === '0001-01-01T08:00:00+08:00') {
-          return '----'
-        } else if (val === '5000-01-01T23:59:59+08:00') {
-          return '永久'
-        } else {
-          val = val.replace('T', ' ')
-          return val.substring(0, 10)
-        }
-      }
-    }
-  })
-  export default class Login extends Vue {
-    layout() {
-      return 'empty'
-    }
-    login() {
-      this.logging = true
-      this.$refs.user.validate(async (valid) => {
-        try {
-          if (valid) {
-            await this.$store.dispatch('auth/login', {
-              fields: {
-                username: this.model.username.replace(/(^\s*)|(\s*$)/g, ""),
-                password: this.model.password.replace(/(^\s*)|(\s*$)/g, "")
-              }
-            })
-            if (process.env.appclient == 'gfgl') {
-              this.$router.push(this.$route.query.page || '/')
-            } else if (process.env.appclient == 'cellbank') {
-              this.$router.push(this.$route.query.page || '/indexdqm')
-            } else {
-              this.$router.push(this.$route.query.page || '/')
-            }
-          }
-        } catch (e) {
-          this.$message.warning('账号或密码错误')
-        } finally {
-          this.logging = false
-        }
-      })
-    }
-    logout() {
-      this.$store.dispatch('logout')
-    }
-  }
-
-</script>
-
-<style lang="scss">
-  .el-header {
-    background-color: white;
-    text-align: center;
-    opacity:0.8;
-  }
-  
-  .el-main {
-    background-color: #E9EEF3;
-    color: #333;
-     opacity:0.9;
-  }
-
-  .el-aside {
-    background-color: #D3DCE6;
-    color: #333;
-    text-align: center;
-  }
-
-  .el-footer {
-    background-color: #B3C0D1;
-    color: #333;
-    text-align: center;
-  }
-
-  .login-body {
-     background: url("../assets/img/tian.png") no-repeat left 50%;
-    font-family: 'Open Sans', sans-serif;
-    background-color: #2469E8;
-    background-size: cover;
-
-    margin: auto;
-    width: 1000px;
-    height: 1300px;
-  }
-
-</style>

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

@@ -1,173 +0,0 @@
-<template>
-<div class="login-body">
-  <section class="login">
-    <header class="login-header">
-      <h1 style="text-align:center;margin-top:70px;margin-bottom:40px;"><router-link to="/"><img src="../assets/img/logo.png" style="height:80px;"></router-link></h1>
-      <el-alert v-if="error" :title="error.title" type="warning" :description="error.message" show-icon/>
-    </header>
-    <el-form class="login-form" auto-complete="off" :model="model" :rules="rules" ref="user" label-position="top">
-      <h2 class="heading">登录</h2>
-      <el-form-item label="用户名" prop="username">
-        <el-input type="text" v-model="model.username" placeholder="请输入用户名" />
-      </el-form-item>
-      <el-form-item label="密码" prop="password">
-        <el-input type="password" v-model="model.password" placeholder="请输入密码"  @keyup.enter.native="login()"/>
-      </el-form-item>
-      <el-button type="primary" :loading="loading" @click="login()">{{ loading ? '登录中...' : '登录' }}</el-button>
-    </el-form>
-    <footer class="login-footer">
-      Copyright © 2018 labsop.
-    </footer>
-  </section>
-</div>
-</template>
-
-<script>
-import Vue from 'vue'
-import Component from 'class-component'
-@Component({
-  data() {
-    // form model
-    // TODO: remove default values
-    const model = {
-      username: '',
-      password: ''
-    }
-
-    // form validate rules
-    const rules = {
-      username: [{
-        required: true,
-        message: '请输入用户名'
-      }],
-      password: [{
-        required: true,
-        message: '请输入密码'
-      }]
-    }
-
-    return {
-      model: model,
-      rules: rules,
-      error: null,
-      loading: false
-    }
-  }
-})
-export default class Login extends Vue {
-  layout () {
-    return 'empty'
-  }
-  login () {
-    this.logging = true
-    this.$refs.user.validate(async (valid) => {
-      try {
-        if (valid) {
-          await this.$store.dispatch('auth/login', {
-            fields: {
-              username: this.model.username.replace(/(^\s*)|(\s*$)/g, ""),
-              password: this.model.password.replace(/(^\s*)|(\s*$)/g, "")
-              }
-          })
-          if (process.env.appclient == 'lims') {
-            this.$router.push(this.$route.query.page || '/')
-          } else if (process.env.appclient == 'cellbank') {
-            this.$router.push(this.$route.query.page || '/indexdqm')
-          } else {
-            this.$router.push(this.$route.query.page || '/')
-          }
-        }
-      } catch (e) {
-        // this.$message.warning(e.message)
-        this.$message.warning('账号或密码错误')
-      } finally {
-        this.logging = false
-      }
-    })
-  }
-  logout () {
-    this.$store.dispatch('logout')
-  }
-}
-</script>
-
-<style lang="scss">
-@import '../assets/styles/base/variables';
-.login-body {
-    background: url("../assets/img/login_bg1.jpg") no-repeat 0 0;
-    font-family: 'Open Sans', sans-serif;
-    background-size: cover;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    min-height: 1050px;
-    height: 500px;
-    background-size: cover;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
-
-.login {
-    flex: 1;
-    width: 100%;
-    max-width: 22rem;
-    margin: 0 auto;
-    font-size: 0.875rem;
-
-    &-header {
-        margin-bottom: 1rem;
-
-        .brand {
-            margin: 4.5rem 0 3.5rem;
-            text-align: center;
-            letter-spacing: 0.125rem;
-
-            a {
-                margin: 0;
-                color: $brand-color;
-                font: 300 3rem sans-serif;
-                &:hover {
-                    color: $brand-hover-color;
-                    text-shadow: 0 0 1rem $brand-hover-color;
-                }
-            }
-        }
-    }
-
-    &-form {
-        margin-bottom: 2.5rem;
-        padding: 1.875rem 1.25rem;
-        background: $login-form-background;
-        color: $login-form-color;
-
-        .heading {
-            margin: 0 0 1rem;
-            font-weight: 400;
-            font-size: 1.5rem;
-        }
-
-        .el-button {
-            margin-top: 0.5rem;
-            width: 100%;
-        }
-    }
-
-    &-footer {
-        margin-bottom: 1rem;
-        padding: 0.625rem;
-        // border: 0.0625rem solid $brand-color;
-        font-size: 0.75rem;
-        text-align: center;
-
-        a {
-            color: $brand-color;
-        }
-    }
-}
-.nuxt-progress{
-  display:none;
-}
-</style>

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

@@ -1,3 +1,4 @@
+<!--
 <template>
 
   <div style="height: calc(100vh); width: 100%; background-color:#FFFFFF" >
@@ -40,10 +41,10 @@
 
         </section>
         <section class="login">
-          <!--<header class="login-header">
+          &lt;!&ndash;<header class="login-header">
             <h1 style="text-align:center;margin-top:70px;margin-bottom:40px;"><router-link to="/"><img src="../assets/img/logo.png" style="height:80px;"></router-link></h1>
             <el-alert v-if="error" :title="error.title" type="warning" :description="error.message" show-icon/>
-          </header>-->
+          </header>&ndash;&gt;
 
             <el-card class="box-card">
               <div slot="header" class="clearfix">
@@ -162,9 +163,9 @@
       //格式化时间
       jstimehandle(val) {
         if (val === '') {
-          return '----'
+          return '&#45;&#45;&#45;&#45;'
         } else if (val === '0001-01-01T08:00:00+08:00') {
-          return '----'
+          return '&#45;&#45;&#45;&#45;'
         } else if (val === '5000-01-01T23:59:59+08:00') {
           return '永久'
         } else {
@@ -338,3 +339,4 @@
   }*/
 
 </style>
+-->

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

@@ -379,96 +379,5 @@
     clear: both
   }
 
-  .back-width {
-    background-color: #CBD1D1; /*#2F79F6*/
-    position: fixed;
-    margin: auto;
-    left: 0;
-    right: 0;
-    top: 130px;
-    width: 100%;
-    height: 550px;
-    margin-bottom: 40px;
-  }
-
-  .login-body {
-
-    background: url("../assets/img/gflogin.jpg") no-repeat left 50%;
-    font-family: 'Open Sans', sans-serif;
-    background-color: #2469E8;
-    background-size: cover;
-
-    /*background-size: cover;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;*/
-    /*min-height: 1050px;*/
-
-    position: absolute;
-
-    margin: auto;
-    left: -400px;
-    right: 0;
-    bottom: 0;
-    width: 800px;
-    height: 550px;
-    /*
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;*/
-  }
-
-  .login {
-    /*flex: 1;
-    width: 100%;*/
-    position: relative;
-    max-width: 22rem;
-    top: 60px;
-    left: 850px;
-    font-size: 0.875rem;
-    opacity: 0.9;
-
-    &-header {
-      margin-bottom: 1rem;
-
-      .brand {
-        margin: 4.5rem 0 3.5rem;
-        text-align: center;
-        letter-spacing: 0.125rem;
-
-        a {
-          margin: 0;
-          color: $brand-color;
-          font: 300 3rem sans-serif;
-
-          &:hover {
-            color: $brand-hover-color;
-            text-shadow: 0 0 1rem $brand-hover-color;
-          }
-        }
-      }
-    }
-
-    &-form {
-      /*margin-bottom: 2.5rem;
-      padding: 1.875rem 1.25rem;
-      background: $login-form-background;*/
-      color: $login-form-color;
-
-      /*.heading {
-        margin: 0 0 1rem;
-        font-weight: 400;
-        font-size: 1.5rem;
-      }*/
-
-      .el-button {
-        margin-top: 0.5rem;
-        width: 100%;
-      }
-    }
-
-
-  }
 </style>
 

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

@@ -841,96 +841,5 @@
     clear: both
   }
 
-  .back-width {
-    background-color: #CBD1D1; /*#2F79F6*/
-    position: fixed;
-    margin: auto;
-    left: 0;
-    right: 0;
-    top: 130px;
-    width: 100%;
-    height: 550px;
-    margin-bottom: 40px;
-  }
-
-  .login-body {
-
-    background: url("../assets/img/gflogin.jpg") no-repeat left 50%;
-    font-family: 'Open Sans', sans-serif;
-    background-color: #2469E8;
-    background-size: cover;
-
-    /*background-size: cover;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;*/
-    /*min-height: 1050px;*/
-
-    position: absolute;
-
-    margin: auto;
-    left: -400px;
-    right: 0;
-    bottom: 0;
-    width: 800px;
-    height: 550px;
-    /*
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;*/
-  }
-
-  .login {
-    /*flex: 1;
-    width: 100%;*/
-    position: relative;
-    max-width: 22rem;
-    top: 60px;
-    left: 850px;
-    font-size: 0.875rem;
-    opacity: 0.9;
-
-    &-header {
-      margin-bottom: 1rem;
-
-      .brand {
-        margin: 4.5rem 0 3.5rem;
-        text-align: center;
-        letter-spacing: 0.125rem;
-
-        a {
-          margin: 0;
-          color: $brand-color;
-          font: 300 3rem sans-serif;
-
-          &:hover {
-            color: $brand-hover-color;
-            text-shadow: 0 0 1rem $brand-hover-color;
-          }
-        }
-      }
-    }
-
-    &-form {
-      /*margin-bottom: 2.5rem;
-      padding: 1.875rem 1.25rem;
-      background: $login-form-background;*/
-      color: $login-form-color;
-
-      /*.heading {
-        margin: 0 0 1rem;
-        font-weight: 400;
-        font-size: 1.5rem;
-      }*/
-
-      .el-button {
-        margin-top: 0.5rem;
-        width: 100%;
-      }
-    }
-
-
-  }
 </style>