|
|
@@ -1,223 +1,148 @@
|
|
|
<template>
|
|
|
<div style="width: 100%; overflow: hidden; background-color: white">
|
|
|
- <sticky v-if="activeIndex==1 || activeIndex==2">
|
|
|
- <div class="top-wrapper">
|
|
|
- <router-link to="/">
|
|
|
- <img src="../assets/img/title_login.png"
|
|
|
- style="height:100px; margin-top: 2px;">
|
|
|
- </router-link>
|
|
|
-
|
|
|
- <div style="float: right;">
|
|
|
- <router-link :to="'/signup'">
|
|
|
- <el-button type="text"
|
|
|
- round>没有账户？请注册</el-button>
|
|
|
- </router-link>
|
|
|
-
|
|
|
- <el-button type="info"
|
|
|
- size="small"
|
|
|
- round
|
|
|
- @click="activeIndex=0">登录系统</el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </sticky>
|
|
|
-
|
|
|
- <div v-if="activeIndex==0">
|
|
|
- <!-- <div class="top-wrapper">
|
|
|
- <img src="../assets/img/title_login.png"
|
|
|
- style="height:100px; margin-top: 2px; margin-left: -250px;">
|
|
|
- </div>-->
|
|
|
- <div class="back-width">
|
|
|
- <div class="title_png"></div>
|
|
|
- <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-card class="box-card">
|
|
|
- <!--<div slot="header" class="clearfix">
|
|
|
- <span style="font-weight: bold;">用户登录</span>
|
|
|
- </div>-->
|
|
|
- <el-menu size="small"
|
|
|
- :default-active="activeIndex+''"
|
|
|
- @select="handleSelect"
|
|
|
- mode="horizontal">
|
|
|
- <el-menu-item index="0">
|
|
|
- <i class="el-icon-tickets"></i>
|
|
|
- <span><b>登录</b></span>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="1">
|
|
|
- <i class="el-icon-bell"></i>
|
|
|
- <span><b>通知通告</b></span>
|
|
|
- </el-menu-item>
|
|
|
- <el-menu-item index="2">
|
|
|
- <i class="el-icon-document"></i>
|
|
|
- <span><b>资料下载</b></span>
|
|
|
- </el-menu-item>
|
|
|
- </el-menu>
|
|
|
- <el-row>
|
|
|
- <!--<el-col :span="12">
|
|
|
- <div class="demo-image__placeholder">
|
|
|
- <div class="block">
|
|
|
- <img style="width: 280px; height: 280px; margin-top: 15px" src="../assets/img/login_left.png" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-col>-->
|
|
|
- <el-col :span="24">
|
|
|
- <el-form class="login-form"
|
|
|
- auto-complete="off"
|
|
|
- :model="model"
|
|
|
- :rules="rules"
|
|
|
- ref="user"
|
|
|
- label-position="left">
|
|
|
- <el-form-item style="margin-top:20px"
|
|
|
- label=""
|
|
|
- prop="username">
|
|
|
- <el-input prefix-icon="el-icon-user-solid"
|
|
|
- type="text"
|
|
|
- v-model="model.username"
|
|
|
- placeholder="请输入用户名">
|
|
|
- <el-select v-model="loginMode"
|
|
|
- slot="append"
|
|
|
- placeholder="登录类型"
|
|
|
- style="width: 125px;">
|
|
|
- <el-option label="PTR认证"
|
|
|
- :value="2"></el-option>
|
|
|
- <el-option label="普通账户"
|
|
|
- :value="1"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item style="margin-top:20px"
|
|
|
- label=""
|
|
|
- prop="password">
|
|
|
- <el-input type="password"
|
|
|
- prefix-icon="el-icon-s-goods"
|
|
|
- v-model="model.password"
|
|
|
- placeholder="请输入密码" />
|
|
|
- </el-form-item>
|
|
|
- <el-row>
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item style="margin-top:10px"
|
|
|
- label=""
|
|
|
- prop="verifycode">
|
|
|
- <el-input v-model="model.verifycode"
|
|
|
- prefix-icon="el-icon-view"
|
|
|
- placeholder="请输入验证码"
|
|
|
- @keyup.enter.native="loginall()"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item>
|
|
|
- <div class="identifybox">
|
|
|
- <div @click="refreshCode"
|
|
|
- title="看不清，换一张">
|
|
|
- <s-identify :identifyCode="identifyCode"></s-identify>
|
|
|
- </div>
|
|
|
- <!-- <el-button @click="refreshCode" type='text' class="textbtn">看不清，换一张</el-button> -->
|
|
|
+ <div class="back-width">
|
|
|
+ <div class="title_png"></div>
|
|
|
+ <div class="login-body">
|
|
|
+ <section class="login">
|
|
|
+ <el-card class="box-card">
|
|
|
+ <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>
|
|
|
+ </div>
|
|
|
+ <!--<el-menu size="small"
|
|
|
+ :default-active="activeIndex+''"
|
|
|
+ @select="handleSelect"
|
|
|
+ mode="horizontal">
|
|
|
+ <el-menu-item index="0">
|
|
|
+ <i class="el-icon-tickets"></i>
|
|
|
+ <span><b>登录</b></span>
|
|
|
+ </el-menu-item>
|
|
|
+ </el-menu>-->
|
|
|
+ <el-row :gutter="8">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form class="login-form"
|
|
|
+ auto-complete="off"
|
|
|
+ :model="model"
|
|
|
+ :rules="rules"
|
|
|
+ ref="user"
|
|
|
+ label-position="left">
|
|
|
+ <el-form-item style="margin-top:5px"
|
|
|
+ label=""
|
|
|
+ prop="username">
|
|
|
+ <el-input prefix-icon="el-icon-user-solid"
|
|
|
+ type="text"
|
|
|
+ v-model="model.username"
|
|
|
+ placeholder="请输入用户名">
|
|
|
+ <el-select v-model="loginMode"
|
|
|
+ slot="append"
|
|
|
+ placeholder="登录类型"
|
|
|
+ style="width: 125px;">
|
|
|
+ <el-option label="PTR认证"
|
|
|
+ :value="2"></el-option>
|
|
|
+ <el-option label="普通账户"
|
|
|
+ :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item style="margin-top:20px"
|
|
|
+ label=""
|
|
|
+ prop="password">
|
|
|
+ <el-input type="password"
|
|
|
+ prefix-icon="el-icon-s-goods"
|
|
|
+ v-model="model.password"
|
|
|
+ placeholder="请输入密码" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="16">
|
|
|
+ <el-form-item style="margin-top:10px"
|
|
|
+ label=""
|
|
|
+ prop="verifycode">
|
|
|
+ <el-input v-model="model.verifycode"
|
|
|
+ prefix-icon="el-icon-view"
|
|
|
+ placeholder="请输入验证码"
|
|
|
+ @keyup.enter.native="loginall()"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item>
|
|
|
+ <div class="identifybox">
|
|
|
+ <div @click="refreshCode"
|
|
|
+ title="看不清，换一张">
|
|
|
+ <s-identify :identifyCode="identifyCode"></s-identify>
|
|
|
</div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-button type="primary"
|
|
|
- :loading="loading"
|
|
|
- @click="loginall()">{{ loading ? '登录中...' : '登录' }}</el-button>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <router-link :to="'/signup'">
|
|
|
- <el-button type="text"
|
|
|
- round>没有账户？请注册</el-button>
|
|
|
- </router-link>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <router-link :to="'/passwordback'">
|
|
|
- <el-button type="text"
|
|
|
- round>忘记密码？</el-button>
|
|
|
- </router-link>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <router-link :to="'/loginclient'">
|
|
|
+ <!-- <el-button @click="refreshCode" type='text' class="textbtn">看不清，换一张</el-button> -->
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-button type="primary"
|
|
|
+ :loading="loading"
|
|
|
+ @click="loginall()">{{ loading ? '登录中...' : '登录' }}</el-button>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <router-link :to="'/signup'">
|
|
|
<el-button type="text"
|
|
|
- round>体验最新登录版本</el-button>
|
|
|
+ round>没有账户？请注册</el-button>
|
|
|
</router-link>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- </el-card>
|
|
|
- </section>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="activeIndex==1">
|
|
|
- <div class="components-container-my home-wrapper-my"
|
|
|
- style="background-color: white;">
|
|
|
- <el-table :data="noticeList"
|
|
|
- size="mini"
|
|
|
- height="calc(100vh - 180px)"
|
|
|
- style="width: 100%;">
|
|
|
- <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>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-if="activeIndex==2">
|
|
|
- <div class="components-container-my home-wrapper-my"
|
|
|
- style="background-color: white">
|
|
|
- <el-table :data="fileList"
|
|
|
- height="calc(100vh - 180px)"
|
|
|
- size="mini"
|
|
|
- style="width: 100%;">
|
|
|
- <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>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <router-link :to="'/passwordback'">
|
|
|
+ <el-button type="text"
|
|
|
+ round>忘记密码？</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>
|
|
|
+
|
|
|
+ <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>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ </el-card>
|
|
|
+ </section>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!--<div>
|
|
|
- <footer class="login-footer"
|
|
|
- style="color:#A9A9A9;font-size:12px;text-align:center;">
|
|
|
- <div>©企管法规处 版权所有</div>
|
|
|
- <div>建议使用谷歌浏览器访问本网站</div>
|
|
|
- </footer>
|
|
|
- </div>-->
|
|
|
- <!--<div>
|
|
|
- <footer class="login-footer1">
|
|
|
- <div
|
|
|
- class="foot-wrapper"
|
|
|
- style="height: 30px; background-color: transparent; color:#A9A9A9; padding-top: 10px; text-align: right"
|
|
|
- >©企管法规处 版权所有</div>
|
|
|
- </footer>
|
|
|
- </div>-->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -654,10 +579,8 @@ export default class Login extends Vue {
|
|
|
}
|
|
|
|
|
|
.login {
|
|
|
- /*flex: 1;
|
|
|
- width: 100%;*/
|
|
|
position: relative;
|
|
|
- max-width: 27rem;
|
|
|
+ max-width: 52rem;
|
|
|
margin: 0 auto; /*水平居中*/
|
|
|
top: 50%; /*偏移*/
|
|
|
transform: translateY(-50%);
|
yuedefeng