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

首页理由跳转，颜色改变

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

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

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

Write Preview
Loading…
Cancel
Save