dongjiabo
/
networkPc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页理由跳转，颜色改变

Browse Source
main
dongmu 5 months ago
parent 26d18a5816
commit 1ad760c5da
2 changed files with 51 additions and 24 deletions
Show Stats Download Patch File Download Diff File

73
src/views/index.vue
Unescape View File

@ -50,10 +50,14 @@
<div style="margin: 20px 0" class="container">
<!-- 1 -->
<el-col :span="6">
<div class="twoHeader" style="border-left: none">
<div
class="twoHeader"
style="border-left: none"
@click="clickRouter"
>
<div>
<div style="text-align: center">
<div>
<div class="">
<svg
t="1715233862532"
class="icon"
@ -73,14 +77,14 @@
</div>
</div>
<div style="font-size: 14px">
<div>结算模板</div>
<div class="">结算模板</div>
</div>
</div>
</div></el-col
>
<!-- 2 -->
<el-col :span="6">
<div class="twoHeader">
<div class="twoHeader" @click="clickRouter">
<div>
<div style="text-align: center">
<div>
@ -103,14 +107,14 @@
</div>
</div>
<div style="font-size: 14px">
<div>发布运单</div>
<div class="">发布运单</div>
</div>
</div>
</div></el-col
>
<!-- 3 -->
<el-col :span="6">
<div class="twoHeader">
<div class="twoHeader" @click="clickRouter">
<div>
<div style="text-align: center">
<div>
@ -133,14 +137,18 @@
</div>
</div>
<div style="font-size: 14px">
<div>订单管理</div>
<div class="">订单管理</div>
</div>
</div>
</div></el-col
>
<!-- 4 -->
<el-col :span="6">
<div class="twoHeader" style="border-right: none">
<div
class="twoHeader"
style="border-right: none"
@click="clickRouter"
>
<div>
<div style="text-align: center">
<div>
@ -163,7 +171,7 @@
</div>
</div>
<div style="font-size: 14px">
<div>司机管理</div>
<div class="">司机管理</div>
</div>
</div>
</div></el-col
@ -189,10 +197,10 @@
<el-col :span="24">
<div class="disflexFirst" style="">
<div class="disflex" style="">
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
云A8888 已领取任务
</div>
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
2020-05-01 10:00:00
</div>
</div>
@ -201,10 +209,10 @@
<el-col :span="24">
<div class="disflexFirst" style="">
<div class="disflex" style="">
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
云A8888 已领取任务
</div>
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
2020-05-01 10:00:00
</div>
</div>
@ -213,10 +221,10 @@
<el-col :span="24">
<div class="disflexFirst" style="">
<div class="disflex" style="">
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
云A8888 已领取任务
</div>
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
2020-05-01 10:00:00
</div>
</div>
@ -239,10 +247,10 @@
<el-col :span="24">
<div class="disflexFirst" style="">
<div class="disflex" style="">
<div style="line-height: 20px">
云A8888 已领取任务
<div style="line-height: 20px" class="btn">
云A8888 偏离预订海伦国际
</div>
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
2020-05-01 10:00:00
</div>
</div>
@ -251,10 +259,10 @@
<el-col :span="24">
<div class="disflexFirst" style="">
<div class="disflex" style="">
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
云A8888 已领取任务
</div>
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
2020-05-01 10:00:00
</div>
</div>
@ -263,10 +271,10 @@
<el-col :span="24">
<div class="disflexFirst" style="">
<div class="disflex" style="">
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
云A8888 已领取任务
</div>
<div style="line-height: 20px">
<div style="line-height: 20px" class="btn">
2020-05-01 10:00:00
</div>
</div>
@ -295,7 +303,18 @@ export default {
},
mounted() {},
methods: {},
methods: {
// 点击跳转路由
clickRouter() {
this.$router.push({
path: "/system/role",
query: {
//query是个配置项
ID: 20,
},
});
},
},
};
</script>
@ -322,6 +341,10 @@ export default {
cursor: pointer;
}
.twoHeader:hover {
background-color: #00b5e5;
}
.titleClass {
width: 100%;
height: 100%;
@ -342,4 +365,8 @@ export default {
justify-content: space-between;
align-items: center;
}
.btn:hover {
color: #00b5e5;
}
</style>

2
src/views/relatedSettings/companies/index.vue
Unescape View File

@ -605,7 +605,7 @@ export default {
display: flex;
justify-content: center;
align-items: center;
height: 190px;
height: 160px;
background-image: url("~@/assets/images/comper.png");
background-size: cover;
margin-bottom: 3px;

Write Preview
Loading…
Cancel
Save