Skip to content

huarun-binjiang-ipad / ipad

Go to a project
Commit 43bbc9bc by liuwange1
Options

修改

parent f570c5c5
Showing with 199 additions and 76 deletions
src/views/anfang.vue
......@@ -41,7 +41,6 @@
</div>
<div class="option-box">
<div class="btn3 active2">监控摄像头</div>
<div class="btn3">球型摄像头</div>
<div class="btn3">AI智能摄像头</div>
</div>
</div>
......
src/views/dianti.vue
......@@ -19,19 +19,7 @@
</section>
<section>
<div class="title-box">
<div class="title">设备类型</div>
<div class="style-line"></div>
</div>
<div class="submit-box">
<div class="btn3 active2">全部电梯</div>
<div class="btn3">扶梯</div>
<div class="btn3">客梯</div>
<div class="btn3">货梯</div>
</div>
</section>
<section>
<div class="title-box">
<div class="title">设备型号</div>
<div class="title">设备列表</div>
<div class="style-line"></div>
</div>
<div class="submit-box">
......
src/views/huanjing.vue
......@@ -28,14 +28,15 @@
<div class="style-line"></div>
</div>
<div class="option-box">
<div class="btn3 active">传感器</div>
<div class="btn3">空调</div>
<div class="btn3 active">温湿度传感器</div>
<div class="btn3">一氧化碳传感器</div>
<div class="btn3">二氧化碳传感器</div>
</div>
</div>
</div>
<div class="bottom">
<div class="title-box">
<div class="title">设备型号</div>
<div class="title">设备列表</div>
<div class="style-line"></div>
</div>
<div class="option-box">
......
src/views/nengyuan.vue
......@@ -28,9 +28,10 @@
<div class="style-line"></div>
</div>
<div class="option-box">
<div class="btn3 active">烟感</div>
<div class="btn3">温感</div>
<div class="btn3">消防栓</div>
<div class="btn3 active">电力监控</div>
<div class="btn3">BA冷机设备</div>
<div class="btn3">远程抄表-水表</div>
<div class="btn3">远程抄表-电表</div>
</div>
</div>
</div>
......
src/views/tingche.vue
<template>
<div class="xiaofang">
<div class="top">
<!-- <div class="top">
<div class="top-item left">
<div class="title-box">
<div class="title">模型楼栋楼层控制</div>
......@@ -42,7 +42,7 @@
<div class="btn3 active2">MJ2332</div>
<div class="btn3">MJ2334</div>
</div>
</div>
</div> -->
<div class="bottom">
<div class="title-box">
<div class="title">车辆查询</div>
......@@ -54,6 +54,33 @@
<div class="btn1">取消</div>
</div>
</div>
<section>
<div class="title-box">
<div class="title">楼层选择</div>
<div class="style-line"></div>
</div>
<div class="submit-box">
<div
class="btn1"
:class="{ active: index == activeIndex }"
@click="activeIndex = index"
v-for="(item, index) in btnList"
:key="index"
>
{{ item }}
</div>
</div>
</section>
<section>
<div class="title-box">
<div class="title">车位列表</div>
<div class="style-line"></div>
</div>
<div class="submit-box">
<div class="btn3 active2">MJ2332</div>
<div class="btn3">MJ2334</div>
</div>
</section>
</div>
</template>
......@@ -61,7 +88,10 @@
export default {
name: "xiaofang",
data() {
return {};
return {
activeIndex: 0,
btnList: ["LG", "B2"],
};
},
};
</script>
......@@ -132,5 +162,14 @@ export default {
.bottom {
margin-top: 20px;
}
.submit-box {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
> div {
margin-right: 20px;
margin-bottom: 18px;
}
}
}
</style>
\ No newline at end of file
src/views/tongxing.vue
<template>
<div class="tongxing">
<section>
<div class="title-box">
<div class="title">模型楼栋楼层控制</div>
<div class="style-line"></div>
</div>
<div class="submit-box">
<div
class="btn1"
:class="{ active: index == activeIndex }"
@click="activeIndex = index"
v-for="(item, index) in btnList"
:key="index"
>
{{ item }}
<div class="top">
<div class="top-item left">
<div class="title-box">
<div class="title">模型楼栋楼层控制</div>
<div class="style-line"></div>
</div>
<div class="select-box">
<div class="select-item select-left">
<div class="select-title">楼栋</div>
<div class="select-options">
<gaojing v-for="(item, index) in listL" :key="index">
<div
class="btn1"
:class="{ active: activeIndex == index }"
@click="buildClickHandle(index)"
>
{{ item.buildingName }}
</div>
</gaojing>
</div>
</div>
<img class="dir" src="../assets/image/dirright.png" alt="" />
<div class="select-item select-right">
<div class="select-title">楼层</div>
<div class="select-options">
<div
class="btn2"
v-for="(item, index) in listR"
:key="index + 'a'"
>
{{ item.name }}
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="title-box">
<div class="title">设备类型</div>
<div class="style-line"></div>
</div>
<div class="submit-box">
<div class="btn3 active2">门禁</div>
<div class="btn3">闸机</div>
<div class="right">
<div class="title-box">
<div class="title">设备分类</div>
<div class="style-line"></div>
</div>
<div class="option-box">
<div class="btn3 active">门禁</div>
<div class="btn3">访客闸机</div>
</div>
</div>
</section>
<section>
</div>
<div class="bottom">
<div class="title-box">
<div class="title">设备型号</div>
<div class="title">设备列表</div>
<div class="style-line"></div>
</div>
<div class="submit-box">
<div class="option-box">
<div class="btn3 active2">MJ2332</div>
<div class="btn3">MJ2334</div>
</div>
</section>
</div>
</div>
</template>
<script>
import gaojing from "../components/gaojing.vue";
export default {
name: "tongxing",
components: { gaojing },
data() {
return {
listL: [],
listR: [],
activeIndex: 0,
btnList: ["全部楼栋", "S1", "S2", "S3", "S4", "N1", "N2", "N3", "N4"],
};
},
created() {
this.init();
},
methods: {
init() {
let buildList = this.$store.state.buildList;
buildList.unshift({
buildingName: "全部楼栋",
});
this.listL = buildList;
},
buildClickHandle(index) {
this.activeIndex = index;
this.$axios.post("/osc/sendInt", {
arg: 1,
name: "/EZ_XF",
});
},
},
watch: {
activeIndex(n) {
console.log(n);
this.listR = this.listL[n].subList || [];
},
},
};
</script>
<style lang="less" scoped>
.tongxing {
section {
margin-bottom: 33px;
.top {
display: flex;
> div {
width: 50%;
}
.left {
padding-right: 30px;
box-sizing: border-box;
}
.top-item {
.select-box {
display: flex;
.dir {
position: relative;
top: 45px;
height: 19px;
flex-shrink: 0;
margin-left: 23px;
margin-right: 8px;
}
.select-item {
flex-shrink: 0;
.select-title {
font-size: 12px;
font-weight: 500;
color: #adbad0;
margin-bottom: 8px;
}
.select-options {
width: 130px;
height: 220px;
overflow-y: scroll;
.btn1,
.btn2 {
margin-bottom: 5px;
}
}
}
}
}
.right {
}
}
.submit-box {
margin-top: 20px;
.option-box {
display: flex;
flex-wrap: wrap;
> div {
margin-right: 20px;
margin-bottom: 18px;
margin-right: 12px;
}
}
.bottom {
margin-top: 30px;
}
}
</style>
\ No newline at end of file
src/views/welcome.vue
<template>
<div class="welcome">
<div class="title-box">
<div class="title">欢迎语编辑</div>
<div class="title">项目选择</div>
<div class="style-line"></div>
</div>
<input type="text" class="input-word" placeholder="请输入文案" />
<!-- <input type="text" class="input-word" placeholder="请输入文案" /> -->
<div class="submit-box">
<div class="btn1">保存</div>
<div class="btn1 active">编辑</div>
<div class="btn1">陆家嘴滨江中心</div>
<!-- <div class="btn1 active">开场</div> -->
</div>
</div>
</template>
......
src/views/xiaofang.vue
......@@ -42,15 +42,17 @@
<div class="style-line"></div>
</div>
<div class="option-box">
<div class="btn3 active">烟感</div>
<div class="btn3">温感</div>
<div class="btn3">消防栓</div>
<div class="btn3 active">防火门</div>
<div class="btn3">防火卷帘</div>
<div class="btn3">消防水泵</div>
<div class="btn3">感烟探测器</div>
<div class="btn3">感温探测器</div>
</div>
</div>
</div>
<div class="bottom">
<div class="title-box">
<div class="title">设备型号</div>
<div class="title">设备列表</div>
<div class="style-line"></div>
</div>
<div class="option-box">
......
src/views/yunying.vue
......@@ -17,7 +17,7 @@
</div>
</div>
</section>
<section>
<!-- <section>
<div class="title-box">
<div class="title">设备类型</div>
<div class="style-line"></div>
......@@ -27,12 +27,13 @@
<div class="btn3">烟感</div>
<div class="btn3">温感</div>
</div>
</section>
</section> -->
<section>
<div class="title-box">
<div class="title">设备类型</div>
<div class="title">工单列表</div>
<div class="style-line"></div>
</div>
<!-- table -->
<div class="submit-box">
<div class="btn3 active2">JK-021</div>
<div class="btn3">JK-022</div>
......@@ -48,7 +49,8 @@ export default {
data() {
return {
activeIndex: 0,
btnList: ["设备房", "工程管理"],
btnList: ["设备房", "工单详情", "结构对比"],
// 设备房，工单详情，暂缺。结构对比就展示楼栋/楼层列表
};
},
};
......
src/views/zhaoming.vue
......@@ -23,7 +23,7 @@
</div>
</div>
<div class="right">
<section>
<!-- <section>
<div class="title-box">
<div class="title">光照效果</div>
<div class="style-line"></div>
......@@ -31,22 +31,21 @@
<div class="option-box">
<div class="btn3 active">泛光效果</div>
</div>
</section>
</section> -->
<section>
<div class="title-box">
<div class="title">设备分类</div>
<div class="style-line"></div>
</div>
<div class="option-box">
<div class="btn3 active2">闸机</div>
<div class="btn3">监控</div>
<div class="btn3 active2">照明回路</div>
</div>
</section>
</div>
</div>
<div class="bottom">
<div class="title-box">
<div class="title">设备型号</div>
<div class="title">设备列表</div>
<div class="style-line"></div>
</div>
<div class="option-box">
......
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 sign in to comment