Skip to content

F
founder_vue
Commit aa290e35 by 米嘉伟
Options

门户页面修改

parent f980f343
Showing with 239 additions and 41 deletions
src/assets/img/Home/bzxxgl.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="22px" viewBox="0 0 20 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>形状结合</title>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="门户-改动" transform="translate(-1380.000000, -555.000000)" fill="#FFFFFF">
<path d="M1400,555 L1400,577 L1380,577 L1380,555 L1400,555 Z M1397.57926,566.264757 L1393.20235,570.64165 L1390.42074,567.860056 L1389.37355,568.907243 L1393.20237,572.735243 L1398.62646,567.311944 L1397.57926,566.264757 Z M1388,570 L1383,570 L1383,571.5 L1388,571.5 L1388,570 Z M1393.5,565 L1383,565 L1383,566.5 L1393.5,566.5 L1393.5,565 Z M1397,560 L1383,560 L1383,561.5 L1397,561.5 L1397,560 Z" id="形状结合"></path>
</g>
</g>
</svg>
\ No newline at end of file
src/assets/img/Home/zljc.svg 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="22px" viewBox="0 0 20 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>安全检查1备份</title>
<g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="门户-改动" transform="translate(-1484.000000, -448.000000)" fill="#FFFFFF" fill-rule="nonzero">
<g id="安全检查1备份" transform="translate(1484.000000, 448.000000)">
<path d="M10.0511155,0 L10.5467382,0.374324988 C12.4317989,1.79945999 15.3637391,2.71575847 19.2603784,3.09891998 L19.2603784,3.09891998 L20,3.17231222 L20,13.2366225 C20,16.5697104 16.7466817,19.4739813 10.3292855,21.8703976 L10.3292855,21.8703976 L9.9816436,22 L9.64077944,21.8588611 C3.15334651,19.1661757 0,16.3458517 0,13.2366225 L0,13.2366225 L0,3.09474718 L0.833380401,3.09474718 C3.64021463,3.09474718 6.56142333,2.16543937 9.51595594,0.331860579 L9.51595594,0.331860579 L10.0511155,0 Z M14.366319,7.64053442 L9.034616,13.0011044 L5.60670742,9.89186652 C5.21875762,9.54717982 4.54784537,9.51443317 4.10848054,9.81959806 C3.66947525,10.1241983 3.62776795,10.6509677 4.0160773,10.9956544 L7.44434543,14.1051746 C7.86249706,14.476115 8.44496108,14.6666667 9.03245873,14.6666667 C9.6706711,14.6661771 10.2751435,14.4415609 10.6802566,14.0543608 L16.0119596,8.69266166 C16.3815726,8.33583611 16.3132589,7.81104283 15.8591527,7.52055748 C15.4046869,7.22978982 14.7366511,7.28370887 14.366319,7.64053442 Z" id="形状"></path>
</g>
</g>
</g>
</svg>
\ No newline at end of file
src/views/Home/Home.vue
......@@ -4,17 +4,32 @@
<div class="header">
<!-- 头部左侧 -->
<div class="left">
<div><img src="../../assets/img/Home/jh.png" alt="" /></div>
<div><img
src="../../assets/img/Home/jh.png"
alt=""
/></div>
<span><img src="../../assets/img/Home/title.png" alt="" /></span>
<span><img
src="../../assets/img/Home/title.png"
alt=""
/></span>
</div>
<!-- 头部右侧 -->
<div class="right">
<div @click="toXtgl" style="cursor: pointer">
<img src="../../assets/img/Home/setting.svg" alt="" /> 系统管理
<div
@click="toXtgl"
style="cursor: pointer"
>
<img
src="../../assets/img/Home/setting.svg"
alt=""
/> 系统管理
</div>
<div class="role">
<img src="../../assets/img/Home/role.svg" alt="" />用户信息
<img
src="../../assets/img/Home/role.svg"
alt=""
/>用户信息
<div class="rolelist">
<ul>
<li>用户名：{{ userInfo.id }}</li>
......@@ -24,8 +39,14 @@
</div>
</div>
<div style="cursor: pointer" @click="logout">
<img src="../../assets/img/Home/exit.svg" alt="" />安全退出
<div
style="cursor: pointer"
@click="logout"
>
<img
src="../../assets/img/Home/exit.svg"
alt=""
/>安全退出
</div>
</div>
<!-- 主体 -->
......@@ -36,7 +57,10 @@
<div class="todoview">
<div class="todo">
<div>
<img src="../../assets/img/Home/todoview.svg" alt="" />
<img
src="../../assets/img/Home/todoview.svg"
alt=""
/>
</div>
<p>待办工作</p>
</div>
......@@ -67,37 +91,108 @@
<div class="todolist">
<!-- 第一列 -->
<div class="list l1">
<div class="import_images" @click="goQBAJK">
<img src="../../assets/img/Home/import_images.svg" alt="" />
<div
class="import_images"
@click="goQBAJK"
>
<img
src="../../assets/img/Home/import_images.svg"
alt=""
/>
<div>案件图片导入</div>
</div>
<div @click="godrFPTX" class="import_FTP">
<img src="../../assets/img/Home/import_FTP.svg" alt="" />
<div
@click="godrFPTX"
class="import_FTP"
>
<img
src="../../assets/img/Home/import_FTP.svg"
alt=""
/>
<div>FPTX导入</div>
</div>
</div>
<!-- 第二列 -->
<div class="list l2" @click="gosjzygl">
<img src="../../assets/img/Home/query.svg" alt="" />
<div
class="list l2"
@click="gosjzygl"
>
<img
src="../../assets/img/Home/query.svg"
alt=""
/>
<p>发查询</p>
</div>
<!-- 第三列 -->
<div @click="gobdrd" class="list l2 l3">
<img src="../../assets/img/Home/comparison.svg" alt="" />
<div
@click="gobdrd"
class="list l2 l3"
>
<img
src="../../assets/img/Home/comparison.svg"
alt=""
/>
<p>比对认定</p>
</div>
<!-- 第四列 -->
<div @click="gozzwcj" class="list l1 l4">
<div class="import_images collect">
<img
<div class="list l1 l4">
<div class=" xz">
<div class="xztop">
<div
class="xzleft"
@click="gozzwcj"
>
<span class='xzimg'>
<img
src="../../assets/img/Home/collect_new.svg"
alt=""
style="width: 38px; height: 38px"
/>
</span>
<span class='itemTxt'>活体采集</span>
</div>
<div
class="xzright"
@click="gozljc"
>
<span class="xzimg">
<img
src="../../assets/img/Home/zljc.svg"
alt=""
style="width: 38px; height: 38px"
/>
</span>
<span class='itemTxt'>质量检查</span>
</div>
</div>
<div
class="xzbottom"
@click='gobzxxgl'
>
<span class='xzimg'>
<img
src="../../assets/img/Home/bzxxgl.svg"
alt=""
style="width: 38px; height: 38px"
/>
</span>
<span class="itemTxt">比中信息管理</span>
</div>
<!-- <img
src="../../assets/img/Home/collect_new.svg"
alt=""
style="width: 38px; height: 38px"
/>
<div>活体采集</div>
<div>活体采集</div> -->
</div>
<div @click="gosjzygl" class="import_FTP management">
<img src="../../assets/img/Home/management.svg" alt="" />
<div
@click="gosjzygl"
class="import_FTP management"
>
<img
src="../../assets/img/Home/management.svg"
alt=""
/>
<div>数据资源管理</div>
</div>
</div>
......@@ -113,13 +208,13 @@ import jwtDecode from "jwt-decode";
import utils from "@/utils/util.js";
export default {
name: "Home",
data() {
data () {
return {
userInfo: {},
};
},
methods: {
goQBAJK() {
goQBAJK () {
if (!this.roleArr.includes("F-2-16")) return;
this.$router.push({
path: "/qbalk",
......@@ -128,26 +223,32 @@ export default {
},
});
},
toXtgl() {
toXtgl () {
if (!this.roleArr.includes("H")) return;
this.$router.push("/UserManage");
},
godrFPTX() {
godrFPTX () {
if (!this.roleArr.includes("B-1")) return;
this.$router.push("/drFPTX");
},
gobdrd() {
gobdrd () {
if (!this.roleArr.includes("C")) return;
this.$router.push("/cxyrd");
},
gosjzygl() {
gosjzygl () {
if (!this.roleArr.includes("F-1")) return;
this.$router.push("/AllPersonnelBaseIndex/");
},
gozzwcj() {
// this.$router.push("/AllPersonnelBaseIndex");
gozzwcj () {
this.$router.push("/zzwcj")
},
logout() {
gozljc () {
this.$router.push("/zljc")
},
gobzxxgl () {
this.$router.push("/bzxxgl")
},
logout () {
this.$axios
.get("/security/logout")
.then((res) => {
......@@ -158,27 +259,27 @@ export default {
this.$message.info("退出成功！");
}
})
.catch((err) => {});
.catch((err) => { });
},
},
mounted() {
mounted () {
// const decode = jwtDecode('Security-ceyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiIxIiwic3ViIjoiYWRtaW4iLCJpYXQiOjE2Mzg5MzYwMTAsImF1dGhvcml0aWVzIjoiXCJST0xFX0EsUk9MRV9CLFJPTEVfQyxST0xFX0QsUk9MRV9FLFJPTEVfRixST0xFX0csUk9MRV9ILFJPTEVfSSxST0xFX0EtMSxST0xFX0EtMixST0xFX0ItMSxST0xFX0ItMixST0xFX0ItMyxST0xFX0ItNCxST0xFX0ItNSxST0xFX0MtMSxST0xFX0MtMixST0xFX0QtMSxST0xFX0QtMixST0xFX0QtMyxST0xFX0QtNCxST0xFX0QtNSxST0xFX0QtNixST0xFX0QtNyxST0xFX0QtOCxST0xFX0QtOSxST0xFX0QtMTAsUk9MRV9ELTExLFJPTEVfRC0xMixST0xFX0QtMTMsUk9MRV9ELTE0LFJPTEVfRC0xNSxST0xFX0QtMTYsUk9MRV9ELTE3LFJPTEVfRC0xOCxST0xFX0UtMSxST0xFX0UtMixST0xFX0UtMyxST0xFX0UtNCxST0xFX0UtNSxST0xFX0YtMSxST0xFX0YtMixST0xFX0YtMyxST0xFX0ctMSxST0xFX0ctMixST0xFX0ctMyxST0xFX0gtMSxST0xFX0gtMixST0xFX0gtMyxST0xFX0gtNCxST0xFX0gtNSxST0xFX0gtNixST0xFX0gtNyxST0xFX0gtOCxST0xFX0gtOSxST0xFX0gtMTAsUk9MRV9ILTExLFJPTEVfSS0xLFJPTEVfSS0yLFJPTEVfSS0zLFJPTEVfSS00LFJPTEVfSS01LFJPTEVfSS02LFJPTEVfSS03LFJPTEVfSS04LFJPTEVfSS05LFJPTEVfSS0xMCxST0xFX0ktMTEsUk9MRV9JLTEyLFJPTEVfSS0xMyxST0xFX0ktMTQsUk9MRV9JLTE1XCIiLCJpc3MiOiJ6Y2ciLCJleHAiOjE2Mzg5Mzk2MTB9.GsTfUvF1V54ow09aQPz9W0Uyu2INrwod2lqqVlL9S3cf8-cbXENa-LFyqUcfma5UFckPtj2ZrV6ZyPP-HhDvhg');
// console.log(decode);
},
created() {
created () {
sessionStorage.setItem("crumbs", utils.Encrypt("[]"));
this.userInfo = JSON.parse(localStorage.getItem("userInfo"));
console.log(this.userInfo);
},
computed: {
roleArr() {
roleArr () {
return this.$store.state.layout.Menu;
},
},
};
</script>
<style scoped>
<style lang="scss" scoped>
.page {
width: 100%;
height: 100%;
......@@ -482,14 +583,90 @@ export default {
margin: 40px 0 10px 0;
}
.main .todolist .l4 .collect {
background: url(../../assets/img/Home/collect_bg.svg) no-repeat right
/* background: url(../../assets/img/Home/collect_bg.svg) no-repeat right
bottom/75px 75px,
linear-gradient(133deg, #34b6f0 0%, #0390d3 100%);
linear-gradient(133deg, #34b6f0 0%, #0390d3 100%); */
background-color: #fff;
}
.main .todolist .l4 .collect:hover {
background: url(../../assets/img/Home/collect_bg.svg) no-repeat right
/* background: url(../../assets/img/Home/collect_bg.svg) no-repeat right
bottom/75px 75px,
linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%);
linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%); */
background-color: #111;
}
.main .todolist .l4 .xz {
width: 100%;
height: 188px;
border-radius: 12px;
// background-color: #fff;
margin-bottom: 24px;
// transform: scale(102%);
.xztop {
display: flex;
height: 82px;
justify-content: space-between;
margin-bottom: 24px;
.xzleft {
width: 47%;
height: 82px;
background: linear-gradient(133deg, #34b6f0 0%, #0390d3 100%);
border-radius: 12px;
transition: transform 0.15s;
text-align: center;
line-height: 82px;
&:hover {
background: linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%);
transform: scale(102%);
}
}
.xzright {
width: 47%;
height: 82px;
background: linear-gradient(133deg, #34b6f0 0%, #0390d3 100%);
border-radius: 12px;
transition: transform 0.15s;
text-align: center;
line-height: 82px;
&:hover {
background: linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%);
transform: scale(102%);
}
}
}
.xzbottom {
width: 100%;
height: 82px;
background: linear-gradient(133deg, #34b6f0 0%, #0390d3 100%);
border-radius: 12px;
transition: transform 0.15s;
text-align: center;
line-height: 82px;
text-align: center;
line-height: 82px;
&:hover {
background: linear-gradient(133deg, #42bbf2 0%, #12a1e5 100%);
transform: scale(102%);
}
}
.xzimg {
display: inline-block;
width: 22px;
height: 22px;
// text-align: justify;
margin-right: 10px;
img {
margin: 0;
margin-bottom: 10px;
}
}
.itemTxt {
font-size: 21px;
font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
font-weight: bold;
color: #ffffff;
}
}
.main .todolist .l4 .management {
background: url(../../assets/img/Home/management_bg.svg) no-repeat right
......
src/views/zljc/jcxq.vue
......@@ -356,7 +356,6 @@ export default {
this.$store.commit('layout/delcachePageName', 'zljc');
this.$store.commit('layout/delcachePageName', 'jcxq');
this.$router.push('/zljc')
}
}
}
......
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