xuhanchi/bht-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

历史巡检静态还原

Browse Source
This commit is contained in:
xhc 2025-05-23 16:31:00 +08:00
parent 777ed7b483
commit f5234cf420
7 changed files with 116 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.vue
View File

@ -2,7 +2,7 @@
* @Author: XHC
* @Date: 2025-05-19 10:21:48
* @LastEditors: XHC
* @LastEditTime: 2025-05-23 14:26:43
* @LastEditTime: 2025-05-23 16:02:16
* @Description:
-->
<script>
@ -25,10 +25,16 @@ export default {
uni-page-body {
// padding-bottom:var(--window-bottom)
}
uni-page {
background: url('@/static/image/index/bg.png') no-repeat;
background-size: 100% auto;
}
.grey {
color: #808185;
}
// 卡片列表
.list-card {
.head {
font-weight: 700;
@ -59,4 +65,12 @@ uni-page-body {
}
}
}
// 搜索
.search-box {
background: #ffffff47;
border-radius: 10rpx;
margin: 0 30rpx;
padding-bottom: 5rpx;
}
</style>

24
src/pages.json
View File

@ -12,32 +12,32 @@
{
"path": "pages/knowledgeBase/knowledgeBase",
"style": {
"navigationBarTitleText": "知识库",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#1469BC"
"navigationBarTitleText": "知识库"
}
},
{
"path": "pages/message/message",
"style": {
"navigationBarTitleText": "消息通知",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#1469BC"
"navigationBarTitleText": "消息通知"
}
},
{
"path": "pages/my/my",
"style": {
"navigationBarTitleText": "我的",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#1469BC"
"navigationBarTitleText": "我的"
}
},
{
"path": "pages/history/history",
"style": {
"navigationBarTitleText": "历史巡检"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#1469BC",
"backgroundColor": "#1469BC"
},
"tabBar": {
"color": "#808185",

68
src/pages/history/history.vue Normal file
View File

@ -0,0 +1,68 @@
<!--
* @Author: XHC
* @Date: 2025-05-23 15:29:20
* @LastEditors: XHC
* @LastEditTime: 2025-05-23 16:28:13
* @Description: 历史巡检
-->
<template>
<view class="history">
<view class="search-box">
<uni-row :gutter="10">
<uni-col :span="20">
<uni-search-bar class="search" radius="15" bgColor="#EDF4FD" placeholder="搜索线路名称" clearButton="auto" cancelButton="none" @confirm="search" />
</uni-col>
<uni-col :span="4">
<view class="screening"><uni-icons fontFamily="iconfont" color="#fff" :size="20">{{'&#xe621;'}}</uni-icons></view>
</uni-col>
</uni-row>
</view>
<uni-card class="list-card" v-for="(item, index) in listData" :key="index">
<view class="head">
<text class="title">{{ item.title }}</text>
<uni-tag :inverted="true" :text="item.state" :type="item.state == '异常' ? 'warning' : 'success'" />
</view>
<view class="num grey">线路编号：{{ item.num }}</view>
<view class="info-box grey">
<view class="info"><uni-icons fontFamily="iconfont" color="#1469BC">{{'&#xe753;'}}</uni-icons> {{ item.info }}</view>
<view class="info"><uni-icons fontFamily="iconfont" color="#808185">{{'&#xe74e;'}}</uni-icons> <text>{{ item.time }}</text></view>
</view>
</uni-card>
</view>
</template>
<script setup>
import { reactive, ref } from "vue";
// 列表数据
let listData = reactive([
{ title: '左岸白班机组', state: '异常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
{ title: '左岸主变洞及出线场(上午)', state: '正常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
{ title: '左岸白班机组', state: '异常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
{ title: '左岸主变洞及出线场(上午)', state: '正常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
{ title: '左岸白班机组', state: '异常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
{ title: '左岸主变洞及出线场(上午)', state: '正常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
{ title: '左岸白班机组', state: '异常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
{ title: '左岸主变洞及出线场(上午)', state: '正常', num: 'BHT-YX-XJ-L1.2', info: '运行部 :五值 :白班', time: '2025-02-20 11:20' },
])
// 搜索
const search = () => {
}
</script>
<style lang="scss" scoped>
.history {
.search-box {
.screening {
margin: 25rpx 15rpx 0 0;
padding: 7rpx 0;
background: #ffffff47;
border-radius: 20rpx;
text-align: center;
}
}
}
</style>

12
src/pages/index/index.vue
View File

@ -2,7 +2,7 @@
* @Author: XHC
* @Date: 2025-05-19 11:07:37
* @LastEditors: XHC
* @LastEditTime: 2025-05-23 14:55:21
* @LastEditTime: 2025-05-23 16:03:02
* @Description: 首页
-->
<template>
@ -51,7 +51,7 @@
</view>
</view>
<view class="inlet-box">
<view class="history">
<view class="history" @click="goToHistory">
<view class="title">
<view>历史巡检</view>
<view class="english">HISTORICAL INSPECTION</view>
@ -175,14 +175,18 @@ const changeTitle = (index) => {
};
const changeCategory = (index) => {
categoryCurIndex.value = index
}
// 历史巡检跳转
const goToHistory = () => {
uni.navigateTo({
url: '/pages/history/history'
});
}
</script>
<style lang="scss" scoped>
.index {
background: url('@/static/image/index/bg.png') no-repeat;
background-size: 100% auto;
padding-top: 100rpx;
.header {
display: flex;

12
src/pages/knowledgeBase/knowledgeBase.vue
View File

@ -2,8 +2,8 @@
* @Author: XHC
* @Date: 2025-05-19 15:18:26
* @LastEditors: XHC
* @LastEditTime: 2025-05-23 09:52:40
* @Description:
* @LastEditTime: 2025-05-23 15:56:29
* @Description: 知识库
-->
<template>
<view class="knowledgeBase">
@ -80,14 +80,6 @@ const changeTitle = (index) => {
<style lang="scss" scoped>
.knowledgeBase {
background: url('@/static/image/index/bg.png') no-repeat;
background-size: 100% auto;
.search-box {
background: #ffffff47;
border-radius: 10rpx;
margin: 0 30rpx;
padding-bottom: 5rpx;
}
.search-title {
width: 100%;
display: flex;

6
src/pages/message/message.vue
View File

@ -2,8 +2,8 @@
* @Author: XHC
* @Date: 2025-05-19 15:19:14
* @LastEditors: XHC
* @LastEditTime: 2025-05-22 17:23:29
* @Description:
* @LastEditTime: 2025-05-23 15:30:08
* @Description: 消息
-->
<template>
<view class="message">
@ -39,8 +39,6 @@ const noticeList = reactive([
<style lang="scss" scoped>
.message {
background: url('@/static/image/index/bg.png') no-repeat;
background-size: 100% auto;
.notice {
background: #fff;
border-radius: 10rpx 10rpx 0 0;

9
src/pages/my/my.vue
View File

@ -1,3 +1,10 @@
<!--
* @Author: XHC
* @Date: 2025-05-19 15:19:14
* @LastEditors: XHC
* @LastEditTime: 2025-05-23 16:02:51
* @Description: 我的
-->
<template>
<view class="my">
<view class="avatar-box">
@ -67,8 +74,6 @@ let listData = reactive([
<style lang="scss" scoped>
.my {
background: url("@/static/image/my/bg.png") no-repeat;
background-size: 100% auto;
.avatar-box {
display: flex;
flex-direction: column;