|
|
@@ -3,17 +3,17 @@
|
|
|
<div class="back-width">
|
|
|
<div class="title_png"></div>
|
|
|
<div class="login-body">
|
|
|
- <el-carousel arrow="never" indicator-position="none" height="590px">
|
|
|
+ <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">
|
|
|
- <el-card class="box-card">
|
|
|
+ <el-card class="box-card" style="background:rgba(255,255,255,0.5)">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<i class="el-icon-s-cooperation"></i>
|
|
|
<span style="font-weight: bold; margin-left: 5px">登录</span>
|
|
|
- <el-button style="float: right; padding: 3px 0" type="text">欢迎使用</el-button>
|
|
|
+ <!--<el-button style="float: right; padding: 3px 0" type="text">欢迎使用</el-button>-->
|
|
|
</div>
|
|
|
<!--<el-menu size="small"
|
|
|
:default-active="activeIndex+''"
|
|
|
@@ -25,7 +25,55 @@
|
|
|
</el-menu-item>
|
|
|
</el-menu>-->
|
|
|
<el-row :gutter="8">
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="13">
|
|
|
+ <el-table :data="noticeList"
|
|
|
+ size="mini"
|
|
|
+ style="width: 100%; height: 145px;"
|
|
|
+ :row-style="getRowstyle">
|
|
|
+ <el-table-column prop="Name" label="通知通告" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-link :href="getDownloadFile(scope.row.FileURL)"target="_blank"type="primary">{{ scope.row.Name }}</el-link>
|
|
|
+ </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-column width="80">
|
|
|
+ <template slot-scope="scope"><span style="font-size: 15px; color: #f13f40">{{strnew(scope.row.CreateOn+'') }}</span></template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <router-link style="font-size: 15px; color: black; float: right; padding: 3px 0" :underline="false" :to="'/datadown'">+更多</router-link>
|
|
|
+ <el-table :data="fileList"
|
|
|
+ size="mini"
|
|
|
+ style="width: 100%; height: 145px;"
|
|
|
+ :row-style="getRowstyle">
|
|
|
+ <el-table-column prop="Name" label="资料下载" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!--<i class="el-icon-caret-right"></i>-->
|
|
|
+ <el-link :href="getDownloadFile(scope.row.FileURL)"
|
|
|
+ target="_blank"
|
|
|
+ type="primary">{{ scope.row.Name }}</el-link>
|
|
|
+ </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-column width="80">
|
|
|
+ <template slot-scope="scope"><span style="font-size: 15px; color: #f13f40">{{strnew(scope.row.CreateOn+'') }}</span></template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <router-link style="font-size: 15px;color: black; float: right; padding: 3px 0" :underline="false" :to="'/documentdown'">+更多</router-link>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="1" content-position="center">
|
|
|
+ <div style="height: 300px; width: 1px; background-color: #cccccc; margin-left: 12px"></div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9">
|
|
|
<el-form class="login-form"
|
|
|
auto-complete="off"
|
|
|
:model="model"
|
|
|
@@ -36,7 +84,7 @@
|
|
|
label=""
|
|
|
prop="username">
|
|
|
<el-input prefix-icon="el-icon-user-solid"
|
|
|
- type="text"
|
|
|
+ type="text" style="background:rgba(255,255,255,0.5)"
|
|
|
v-model="model.username"
|
|
|
placeholder="请输入用户名">
|
|
|
<el-select v-model="loginMode"
|
|
|
@@ -83,73 +131,34 @@
|
|
|
</el-row>
|
|
|
<el-button type="primary"
|
|
|
:loading="loading"
|
|
|
- @click="loginall()">{{ loading ? '登录中...' : '登录' }}</el-button>
|
|
|
- <el-row>
|
|
|
+ @click="loginall()">{{ loading ? '登录中...' : '登录系统' }}</el-button>
|
|
|
+ <el-row style="margin-top: 5px" :gutter="10">
|
|
|
<el-col :span="12">
|
|
|
<router-link :to="'/signup'">
|
|
|
- <el-button type="text"
|
|
|
- round>没有账户?请注册</el-button>
|
|
|
+ <el-button type="plain" style="background:rgba(255,255,255,0.5)">注册账号</el-button>
|
|
|
</router-link>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<router-link :to="'/passwordback'">
|
|
|
- <el-button type="text"
|
|
|
- round>忘记密码?</el-button>
|
|
|
+ <el-button type="plain" style="background:rgba(255,255,255,0.5)">忘记密码</el-button>
|
|
|
</router-link>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</el-col>
|
|
|
- <el-col :span="1" content-position="center">
|
|
|
- <div style="height: 300px; width: 1px; background-color: #cccccc; margin-left: 12px"></div>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="11">
|
|
|
- <el-table :data="noticeList"
|
|
|
- size="mini"
|
|
|
- style="width: 100%; height: 145px;">
|
|
|
- <el-table-column prop="Name"
|
|
|
- label="通知">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-link :href="getDownloadFile(scope.row.FileURL)"
|
|
|
- target="_blank"
|
|
|
- type="primary">{{ scope.row.Name }}</el-link>
|
|
|
- </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>
|
|
|
- <router-link style="font-size: 10px; float: right; padding: 3px 0" :underline="false" :to="'/datadown'">+更多</router-link>
|
|
|
- <el-table :data="fileList"
|
|
|
- size="mini"
|
|
|
- style="width: 100%; height: 145px;">
|
|
|
- <el-table-column prop="Name"
|
|
|
- label="资料下载">
|
|
|
- <template slot-scope="scope">
|
|
|
- <!--<i class="el-icon-caret-right"></i>-->
|
|
|
- <el-link :href="getDownloadFile(scope.row.FileURL)"
|
|
|
- target="_blank"
|
|
|
- type="primary">{{ scope.row.Name }}</el-link>
|
|
|
- </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>
|
|
|
|
|
|
- <router-link style="font-size: 10px; float: right; padding: 3px 0" :underline="false" :to="'/documentdown'">+更多</router-link>
|
|
|
- </el-col>
|
|
|
</el-row>
|
|
|
|
|
|
</el-card>
|
|
|
</section>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div >
|
|
|
+ <footer class="login-footer" style="color:#A9A9A9;padding-bottom: 30px">
|
|
|
+ <span></span>
|
|
|
+ <span>推荐使用谷歌浏览器、360浏览器(极速模式)等,Chrome内核浏览器打开本系统</span>
|
|
|
+ </footer>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -206,13 +215,15 @@ import SIdentify from '@/components/VCode.vue'
|
|
|
return {
|
|
|
imgList:[
|
|
|
{
|
|
|
- url:require('../assets/img/gf20190628.png')
|
|
|
+ url:require('../assets/img/lunbo_1.jpg')
|
|
|
},{
|
|
|
url:require('../assets/img/GF002.png')
|
|
|
},{
|
|
|
url:require('../assets/img/GF003.png')
|
|
|
+ },{
|
|
|
+ url:require('../assets/img/lunbo_2.jpg')
|
|
|
}
|
|
|
- ],
|
|
|
+ ],
|
|
|
loginMode: parseInt(process.client ? (window.localStorage.getItem('loginMode') ? window.localStorage.getItem('loginMode') : 2) : 2),
|
|
|
model: model,
|
|
|
rules: rules,
|
|
|
@@ -247,6 +258,9 @@ import SIdentify from '@/components/VCode.vue'
|
|
|
SIdentify
|
|
|
},
|
|
|
methods: {
|
|
|
+ getRowstyle () {
|
|
|
+ return 'background:rgba(255,255,255,0.5)'
|
|
|
+ },
|
|
|
// 生成随机数
|
|
|
randomNum (min, max) {
|
|
|
return Math.floor(Math.random() * (max - min) + min)
|
|
|
@@ -325,6 +339,20 @@ import SIdentify from '@/components/VCode.vue'
|
|
|
return val.substring(0, 10)
|
|
|
}
|
|
|
},
|
|
|
+ strnew (val) {
|
|
|
+ try {
|
|
|
+ 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) {
|
|
|
+ return '新'
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ } catch (e) {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ },
|
|
|
handleSelect (key, keyPath) {
|
|
|
this.activeIndex = key
|
|
|
},
|
|
|
@@ -644,6 +672,12 @@ export default class Login extends Vue {
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .el-table,
|
|
|
+ .el-table__expanded-cell {
|
|
|
+ background-color: rgba(255,255,255,0.5)
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
</style>
|
|
|
|