|
|
@@ -1,412 +1,340 @@
|
|
|
<template>
|
|
|
- <div style="width: 100%; overflow-y: auto" >
|
|
|
- <sticky class-name="sub-navbar2">
|
|
|
- <div class="top-wrapper">
|
|
|
- <div style="margin-top: 5px; float: left;">
|
|
|
- <router-link to="/">
|
|
|
- <img src="../assets/img/logo_dagang2.png" style="height:35px;" />
|
|
|
- </router-link>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div style="float: right;">
|
|
|
- <router-link :to="'/signup'">
|
|
|
- <el-button type="text" round>没有账户？请注册</el-button>
|
|
|
- </router-link>
|
|
|
-
|
|
|
- <router-link :to="'/logingf'">
|
|
|
- <el-button type="info" size="small" round>登录供方管理系统</el-button>
|
|
|
- </router-link>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </sticky>
|
|
|
-
|
|
|
- <div>
|
|
|
- <el-menu :default-active="activeIndex" @select="handleSelect" mode="horizontal">
|
|
|
- <el-menu-item index="0">首页</el-menu-item>
|
|
|
- <el-menu-item index="1">通知中心</el-menu-item>
|
|
|
- <el-menu-item index="2">文件下载中心</el-menu-item>
|
|
|
- </el-menu>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="back-width1" style="margin-top: 10px" v-if="activeIndex==0">
|
|
|
- <el-carousel>
|
|
|
- <el-carousel-item key="1">
|
|
|
- <img src="../assets/img/carousel/a.jpg" style="height: 100%; width: 100%">
|
|
|
- </el-carousel-item>
|
|
|
- <el-carousel-item key="2">
|
|
|
- <img src="../assets/img/carousel/b.jpg" style="height: 100%; width: 100%">
|
|
|
- </el-carousel-item>
|
|
|
- <el-carousel-item key="3">
|
|
|
- <img src="../assets/img/carousel/c.jpg" style="height: 100%; width: 100%">
|
|
|
- </el-carousel-item>
|
|
|
- </el-carousel>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="components-container home-wrapper" v-if="activeIndex==0">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <span style="color: black; font-size: large; font-weight: bold; padding-top: 20px">| 功能介绍</span>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <span style="color: black; font-size: x-small; padding-top: 20px">| 大港油田供方管理信息系统功能介绍</span>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20" style="margin-top: 0px">
|
|
|
- <el-col :span="12">
|
|
|
- <el-card :body-style="{ padding: '0px' }" style="margin-top: 0px">
|
|
|
- <img style="height: 200px" src="../assets/img/zhunrushenqing.jpg" class="image">
|
|
|
- <div style="padding: 14px;">
|
|
|
- <span style="font-weight: bold">准入申请</span>
|
|
|
- <div class="bottom clearfix">
|
|
|
- <span>物资类、技术服务类和基建类的准入申请</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-card :body-style="{ padding: '0px' }" style="margin-top: 0px">
|
|
|
- <img style="height: 200px" src="../assets/img/zengxiangshenqing.jpg" class="image">
|
|
|
- <div style="padding: 14px;">
|
|
|
- <span style="font-weight: bold">增项申请</span>
|
|
|
- <div class="bottom clearfix">
|
|
|
- <span>物资类、技术服务类和基建类的增项申请</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-card :body-style="{ padding: '0px' }">
|
|
|
- <img style="height: 200px" src="../assets/img/nianshen.jpg" class="image">
|
|
|
- <div style="padding: 14px;">
|
|
|
- <span style="font-weight: bold">年审</span>
|
|
|
- <div class="bottom clearfix">
|
|
|
- <span>物资类、技术服务类和基建类的年审</span>
|
|
|
+ <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="fileList">
|
|
|
+ <el-tabs v-model="activeName" tab-position="left">
|
|
|
+ <el-tab-pane label="通知中心" name="first">
|
|
|
+ <el-table :data="noticeList" style="width: 600px; height: 530px;" @row-click="DownloadFile">
|
|
|
+ <el-table-column prop="Name" label="通知标题">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <i class="el-icon-caret-right"></i>
|
|
|
+ <a style="margin-left: 5px">{{ scope.row.Name }}</a>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="CreateOn" label="时间" width="141">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ jstimehandle(scope.row.CreateOn+'') }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="文档下载" name="second">
|
|
|
+ <el-table :data="fileList" style="width: 600px; height: 530px;" @row-click="DownloadFile">
|
|
|
+ <el-table-column prop="Name" label="文件名">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <i class="el-icon-caret-right"></i>
|
|
|
+ <a style="margin-left: 5px">{{ scope.row.Name }}</a>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="CreateOn" label="时间" width="141">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ jstimehandle(scope.row.CreateOn+'') }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+
|
|
|
+ </section>
|
|
|
+ <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-card class="box-card">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span style="font-weight: bold;">用户登录</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-card :body-style="{ padding: '0px' }" >
|
|
|
- <img style="height: 200px" src="../assets/img/zizhibiangeng.jpg" class="image">
|
|
|
- <div style="padding: 14px;">
|
|
|
- <span style="font-weight: bold">资质变更</span>
|
|
|
- <div class="bottom clearfix">
|
|
|
- <span>已入网企业的资质变更</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-card :body-style="{ padding: '0px' }" >
|
|
|
- <img style="height: 200px" src="../assets/img/xinxibiangeng.jpg" class="image">
|
|
|
- <div style="padding: 14px;">
|
|
|
- <span style="font-weight: bold">信息变更</span>
|
|
|
- <div class="bottom clearfix">
|
|
|
- <span>已入网企业的信息变更</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-card :body-style="{ padding: '0px' }" >
|
|
|
- <img style="height: 200px" src="../assets/img/zaixianjiaofei.jpg" class="image">
|
|
|
- <div style="padding: 14px;">
|
|
|
- <span style="font-weight: bold">在线缴费</span>
|
|
|
- <div class="bottom clearfix">
|
|
|
- <span>通过此信息可在线缴费</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-card :body-style="{ padding: '0px' }" style="margin-bottom: 20px">
|
|
|
- <img style="height: 200px" src="../assets/img/zaixianchaxun.jpg" class="image">
|
|
|
- <div style="padding: 14px;">
|
|
|
- <span style="font-weight: bold">业务查询</span>
|
|
|
- <div class="bottom clearfix">
|
|
|
- <span>报表及图表的查询功能</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-card :body-style="{ padding: '0px' }" style="margin-bottom: 20px">
|
|
|
- <img style="height: 200px" src="../assets/img/zizhi.jpg" class="image">
|
|
|
- <div style="padding: 14px;">
|
|
|
- <span style="font-weight: bold">资质管理</span>
|
|
|
- <div class="bottom clearfix">
|
|
|
- <span>资质管理的统一管理功能</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="components-container home-wrapper" v-if="activeIndex==1">
|
|
|
- <el-table :data="noticeList" style="width: 100%; height: 100vh;" @row-click="DownloadFile">
|
|
|
- <el-table-column prop="Name" label="通知标题">
|
|
|
- <template slot-scope="scope">
|
|
|
- <i class="el-icon-caret-right"></i>
|
|
|
- <a style="margin-left: 5px">{{ scope.row.Name }}</a>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="CreateOn" label="时间" width="141">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ jstimehandle(scope.row.CreateOn+'') }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="components-container home-wrapper" v-if="activeIndex==2">
|
|
|
- <el-table :data="fileList" style="width: 100%; height: 100vh;" @row-click="DownloadFile">
|
|
|
- <el-table-column prop="Name" label="文件名">
|
|
|
- <template slot-scope="scope">
|
|
|
- <i class="el-icon-caret-right"></i>
|
|
|
- <a style="margin-left: 5px">{{ scope.row.Name }}</a>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="CreateOn" label="时间" width="141">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ jstimehandle(scope.row.CreateOn+'') }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <!--<div>
|
|
|
- <el-menu :default-active="activeIndex" @select="handleSelect" mode="horizontal">
|
|
|
- <el-menu-item index="1">通知中心</el-menu-item>
|
|
|
- <el-menu-item index="2">文件下载中心</el-menu-item>
|
|
|
- <!–<el-menu-item index="3">登录供方管理系统</el-menu-item>
|
|
|
- <el-menu-item index="4">账户注册</el-menu-item>–>
|
|
|
- </el-menu>
|
|
|
+ <el-form class="login-form" auto-complete="off" :model="model" :rules="rules" ref="user" label-position="top">
|
|
|
+ <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>
|
|
|
+ <router-link :to="'/signup'">
|
|
|
+ <el-button type="text" round>没有账户？请注册</el-button>
|
|
|
+ </router-link>
|
|
|
+
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+
|
|
|
+ </section>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="components-container home-wrapper">
|
|
|
-
|
|
|
- <el-card style="width: 1004px;" class="box-card" v-if="activeIndex == 1">
|
|
|
- <div slot="header">
|
|
|
- <span>
|
|
|
- <i class="icon icon-table2"></i> 通知中心
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <el-table fit :data="noticeList" style="width: 100%; height: 100vh;" @row-click="DownloadFile">
|
|
|
- <el-table-column prop="Name" label="通知标题">
|
|
|
- <template slot-scope="scope">
|
|
|
- <i class="el-icon-caret-right"></i>
|
|
|
- <a style="margin-left: 5px">{{ scope.row.Name }}</a>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="CreateOn" label="时间" width="141">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ jstimehandle(scope.row.CreateOn+'') }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-card>
|
|
|
-
|
|
|
- <el-card style="width: 1004px" class="box-card" v-if="activeIndex == 2">
|
|
|
- <div slot="header">
|
|
|
- <span>
|
|
|
- <i class="icon icon-table2"></i> 文件下载中心
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- <el-table fit :data="fileList" style="width: 100%; height: 100vh;" @row-click="DownloadFile">
|
|
|
- <el-table-column prop="Name" label="文件名">
|
|
|
- <template slot-scope="scope">
|
|
|
- <i class="el-icon-caret-right"></i>
|
|
|
- <a style="margin-left: 5px">{{ scope.row.Name }}</a>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="CreateOn" label="时间" width="141">
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ jstimehandle(scope.row.CreateOn+'') }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-card>
|
|
|
- <div>-->
|
|
|
-
|
|
|
- <div>
|
|
|
- <footer class="login-footer1" style="margin-top: 10px;">
|
|
|
- <div class="foot-wrapper" style="height: 30px; background-color: transparent; color:#A9A9A9; padding-top: 10px; text-align: right">
|
|
|
- ©大港油田信息中心 版权所有
|
|
|
- </div>
|
|
|
+ <div >
|
|
|
+ <footer class="login-footer" style="color:#A9A9A9">
|
|
|
+ ©大港油田信息中心 版权所有
|
|
|
</footer>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import Sticky from '@/components/Sticky'
|
|
|
-
|
|
|
-export default {
|
|
|
- layout () {
|
|
|
- return 'site'
|
|
|
- },
|
|
|
- name: 'StickyDemo',
|
|
|
- components: {
|
|
|
- Sticky
|
|
|
- },
|
|
|
-
|
|
|
- data () {
|
|
|
- return {
|
|
|
- noticeList: [], //通知列表
|
|
|
- fileList: [], //文档列表
|
|
|
- activeIndex: '0',
|
|
|
- activeName: 'first',
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- created () {
|
|
|
- this.initNoticeListData()
|
|
|
- this.initFileListData()
|
|
|
- },
|
|
|
-
|
|
|
- methods: {
|
|
|
- handleSelect (key, keyPath) {
|
|
|
- if (key === '0' || key === '1' || key === '2') {
|
|
|
- this.activeIndex = key
|
|
|
+ import Vue from 'vue'
|
|
|
+ import Component from 'class-component'
|
|
|
+ @Component({
|
|
|
+ data () {
|
|
|
+ // form model
|
|
|
+ // TODO: remove default values
|
|
|
+ const model = {
|
|
|
+ username: '',
|
|
|
+ password: ''
|
|
|
}
|
|
|
- },
|
|
|
- //获取通知列表
|
|
|
- initNoticeListData() {
|
|
|
- let _this = this
|
|
|
- //传递列名
|
|
|
- const params = {
|
|
|
- colName: "NoticeTab"
|
|
|
+
|
|
|
+ // form validate rules
|
|
|
+ const rules = {
|
|
|
+ username: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入用户名'
|
|
|
+ }],
|
|
|
+ password: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入密码'
|
|
|
+ }]
|
|
|
}
|
|
|
- _this.$axios.get("/document/getdocumentnameandtime", {params})
|
|
|
- .then(function (response) {
|
|
|
- _this.noticeList = response.data
|
|
|
- })
|
|
|
- .catch(function (error) {
|
|
|
- console.log(error);
|
|
|
- });
|
|
|
- },
|
|
|
- //获取文件列表
|
|
|
- initFileListData() {
|
|
|
- let _this = this
|
|
|
- //传递列名
|
|
|
- const params = {
|
|
|
- colName: "DocTab"
|
|
|
+
|
|
|
+ return {
|
|
|
+ loginMode: 1,
|
|
|
+ model: model,
|
|
|
+ rules: rules,
|
|
|
+ error: null,
|
|
|
+ loading: false,
|
|
|
+ noticeList: [], //通知列表
|
|
|
+ fileList: [], //文档列表
|
|
|
+ activeName: 'first'
|
|
|
}
|
|
|
- _this.$axios.get("/document/getdocumentnameandtime", {params})
|
|
|
- .then(function (response) {
|
|
|
- _this.fileList = response.data
|
|
|
- })
|
|
|
- .catch(function (error) {
|
|
|
- console.log(error);
|
|
|
- });
|
|
|
},
|
|
|
- //下载文件
|
|
|
- DownloadFile(row){
|
|
|
- let val = row.FileURL
|
|
|
- let urlArr = val.split('|')
|
|
|
- location.href = "http://" + urlArr[0]
|
|
|
+
|
|
|
+ created () {
|
|
|
+ this.initNoticeListData()
|
|
|
+ this.initFileListData()
|
|
|
},
|
|
|
- //格式化时间
|
|
|
- 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)
|
|
|
+
|
|
|
+ methods: {
|
|
|
+ //获取通知列表
|
|
|
+ initNoticeListData() {
|
|
|
+ let _this = this
|
|
|
+ //传递列名
|
|
|
+ const params = {
|
|
|
+ colName: "NoticeTab"
|
|
|
+ }
|
|
|
+ _this.$axios.get("/document/getdocumentnameandtime", {params})
|
|
|
+ .then(function (response) {
|
|
|
+ _this.noticeList = response.data
|
|
|
+ })
|
|
|
+ .catch(function (error) {
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取文件列表
|
|
|
+ initFileListData() {
|
|
|
+ let _this = this
|
|
|
+ //传递列名
|
|
|
+ const params = {
|
|
|
+ colName: "DocTab"
|
|
|
+ }
|
|
|
+ _this.$axios.get("/document/getdocumentnameandtime", {params})
|
|
|
+ .then(function (response) {
|
|
|
+ _this.fileList = response.data
|
|
|
+ })
|
|
|
+ .catch(function (error) {
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //下载文件
|
|
|
+ DownloadFile(row){
|
|
|
+ let val = row.FileURL
|
|
|
+ let urlArr = val.split('|')
|
|
|
+ location.href = "http://" + urlArr[0]
|
|
|
+ },
|
|
|
+ //格式化时间
|
|
|
+ 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 == '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" scoped>
|
|
|
@import '../assets/styles/base/variables';
|
|
|
|
|
|
- .components-container div {
|
|
|
- margin-top: 20px;
|
|
|
+ .back-width {
|
|
|
+ background-color: #2F79F6;
|
|
|
+ position: fixed;
|
|
|
+ margin: auto;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ top: 88px;
|
|
|
+ width: 100%;
|
|
|
+ height: 550px;
|
|
|
}
|
|
|
|
|
|
- .top-wrapper {
|
|
|
- margin: 0px auto;
|
|
|
- width: 1004px;
|
|
|
- /*text-align: right;
|
|
|
- alignment: right;*/
|
|
|
- flex-direction: row;
|
|
|
- }
|
|
|
- .home-wrapper{
|
|
|
- margin:0px auto;
|
|
|
- width: 1004px;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
+ .login-body {
|
|
|
|
|
|
- .foot-wrapper{
|
|
|
- margin:0px auto;
|
|
|
- width: 1004px;
|
|
|
- display: flex;
|
|
|
- alignment: center;
|
|
|
- align-items: center;
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
+ background: url("../assets/img/tian.png") no-repeat left 50%;
|
|
|
+ font-family: 'Open Sans', sans-serif;
|
|
|
+ background-color: #2469E8;
|
|
|
+ background-size: cover;
|
|
|
|
|
|
- .back-width1 {
|
|
|
- background-color: #2F79F6;
|
|
|
- margin: 0px auto;
|
|
|
- left: 0;
|
|
|
+ /*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;
|
|
|
- top: 20px;
|
|
|
- width: 1004px;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;*/
|
|
|
}
|
|
|
|
|
|
-
|
|
|
- .login-footer1 {
|
|
|
- background-color: #34393D;
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- /*-----------*/
|
|
|
- .time {
|
|
|
- font-size: 13px;
|
|
|
- color: #999;
|
|
|
- }
|
|
|
+ &-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%;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .bottom {
|
|
|
- margin-top: 13px;
|
|
|
- line-height: 12px;
|
|
|
- }
|
|
|
|
|
|
- .button {
|
|
|
- padding: 0;
|
|
|
- float: right;
|
|
|
}
|
|
|
|
|
|
- .image {
|
|
|
- width: 100%;
|
|
|
- display: block;
|
|
|
- }
|
|
|
+ .fileList {
|
|
|
+ /*flex: 1;
|
|
|
+ width: 100%;*/
|
|
|
+ position: fixed;
|
|
|
+ top: 95px;
|
|
|
+ left: 30px;
|
|
|
+ font-size: 0.875rem;
|
|
|
+ opacity: 0.8;
|
|
|
|
|
|
- .clearfix:before,
|
|
|
- .clearfix:after {
|
|
|
- display: table;
|
|
|
- content: "";
|
|
|
}
|
|
|
|
|
|
- .clearfix:after {
|
|
|
- clear: both
|
|
|
- }
|
|
|
-</style>
|
|
|
+ /*.nuxt-progress {
|
|
|
+ display: none;
|
|
|
+ }*/
|
|
|
|
|
|
+</style>
|
yuedefeng