Compare commits

..

3 Commits

Author SHA1 Message Date
xiaomeng 0e61082d16 Merge pull request 'pc-master' (#18) from pc-master into portal
Reviewed-on: #18
2023-10-17 10:08:39 +00:00
孙萌 d90bf7bef1 1 2023-10-17 18:07:19 +08:00
孙萌 46478ffd20 添加active状态 2023-10-17 18:04:47 +08:00
2 changed files with 15 additions and 7 deletions

View File

@ -23,7 +23,7 @@
</li> </li>
</ul> </ul>
</el-collapse-item> </el-collapse-item>
<div @click="toRouter(item)" class="no-list" v-else>{{ item.name }}</div> <div @click="toRouter(item)" :class="routerNow==item.router?'active':''" class="no-list" v-else>{{ item.name }}</div>
</template> </template>
</el-collapse> </el-collapse>
</div> </div>
@ -33,9 +33,9 @@ export default {
data() { data() {
return { return {
routerList: [ routerList: [
{ name: '施肥机配方设置', list: [] }, { name: '施肥机配方设置', list: [],router:'' },
{ {
name: '灌溉组配置', list: [ name: '灌溉组配置',router:'', list: [
{ name: '1#灌溉组配置', status: -1, router: 'irrigateSet', index: 1 }, { name: '1#灌溉组配置', status: -1, router: 'irrigateSet', index: 1 },
{ name: '2#灌溉组配置', status: -1, router: 'irrigateSet', index: 2 }, { name: '2#灌溉组配置', status: -1, router: 'irrigateSet', index: 2 },
{ name: '3#灌溉组配置', status: -1, router: 'irrigateSet', index: 3 }, { name: '3#灌溉组配置', status: -1, router: 'irrigateSet', index: 3 },
@ -141,7 +141,14 @@ export default {
margin-right: 10px; margin-right: 10px;
} }
} }
.no-list{
color: #A8B6C8;
&.active{
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
}
}
.set-tips { .set-tips {
width: 100%; width: 100%;
border-bottom: 1px solid rgba(168, 182, 200, 0.2); border-bottom: 1px solid rgba(168, 182, 200, 0.2);
@ -153,8 +160,8 @@ export default {
>div { >div {
width: 220px; width: 220px;
height: 40px; height: 40px;
background: rgba(255, 255, 255, 0.1); // background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.3); // border: 1px solid rgba(255, 255, 255, 0.3);
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -61,7 +61,8 @@ export default {
headerActive: 0, headerActive: 0,
headerList: [ headerList: [
{ name: '实时数据', router: 'realTime', routerList: ['realTime'], img: require('../assets/image/header-img1.png') }, { name: '实时数据', router: 'realTime', routerList: ['realTime'], img: require('../assets/image/header-img1.png') },
{ name: '设定值参数', router: 'status', index: 1, routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet'], img: require('../assets/image/header-img0.png') }, // { name: '', router: 'status', index: 1, routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet'], img: require('../assets/image/header-img0.png') },
{ name: '设定值参数', router: 'status', index: 1, routerList: ['status'], img: require('../assets/image/header-img0.png') },
{ name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img1.png') }, { name: '设备菜单', router: '', routerList: [], img: require('../assets/image/header-img1.png') },
{ name: '视频监控', router: '', routerList: [], img: require('../assets/image/header-img2.png') }, { name: '视频监控', router: '', routerList: [], img: require('../assets/image/header-img2.png') },
// history history // history history