loveflow
11 months ago
parent
b750e32caa
commit
9903d0a842
@ -0,0 +1,133 @@
|
|||||||
|
<template>
|
||||||
|
<div class="indexTaskPanel">
|
||||||
|
<tableMain>
|
||||||
|
<div class="indexTaskWrap">
|
||||||
|
<div class="topHead">
|
||||||
|
<gTab
|
||||||
|
ref="gTabRef"
|
||||||
|
:tabList="tabList"
|
||||||
|
:curTab="curTab"
|
||||||
|
@tabClick="tabChange"
|
||||||
|
></gTab>
|
||||||
|
<div class="titleWrap">
|
||||||
|
<div class="backBtn" @click="goBack()">
|
||||||
|
<img :src="backIcon" />返回
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btmBody">
|
||||||
|
<router-view></router-view>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</tableMain>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import tableMain from "../components/tableMain.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
tableMain,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
backIcon: require("@/assets/images/topic/left.png"),
|
||||||
|
tabList: [
|
||||||
|
{
|
||||||
|
name: "风险共治清单",
|
||||||
|
value: "1",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "协同职责清单",
|
||||||
|
value: "2",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
curTab: "1",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.tabChange("1");
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
tabChange(val, obj) {
|
||||||
|
if (val == "1") {
|
||||||
|
//风险共治清单
|
||||||
|
this.gotoPage("/teamWork/riskOverview/indexRisk");
|
||||||
|
}
|
||||||
|
if (val == "2") {
|
||||||
|
//协同职责清单
|
||||||
|
this.gotoPage("/teamWork/riskOverview/indexDuty");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
gotoPage(val) {
|
||||||
|
this.$router.push({
|
||||||
|
path: val,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goBack() {
|
||||||
|
this.$router.push({
|
||||||
|
path: "/teamWork/riskOverview",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="scss">
|
||||||
|
@import "@/loveflow/assets/index.scss";
|
||||||
|
.indexTaskPanel {
|
||||||
|
padding: 16px;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #ffffff;
|
||||||
|
overflow-y: scroll;
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.indexTaskWrap {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
.titleWrap {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 46px;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
.backBtn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #ebfff4;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
text-shadow: 0px 0px 9px rgba(21, 255, 195, 0.6);
|
||||||
|
img {
|
||||||
|
margin-right: 2px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.topHead {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 50px;
|
||||||
|
border-bottom: solid 1px rgba(91, 116, 140, 0.6);
|
||||||
|
}
|
||||||
|
.btmBody {
|
||||||
|
padding-top: vw(14);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: calc(100% - 40px);
|
||||||
|
overflow-y: scroll;
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue