Commit a72891f4 authored by Your Name's avatar Your Name

限制角色页面

parent acd48e7c
<template>
<div class="my-tabbar">
<van-tabbar v-model="activeIndex" active-color="#EE0A24" route>
<van-tabbar-item v-for="item in iconList" :to="item.url" :key="item.title">
<van-tabbar-item @click="changeHandle(item.title, userInfo.roleList[0])" v-for="item in iconList" :to=" +userInfo.roleList[0] == 2 && item.title == '观影互动' || +userInfo.roleList[0] == 17 && item.title == '学习项目' ? '' : item.url" :key="item.title">
<span>{{item.title}}</span>
<template #icon="props">
<img :src="props.active ? item.icon.active : item.icon.inactive" />
......@@ -39,6 +39,7 @@ export default {
},
data() {
return {
userInfo: JSON.parse(sessionStorage.getItem('userInfo')),
activeIndex: this.active,
iconList: [
{
......@@ -75,6 +76,14 @@ export default {
}
]
};
},
methods: {
changeHandle(index1,index2) {
// console.log(index1,index2)
if(index1 == '观影互动' && index2 == 2 || index1 == '学习项目' && index2 == 17) {
this.$toast('暂无该权限!')
}
}
}
};
</script>
......
......@@ -8,15 +8,17 @@
<van-cell-group>
<van-field label="展板名称:" v-model="panelName" readonly />
</van-cell-group>
<p>展板导览视频:</p>
<!-- <embed type="video/mp4" :src="panelVideo" /> -->
<van-row>
<van-col span="8" style="margin-top: 50px;"><div style="vertical-align:middle;font-size:14px;">展板导览视频:</div></van-col>
<van-col span="12"> <!-- <embed type="video/mp4" :src="panelVideo" /> -->
<video
placeholder="展板导览视频" controls
width="150px"
height="100px">
        <source :src="panelVideo" type="video/mp4" />
        <source :src="panelVideo" type="video/WebM">
      </video>
       <source :src="panelVideo" type="video/mp4" />
       <source :src="panelVideo" type="video/WebM">
     </video></van-col>
</van-row>
</div>
</div>
</div>
......@@ -26,33 +28,52 @@
export default {
data() {
return {
url: 'https://www.baidu.com/h5/guide?id=1&name=长征之路&video=2', // 扫描者携带的信息参数
url: 'https://www.baidu.com/h5/guide?panelId=1&panelName=长征之路&panelVideo=https://www.runoob.com/try/demo_source/movie.mp4', // 扫描者携带的信息参数
panelId: '', // 展板id
panelName: '', // 展板名称
panelVideo:'https://www.runoob.com/try/demo_source/movie.mp4', // 展板导览视频地址
panelVideo:'', // 展板导览视频地址
u:''
};
},
created() {
// var url = window.location.href ; //获取url中"?"符后的字串
// var cs = this.url.split('?')[1]; //获取?之后的参数字符串
//alert(url+'地址');//orderCode=20200721093517378188743943022
// var cc ='';
// var cs2 = '';
// if (cs.length > 0)
// {
// cs = cs.replace('id=', ''); // 去除参数名称
// var cc =cs.split('&')[0];//获取展板id
// var cs3 = cs.split('&')[1];
// var ccs = cs3.replace('name=', '') // 获取展板名称
// var cs1 = cs.split('&')[2];//ocd=20200818103843816416953617735
// var cs2 = cs1.replace('video=', '');//20200818103843816416953617735
// }
// this.panelName = ccs;
// // this.panelVideo = cs2;
// this.panelId = ccs
var url = window.location.href ; // 获取url中"?"符后的字串
this.u = this.url.split('?')[0];//
console.log(this.u)
var cs = this.url.split('?')[1]; // 获取?之后的参数字符串
// alert(url+'地址');//orderCode=20200721093517378188743943022
var cc ='';
var cs2 = '';
if (cs.length > 0)
{
cs = cs.replace('panelId=', ''); // 去除参数名称
var cc =cs.split('&')[0];//获取展板id
var cs3 = cs.split('&')[1];
var ccs = cs3.replace('panelName=', '') // 去除参数名称
var cs1 = cs.split('&')[2]; // 获取展板名称
var cs2 = cs1.replace('panelVideo=', '');// 获取展板导览视频
}
this.panelName = ccs;
this.panelVideo = cs2;
this.panelId = cc
this.initData()
},
methods: {
initData() {
let vm = this
let param = {
id: this.panelId,
};
vm.$https(
{
url: "screen/statistic",
method: "get",
authType: this.backToken,
},
param
).catch(function (err) {
console.log(err);
});
}
}
};
</script>
......@@ -65,7 +86,7 @@ export default {
width: 100%;
height: 100%;
margin: 0 auto;
background: #a4171d;
background: #776d6e;
&:before {
display: inline-block;
content: "";
......@@ -96,7 +117,7 @@ export default {
left: 24px;
right: 24px;
padding: 24px;
background: #ffffff;
background: #f5f5f5;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.2);
border-radius: 8px;
.login-page-form {
......
......@@ -64,14 +64,14 @@ export default {
duration: 5000
})
}
const isOpt = data.user.type;
const isOpt = +data.user.roleList[0];
sessionStorage.setItem("token", data.token);
sessionStorage.setItem("userInfo", JSON.stringify(data.user));
// let redirectPath = decodeURIComponent(this.$route.fullPath).split('redirect=')[1]
if (isOpt == "4") {
this.$router.push("/opt");
}else if (isOpt == "2") {
if (isOpt == 17) {
this.$router.push("/commit");
}else if (isOpt == 2) {
this.$router.push("/learn");
}else{
this.$toast.fail("您登录的账号既不是运维账号也不是单位用户账号,不能使用H5的功能");
}
......
......@@ -66,7 +66,7 @@
input-align="right"
:rules="[{ pattern: /^[1-9]\d{0,9}$/, message: '请输入正确内容,最多10位数',trigger:'blur'}]"
/>
<!-- <van-field
<van-field
required
label="管理员账号"
v-model="form.name"
......@@ -82,7 +82,7 @@
placeholder="请输入管理员密码"
input-align="right"
:rules="[{ required: true }]"
/> -->
/>
</div>
<div class="field-title">
<span>上传视频</span>
......@@ -164,6 +164,7 @@
</template>
<script>
import util from "@/utils/index.js";
export default {
data() {
return {
......@@ -410,6 +411,7 @@ export default {
param[key] = this.form[key];
}
}
param.password = util.encrypt(this.form.password),
param.images = [...param.images, ...param.videos];
param.images = param.images.join(",");
delete param.videos;
......
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