Commit f2b15b2c by li_hongchao

省厅比中信息复/审核相关:

根据不同角色显示“地市比中信息审核"、"省厅比中信息复/审核"
审核信息查询选择查询类型不起作用
对接复核详情页,复/审核不通过必须填写意见,复/审核事件添加二次确认功能
列表处理信息时,选择状态相反操作添加原因页面,所有操作添加二次确认功能
解决信息状态显示异常问题

其他:
登录时,视频组件关闭异常问题
parent 27c5f867
export default function stRole() {
let userInfo = JSON.parse(localStorage.getItem('userInfo'))
// console.log('用户信息:', userInfo)
let username = userInfo.username
......
......@@ -64,11 +64,11 @@
</template>
<script>
import accountsLogin from "./modules/AccountsLogin.vue";
import keyLogin from "./modules/KeyLogin.vue";
import accountsLogin from './modules/AccountsLogin.vue'
import keyLogin from './modules/KeyLogin.vue'
export default {
name: "Login",
name: 'Login',
components: {
accountsLogin,
keyLogin,
......@@ -78,37 +78,38 @@ export default {
return {
loginShow: false,
// drawerHeight: null,
barcgroundUrl: require("../../assets/video/login.mp4"),
barcgroundImgUrl: require("../../assets/img/login/background.png"),
emblemUrl: require("../../assets/img/login/emblem.png"),
systemUrl: require("../../assets/img/login/system.png"),
barcgroundUrl: require('../../assets/video/login.mp4'),
barcgroundImgUrl: require('../../assets/img/login/background.png'),
emblemUrl: require('../../assets/img/login/emblem.png'),
systemUrl: require('../../assets/img/login/system.png'),
vedioCanPlay: false,
fixStyle: "",
drawerStyle: "",
fixStyle: '',
drawerStyle: '',
loginType: {
accountStatus: false, // 帐号密码登录状态
keyStatus: false, // key登录状态
},
player: null,
};
}
},
methods: {
canplay() {
this.vedioCanPlay = true;
this.vedioCanPlay = true
},
// 切换登陆状态 1 账号密码登陆 2 KEY登陆
changeLoginType(type) {
if (type === 1) {
this.loginType.accountStatus = true;
this.loginType.keyStatus = false;
this.loginType.accountStatus = true
this.loginType.keyStatus = false
} else if (type === 2) {
this.loginType.keyStatus = true;
this.loginType.accountStatus = false;
this.loginType.keyStatus = true
this.loginType.accountStatus = false
}
},
//初始化方法调用
init() {},
init() {
},
/**
* @description: 初始化视频方法
......@@ -116,7 +117,7 @@ export default {
*/
initVideo() {
this.player = this.$video(
"myVideo",
'myVideo',
{
//确定播放器是否具有用户可以与之交互的控件。没有控件,启动视频播放的唯一方法是使用autoplay属性或通过Player API。
controls: false,
......@@ -125,31 +126,35 @@ export default {
autoplay: true,
muted: true,
//建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
preload: "auto",
preload: 'auto',
//设置视频播放器的显示宽度(以像素为单位)
},
() => {
setTimeout(() => {
this.loginShow = true;
}, 50);
this.loginShow = true
}, 50)
}
);
)
},
},
created() {},
created() {
},
beforeDestroy() {
self.player.dispose();
let self = this
if (self.player) {
self.player.dispose()
}
},
mounted() {
let self = this;
this.loginType.accountStatus = true;
let self = this
this.loginType.accountStatus = true
// if (localStorage.getItem("token") !== null) {
// this.$router.push("/index");
// }
this.initVideo();
this.$bus.on("goLogin", () => {
self.player.dispose();
});
this.initVideo()
// this.$bus.on('goLogin', () => {
// self.player.dispose()
// })
// todo 初始登录 帐号密码登录选中状态
// this.init();
......@@ -197,23 +202,24 @@ export default {
// };
// window.onresize();
},
};
}
</script>
<style scoped>
.manage-page {
.manage-page {
width: 100vw;
height: 100vh;
overflow: hidden;
/* background-image: url("../../assets/img/login/login.gif"); */
background-repeat: no-repeat;
background-size: 100% 100%;
}
div {
}
div {
/*display: inline-block;*/
}
}
.el-button--text {
.el-button--text {
width: 108px;
height: 24px;
color: #5f7b9d;
......@@ -221,12 +227,13 @@ div {
font-weight: 300;
line-height: 24px;
font-family: MicrosoftYaHei;
}
}
.active {
.active {
color: #ffffff;
}
.el-button--text:focus {
}
.el-button--text:focus {
width: 108px;
height: 24px;
color: #ffffff;
......@@ -234,56 +241,58 @@ div {
line-height: 24px;
font-weight: 300;
font-family: MicrosoftYaHei;
}
}
/*高度 宽度 适配*/
/*.homepage_hero_module,*/
/*.video_container {*/
/* position: relative;*/
/* height: 100vh;*/
/* overflow: hidden;*/
/*}*/
/*高度 宽度 适配*/
/*.homepage_hero_module,*/
/*.video_container {*/
/* position: relative;*/
/* height: 100vh;*/
/* overflow: hidden;*/
/*}*/
/* .homepage_hero_module {
/* .homepage_hero_module {
width: 1920px;
height: 1080px;
} */
.video_container {
} */
.video_container {
height: 100%;
}
.video_container .poster img,
.video_container video {
}
.video_container .poster img,
.video_container video {
z-index: 0;
position: absolute;
height: 100vh;
width: 100vw;
}
.video_container video source {
}
.video_container video source {
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
}
}
.video_container .filter {
.video_container .filter {
z-index: 1;
position: absolute;
background: rgba(0, 0, 0, 0.5);
/*opacity: 0.5;*/
}
}
/*滑动进入*/
.right-slide-enter,
.right-slide-leave-active {
/*滑动进入*/
.right-slide-enter,
.right-slide-leave-active {
transform: translateX(430px);
}
}
.right-slide-leave-active,
.right-slide-enter-active {
.right-slide-leave-active,
.right-slide-enter-active {
transition: all 0.8s;
}
}
@keyframes fade-in {
@keyframes fade-in {
0% {
opacity: 0;
}
......@@ -296,9 +305,9 @@ div {
opacity: 1;
}
/*结束状态 透明度为1*/
}
}
@-webkit-keyframes fade-in {
@-webkit-keyframes fade-in {
/*针对webkit内核*/
0% {
opacity: 0;
......@@ -309,15 +318,15 @@ div {
100% {
opacity: 1;
}
}
}
/*#wrapper {*/
/* animation: fade-in;!*动画名称*!*/
/* animation-duration: 1.5s;!*动画持续时间*!*/
/* -webkit-animation:fade-in 1.5s;!*针对webkit内核*!*/
/*}*/
/*#wrapper {*/
/* animation: fade-in;!*动画名称*!*/
/* animation-duration: 1.5s;!*动画持续时间*!*/
/* -webkit-animation:fade-in 1.5s;!*针对webkit内核*!*/
/*}*/
.login_main_layer {
.login_main_layer {
height: 100%;
width: 600px;
position: fixed;
......@@ -328,50 +337,53 @@ div {
/*opacity: 0.5;*/
background: rgba(36, 54, 76, 0.5);
/*background-color: #24364c;*/
}
}
.magin_left_right30 {
.magin_left_right30 {
margin: 0 30px 0 30px;
}
}
.margin_top25_bottom10 {
.margin_top25_bottom10 {
margin: 25px 0 10px 0;
}
}
.font_color {
.font_color {
color: #5f7b9d;
size: 18px;
}
}
.login_emblem {
.login_emblem {
width: 94px;
height: 99px;
z-index: 10;
margin-bottom: 10px;
opacity: 1;
}
.video-js {
}
.video-js {
background-color: transparent !important;
}
.login_system {
}
.login_system {
width: 255px;
height: 55px;
opacity: 1;
z-index: 10;
}
}
.login_top_layer {
.login_top_layer {
margin-top: 20%;
margin-bottom: 50px;
}
}
.login_bottom_layer {
.login_bottom_layer {
position: absolute;
bottom: 40px;
right: 196.5px;
/*margin-bottom: 40px;*/
}
.video-js {
}
.video-js {
position: static !important;
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment