移动端新增菜单

@@ -28,7 +28,7 @@
 				// #ifdef H5
 				// #ifdef H5
 				const userInfo = JSON.parse(sessionStorage.getItem('userInfo') || localStorage.getItem('userInfo'));
 				const userInfo = JSON.parse(sessionStorage.getItem('userInfo') || localStorage.getItem('userInfo'));
 				// #endif
 				// #endif
-				return userInfo.isThirdLogin
+				return userInfo?.isThirdLogin
 			},
 			},
 
 
 			// 判断i18n是中文还是英文
 			// 判断i18n是中文还是英文

+/**
+ * params ((page,pageSize))
+ * data ((deviceProfileIds))
+ */
+//保养计划列表
+const getMaintenancePlanListApi = (urlParams, data) => {
+  const { page, pageSize } = urlParams
+  return uni.$u.http.post(`/yt/preservePlan/pageData?page=${page}&pageSize=${pageSize}`, data)
+}
+
+// 保养计划列表详情
+const getMaintenancePlanDetail = (id) => {
+  return uni.$u.http.get(`/yt/preservePlan/detail?id=${id}`)
+}
+
+
+//保养记录列表
+const getMaintenanceRecordListApi = (urlParams, data) => {
+  const { page, pageSize } = urlParams
+  return uni.$u.http.post(`/yt/preserveRecord/pageData?page=${page}&pageSize=${pageSize}`, data)
+}
+
+// 保养记录列表详情
+const getMaintenanceRecordDetail = (id) => {
+  return uni.$u.http.get(`/yt/preserveRecord/detail?id=${id}`)
+}
+
+
+//保养明细列表
+const getMaintenanceDetailApi = (urlParams, data) => {
+  const { page, pageSize } = urlParams
+  return uni.$u.http.post(`/yt/preservePlan/pageDetail?page=${page}&pageSize=${pageSize}`, data)
+}
+
+//巡检计划列表
+const getPatrolPlanListApi = (urlParams) => {
+  const { page, pageSize,type='',name='',startTimeStart='',startTimeEnd='',endTimeStart='',endTimeEnd=''} = urlParams
+  return uni.$u.http.get(`/yt/inspectionPlan?page=${page}&pageSize=${pageSize}&type=${type}&name=${name}&startTimeStart=${startTimeStart}&startTimeEnd=${startTimeEnd}&endTimeStart=${endTimeStart}&endTimeEnd=${endTimeEnd}`)
+}
+
+// 巡检计划列表详情
+const getPatrolPlanDetail = (id) => {
+  return uni.$u.http.get(`/yt/inspectionPlan/detail?id=${id}`)
+}
+
+//巡检记录列表
+const getPatrolRecordListApi = (urlParams) => {
+  const { page, pageSize,inspectionPlanId='',inspectorId='',startTime='',endTime='',recordResult='',inspectionPlanName='',deviceId = ''} = urlParams
+  return uni.$u.http.get(`/yt/inspectionRecord?page=${page}&pageSize=${pageSize}&inspectionPlanId=${inspectionPlanId}&inspectorId=${inspectorId}&startTime=${startTime}&endTime=${endTime}&recordResult=${recordResult}&inspectionPlanName=${inspectionPlanName}&deviceId=${deviceId}`)
+}
+
+// 巡检记录列表详情
+const getPatrolRecordDetail = (id) => {
+  return uni.$u.http.get(`/yt/inspectionRecord/detail?id=${id}`)
+}
+
+
+export default {
+  getMaintenancePlanListApi,
+  getMaintenancePlanDetail,
+  getMaintenanceRecordListApi,
+  getMaintenanceRecordDetail,
+  getMaintenanceDetailApi,
+  getPatrolPlanListApi,
+  getPatrolPlanDetail,
+  getPatrolRecordListApi,
+  getPatrolRecordDetail
+  
+}

+/**
+ * params ((page,pageSize))
+ * data ((deviceProfileIds))
+ */
+
+//设备类型
+const getDeviceTypeApi = (data) => {
+  return uni.$u.http.post(`/yt/deviceCagegory/getAllCagegory`, data)
+}
+
+//设备台账列表
+const getLedgerListApi = (urlParams, data) => {
+  const { page, pageSize } = urlParams
+  return uni.$u.http.post(`/yt/da/pageData?page=${page}&pageSize=${pageSize}`, data)
+}
+
+// 设备台账列表详情
+const getLedgerListDetail = (id) => {
+  return uni.$u.http.get(`/yt/da/detail?id=${id}`)
+}
+
+//故障原因列表
+const getFaultListApi = (urlParams, data) => {
+  const { page, pageSize } = urlParams
+  return uni.$u.http.post(`/yt/mr/pageData?page=${page}&pageSize=${pageSize}`, data)
+}
+
+// 故障原因列表详情
+const getFaultListDetail = (id) => {
+  return uni.$u.http.get(`/yt/mr/detail?id=${id}`)
+}
+
+
+//巡检/保养方案列表
+const getCheckPlanApi = (urlParams) => {
+  const { page, pageSize,type='',name='', status=''} = urlParams
+  return uni.$u.http.get(`/yt/checkPlan?page=${page}&pageSize=${pageSize}&type=${type}&name=${name}&status=${status}`)
+}
+
+//巡检/保养方案列表详情
+const getCheckPlanDetail = (id) => {
+  return uni.$u.http.get(`/yt/checkPlan/get?id=${id}`)
+}
+
+
+export default {
+  getFaultListApi,
+  getFaultListDetail,
+  getCheckPlanApi,
+  getCheckPlanDetail,
+  getLedgerListApi,
+  getLedgerListDetail,
+  getDeviceTypeApi
+  
+}

+/**
+ * params ((page,pageSize))
+ * data ((deviceProfileIds))
+ */
+//维修工单列表
+const getRepairWorkListApi = (urlParams, data) => {
+  const { page, pageSize } = urlParams
+  return uni.$u.http.post(`/yt/repairOrder/pageData?page=${page}&pageSize=${pageSize}`, data)
+}
+
+// 维修工单列表详情
+const getRepairWorkDetail = (id) => {
+  return uni.$u.http.get(`/yt/repairOrder/detail?id=${id}`)
+}
+
+//维修记录
+const getRepairRecordApi = (urlParams, data) => {
+  const { page, pageSize } = urlParams
+  return uni.$u.http.post(`/yt/repairRecord/pageData?page=${page}&pageSize=${pageSize}`, data)
+}
+
+// 维修工单列表详情
+const getRepairRecordDetail = (id) => {
+  return uni.$u.http.get(`/yt/repairRecord/detail?id=${id}`)
+}
+
+
+
+export default {
+  getRepairWorkListApi,
+  getRepairWorkDetail,
+  getRepairRecordApi,
+  getRepairRecordDetail
+  
+}

@@ -21,11 +21,23 @@ import alarmApi from './alarmApi/index.js'
 //设备
 //设备
 import deviceApi from './deviceApi/index.js'
 import deviceApi from './deviceApi/index.js'
 
 
+//设备基础信息管理
+import deviceManagementApi from './deviceManagementApi/index.js'
+
+//设备报修维修
+import deviceRepairApi from './deviceRepairApi/index.js'
+
+//设备巡检保养
+import deviceInspectApi from './deviceInspectApi/index.js'
+
 export default {
 export default {
 	loginApi,
 	loginApi,
 	feedbackApi,
 	feedbackApi,
 	notifyApi,
 	notifyApi,
 	homeApi,
 	homeApi,
 	alarmApi,
 	alarmApi,
-	deviceApi
+	deviceApi,
+	deviceManagementApi,
+	deviceRepairApi,
+	deviceInspectApi
 }
 }

+<template>
+	<u-popup @close="$emit('close')" closeable bgColor="#fff" :show="show" mode="bottom" :round="20"
+		@touchmove.stop.prevent="disabledScroll">
+		<view class="filter" @touchmove.stop.prevent="disabledScroll">
+			<view class="filter-title"><text>{{ $t('common.filterCriteria') }}</text></view>
+			<view class="query-item" v-for="(item, index) in filterList">
+				<view class="query-title">
+					<text>{{ item.title }}</text>
+				</view>
+				<view class="query-list">
+					<view v-for="(itemChild, indexChild) in item.typeList" :key="indexChild" @click="handleClickTag(indexChild, item.typeList)"
+						:class="['tag-item', { checked: itemChild.checked, 'mr-30': (indexChild + 1) % 3 !== 0 }]">
+						{{ $t(itemChild.name) }}
+					</view>
+				</view>
+				<view class="select-date" v-if="item.isDate">
+					<view class="datetime-picker">	
+						<uni-datetime-picker return-type="string" v-model="item.range" type="datetimerange"
+							:rangeSeparator="$t('common.toText')" />
+					</view>
+				</view>
+			</view>
+			<view class="button-group">
+				<view>
+					<u-button :customStyle="{ color: '#333' }" color="#e3e3e5" shape="circle" :text="$t('common.resetting')"
+						@click="resetFilter"></u-button>
+				</view>
+				<view>
+					<u-button color="#3388ff" shape="circle" :text="$t('common.confirm')" @click="confirmFilter"></u-button>
+				</view>
+			</view>
+		</view>
+	</u-popup>
+</template>
+
+<script>
+	export default {
+		components: {
+			
+		},
+		props: {
+			show: Boolean,
+			filterList: {
+				type: Array,
+				default: () => []
+			},
+			filterName:Object
+		},
+		data() {
+			return {
+			
+				
+				
+			}
+		},
+		
+		methods: {
+			disabledScroll() {
+				return;
+			},
+			//点击选中的标签
+			handleClickTag(currentIndex, list) {
+				list.map((item, index) => {
+					item.checked = index === currentIndex;
+				});
+			},
+			//重置
+			resetFilter() {
+				this.filterList.forEach((item)=>{
+					
+					if(item.isDate){
+						item.range = []
+					}else{
+						item.typeList.forEach((item1)=>{
+							if(item1.name === '全部'){
+								item1.checked = true
+							}else{
+								item1.checked = false
+							}
+						})
+					}
+				})
+				
+			},
+			//确定
+			confirmFilter() {
+				let checkedList = this.filterName
+				this.filterList.forEach((item)=>{
+					
+					if(item.isDate){
+						if (Array.isArray(item.range)) {
+							checkedList[item.startDate] = item.range[0] ? item.range[0] : ''
+							checkedList[item.endDate] = item.range[1] ? item.range[1] : ''
+						}
+					}else{
+						item.typeList.forEach((item1)=>{
+							if(item1.checked){
+								checkedList[item.titleCode] = item1.code
+							}
+						})
+					}
+					
+				})
+				this.$emit('queryCondition', checkedList)
+			},
+			
+			change(e) {
+							// this.single = e;
+							// console.log("-change事件:", e);
+						},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.filter {
+		padding: 0 30rpx;
+
+		.filter-title {
+			text-align: center;
+			margin-top: 14px;
+			font-size: 16px;
+			font-weight: 700;
+		}
+
+		.button-group {
+			display: flex;
+			margin-top: 40rpx;
+			justify-content: space-between;
+
+			view {
+				width: 330rpx;
+			}
+		}
+		.select-date {
+			display: flex;
+			flex-direction: column;
+			justify-content: space-between;
+		}
+		
+		.datetime-picker {
+			width: 640rpx;
+			margin-left: 5rpx;
+			margin-right: 70rpx;
+			margin-top: 35rpx;
+		}
+		.query-item {
+			margin-top: 40rpx;
+		
+			.query-title {
+				color: #333;
+				font-size: 14px;
+				font-weight: 700;
+			}
+		
+			.query-list {
+				display: flex;
+				flex-wrap: wrap;
+		
+				.tag-item {
+					margin-top: 30rpx;
+					min-width: 198rpx;
+					padding: 0 12rpx;
+					height: 68rpx;
+					border-radius: 32rpx;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					color: #333;
+					font-size: 13px;
+					border: 1px solid #fff;
+					background-color: #f6f6f6;
+				}
+		
+				.checked {
+					border: 1px solid #377dff4d;
+					background-color: #377dff0d;
+					color: #377dffff;
+				}
+		
+				.mr-30 {
+					margin-right: 30rpx;
+				}
+			}
+		}
+	    
+	}
+</style>

+<template>
+	<u-sticky>
+		<view class="device-top">
+			<view class="search">
+				<view>
+					<view class="search-left" :style="{ width: width + 'rpx'}">
+						<slot></slot>
+					</view>
+				</view>
+				<view @click="$emit('openSearchDialog')" class="search-right" v-if="isShowSelect">
+					<text>{{ $t('common.screen') }}</text>
+					<image src="../../static/shaixuan.png" />
+				</view>
+			</view>
+			<u-line />
+			<view class="org" v-if="isShowTree">
+				<u-cell @click="$emit('openOrg')" isLink :title="title" :border="false">
+					<view slot="label" class="label" style="display: flex; align-items: center;margin-top: 20rpx;">
+						<image src="../../static/org.png" style="width: 24rpx;height: 28rpx;"></image>
+						<view style="margin-left: 10rpx; color: #666;">
+							{{totalText}}
+							<text style="margin-left: 20rpx;">{{ total }}</text>
+						</view>
+					</view>
+				</u-cell>
+			</view>
+		</view>
+	</u-sticky>
+</template>
+
+<script>
+	export default {
+		props: {
+			isShowSelect:{
+				type: Boolean,
+				default: true
+			},
+			isShowTree:{
+				type: Boolean,
+				default: false
+			},
+			title:{
+				type: String,
+				default: ''
+			},
+			totalText:{
+				type: String,
+				default: ''
+			},
+			total:{
+				type:Number
+			},
+			width:{
+				type:Number
+			}
+			
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	/deep/ .u-button--primary {
+		background-color: #377dff !important;
+		border-color: #377dff !important;
+	}
+
+	/deep/ .u-button--info {
+		background-color: #e3e3e5 !important;
+		border-color: #e3e3e5 !important;
+	}
+
+	/deep/ .u-cell__right-icon-wrap {
+		margin-top: -55rpx !important;
+	}
+
+	/deep/ .uni-calendar--fixed {
+		bottom: 172rpx !important;
+	}
+
+	.pop-no-scroll {
+		overflow: hidden;
+		position: fixed;
+		height: 100%;
+		width: 100%;
+	}
+
+	.device-top {
+		padding: 10rpx 30rpx;
+		background-color: #fff;
+
+		.search {
+			display: flex;
+			justify-content: space-between;
+			padding-bottom: 10rpx;
+
+			.search-left {
+				width: 580rpx;
+				background-color: #f8f9fa;
+				border-radius: 200rpx;
+			}
+
+			.search-right {
+				display: flex;
+				align-items: center;
+
+				text {
+					color: #333;
+					font-size: 14px;
+				}
+
+				image {
+					width: 40rpx;
+					height: 40rpx;
+				}
+			}
+		}
+	}
+</style>

+<template>
+	<view class="device-list">
+		<view @click="$emit('openDeviceDetail',item)"
+			class="list-item" v-for="item in list" :key="item.id">
+			<view class="u-flex item">
+				<view class="item-text text-clip title-bottom">
+					<view>
+						<text class="text-span-bold">{{ item.title ? item.title : '' }}</text>
+					</view>
+				</view>
+				<view class="item-text text-clip" v-for="itemChild in item.child">
+					<view class="text-container">
+						{{$t(itemChild.label)}}:
+						<text class="text-span">{{ itemChild.name ? itemChild.name : ''}}</text>
+					</view>
+				</view>
+			</view>
+			<view class="item right-item">
+				<view class="u-flex" style="margin-top: -6rpx">
+					<image class="right-image" :src="item.iconUrl ? item.iconUrl :''" />
+					<view>
+						<text class="right-text" :style="{ color:item.color ? item.color :'' }">
+							{{item.status ? item.status : ''}}
+						</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			list: {
+				type: Array,
+				default: []
+			}
+		},
+		methods: {
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.device-list {
+		display: flex;
+		flex-direction: column;
+		padding-left: 20rpx;
+		.list-item:last-child{
+			margin-bottom: 40rpx;
+		}
+
+		.list-item {
+			width: 713rpx;
+			// height: 200rpx;
+			background-color: #fff;
+			margin-top: 24rpx;
+			display: flex;
+			border-radius: 10px;
+			justify-content: space-between;
+			position: relative;
+
+			.item {
+				margin: 30rpx;
+				flex-direction: column;
+				justify-content: space-between;
+
+				.item-text {
+					width: 480rpx;
+
+					.text-container {
+						display: flex;
+
+						.text-span {
+							color: #666;
+							font-size: 14px;
+							display: flex;
+							margin-left: 20rpx;
+						}
+					}
+
+
+
+					.text-span-bold {
+						color: #333;
+						font-size: 15px;
+						font-weight: bold;
+					}
+				}
+				.title-bottom{
+					margin-bottom: 10rpx;
+				}
+			}
+
+			.right-item {
+				// margin:30rpx 30rpx 30rpx 0 ;
+				position: absolute;
+				right: 0;
+				top: 0;
+				.right-image {
+					width: 30rpx;
+					height: 30rpx;
+					margin-top: 5rpx;
+					margin-right: 5rpx;
+				}
+
+				.right-text {
+					color: #377dff;
+					font-size: 13px;
+					margin-left: 5rpx;
+					margin-top: 20rpx;
+				}
+			}
+		}
+	}
+</style>

@@ -135,6 +135,34 @@
 					}
 					}
 				]
 				]
 				//#endif
 				//#endif
+				//#ifdef H5
+				list: [{
+						name: 'menu.homePage',
+						url: 'pages/index/index',
+						icon: '/static/home-un.png',
+						iconFill: '/static/home-yes.png'
+					},
+					{
+						name: 'menu.device',
+						url: 'pages/device/device',
+						icon: '/static/device-un.png',
+						iconFill: '/static/device-yes.png'
+					},
+					{
+						name: 'menu.alarm',
+						url: 'pages/alarm/alarm',
+						icon: '/static/alert-un.png',
+						iconFill: '/static/alert-yes.png',
+						badge: this.$store.state.badgeInfo
+					},
+					{
+						name: 'menu.my',
+						url: 'pages/personal/personal',
+						icon: '/static/my-un.png',
+						iconFill: '/static/my-yes.png'
+					}
+				]
+				//#endif
 			};
 			};
 		},
 		},
 		created() {
 		created() {

@@ -9,7 +9,14 @@ import { getTabbarHeight } from '@/plugins/utils'
  * socketPrefix websocket前缀 ((https, wss),( http, ws))
  * socketPrefix websocket前缀 ((https, wss),( http, ws))
  */
  */
 // const baseUrl = 'http://222.180.200.114:30427/api'
 // const baseUrl = 'http://222.180.200.114:30427/api'
-const baseUrl = 'http://192.168.1.235:9527/api'
+// const baseUrl = 'http://192.168.1.235:9527/api'
+// const baseUrl = 'http://10.9.0.205:9527/api'
+
+const baseUrl = 'http://10.9.4.101:8080/api'
+
+const baseImgUrl = 'http://10.9.4.101:8080'
+
+
 
 
 //
 //
 // const baseVisualUrl = 'http://222.180.200.114:30427'
 // const baseVisualUrl = 'http://222.180.200.114:30427'
@@ -56,6 +63,7 @@ const courtConfig = {
   baseWebSocketUrl, //服务端websocket地址
   baseWebSocketUrl, //服务端websocket地址
   socketPrefix, //websocket前缀
   socketPrefix, //websocket前缀
   systemInfo: systemInfo, //系统信息
   systemInfo: systemInfo, //系统信息
+  baseImgUrl,
   mapData: {
   mapData: {
     key: '', //地图key
     key: '', //地图key
     sk: '',
     sk: '',

@@ -18,7 +18,7 @@ uni.$u.http.setConfig((config) => {
 		uni.getStorageSync("userInfo").isToken ||
 		uni.getStorageSync("userInfo").isToken ||
 		undefined;
 		undefined;
 	// #ifdef H5
 	// #ifdef H5
-	window.sessionStorage.getItem("userInfo").isToken;
+	window.sessionStorage.getItem("userInfo")?.isToken;
 	// #endif
 	// #endif
 	/* config 为默认全局配置*/
 	/* config 为默认全局配置*/
 	// const getConfiguration = uni.getStorageSync('getConfiguration').isConfiguration
 	// const getConfiguration = uni.getStorageSync('getConfiguration').isConfiguration

+const list = [
+  {
+    name: 'deviceInspect.basicInfo',
+  },
+  {
+    name: 'deviceInspect.preserveRecord',
+  }
+]
+
+
+export { list }

+<template>
+	<view class="device-detail-page">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<u-sticky :bgColor="bgColor">
+			<u-tabs :list="list.map(item=>({...item,name:$t(item.name)}))" :current="currentTab" :lineWidth="30" @click=" handleTabClick " :activeStyle="{activeColor}"
+				:inactiveStyle="inActiveColor" :scrollable="isScrollable" itemStyle="padding: 0 11px;display:flex;flex-direction:row;align-items:center;justify-content:center;height:44px" />
+		</u-sticky>
+		<view class="mt-3">
+			<view class="basic-box" v-show="currentTab == 0">
+				<view class="basic-header">
+					<view class="u-flex">
+						<view class="basic-text text-clip ml-2">
+							{{ listDetail.preserveCode }}
+						</view>
+						<view v-if="listDetail.status" class="basic-text-status ml-2" :style="{ color: planType[listDetail.status].color}">
+							{{ listDetail.status ? planType[listDetail.status].name : '' }}
+						</view>
+					</view>
+				</view>
+				<view class="detail">
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.preserveCode') }}</view>
+						<view class="detail-value">{{ listDetail.preserveCode}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.preserveName') }}</view>
+						<view class="detail-value">{{ listDetail.preserveName}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.frequency') }}</view>
+						<view class="detail-value">{{ listDetail.frequency }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.times') }}</view>
+						<view class="detail-value">{{ listDetail.times }}</view>
+					</view>
+				</view>
+			</view>
+			<view class="record-box" v-show="currentTab == 1">
+				<!-- 列表分页 -->
+				<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+					@up="upCallback">
+					<page-list :list="listData" @openDeviceDetail="openDeviceDetail"></page-list>
+					<mescroll-empty v-if="!listData.length" />
+				</mescroll-body>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+import fTabbar from "@/components/module/f-tabbar/f-tabbar";
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {planType,preserveType} from '@/pages/deviceInspect/enum/index.js'
+import { list } from './config/data.js'
+import baseUrl from '@/config/baseUrl.js'
+import pageList from '@/components/common/page-list'
+
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		fTabbar,
+		pageList
+		
+	},
+	data() {
+		return {
+			bgColor: '#fff',
+			activeColor: {
+				fontWeight: 'bold',
+				color: '#333',
+			},
+			inActiveColor: {
+				color: '#999',
+			},
+			listDetail:{},
+			list,
+			currentTab: 0,
+			isScrollable: false,
+			planType,
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			page: {
+				num: 0,
+				size: 10
+			},
+			startDate:'', //开始时间
+			endDate:'', //结束时间
+			preservePlanId:'', //保养计划id
+			preserveBy:'', //保养人id
+			preserveStatus:'', //状态
+			deviceId:'', //设备id
+			listData:[]
+			
+		};
+	},
+	onUnload() {
+		
+	},
+	async onLoad(options) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+		let id = options.id
+		const res =	await api.deviceInspectApi.getMaintenancePlanDetail(id)	
+		if (!res) return
+		this.listDetail = {...res}
+		
+	
+	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.maintenancePlanDetail')
+			})
+		})
+		
+		
+	},
+	watch: {
+		currentTab: {
+			immediate: true,
+			handler(val) {
+				if(val == 1){
+					this.page.num = 1
+					this.loadData(this.page.num);
+				}
+				
+			}
+		},
+		
+		
+		
+	},
+	
+	methods: {
+		handleTabClick({index}) {
+			this.currentTab = index;
+		},
+		
+		formatImage(url) {
+			return baseUrl.baseImgUrl + url
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.listData = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					startDate:this.startDate, //开始时间
+					endDate:this.endDate, //结束时间
+					preservePlanId:this.listDetail.id, //保养计划id
+		            preserveBy:this.preserveBy, //保养人id
+					preserveStatus:this.preserveStatus, //状态
+					deviceId:'', //设备id
+					...params
+				}
+				const {
+					total,
+					items
+				} = await api.deviceInspectApi.getMaintenanceRecordListApi(httpData, httpPostData)	
+				
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.recordCode,
+						status:item.preserveStatus ? preserveType[item.preserveStatus].name : '',
+						iconUrl:item.preserveStatus ? preserveType[item.preserveStatus].iconUrl : '',
+						color:item.preserveStatus ? preserveType[item.preserveStatus].color : '',
+						child:[
+							{
+								label:'deviceInspect.preserveDate',
+								name:item.preserveDate
+							},
+							{
+								label:'deviceInspect.preserveByName',
+								name:item.preserveByName
+							},
+							{
+								label:'deviceInspect.preserveStatus',
+								name:item.preserveStatus ? preserveType[item.preserveStatus].name :''
+							}
+							
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.listData = newList;
+				} else {
+					this.listData = this.listData.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.device-detail-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+	// padding: 0 30rpx;
+	.mt-3{
+		// padding: 0 30rpx;
+		margin-top: 0;
+		.basic-box{
+			margin-top: 30rpx;
+			padding: 0 30rpx;
+		}
+		.record-box{
+			// padding: 0 30rpx 0 15rpx;
+		}
+	}
+	.basic-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 140rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		padding-left: 40rpx;
+		padding-right:20rpx;
+		
+	
+		.basic-text {
+			width: 370rpx;
+		}
+	
+		.cu-item {
+			background: #3388ff;
+			border-radius: 12px;
+			width: 120rpx;
+			height: 48rpx;
+			text-align: center;
+			line-height: 40rpx;
+	
+			text {
+				font-size: 12px;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ffffff;
+			}
+		}
+	
+		.basic-text-status {
+			font-size: 14px;
+		}
+	}
+	.detail {
+		background-color: #fff;
+		margin-top: 30rpx;
+		border-radius: 20rpx;
+		width: 690rpx;
+	
+		.detail-item {
+			padding: 30rpx;
+			display: flex;
+			align-items: center;
+	
+			.detail-label {
+				color: #333;
+				font-size: 15px;
+			}
+	
+			.detail-value {
+				color: #666;
+				font-size: 14px;
+				margin-left: 30rpx;
+				.detail-img{
+					width: 60rpx;
+					height: 60rpx;
+				}
+			}
+		}
+	}
+}
+</style>

+const list = [
+  {
+    name: 'deviceInspect.basicInfo',
+  },
+  {
+    name: 'deviceInspect.preserveDetail',
+  }
+]
+
+
+export { list }

+<template>
+	<view class="device-detail-page">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<u-sticky :bgColor="bgColor">
+			<u-tabs :list="list.map(item=>({...item,name:$t(item.name)}))" :current="currentTab" :lineWidth="30" @click=" handleTabClick " :activeStyle="{activeColor}"
+				:inactiveStyle="inActiveColor" :scrollable="isScrollable" itemStyle="padding: 0 11px;display:flex;flex-direction:row;align-items:center;justify-content:center;height:44px" />
+		</u-sticky>
+		<view class="mt-3">
+			<view class="basic-box" v-show="currentTab == 0">
+				<view class="basic-header">
+					<view class="u-flex">
+						<view class="basic-text text-clip ml-2">
+							{{ listDetail.recordCode }}
+						</view>
+						<view v-if="listDetail.preserveStatus" class="basic-text-status ml-2" :style="{ color: preserveType[listDetail.preserveStatus].color}">
+							{{ listDetail.preserveStatus ? preserveType[listDetail.preserveStatus].name : '' }}
+						</view>
+					</view>
+				</view>
+				<view class="detail">
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.recordCode') }}</view>
+						<view class="detail-value">{{ listDetail.recordCode}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.preserveDate') }}</view>
+						<view class="detail-value">{{ listDetail.preserveDate}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.preserveByName') }}</view>
+						<view class="detail-value">{{ listDetail.preserveByName }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.preservePlanName') }}</view>
+						<view class="detail-value">{{ listDetail.preservePlanName }}</view>
+					</view>
+				</view>
+			</view>
+			<view class="record-box" v-show="currentTab == 1">
+				<!-- 列表分页 -->
+				<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+					@up="upCallback">
+					<page-list :list="listData" @openDeviceDetail="openDeviceDetail"></page-list>
+					<mescroll-empty v-if="!listData.length" />
+				</mescroll-body>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+import fTabbar from "@/components/module/f-tabbar/f-tabbar";
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {planType,preserveType,detailType} from '@/pages/deviceInspect/enum/index.js'
+import { list } from './config/data.js'
+import baseUrl from '@/config/baseUrl.js'
+import pageList from '@/components/common/page-list'
+
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		fTabbar,
+		pageList
+		
+	},
+	data() {
+		return {
+			bgColor: '#fff',
+			activeColor: {
+				fontWeight: 'bold',
+				color: '#333',
+			},
+			inActiveColor: {
+				color: '#999',
+			},
+			listDetail:{},
+			list,
+			preserveType,
+			currentTab: 0,
+			detailType,
+			isScrollable: false,
+			planType,
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			page: {
+				num: 0,
+				size: 10
+			},
+			preservePlanId:'', //保养计划id
+			listData:[]
+			
+		};
+	},
+	onUnload() {
+		
+	},
+	async onLoad(options) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+		let id = options.id
+		const res =	await api.deviceInspectApi.getMaintenanceRecordDetail(id)	
+		if (!res) return
+		this.listDetail = {...res}
+		
+	
+	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.maintenanceRecordDetail')
+			})
+		})
+		
+		
+	},
+	watch: {
+		currentTab: {
+			immediate: true,
+			handler(val) {
+				if(val == 1){
+					this.page.num = 1
+					this.loadData(this.page.num);
+				}
+				
+			}
+		},
+		
+		
+		
+	},
+	
+	methods: {
+		handleTabClick({index}) {
+			this.currentTab = index;
+		},
+		
+		formatImage(url) {
+			return baseUrl.baseImgUrl + url
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.listData = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {	
+					preservePlanId:this.listDetail.preservePlanId, //保养计划id
+				}
+				const {
+					total,
+					items
+				} = await api.deviceInspectApi.getMaintenanceDetailApi(httpData, httpPostData)	
+				
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.deviceInfo ? item.deviceInfo.name : '',
+						status:item.detailStatus ? detailType[item.detailStatus].name : '',
+						iconUrl:item.detailStatus ? detailType[item.detailStatus].iconUrl : '',
+						color:item.detailStatus ? detailType[item.detailStatus].color : '',
+						child:[
+							{
+								label:'deviceInspect.preserveDetail',
+								name:item.preserveDetail
+							},
+							{
+								label:'deviceInspect.checkPlanName',
+								name:item.checkPlanName
+							}	
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.listData = newList;
+				} else {
+					this.listData = this.listData.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.device-detail-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+	// padding: 0 30rpx;
+	.mt-3{
+		// padding: 0 30rpx;
+		margin-top: 0;
+		.basic-box{
+			margin-top: 30rpx;
+			padding: 0 30rpx;
+		}
+		.record-box{
+			// padding: 0 30rpx 0 15rpx;
+		}
+	}
+	.basic-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 140rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		padding-left: 40rpx;
+		padding-right:20rpx;
+		
+	
+		.basic-text {
+			width: 370rpx;
+		}
+	
+		.cu-item {
+			background: #3388ff;
+			border-radius: 12px;
+			width: 120rpx;
+			height: 48rpx;
+			text-align: center;
+			line-height: 40rpx;
+	
+			text {
+				font-size: 12px;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ffffff;
+			}
+		}
+	
+		.basic-text-status {
+			font-size: 14px;
+		}
+	}
+	.detail {
+		background-color: #fff;
+		margin-top: 30rpx;
+		border-radius: 20rpx;
+		width: 690rpx;
+	
+		.detail-item {
+			padding: 30rpx;
+			display: flex;
+			align-items: center;
+	
+			.detail-label {
+				color: #333;
+				font-size: 15px;
+			}
+	
+			.detail-value {
+				color: #666;
+				font-size: 14px;
+				margin-left: 30rpx;
+				.detail-img{
+					width: 60rpx;
+					height: 60rpx;
+				}
+			}
+		}
+	}
+}
+</style>

+const list = [
+  {
+    name: 'deviceInspect.basicInfo',
+  },
+  {
+    name: 'deviceInspect.patrolRecord',
+  }
+]
+
+
+export { list }

+<template>
+	<view class="device-detail-page">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<u-sticky :bgColor="bgColor">
+			<u-tabs :list="list.map(item=>({...item,name:$t(item.name)}))" :current="currentTab" :lineWidth="30" @click=" handleTabClick " :activeStyle="{activeColor}"
+				:inactiveStyle="inActiveColor" :scrollable="isScrollable" itemStyle="padding: 0 11px;display:flex;flex-direction:row;align-items:center;justify-content:center;height:44px" />
+		</u-sticky>
+		<view class="mt-3">
+			<view class="basic-box" v-show="currentTab == 0">
+				<view class="basic-header">
+					<view class="u-flex">
+						<view class="basic-text text-clip ml-2">
+							{{ listDetail.code }}
+						</view>
+						<view v-if="listDetail.status" class="basic-text-status ml-2" :style="{ color: inspectionType[listDetail.status].color}">
+							{{ listDetail.status ? inspectionType[listDetail.status].name : '' }}
+						</view>
+					</view>
+				</view>
+				<view class="detail">
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.preserveCode') }}</view>
+						<view class="detail-value">{{ listDetail.code}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.preserveName') }}</view>
+						<view class="detail-value">{{ listDetail.name}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.startTime') }}</view>
+						<view class="detail-value">{{ listDetail.startTime }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.endTime') }}</view>
+						<view class="detail-value">{{ listDetail.endTime }}</view>
+					</view>
+				</view>
+			</view>
+			<view class="record-box" v-show="currentTab == 1">
+				<!-- 列表分页 -->
+				<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+					@up="upCallback">
+					<page-list :list="listData" @openDeviceDetail="openDeviceDetail"></page-list>
+					<mescroll-empty v-if="!listData.length" />
+				</mescroll-body>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+import fTabbar from "@/components/module/f-tabbar/f-tabbar";
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {planType,preserveType,detailType,inspectionType,inspectionResult} from '@/pages/deviceInspect/enum/index.js'
+import { list } from './config/data.js'
+import baseUrl from '@/config/baseUrl.js'
+import pageList from '@/components/common/page-list'
+
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		fTabbar,
+		pageList
+		
+	},
+	data() {
+		return {
+			bgColor: '#fff',
+			activeColor: {
+				fontWeight: 'bold',
+				color: '#333',
+			},
+			inActiveColor: {
+				color: '#999',
+			},
+			listDetail:{},
+			list,
+			inspectionType,
+			preserveType,
+			currentTab: 0,
+			detailType,
+			isScrollable: false,
+			planType,
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			page: {
+				num: 0,
+				size: 10
+			},
+			preservePlanId:'', //保养计划id
+			listData:[]
+			
+		};
+	},
+	onUnload() {
+		
+	},
+	async onLoad(options) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+		let id = options.id
+		const res =	await api.deviceInspectApi.getPatrolPlanDetail(id)	
+		if (!res) return
+		this.listDetail = {...res}
+		
+	
+	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.patrolPlanDetail')
+			})
+		})
+		
+		
+	},
+	watch: {
+		currentTab: {
+			immediate: true,
+			handler(val) {
+				if(val == 1){
+					this.page.num = 1
+					this.loadData(this.page.num);
+				}
+				
+			}
+		},
+		
+		
+		
+	},
+	
+	methods: {
+		handleTabClick({index}) {
+			this.currentTab = index;
+		},
+		
+		formatImage(url) {
+			return baseUrl.baseImgUrl + url
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.listData = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo) {	
+			
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+					inspectionPlanId:this.listDetail.id,
+					inspectorId:'',
+					startTime:'',
+					endTime:'',
+					recordResult:''
+				};
+		
+				const {
+					total,
+					items
+				} = await api.deviceInspectApi.getPatrolRecordListApi(httpData)	
+				
+				let data = items
+
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.code,
+						status:item.recordResult ? inspectionResult[item.recordResult].name : '',
+						iconUrl:item.recordResult ? inspectionResult[item.recordResult].iconUrl : '',
+						color:item.recordResult ? inspectionResult[item.recordResult].color : '',
+						child:[
+							{
+								label:'deviceInspect.recordCode',
+								name:item.code
+							},
+							{
+								label:'deviceInspect.patrolPlan',
+								name:item.tkInspectionPlanDTO ? item.tkInspectionPlanDTO.name : ''
+							},
+							{
+								label:'deviceInspect.patrolByName',
+								name:item.userDTO ? item.userDTO.realName : ''
+							},
+							{
+								label:'deviceInspect.checkDate',
+								name:item.checkDate
+							},
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.listData = newList;
+				} else {
+					this.listData = this.listData.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.device-detail-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+	// padding: 0 30rpx;
+	.mt-3{
+		// padding: 0 30rpx;
+		margin-top: 0;
+		.basic-box{
+			margin-top: 30rpx;
+			padding: 0 30rpx;
+		}
+		.record-box{
+			// padding: 0 30rpx 0 15rpx;
+		}
+	}
+	.basic-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 140rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		padding-left: 40rpx;
+		padding-right:20rpx;
+		
+	
+		.basic-text {
+			width: 370rpx;
+		}
+	
+		.cu-item {
+			background: #3388ff;
+			border-radius: 12px;
+			width: 120rpx;
+			height: 48rpx;
+			text-align: center;
+			line-height: 40rpx;
+	
+			text {
+				font-size: 12px;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ffffff;
+			}
+		}
+	
+		.basic-text-status {
+			font-size: 14px;
+		}
+	}
+	.detail {
+		background-color: #fff;
+		margin-top: 30rpx;
+		border-radius: 20rpx;
+		width: 690rpx;
+	
+		.detail-item {
+			padding: 30rpx;
+			display: flex;
+			align-items: center;
+	
+			.detail-label {
+				color: #333;
+				font-size: 15px;
+			}
+	
+			.detail-value {
+				color: #666;
+				font-size: 14px;
+				margin-left: 30rpx;
+				.detail-img{
+					width: 60rpx;
+					height: 60rpx;
+				}
+			}
+		}
+	}
+}
+</style>

+const list = [
+  {
+    name: 'deviceInspect.basicInfo',
+  },
+  {
+    name: 'deviceInspect.patrolDetail',
+  }
+]
+
+
+export { list }

+<template>
+	<view class="device-detail-page">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<u-sticky :bgColor="bgColor">
+			<u-tabs :list="list.map(item=>({...item,name:$t(item.name)}))" :current="currentTab" :lineWidth="30" @click=" handleTabClick " :activeStyle="{activeColor}"
+				:inactiveStyle="inActiveColor" :scrollable="isScrollable" itemStyle="padding: 0 11px;display:flex;flex-direction:row;align-items:center;justify-content:center;height:44px" />
+		</u-sticky>
+		<view class="mt-3">
+			<view class="basic-box" v-show="currentTab == 0">
+				<view class="basic-header">
+					<view class="u-flex">
+						<view class="basic-text text-clip ml-2">
+							{{ listDetail.code }}
+						</view>
+						<view v-if="listDetail.recordResult" class="basic-text-status ml-2" :style="{ color: inspectionResult[listDetail.recordResult].color}">
+							{{ listDetail.recordResult ? inspectionResult[listDetail.recordResult].name : '' }}
+						</view>
+					</view>
+				</view>
+				<view class="detail">
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.recordCode') }}</view>
+						<view class="detail-value">{{ listDetail.code}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.patrolPlan') }}</view>
+						<view class="detail-value">{{ listDetail.tkInspectionPlanDTO ? listDetail.tkInspectionPlanDTO.name :''}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.patrolByName') }}</view>
+						<view class="detail-value">{{ listDetail.userDTO ? listDetail.userDTO.realName : '' }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceInspect.checkDate') }}</view>
+						<view class="detail-value">{{ listDetail.checkDate }}</view>
+					</view>
+				</view>
+			</view>
+			<view class="record-box" v-show="currentTab == 1">
+				<!-- 列表分页 -->
+				<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+					@up="upCallback">
+					<page-list :list="listData" @openDeviceDetail="openDeviceDetail"></page-list>
+					<mescroll-empty v-if="!listData.length" />
+				</mescroll-body>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+import fTabbar from "@/components/module/f-tabbar/f-tabbar";
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {planType,preserveType,detailType,inspectionType,inspectionResult} from '@/pages/deviceInspect/enum/index.js'
+import { list } from './config/data.js'
+import baseUrl from '@/config/baseUrl.js'
+import pageList from '@/components/common/page-list'
+
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		fTabbar,
+		pageList
+		
+	},
+	data() {
+		return {
+			bgColor: '#fff',
+			activeColor: {
+				fontWeight: 'bold',
+				color: '#333',
+			},
+			inActiveColor: {
+				color: '#999',
+			},
+			listDetail:{},
+			list,
+			inspectionType,
+			inspectionResult,
+			preserveType,
+			currentTab: 0,
+			detailType,
+			isScrollable: false,
+			planType,
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			page: {
+				num: 0,
+				size: 10
+			},
+			preservePlanId:'', //保养计划id
+			listData:[]
+			
+		};
+	},
+	onUnload() {
+		
+	},
+	async onLoad(options) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+		let id = options.id
+		const res =	await api.deviceInspectApi.getPatrolRecordDetail(id)	
+		if (!res) return
+		this.listDetail = {...res}
+		
+	
+	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.patrolRecordDetail')
+			})
+		})
+		
+		
+	},
+	watch: {
+		currentTab: {
+			immediate: true,
+			handler(val) {
+				if(val == 1){
+					this.loadData();
+				}
+				
+			}
+		},
+		
+		
+		
+	},
+	
+	methods: {
+		handleTabClick({index}) {
+			this.currentTab = index;
+		},
+		
+		formatImage(url) {
+			return baseUrl.baseImgUrl + url
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.loadData();
+			// this.listData = [];
+			// this.page.num = 1;
+			// this.loadData(this.page.num);
+			// this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			
+			// this.page.num += 1;
+			this.loadData();
+		},
+		//获取列表
+		loadData() {	
+			let data = this.listDetail.tkInspectionDetailsDTOList
+			let newList  = data.map((item)=>{
+				return {
+					id:item.id,
+					title:item.patrolDevice,
+					status:item.recordResult ? inspectionResult[item.recordResult].name : '',
+					iconUrl:item.recordResult ? inspectionResult[item.recordResult].iconUrl : '',
+					color:item.recordResult ? inspectionResult[item.recordResult].color : '',
+					child:[
+						{
+							label:'deviceInspect.patrolDevice',
+							name:item.tkDeviceAccountDTO ? item.tkDeviceAccountDTO.name : ''
+						},
+						{
+							label:'deviceInspect.patrolContent',
+							name:item.planDetails
+						},
+					],
+					detail:{
+						...item
+					}
+				}
+			})
+			this.listData = newList
+			
+		},
+		
+		
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.device-detail-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+	// padding: 0 30rpx;
+	.mt-3{
+		// padding: 0 30rpx;
+		margin-top: 0;
+		.basic-box{
+			margin-top: 30rpx;
+			padding: 0 30rpx;
+		}
+		.record-box{
+			// padding: 0 30rpx 0 15rpx;
+		}
+	}
+	.basic-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 140rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		padding-left: 40rpx;
+		padding-right:20rpx;
+		
+	
+		.basic-text {
+			width: 370rpx;
+		}
+	
+		.cu-item {
+			background: #3388ff;
+			border-radius: 12px;
+			width: 120rpx;
+			height: 48rpx;
+			text-align: center;
+			line-height: 40rpx;
+	
+			text {
+				font-size: 12px;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ffffff;
+			}
+		}
+	
+		.basic-text-status {
+			font-size: 14px;
+		}
+	}
+	.detail {
+		background-color: #fff;
+		margin-top: 30rpx;
+		border-radius: 20rpx;
+		width: 690rpx;
+	
+		.detail-item {
+			padding: 30rpx;
+			display: flex;
+			align-items: center;
+	
+			.detail-label {
+				color: #333;
+				font-size: 15px;
+			}
+	
+			.detail-value {
+				color: #666;
+				font-size: 14px;
+				margin-left: 30rpx;
+				.detail-img{
+					width: 60rpx;
+					height: 60rpx;
+				}
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="device-detail-page">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<view class="mt-3">
+			<view class="basic-header">
+				<view class="u-flex">
+					<view class="basic-text text-clip ml-2">
+						{{ listDetail.reason }}
+					</view>
+					<view v-if="listDetail.status" class="basic-text-status ml-2" :style="{ color: faultDevice[listDetail.status].color}">
+						{{ listDetail.status ? faultDevice[listDetail.status].name : ''}}
+					</view>
+				</view>
+			</view>
+			<view class="detail">
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceMangement.recordNumber') }}</view>
+					<view class="detail-value">{{ listDetail.code}}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceMangement.faultName') }}</view>
+					<view class="detail-value">{{ listDetail.reason }}</view>
+				</view>
+				
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import fTabbar from "@/components/module/f-tabbar/f-tabbar";
+import api from '@/api/index.js'
+import {faultDevice} from '@/pages/deviceManagement/enum/index.js'
+
+
+export default {
+	components: {
+		fTabbar,
+		
+	},
+	data() {
+		return {
+			listDetail:{},
+			faultDevice	
+		};
+	},
+	onUnload() {
+		
+	},
+	async onLoad(options) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+		let id = options.id
+		const res =	await api.deviceManagementApi.getFaultListDetail(id)	
+		if (!res) return
+		this.listDetail = {...res}
+	
+	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.faultCauseDetail')
+			})
+		})
+		
+	},
+	
+	methods: {
+		
+		
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.device-detail-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+	padding: 0 30rpx;
+	.basic-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 140rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		padding-left: 40rpx;
+		padding-right:20rpx;
+	
+		.basic-text {
+			width: 370rpx;
+		}
+	
+		.cu-item {
+			background: #3388ff;
+			border-radius: 12px;
+			width: 120rpx;
+			height: 48rpx;
+			text-align: center;
+			line-height: 40rpx;
+	
+			text {
+				font-size: 12px;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ffffff;
+			}
+		}
+	
+		.basic-text-status {
+			font-size: 14px;
+		}
+	}
+	.detail {
+		background-color: #fff;
+		margin-top: 30rpx;
+		border-radius: 20rpx;
+		width: 690rpx;
+	
+		.detail-item {
+			padding: 30rpx;
+			display: flex;
+			align-items: center;
+	
+			.detail-label {
+				color: #333;
+				font-size: 15px;
+			}
+	
+			.detail-value {
+				color: #666;
+				font-size: 14px;
+				margin-left: 30rpx;
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="device-detail-page">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<view class="mt-3">
+			<view class="basic-header">
+				<view class="u-flex">
+					<view class="basic-text text-clip ml-2">
+						{{ listDetail.name }}
+					</view>
+					<view v-if="listDetail.status" class="basic-text-status ml-2" :style="{ color: faultDevice[listDetail.status].color}">
+						{{ listDetail.status ? faultDevice[listDetail.status].name : '' }}
+					</view>
+				</view>
+			</view>
+			<view class="detail">
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceMangement.schemeCode') }}</view>
+					<view class="detail-value">{{ listDetail.code}}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceMangement.schemeName') }}</view>
+					<view class="detail-value">{{ listDetail.name }}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceMangement.schemeType') }}</view>
+					<view class="detail-value">{{ listDetail.type ? schemeType[listDetail.type].name : '' }}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceMangement.schemeDetails') }}</view>
+					<view class="detail-value">{{ listDetail.planDetails }}</view>
+				</view>
+				
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import fTabbar from "@/components/module/f-tabbar/f-tabbar";
+import api from '@/api/index.js'
+import {faultDevice,schemeType} from '@/pages/deviceManagement/enum/index.js'
+
+
+export default {
+	components: {
+		fTabbar,
+		
+	},
+	data() {
+		return {
+			listDetail:{},
+			faultDevice,
+			schemeType
+		};
+	},
+	onUnload() {
+		
+	},
+	async onLoad(options) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+		let id = options.id
+		const res =	await api.deviceManagementApi.getCheckPlanDetail(id)	
+		if (!res) return
+		this.listDetail = {...res}
+	
+	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.inspectionPlanDetail')
+			})
+		})
+		
+	},
+	
+	methods: {
+		
+		
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.device-detail-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+	padding: 0 30rpx;
+	.basic-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 140rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		padding-left: 40rpx;
+		padding-right:20rpx;
+	
+		.basic-text {
+			width: 370rpx;
+		}
+	
+		.cu-item {
+			background: #3388ff;
+			border-radius: 12px;
+			width: 120rpx;
+			height: 48rpx;
+			text-align: center;
+			line-height: 40rpx;
+	
+			text {
+				font-size: 12px;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ffffff;
+			}
+		}
+	
+		.basic-text-status {
+			font-size: 14px;
+		}
+	}
+	.detail {
+		background-color: #fff;
+		margin-top: 30rpx;
+		border-radius: 20rpx;
+		width: 690rpx;
+	
+		.detail-item {
+			padding: 30rpx;
+			display: flex;
+			align-items: center;
+	
+			.detail-label {
+				color: #333;
+				font-size: 15px;
+			}
+	
+			.detail-value {
+				color: #666;
+				font-size: 14px;
+				margin-left: 30rpx;
+			}
+		}
+	}
+}
+</style>

+const list = [
+  {
+    name: 'deviceMangement.basicInfo',
+  },
+  {
+    name: 'deviceMangement.inspectionRecords',
+  },
+  {
+    name: 'deviceMangement.maintenanceRecords',
+  },
+  {
+    name: 'deviceMangement.repairRecords',
+  },
+]
+
+const issueStatus = [
+  {
+    checked: true,
+    name: 'common.allText',
+    type: '',
+  },
+  {
+    checked: false,
+    name: 'device.inQueue',
+    type: 'QUEUED',
+  },
+  {
+    checked: false,
+    name: 'device.hasBeenSent',
+    type: 'SENT',
+  },
+  {
+    checked: false,
+    name: 'device.successSent',
+    type: 'DELIVERED',
+  },
+  {
+    checked: false,
+    name: 'device.responseSuccess',
+    type: 'SUCCESSFUL',
+  },
+  {
+    checked: false,
+    name: 'device.timeout',
+    type: 'TIMEOUT',
+  },
+  {
+    checked: false,
+    name: 'device.expired',
+    type: 'EXPIRED',
+  },
+  {
+    checked: false,
+    name: 'device.ResponseFailed',
+    type: 'FAILED',
+  },
+  {
+    checked: false,
+    name: 'device.deletedText',
+    type: 'DELETED',
+  },
+]
+
+const commandTypeList = [
+  {
+    value: 'OneWay',
+    name: 'device.onwWay',
+  },
+  {
+    value: 'TwoWay',
+    name: 'device.twoWay',
+  },
+]
+
+const deviceTypeNum = {
+  GBT: 'GBT28181',
+}
+
+export { list, issueStatus, commandTypeList, deviceTypeNum }

+<template>
+	<view class="device-detail-page">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<u-sticky :bgColor="bgColor">
+			<u-tabs :list="list.map(item=>({...item,name:$t(item.name)}))" :current="currentTab" :lineWidth="30" @click=" handleTabClick " :activeStyle="{activeColor}"
+				:inactiveStyle="inActiveColor" :scrollable="isScrollable" itemStyle="padding: 0 11px;display:flex;flex-direction:row;align-items:center;justify-content:start;height:44px" />
+		</u-sticky>
+		<view class="mt-3">
+			<view class="basic-box" v-show="currentTab == 0">
+				<view class="basic-header">
+					<view class="u-flex">
+						<view class="basic-text text-clip ml-2">
+							{{ listDetail.code }}
+						</view>
+						<view v-if="listDetail.status" class="basic-text-status ml-2" :style="{ color: ledgerType[listDetail.status].color}">
+							{{ listDetail.status ? ledgerType[listDetail.status].name : '' }}
+						</view>
+					</view>
+				</view>
+				<view class="detail">
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.deviceCode') }}</view>
+						<view class="detail-value">{{ listDetail.code}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.deviceName') }}</view>
+						<view class="detail-value">{{ listDetail.name }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.deviceType') }}</view>
+						<view class="detail-value">{{ listDetail.categoryName }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.directorName') }}</view>
+						<view class="detail-value">{{ listDetail.directorName }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.brand') }}</view>
+						<view class="detail-value">{{ listDetail.brand }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.deviceOnline') }}</view>
+						<view class="detail-value">{{ listDetail.isOnline ? '是' :'否' }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.modelNum') }}</view>
+						<view class="detail-value">{{ listDetail.modelNum }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.productDate') }}</view>
+						<view class="detail-value">{{ listDetail.productDate }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.receiveDate') }}</view>
+						<view class="detail-value">{{ listDetail.receiveDate }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.registeDate') }}</view>
+						<view class="detail-value">{{ listDetail.registeDate }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.deviceImg') }}</view>
+						<view class="detail-value">
+						  <image class="detail-img" :src="formatImage(listDetail.deviceImg)"/>
+						</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.description') }}</view>
+						<view class="detail-value">{{ listDetail.description }}</view>
+					</view>
+					
+				</view>
+			</view>
+			<view class="record-box" v-show="currentTab == 1">
+				<!-- 列表分页 -->
+				<mescroll-body ref="mescrollRef"  :up="upOption" :down="downOption" @down="downCallback"
+					@up="upCallback">
+					<page-list :list="listData" @openDeviceDetail="openDeviceDetail"></page-list>
+					<mescroll-empty v-if="!listData.length" />
+				</mescroll-body>
+			</view>
+			<view class="record-box" v-show="currentTab == 2">
+				<!-- 列表分页 -->
+				<mescroll-body ref="mescrollRef"  :up="upOption" :down="downOption" @down="downCallback"
+					@up="upCallback">
+					<page-list :list="listData" @openDeviceDetail="openDeviceDetail"></page-list>
+					<mescroll-empty v-if="!listData.length" />
+				</mescroll-body>
+			</view>
+			<view class="record-box" v-show="currentTab == 3">
+				<!-- 列表分页 -->
+				<mescroll-body ref="mescrollRef"  :up="upOption" :down="downOption" @down="downCallback"
+					@up="upCallback">
+					<page-list :list="listData" @openDeviceDetail="openDeviceDetail"></page-list>
+					<mescroll-empty v-if="!listData.length" />
+				</mescroll-body>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import fTabbar from "@/components/module/f-tabbar/f-tabbar";
+import api from '@/api/index.js'
+import {ledgerType} from '@/pages/deviceManagement/enum/index.js'
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import baseUrl from '@/config/baseUrl.js'
+import {preserveType,inspectionResult} from '@/pages/deviceInspect/enum/index.js'
+import { list } from './config/data.js'
+import pageList from '@/components/common/page-list'
+
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		fTabbar,
+		pageList
+		
+	},
+	data() {
+		return {
+			bgColor: '#fff',
+			activeColor: {
+				fontWeight: 'bold',
+				color: '#333',
+			},
+			inActiveColor: {
+				color: '#999',
+			},
+			listDetail:{},
+			ledgerType,
+			list,
+			currentTab: 0,
+			isScrollable: false,
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			page: {
+				num: 0,
+				size: 10
+			},
+			listData:[],
+		};
+	},
+	onUnload() {
+		
+	},
+	async onLoad(options) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+		let id = options.id
+		const res =	await api.deviceManagementApi.getLedgerListDetail(id)	
+		if (!res) return
+		this.listDetail = {...res}
+	
+	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.deviceLedgerDetail')
+			})
+		})
+		
+	},
+	watch: {
+		currentTab: {
+			immediate: true,
+			handler(val) {
+				this.page.num = 1
+				if(val == 1){
+					this.loadInspectionData(this.page.num)
+				}else if(val == 2){	
+					this.loadPreserveData(this.page.num);
+				}else if(val == 3){
+					this.loadRepairData(this.page.num);
+				}
+				
+			}
+		},
+			
+	},
+	
+	methods: {
+		handleTabClick({index}) {
+			this.currentTab = index;
+		},
+		
+		formatImage(url) {
+			// return baseUrl.baseImgUrl + url
+			return window.location.origin + url
+		},
+		
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.listData = [];
+			this.page.num = 1;
+			if(this.currentTab == 1){
+				this.loadInspectionData(this.page.num)
+			}else if(this.currentTab == 2){	
+				this.loadPreserveData(this.page.num);
+			}else if(this.currentTab == 3){
+				this.loadRepairData(this.page.num);
+			}
+			
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			if(this.currentTab == 1){
+				this.loadInspectionData(this.page.num)
+			}else if(this.currentTab == 2){	
+				this.loadPreserveData(this.page.num);
+			}else if(this.currentTab == 3){
+				this.loadRepairData(this.page.num);
+			}
+		},
+		
+		//获取巡检记录列表
+		async loadInspectionData(pageNo) {	
+			
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+					inspectionPlanId:'',
+					inspectorId:'',
+					startTime:'',
+					endTime:'',
+					recordResult:'',
+					deviceId:this.listDetail.id
+				};
+		
+				const {
+					total,
+					items
+				} = await api.deviceInspectApi.getPatrolRecordListApi(httpData)	
+				
+				let data = items
+		
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.code,
+						status:item.recordResult ? inspectionResult[item.recordResult].name : '',
+						iconUrl:item.recordResult ? inspectionResult[item.recordResult].iconUrl : '',
+						color:item.recordResult ? inspectionResult[item.recordResult].color : '',
+						child:[
+							{
+								label:'deviceInspect.recordCode',
+								name:item.code
+							},
+							{
+								label:'deviceInspect.patrolPlan',
+								name:item.tkInspectionPlanDTO ? item.tkInspectionPlanDTO.name :''
+							},
+							{
+								label:'deviceInspect.patrolByName',
+								name:item.userDTO ? item.userDTO.realName : ''
+							},
+							{
+								label:'deviceInspect.checkDate',
+								name:item.checkDate
+							},
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.listData = newList;
+				} else {
+					this.listData = this.listData.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//获取保养记录列表
+		async loadPreserveData(pageNo) {	
+			
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					startDate:'', //开始时间
+					endDate:'', //结束时间
+					preservePlanId:'', //保养计划id
+		            preserveBy:'', //保养人id
+					preserveStatus:'', //状态
+					deviceId:this.listDetail.id, //设备id
+					deviceName:'',
+					preservePlanName:'',
+				}
+				const {
+					total,
+					items
+				} = await api.deviceInspectApi.getMaintenanceRecordListApi(httpData, httpPostData)	
+				
+				let data = items
+				
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.recordCode,
+						status:item.preserveStatus ? preserveType[item.preserveStatus].name : '',
+						iconUrl:item.preserveStatus ? preserveType[item.preserveStatus].iconUrl : '',
+						color:item.preserveStatus ? preserveType[item.preserveStatus].color : '',
+						child:[
+							{
+								label:'deviceInspect.preserveDate',
+								name:item.preserveDate
+							},
+							{
+								label:'deviceInspect.preserveByName',
+								name:item.preserveByName
+							},
+							{
+								label:'deviceInspect.preserveStatus',
+								name:item.preserveStatus ? preserveType[item.preserveStatus].name :''
+							}
+							
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.listData = newList;
+				} else {
+					this.listData = this.listData.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//获取维修记录列表
+		async loadRepairData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					orderCode:'', //工单id
+					reportBy:'', //报修人id
+					repairBy:'', //维修人id
+			        deviceId:this.listDetail.id, //设备id
+					...params
+				}
+				const {
+					total,
+					items
+				} = await api.deviceRepairApi.getRepairRecordApi(httpData, httpPostData)	
+				
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.code,
+						child:[
+							{
+								label:'deviceRepair.code',
+								name:item.code
+							},
+							{
+								label:'deviceRepair.repairDate',
+								name:item.repairDate
+							},
+							{
+								label:'deviceRepair.repairName',
+								name:item.repairName
+							},
+							{
+								label:'deviceRepair.malfunctionReasonName',
+								name:item.malfunctionReasonName
+							},
+							{
+								label:'deviceRepair.repairDescription',
+								name:item.description
+							}
+							
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.listData = newList;
+				} else {
+					this.listData = this.listData.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.device-detail-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+	// padding: 0 30rpx;
+	.mt-3{
+		margin-top: 0;
+		.basic-box{
+			margin-top: 30rpx;
+			padding: 0 30rpx;
+		}
+	}
+	.basic-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 140rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		padding-left: 40rpx;
+		padding-right:20rpx;
+	
+		.basic-text {
+			width: 370rpx;
+		}
+	
+		.cu-item {
+			background: #3388ff;
+			border-radius: 12px;
+			width: 120rpx;
+			height: 48rpx;
+			text-align: center;
+			line-height: 40rpx;
+	
+			text {
+				font-size: 12px;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ffffff;
+			}
+		}
+	
+		.basic-text-status {
+			font-size: 14px;
+		}
+	}
+	.detail {
+		background-color: #fff;
+		margin-top: 30rpx;
+		border-radius: 20rpx;
+		width: 690rpx;
+	
+		.detail-item {
+			padding: 30rpx;
+			display: flex;
+			align-items: center;
+	
+			.detail-label {
+				color: #333;
+				font-size: 15px;
+			}
+	
+			.detail-value {
+				color: #666;
+				font-size: 14px;
+				margin-left: 30rpx;
+				.detail-img{
+					width: 60rpx;
+					height: 60rpx;
+				}
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="device-detail-page">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<view class="mt-3">
+			<view class="basic-header">
+				<view class="u-flex">
+					<view class="basic-text text-clip ml-2">
+						{{ listDetail.code }}
+					</view>
+					<!-- <view v-if="listDetail.status" class="basic-text-status ml-2" :style="{ color: faultDevice[listDetail.status].color}">
+						{{ listDetail.status ? faultDevice[listDetail.status].name : ''}}
+					</view> -->
+				</view>
+			</view>
+			<view class="detail">
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.code') }}</view>
+					<view class="detail-value">{{ listDetail.code}}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.orderCodeName') }}</view>
+					<view class="detail-value">{{ listDetail.tkRepairOrderDTO ? listDetail.tkRepairOrderDTO.orderCode : '' }}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.repairDevice') }}</view>
+					<view class="detail-value">{{ listDetail.deviceAccountName }}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.reportDate') }}</view>
+					<view class="detail-value">{{ listDetail.tkRepairOrderDTO ? listDetail.tkRepairOrderDTO.reportDate : '' }}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.reportByName') }}</view>
+					<view class="detail-value">{{ listDetail.tkRepairOrderDTO ? listDetail.tkRepairOrderDTO.reportByName :'' }}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.situationImg') }}</view>
+					<view class="detail-value">
+					    <image class="detail-img" v-if="listDetail.tkRepairOrderDTO" :src="formatImage(listDetail.tkRepairOrderDTO.situationImg)"/>
+					</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.description') }}</view>
+					<view class="detail-value">{{ listDetail.tkRepairOrderDTO ? listDetail.tkRepairOrderDTO.description : ''}}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.repairDate') }}</view>
+					<view class="detail-value">{{ listDetail.repairDate }}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.repairName') }}</view>
+					<view class="detail-value">{{ listDetail.repairName }}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.malfunctionReasonName') }}</view>
+					<view class="detail-value">{{ listDetail.malfunctionReasonName }}</view>
+				</view>
+				<u-line length="90%" margin="0 auto"></u-line>
+				<view class="detail-item">
+					<view class="detail-label">{{ $t('deviceRepair.repairDescription') }}</view>
+					<view class="detail-value">{{ listDetail.description }}</view>
+				</view>
+				
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import fTabbar from "@/components/module/f-tabbar/f-tabbar";
+import api from '@/api/index.js'
+import {faultDevice} from '@/pages/deviceManagement/enum/index.js'
+import baseUrl from '@/config/baseUrl.js'
+
+
+export default {
+	components: {
+		fTabbar,
+		
+	},
+	data() {
+		return {
+			listDetail:{},
+			faultDevice	
+		};
+	},
+	onUnload() {
+		
+	},
+	async onLoad(options) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+		let id = options.id
+		const res =	await api.deviceRepairApi.getRepairRecordDetail(id)	
+		if (!res) return
+		this.listDetail = {...res}
+	
+	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.repairRecordDetail')
+			})
+		})
+		
+	},
+	
+	methods: {
+		formatImage(url) {
+			// return baseUrl.baseImgUrl + url
+			return window.location.origin + url
+		},
+		
+		
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.device-detail-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+	padding: 0 30rpx;
+	.basic-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 140rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		padding-left: 40rpx;
+		padding-right:20rpx;
+	
+		.basic-text {
+			width: 370rpx;
+		}
+	
+		.cu-item {
+			background: #3388ff;
+			border-radius: 12px;
+			width: 120rpx;
+			height: 48rpx;
+			text-align: center;
+			line-height: 40rpx;
+	
+			text {
+				font-size: 12px;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ffffff;
+			}
+		}
+	
+		.basic-text-status {
+			font-size: 14px;
+		}
+	}
+	.detail {
+		background-color: #fff;
+		margin-top: 30rpx;
+		border-radius: 20rpx;
+		width: 690rpx;
+	
+		.detail-item {
+			padding: 30rpx;
+			display: flex;
+			align-items: center;
+	
+			.detail-label {
+				color: #333;
+				font-size: 15px;
+			}
+	
+			.detail-value {
+				color: #666;
+				font-size: 14px;
+				margin-left: 30rpx;
+				.detail-img{
+					width: 60rpx;
+					height: 60rpx;
+				}
+			}
+		}
+	}
+}
+</style>

+const list = [
+  {
+    name: 'deviceRepair.basicInfo',
+  },
+  {
+    name: 'deviceRepair.repairRecord',
+  }
+]
+
+
+export { list }

+<template>
+	<view class="device-detail-page">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<u-sticky :bgColor="bgColor">
+			<u-tabs :list="list.map(item=>({...item,name:$t(item.name)}))" :current="currentTab" :lineWidth="30" @click=" handleTabClick " :activeStyle="{activeColor}"
+				:inactiveStyle="inActiveColor" :scrollable="isScrollable" itemStyle="padding: 0 11px;display:flex;flex-direction:row;align-items:center;justify-content:center;height:44px" />
+		</u-sticky>
+		<view class="mt-3">
+			<view class="basic-box" v-show="currentTab == 0">
+				<view class="basic-header">
+					<view class="u-flex">
+						<view class="basic-text text-clip ml-2">
+							{{ listDetail.orderCode }}
+						</view>
+						<view v-if="listDetail.status" class="basic-text-status ml-2" :style="{ color: repairType[listDetail.status].color}">
+							{{ listDetail.status ? repairType[listDetail.status].name : '' }}
+						</view>
+					</view>
+				</view>
+				<view class="detail">
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.orderCode') }}</view>
+						<view class="detail-value">{{ listDetail.orderCode}}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.device') }}</view>
+						<view class="detail-value">{{ listDetail.deviceInfo ? listDetail.deviceInfo.name : '' }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.brand') }}</view>
+						<view class="detail-value">{{ listDetail.deviceInfo ? listDetail.deviceInfo.brand : '' }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.modelNum') }}</view>
+						<view class="detail-value">{{ listDetail.deviceInfo ? listDetail.deviceInfo.modelNum :'' }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.specifications') }}</view>
+						<view class="detail-value">{{ listDetail.deviceInfo ? listDetail.deviceInfo.specifications :'' }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.reportDate') }}</view>
+						<view class="detail-value">{{ listDetail.reportDate }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.directorName') }}</view>
+						<view class="detail-value">{{ listDetail.deviceInfo ? listDetail.deviceInfo.directorName : '' }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.reportByName') }}</view>
+						<view class="detail-value">{{ listDetail.reportByName }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.emergency') }}</view>
+						<view class="detail-value">{{ listDetail.emergency ? '是' :'否' }}</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceRepair.situationImg') }}</view>
+						<view class="detail-value">
+						  <image class="detail-img" v-if="listDetail.situationImg" :src="formatImage(listDetail.situationImg)"/>
+						</view>
+					</view>
+					<u-line length="90%" margin="0 auto"></u-line>
+					<view class="detail-item">
+						<view class="detail-label">{{ $t('deviceMangement.description') }}</view>
+						<view class="detail-value">{{ listDetail.description }}</view>
+					</view>
+					
+				</view>
+			</view>
+			<view class="record-box" v-show="currentTab == 1">
+				<!-- 列表分页 -->
+				<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+					@up="upCallback">
+					<page-list :list="listData" @openDeviceDetail="openDeviceDetail"></page-list>
+					<mescroll-empty v-if="!listData.length" />
+				</mescroll-body>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+import fTabbar from "@/components/module/f-tabbar/f-tabbar";
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {repairType} from '@/pages/deviceRepair/enum/index.js'
+import { list } from './config/data.js'
+import baseUrl from '@/config/baseUrl.js'
+import pageList from '@/components/common/page-list'
+
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		fTabbar,
+		pageList
+		
+	},
+	data() {
+		return {
+			bgColor: '#fff',
+			activeColor: {
+				fontWeight: 'bold',
+				color: '#333',
+			},
+			inActiveColor: {
+				color: '#999',
+			},
+			listDetail:{},
+			list,
+			currentTab: 0,
+			isScrollable: false,
+			repairType,
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			page: {
+				num: 0,
+				size: 10
+			},
+			orderCode:'', //工单id
+			reportBy:'', //报修人id
+			repairBy:'', //维修人id
+			deviceId:'', //设备id,
+			listData:[]
+			
+		};
+	},
+	onUnload() {
+		
+	},
+	async onLoad(options) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+		let id = options.id
+		const res =	await api.deviceRepairApi.getRepairWorkDetail(id)	
+		if (!res) return
+		this.listDetail = {...res}
+		
+	
+	},
+	onShow(){
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.repairWorkOrderDetail')
+			})
+		})
+		
+		
+	},
+	watch: {
+		currentTab: {
+			immediate: true,
+			handler(val) {
+				if(val == 1){
+					this.page.num = 1
+					this.loadData(this.page.num);
+				}
+				
+			}
+		},
+		
+		
+		
+	},
+	
+	methods: {
+		handleTabClick({index}) {
+			this.currentTab = index;
+		},
+		
+		formatImage(url) {
+			// return baseUrl.baseImgUrl + url
+			return window.location.origin + url
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.listData = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					orderCode:this.listDetail.orderCode, //工单id
+					reportBy:this.reportBy, //报修人id
+					repairBy:this.repairBy, //维修人id
+		            deviceId:this.deviceId, //设备id
+					deviceName:'',
+					...params
+				}
+				const {
+					total,
+					items
+				} = await api.deviceRepairApi.getRepairRecordApi(httpData, httpPostData)	
+				
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.code,
+						child:[
+							{
+								label:'deviceRepair.code',
+								name:item.code
+							},
+							{
+								label:'deviceRepair.repairDate',
+								name:item.repairDate
+							},
+							{
+								label:'deviceRepair.repairName',
+								name:item.repairName
+							},
+							{
+								label:'deviceRepair.malfunctionReasonName',
+								name:item.malfunctionReasonName
+							},
+							{
+								label:'deviceRepair.repairDescription',
+								name:item.description
+							}
+							
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.listData = newList;
+				} else {
+					this.listData = this.listData.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+.device-detail-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+	// padding: 0 30rpx;
+	.mt-3{
+		// padding: 0 30rpx;
+		margin-top: 0;
+		.basic-box{
+			margin-top: 30rpx;
+			padding: 0 30rpx;
+		}
+		.record-box{
+			// padding: 0 30rpx 0 15rpx;
+		}
+	}
+	.basic-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		height: 140rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		padding-left: 40rpx;
+		padding-right:20rpx;
+		
+	
+		.basic-text {
+			width: 370rpx;
+		}
+	
+		.cu-item {
+			background: #3388ff;
+			border-radius: 12px;
+			width: 120rpx;
+			height: 48rpx;
+			text-align: center;
+			line-height: 40rpx;
+	
+			text {
+				font-size: 12px;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #ffffff;
+			}
+		}
+	
+		.basic-text-status {
+			font-size: 14px;
+		}
+	}
+	.detail {
+		background-color: #fff;
+		margin-top: 30rpx;
+		border-radius: 20rpx;
+		width: 690rpx;
+	
+		.detail-item {
+			padding: 30rpx;
+			display: flex;
+			align-items: center;
+	
+			.detail-label {
+				color: #333;
+				font-size: 15px;
+			}
+	
+			.detail-value {
+				color: #666;
+				font-size: 14px;
+				margin-left: 30rpx;
+				.detail-img{
+					width: 60rpx;
+					height: 60rpx;
+				}
+			}
+		}
+	}
+}
+</style>

@@ -21,5 +21,8 @@
   "personalData": "Personal data",
   "personalData": "Personal data",
   "phoneLogin": "Mobile verification code login",
   "phoneLogin": "Mobile verification code login",
   "forgotPassword": "Forgot password",
   "forgotPassword": "Forgot password",
-  "my": "mine"
+  "my": "mine",
+  "deviceLedger":"Device Ledger",
+  "faultCause":"Fault Cause",
+  "faultCauseDetail":"Fault Cause Detail"
 }
 }

+export default {
+  pleasePlanName:'Please Plan Name',
+  preserveCode:'Preserve Code',
+  preserveName:'Preserve Name',
+  status:'Status',
+  frequency:'Frequency',
+  times:'Times',
+  preserveRecord:'Preserve Record',
+  basicInfo:'BasicInfo',
+  recordCode:'RecordCode',
+  preserveDate:'PreserveDate',
+  preserveByName:'PreserveByName',
+  preserveStatus:'PreserveStatus',
+  preservePlanName:'PreservePlanName',
+  pleasePreservePlanName:'Please preserve plan name',
+  preserveDetail:'Preserve Detail',
+  checkPlanName:'Check Plan Name',
+  startTime:'StartTime',
+  endTime:'EndTime',
+  patrolRecord:'PatrolRecord',
+  patrolPlan:'PatrolPlan',
+  checkDate:'CheckDate',
+  pleasePatrolPlanName:'Please patrol plan name',
+  patrolByName:'PatrolByName',
+  patrolDetail:'PatrolDetail',
+  patrolDevice:'PatrolDevice',
+  patrolContent:'PatrolContent',
+  checkResult:'CheckResult'
+}

+export default {
+  pleaseEnterFaultName:'Please enter fault name',
+  faultName:'Fault Name',
+  recordNumber:'Record Number',
+  schemeCode:'Scheme Code',
+  schemeName:'Scheme Name',
+  schemeType:'Scheme Type',
+  schemeDetails:'Scheme Details',
+  pleaseEnterSchemeName:'Please enter scheme name',
+  pleaseEnterDeviceCode: 'Please enter device code',
+  deviceName:'Device Name',
+  deviceCode:'Device Code',
+  deviceType:'Device Type',
+  brand:'Brand',
+  directorName:'Director Name',
+  basicInfo:'Basic Info',
+  inspectionRecords:'Inspection Records',
+  maintenanceRecords:'Maintenance Records',
+  repairRecords:'Repair Records',
+  deviceOnline:'Device Online',
+  modelNum:'Model Num',
+  productDate:'Product Date',
+  receiveDate:'Receive Date',
+  registeDate:'Registe Date',
+  deviceImg:'Device Img',
+  description:'Description'
+}

+export default {
+  orderCode: 'Order Code',
+  device:'Device',
+  brand:'Brand',
+  modelNum:'Model Num',
+  specifications:'Specifications',
+  reportDate:'Report Date', 
+  reportByName: 'ReportByName',
+  status: 'Status',
+  emergency:'Emergency',
+  situationImg:'SituationImg',
+  description:'Description',
+  directorName:'Director Name',
+  pleaseDeviceName:'Please device name',
+  repairRecord:'Repair Record',
+  basicInfo:'BasicInfo',
+  code:'Code',
+  repairDate:'Repair Date',
+  repairName:'Repair Name',
+  malfunctionReasonName:'Malfunction ReasonName',
+  repairDescription:'Repair Description',
+  orderCodeName:'OrderCode Name',
+  repairDevice:'Repair Device',
+  pleaseOrderCodeName:'Please OrderCode Name',
+}

@@ -6,7 +6,10 @@ import menu from './menu'
 import components from './components'
 import components from './components'
 import alarm from './alarm'
 import alarm from './alarm'
 import userCenter from './userCenter'
 import userCenter from './userCenter'
+import deviceMangement from './deviceMangement'
+import deviceRepair from './deviceRepair'
+import deviceInspect from './deviceInspect'
 export default {
 export default {
-  homePage, common, login, device, menu, components, alarm, userCenter,
+  homePage, common, login, device, menu, components, alarm, userCenter,deviceMangement,deviceRepair,deviceInspect,
   spreadTail: 'Connecting the world to create value'
   spreadTail: 'Connecting the world to create value'
 }
 }

@@ -22,5 +22,22 @@ export default {
   personalData: 'Personal data',
   personalData: 'Personal data',
   phoneLogin: 'Mobile verification code login',
   phoneLogin: 'Mobile verification code login',
   forgotPassword: 'Forgot password',
   forgotPassword: 'Forgot password',
-  my: 'mine'
+  my: 'mine',
+  deviceLedger:"Device Ledger",
+  deviceLedgerDetail:'Device Ledger Detail',
+  faultCause:"Fault Cause",
+  faultCauseDetail:"Fault Cause Detail",
+  inspectionPlanDetail:'Inspection Plan Detail',
+  repairWorkOrder:'Repair WorkOrder',
+  repairWorkOrderDetail:'Repair WorkOrder Detail',
+  repairRecord:'Repair Record',
+  repairRecordDetail:'Repair Record Detail',
+  maintenancePlan:'Maintenance Plan',
+  maintenancePlanDetail:'Maintenance Plan Detail',
+  maintenanceRecord:'Maintenance Record',
+  maintenanceRecordDetail:'Maintenance Record Detail',
+  patrolPlan:'Patrol Plan',
+  patrolPlanDetail:'Patrol Plan Detail',
+  patrolRecord:'Patrol Record',
+  patrolRecordDetail:'Patrol Record Detail'
 }
 }

@@ -88,5 +88,5 @@ export default {
   issuanceStatus: '下发状态',
   issuanceStatus: '下发状态',
   commandTime: '命令下发时间',
   commandTime: '命令下发时间',
   responseResults: '响应结果',
   responseResults: '响应结果',
-  commandContent: '命令内容',
+  commandContent: '命令内容'
 }
 }

+export default {
+  pleasePlanName:'请输入计划名称',
+  preserveCode:'计划编号',
+  preserveName:'计划名称',
+  status:'状态',
+  frequency:'维护频率',
+  times:'维护次数',
+  preserveRecord:'保养记录',
+  basicInfo:'基本信息',
+  recordCode:'记录编号',
+  preserveDate:'保养日期',
+  preserveByName:'保养人员',
+  preserveStatus:'维护结果',
+  preservePlanName:'保养计划',
+  pleasePreservePlanName:'请输入保养计划名称',
+  preserveDetail:'保养明细',
+  checkPlanName:'方案名称',
+  startTime:'开始日期',
+  endTime:'结束日期',
+  patrolRecord:'巡检记录',
+  patrolPlan:'巡检计划',
+  checkDate:'巡检日期',
+  pleasePatrolPlanName:'请输入巡检计划名称',
+  patrolByName:'巡检人',
+  patrolDetail:'巡检明细',
+  patrolDevice:'巡检设备',
+  patrolContent:'巡检内容',
+  checkResult:'检查结果'
+}

+export default {
+  pleaseEnterFaultName: '请输入故障名称',
+  faultName:'故障名称',
+  recordNumber:'记录编号',
+  schemeCode:'方案编号',
+  schemeName:'方案名称',
+  schemeType:'方案类型',
+  schemeDetails:'方案明细',
+  pleaseEnterSchemeName: '请输入方案名称',
+  pleaseEnterDeviceCode: '请输入设备编码',
+  deviceName:'设备名称',
+  deviceCode:'设备编码',
+  deviceType:'设备类型',
+  brand:'品牌',
+  directorName:'负责人',
+  basicInfo:'基本信息',
+  inspectionRecords:'巡检记录',
+  maintenanceRecords:'保养记录',
+  repairRecords:'维修记录' ,
+  deviceOnline:'设备联网',
+  modelNum:'型号',
+  productDate:'出厂日期',
+  receiveDate:'验收日期',
+  registeDate:'登记日期',
+  deviceImg:'图片',
+  description:'备注'
+}

+export default {
+  orderCode: '维修单编号',
+  device:'设备',
+  brand:'品牌',
+  modelNum:'型号',
+  specifications:'规格',
+  reportDate:'报修时间', 
+  reportByName: '报修人员',
+  status: '状态',
+  emergency:'是否紧急',
+  situationImg:'故障详情拍照',
+  description:'故障描述',
+  directorName:'设备负责人',
+  pleaseDeviceName:'请输入设备名称',
+  repairRecord:'维修记录',
+  basicInfo:'基本信息',
+  code:'记录编号',
+  repairDate:'维修时间',
+  repairName:'维修人员',
+  malfunctionReasonName:'故障原因',
+  repairDescription:'维修情况说明',
+  orderCodeName:'维修工单',
+  repairDevice:'维修设备',
+  pleaseOrderCodeName:'请输入维修工单名称',
+  
+
+}

@@ -6,7 +6,11 @@ import menu from './menu'
 import components from './components'
 import components from './components'
 import alarm from './alarm'
 import alarm from './alarm'
 import userCenter from './userCenter'
 import userCenter from './userCenter'
+import deviceMangement from './deviceMangement'
+import deviceRepair from './deviceRepair'
+import deviceInspect from './deviceInspect'
+
 export default {
 export default {
-  homePage, common, login, device, menu, components, alarm, userCenter,
+  homePage, common, login, device, menu, components, alarm, userCenter,deviceMangement,deviceRepair,deviceInspect,
   spreadTail: '连接世界 创造价值',
   spreadTail: '连接世界 创造价值',
 }
 }

@@ -23,4 +23,22 @@ export default {
   phoneLogin: '手机验证码登录',
   phoneLogin: '手机验证码登录',
   forgotPassword: '忘记密码',
   forgotPassword: '忘记密码',
   my: "我的",
   my: "我的",
+  deviceLedger:'设备台账',
+  deviceLedgerDetail:'设备台账详情',
+  faultCause:'故障原因管理',
+  faultCauseDetail:'故障原因管理详情',
+  inspectionPlan:'巡检/保养方案',
+  inspectionPlanDetail:'巡检/保养方案详情',
+  repairWorkOrder:'维修工单',
+  repairWorkOrderDetail:'维修工单详情',
+  repairRecord:'维修记录',
+  repairRecordDetail:'维修记录详情',
+  maintenancePlan:'保养计划',
+  maintenancePlanDetail:'保养计划详情',
+  maintenanceRecord:'保养记录',
+  maintenanceRecordDetail:'保养记录详情',
+  patrolPlan:'巡检计划',
+  patrolPlanDetail:'巡检计划详情',
+  patrolRecord:'巡检记录',
+  patrolRecordDetail:'巡检记录详情'
 }
 }

@@ -21,5 +21,9 @@
   "personalData": "个人资料",
   "personalData": "个人资料",
   "phoneLogin": "手机验证码登录",
   "phoneLogin": "手机验证码登录",
   "forgotPassword": "忘记密码",
   "forgotPassword": "忘记密码",
-  "my": "我的"
+  "my": "我的",
+  "deviceLedger":"设备台账",
+  "faultCause":"故障原因管理",
+  "faultCauseDetail":"故障原因管理详情",
+  "inspectionPlan":"巡检/保养方案"
 }
 }

@@ -10,6 +10,7 @@
 			"license": "ISC",
 			"license": "ISC",
 			"dependencies": {
 			"dependencies": {
 				"moment": "^2.29.2",
 				"moment": "^2.29.2",
+				"uview-ui": "^2.0.38",
 				"vue-i18n": "^9.1.9"
 				"vue-i18n": "^9.1.9"
 			}
 			}
 		},
 		},
@@ -372,6 +373,14 @@
 				"node": ">=4"
 				"node": ">=4"
 			}
 			}
 		},
 		},
+		"node_modules/uview-ui": {
+			"version": "2.0.38",
+			"resolved": "https://registry.npmmirror.com/uview-ui/-/uview-ui-2.0.38.tgz",
+			"integrity": "sha512-6egHDf9lXHKpG3hEjRE0vMx4+VWwKk/ReTf5x18KrIKqdvdPRqO3+B8Unh7vYYwrIxzAWIlmhZ9RJpKI/4UqPQ==",
+			"engines": {
+				"HBuilderX": "^3.1.0"
+			}
+		},
 		"node_modules/vue": {
 		"node_modules/vue": {
 			"version": "3.5.11",
 			"version": "3.5.11",
 			"resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.11.tgz",
 			"resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.11.tgz",

@@ -13,6 +13,7 @@
 	"license": "ISC",
 	"license": "ISC",
 	"dependencies": {
 	"dependencies": {
 		"moment": "^2.29.2",
 		"moment": "^2.29.2",
+		"uview-ui": "^2.0.38",
 		"vue-i18n": "^9.1.9"
 		"vue-i18n": "^9.1.9"
 	}
 	}
 }
 }

@@ -91,7 +91,70 @@
 			"style": {
 			"style": {
 				"navigationBarTitleText": ""
 				"navigationBarTitleText": ""
 			}
 			}
+		},
+		{
+			"path": "pages/deviceManagement/ledger/ledger",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/deviceManagement/deviceType/deviceType",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/deviceManagement/faultCause/faultCause",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/deviceManagement/inspectionPlan/inspectionPlan",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/deviceRepair/repairWorkOrder/repairWorkOrder",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/deviceRepair/repairRecord/repairRecord",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/deviceInspect/maintenancePlan/maintenancePlan",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/deviceInspect/maintenanceRecord/maintenanceRecord",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/deviceInspect/patrolPlan/patrolPlan",
+			"style": {
+				"navigationBarTitleText": ""
+			}
+		},
+		{
+			"path": "pages/deviceInspect/patrolRecord/patrolRecord",
+			"style": {
+				"navigationBarTitleText": ""
+			}
 		}
 		}
+		
+		
+		
 	],
 	],
 	"subPackages": [{
 	"subPackages": [{
 			"root": "alarm-subpackage",
 			"root": "alarm-subpackage",
@@ -184,7 +247,76 @@
 					}
 					}
 				}
 				}
 			]
 			]
+		},
+		{
+				"root": "deviceManagement-subpackage",
+				"pages": [{
+					"path": "faultCause-detail/faultCause-detail",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				},
+				{
+					"path": "inspectionPlan-detail/inspectionPlan-detail",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				},
+				{
+					"path": "ledger-detail/ledger-detail",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				}
+				]
+		},
+		{
+				"root": "deviceRepair-subpackage",
+				"pages": [{
+					"path": "repairWorkOrder-detail/repairWorkOrder-detail",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				},
+				{
+					"path": "repairRecord-detail/repairRecord-detail",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				}
+				
+			    ]
+		},
+		{
+				"root": "deviceInspect-subpackage",
+				"pages": [{
+					"path": "maintenancePlan-detail/maintenancePlan-detail",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				},
+				{
+					"path": "maintenanceRecord-detail/maintenanceRecord-detail",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				},
+				{
+					"path": "patrolPlan-detail/patrolPlan-detail",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				},
+				{
+					"path": "patrolRecord-detail/patrolRecord-detail",
+					"style": {
+						"navigationBarTitleText": ""
+					}
+				}
+				
+			    ]
 		}
 		}
+		
 	],
 	],
 	"globalStyle": {
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTextStyle": "black",

+const planType = {
+	'NOTSTART':{
+		color:'#666666',
+		name:'未开始',
+		iconUrl:'/static/unonline.png'
+	},
+	'UNDERWAY':{
+		color:'#FFD700',
+		name:'进行中',
+		iconUrl:'/static/time.png'
+	},
+	'COMPLETED':{
+		color:'#377DFF',
+		name:'已完成',
+		iconUrl:'/static/online.png'
+	},
+	'STOP':{
+		color:'#DE4437',
+		name:'停用',
+		iconUrl:'/static/baojing.png'
+	}
+}
+
+const preserveType = {
+	'INCOMPLETE':{
+		color:'#666666',
+		name:'未完成',
+		iconUrl:'/static/unonline.png'
+	},
+	'COMPLETE':{
+		color:'#377DFF',
+		name:'已完成',
+		iconUrl:'/static/online.png'
+	}
+}
+
+const detailType = {
+	'UNEXECUTED':{
+		color:'#666666',
+		name:'未执行',
+		iconUrl:'/static/unonline.png'
+	},
+	'EXECUTED':{
+		color:'#377DFF',
+		name:'已执行',
+		iconUrl:'/static/online.png'
+	}
+}
+
+
+const inspectionType = {
+	'NOT_START':{
+		color:'#666666',
+		name:'未开始',
+		iconUrl:'/static/unonline.png'
+	},
+	'UNDERWAY':{
+		color:'#FFD700',
+		name:'进行中',
+		iconUrl:'/static/time.png'
+	},
+	'FINISH':{
+		color:'#377DFF',
+		name:'已完成',
+		iconUrl:'/static/online.png'
+	},
+	'STOP':{
+		color:'#DE4437',
+		name:'停用',
+		iconUrl:'/static/baojing.png'
+	}
+}
+
+const inspectionResult = {
+	true:{
+		color:'#377DFF',
+		name:'正常',
+		iconUrl:'/static/online.png'
+		
+	},
+	false:{
+		color:'#DE4437',
+		name:'异常',
+		iconUrl:'/static/baojing.png'
+	}
+}
+
+
+
+
+export {
+ planType,
+ preserveType,
+ detailType,
+ inspectionType,
+ inspectionResult
+}

+<template>
+	<view class="faultCause-page">
+		<!-- 头部 -->
+		<header-searchNoOrg @openSearchDialog="openSearchDialog">
+			<!-- 不能写在封装组件里传placeholder，mp-wenxin端编译要报错 -->
+			<u--input prefixIcon="search" :placeholder="$t('deviceInspect.pleasePlanName')" shape="circle"
+				@change="inputChanged">
+			</u--input>
+		</header-searchNoOrg>
+		<!-- 列表分页 -->
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+			@up="upCallback">
+			<page-list :list="list" @openDeviceDetail="openDeviceDetail"></page-list>
+			<mescroll-empty v-if="!list.length" />
+		</mescroll-body>
+		<view style="height: 20rpx"></view>
+		<!-- 筛选 -->
+		<filter-popup ref="devicePopupRef" :filterList="filterList" :filterName="filterName" :show="show" @close="close" @queryCondition="getQueryCondition" ></filter-popup>
+	</view>
+</template>
+
+<script>
+import headerSearchNoOrg from '@/components/common/header-searchNoOrg.vue';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {
+	useNavigateTo
+} from '@/plugins/utils.js'
+import pageList from '@/components/common/page-list'
+import filterPopup from '@/components/common/filter-popup.vue'
+import {planType} from '../enum/index.js'
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		pageList,
+		filterPopup,
+		headerSearchNoOrg
+	},
+	data() {
+		return {
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			show: false,
+			list: [],
+			page: {
+				num: 0,
+				size: 10
+			},
+			preserveName:'',//保养计划名称
+			status:'', //状态
+			filterName:{   //筛选的字段
+				status:''
+			},
+			filterList:[  //筛选弹框字段
+				{
+					title:'状态',
+					titleCode:'status',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:''
+						},
+						{
+							checked:false,
+							name:'未开始',
+							code:'NOTSTART'
+						},
+						{
+							checked:false,
+							name:'进行中',
+							code:'UNDERWAY'
+						},
+						{
+							checked:false,
+							name:'已完成',
+							code:'COMPLETED'
+						},
+						{
+							checked:false,
+							name:'停用',
+							code:'STOP'
+						}
+					]
+				},
+				
+			]
+			
+		};
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+	},
+	onShow() {
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.maintenancePlan')
+			})
+		})
+		if (getApp().getBindNot()) {
+			return
+		}
+		this.page.num = 1
+		this.loadData(this.page.num);
+	},
+	methods: {
+		
+		//输入框查询
+		inputChanged(e) {
+			if (getApp().getBindNot()) {
+				return
+			}
+			this.page.num = 1;
+			this.preserveName = e;
+			this.loadData(1);
+		},
+		//筛选弹窗重置操作
+		resetQuery() {
+			this.$refs.devicePopupRef.resetFilter()
+			this.status = ''	
+		},
+		//筛选弹窗确认操作
+		getQueryCondition(value) {
+			this.page.num = 1;
+			this.status = value.status
+			this.loadData(this.page.num, value);
+			this.close()
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.list = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					preserveName:this.preserveName,
+					status:this.status,
+					...params
+				}
+				const {
+					total,
+					items
+				} = await api.deviceInspectApi.getMaintenancePlanListApi(httpData, httpPostData)	
+				
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.preserveCode,
+						status:item.status ? planType[item.status].name : '',
+						iconUrl:item.status ? planType[item.status].iconUrl : '',
+						color:item.status ? planType[item.status].color : '',
+						child:[
+							{
+								label:'deviceInspect.preserveName',
+								name:item.preserveName
+							},
+							{
+								label:'deviceInspect.frequency',
+								name:item.frequency
+							},
+							{
+								label:'deviceInspect.times',
+								name:item.times
+							},
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.list = newList;
+				} else {
+					this.list = this.list.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//打开筛选弹框
+		openSearchDialog() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('deviceMangement.pleaseBindAccount'))
+				return
+			}
+			this.show = true;
+		},
+		
+		//关闭筛选弹框
+		close() {
+			this.show = false;
+		},
+		
+		//列表详情
+		openDeviceDetail(values) {
+			const { id } = values || {}
+			uni.navigateTo({
+				url: `/deviceInspect-subpackage/maintenancePlan-detail/maintenancePlan-detail?id=${id}`
+			});
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.faultCause-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+}
+
+.device-top {
+	padding: 10rpx 30rpx;
+	background-color: #fff;
+
+	.search {
+		display: flex;
+		justify-content: space-between;
+		padding-bottom: 10rpx;
+
+		.search-left {
+			width: 580rpx;
+			background-color: #f8f9fa;
+			border-radius: 200rpx;
+		}
+
+		.search-right {
+			display: flex;
+			align-items: center;
+
+			text {
+				color: #333;
+				font-size: 14px;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="faultCause-page">
+		<!-- 头部 -->
+		<header-searchNoOrg @openSearchDialog="openSearchDialog">
+			<!-- 不能写在封装组件里传placeholder，mp-wenxin端编译要报错 -->
+			<u--input prefixIcon="search" :placeholder="$t('deviceInspect.pleasePreservePlanName')" shape="circle"
+				@change="inputChanged">
+			</u--input>
+		</header-searchNoOrg>
+		<!-- 列表分页 -->
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+			@up="upCallback">
+			<page-list :list="list" @openDeviceDetail="openDeviceDetail"></page-list>
+			<mescroll-empty v-if="!list.length" />
+		</mescroll-body>
+		<view style="height: 20rpx"></view>
+		<!-- 筛选 -->
+		<filter-popup ref="devicePopupRef" :filterList="filterList" :filterName="filterName" :show="show" @close="close" @queryCondition="getQueryCondition" ></filter-popup>
+	</view>
+</template>
+
+<script>
+import headerSearchNoOrg from '@/components/common/header-searchNoOrg.vue';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {
+	useNavigateTo
+} from '@/plugins/utils.js'
+import pageList from '@/components/common/page-list'
+import filterPopup from '@/components/common/filter-popup.vue'
+import {planType,preserveType} from '../enum/index.js'
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		pageList,
+		filterPopup,
+		headerSearchNoOrg
+	},
+	data() {
+		return {
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			show: false,
+			list: [],
+			page: {
+				num: 0,
+				size: 10
+			},
+			startDate:'', //开始时间
+			endDate:'', //结束时间
+			preservePlanId:'', //保养计划id
+			preservePlanName:'', //保养计划名称
+			preserveBy:'', //保养人id
+			preserveStatus:'', //状态
+			deviceId:'', //设备id
+			deviceName:'', //设备名称
+			filterName:{   //筛选的字段
+				preserveStatus:'',
+				startDate:'',
+				endDate:''
+			},
+			filterList:[  //筛选弹框字段
+				{
+					title:'维护结果',
+					titleCode:'preserveStatus',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:''
+						},
+						{
+							checked:false,
+							name:'未完成',
+							code:'INCOMPLETE'
+						},
+						{
+							checked:false,
+							name:'已完成',
+							code:'COMPLETE'
+						}
+					]
+				},
+				{
+					title:'保养日期',
+					isDate:true,
+					startDate:'startDate',
+					endDate:'endDate',
+					range:[]
+				}
+				
+			]
+			
+		};
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+	},
+	onShow() {
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.maintenanceRecord')
+			})
+		})
+		if (getApp().getBindNot()) {
+			return
+		}
+		this.page.num = 1
+		this.loadData(this.page.num);
+	},
+	methods: {
+		
+		//输入框查询
+		inputChanged(e) {
+			if (getApp().getBindNot()) {
+				return
+			}
+			this.page.num = 1;
+			this.preservePlanName = e;
+			this.loadData(1);
+		},
+		//筛选弹窗重置操作
+		resetQuery() {
+			this.$refs.devicePopupRef.resetFilter()
+			this.preserveStatus = ''
+			this.startDate = ''
+			this.endDate = ''
+		},
+		//筛选弹窗确认操作
+		getQueryCondition(value) {
+			this.page.num = 1;
+			this.preserveStatus = value.preserveStatus
+			this.startDate = value.startDate
+			this.endDate = value.endDate
+			this.loadData(this.page.num, value);
+			this.close()
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.list = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					startDate:this.startDate, //开始时间
+					endDate:this.endDate, //结束时间
+					preservePlanId:this.preservePlanId, //保养计划id
+					preservePlanName:this.preservePlanName, //保养计划名称
+					preserveBy:this.preserveBy, //保养人id
+					preserveStatus:this.preserveStatus, //状态
+					deviceId:this.deviceId, //设备id
+					deviceName:this.deviceName,//设备名称
+					...params
+				}
+				const {
+					total,
+					items
+				} = await api.deviceInspectApi.getMaintenanceRecordListApi(httpData, httpPostData)	
+				
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.recordCode,
+						status:item.preserveStatus ? preserveType[item.preserveStatus].name : '',
+						iconUrl:item.preserveStatus ? preserveType[item.preserveStatus].iconUrl : '',
+						color:item.preserveStatus ? preserveType[item.preserveStatus].color : '',
+						child:[
+							{
+								label:'deviceInspect.preserveDate',
+								name:item.preserveDate
+							},
+							{
+								label:'deviceInspect.preserveByName',
+								name:item.preserveByName
+							},
+							{
+								label:'deviceInspect.preservePlanName',
+								name:item.preservePlanName
+							}
+							
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.list = newList;
+				} else {
+					this.list = this.list.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//打开筛选弹框
+		openSearchDialog() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('deviceMangement.pleaseBindAccount'))
+				return
+			}
+			this.show = true;
+		},
+		
+		//关闭筛选弹框
+		close() {
+			this.show = false;
+		},
+		
+		//列表详情
+		openDeviceDetail(values) {
+			const { id } = values || {}
+			uni.navigateTo({
+				url: `/deviceInspect-subpackage/maintenanceRecord-detail/maintenanceRecord-detail?id=${id}`
+			});
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.faultCause-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+}
+
+.device-top {
+	padding: 10rpx 30rpx;
+	background-color: #fff;
+
+	.search {
+		display: flex;
+		justify-content: space-between;
+		padding-bottom: 10rpx;
+
+		.search-left {
+			width: 580rpx;
+			background-color: #f8f9fa;
+			border-radius: 200rpx;
+		}
+
+		.search-right {
+			display: flex;
+			align-items: center;
+
+			text {
+				color: #333;
+				font-size: 14px;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="faultCause-page">
+		<!-- 头部 -->
+		<header-searchNoOrg @openSearchDialog="openSearchDialog">
+			<!-- 不能写在封装组件里传placeholder，mp-wenxin端编译要报错 -->
+			<u--input prefixIcon="search" :placeholder="$t('deviceInspect.pleasePlanName')" shape="circle"
+				@change="inputChanged">
+			</u--input>
+		</header-searchNoOrg>
+		<!-- 列表分页 -->
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+			@up="upCallback">
+			<page-list :list="list" @openDeviceDetail="openDeviceDetail"></page-list>
+			<mescroll-empty v-if="!list.length" />
+		</mescroll-body>
+		<view style="height: 20rpx"></view>
+		<!-- 筛选 -->
+		<filter-popup ref="devicePopupRef" :filterList="filterList" :filterName="filterName" :show="show" @close="close" @queryCondition="getQueryCondition" ></filter-popup>
+	</view>
+</template>
+
+<script>
+import headerSearchNoOrg from '@/components/common/header-searchNoOrg.vue';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {
+	useNavigateTo
+} from '@/plugins/utils.js'
+import pageList from '@/components/common/page-list'
+import filterPopup from '@/components/common/filter-popup.vue'
+import {planType,preserveType,inspectionType} from '../enum/index.js'
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		pageList,
+		filterPopup,
+		headerSearchNoOrg
+	},
+	data() {
+		return {
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			show: false,
+			list: [],
+			page: {
+				num: 0,
+				size: 10
+			},
+			startTimeStart:'', //开始日期-开始时间
+			startTimeEnd:'', //开始日期-结束时间
+			endTimeStart:'', //结束日期-开始时间
+			endTimeEnd:'', //结束日期-结束时间
+			type:'', //状态
+			name:'', //名称
+			filterName:{   //筛选的字段
+				type:'',
+				startTimeStart:'',
+				startTimeEnd:'',
+				endTimeStart:'',
+				endTimeEnd:''
+			},
+			filterList:[  //筛选弹框字段
+				{
+					title:'状态',
+					titleCode:'type',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:''
+						},
+						{
+							checked:false,
+							name:'未开始',
+							code:'NOT_START'
+						},
+						{
+							checked:false,
+							name:'进行中',
+							code:'UNDERWAY'
+						},
+						{
+							checked:false,
+							name:'已完成',
+							code:'FINISH'
+						},
+						{
+							checked:false,
+							name:'停用',
+							code:'STOP'
+						}
+					]
+				},
+				{
+					title:'开始日期',
+					isDate:true,
+					startDate:'startTimeStart',
+					endDate:'startTimeEnd',
+					range:[]
+				},
+				{
+					title:'结束日期',
+					isDate:true,
+					startDate:'endTimeStart',
+					endDate:'endTimeEnd',
+					range:[]
+				}
+				
+			]
+			
+		};
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+	},
+	onShow() {
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.patrolPlan')
+			})
+		})
+		if (getApp().getBindNot()) {
+			return
+		}
+		this.page.num = 1
+		this.loadData(this.page.num);
+	},
+	methods: {
+		
+		//输入框查询
+		inputChanged(e) {
+			if (getApp().getBindNot()) {
+				return
+			}
+			this.page.num = 1;
+			this.name = e;
+			this.loadData(1);
+		},
+		//筛选弹窗重置操作
+		resetQuery() {
+			this.$refs.devicePopupRef.resetFilter()
+			this.type = ''
+			this.startTimeStart = ''
+			this.startTimeEnd = ''
+			this.endTimeStart = ''
+			this.endTimeEnd = ''
+		},
+		//筛选弹窗确认操作
+		getQueryCondition(value) {
+			this.page.num = 1;
+			this.type = value.type
+			this.startTimeStart = value.startTimeStart
+			this.startTimeEnd = value.startTimeEnd
+			this.endTimeStart = value.endTimeStart
+			this.endTimeEnd = value.endTimeEnd
+			this.loadData(this.page.num, value);
+			this.close()
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.list = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+					type:this.type,
+					name:this.name,
+					startTimeStart:this.startTimeStart,
+					startTimeEnd:this.startTimeEnd,
+					endTimeStart:this.endTimeStart,
+					endTimeEnd:this.endTimeEnd		
+				};
+				const {
+					total,
+					items
+				} = await api.deviceInspectApi.getPatrolPlanListApi(httpData)	
+				
+				let data = items
+				
+				let newList  = data.map((item)=>{
+					
+					return {
+						id:item.id,
+						title:item.code,
+						status:item.status ? inspectionType[item.status].name : '',
+						iconUrl:item.status ? inspectionType[item.status].iconUrl : '',
+						color:item.status ? inspectionType[item.status].color : '',
+						child:[
+							{
+								label:'deviceInspect.preserveName',
+								name:item.name
+							},
+							{
+								label:'deviceInspect.startTime',
+								name:item.startTime
+							},
+							{
+								label:'deviceInspect.endTime',
+								name:item.endTime
+							}
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.list = newList;
+				} else {
+					this.list = this.list.concat(newList);
+				}
+				
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//打开筛选弹框
+		openSearchDialog() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('deviceMangement.pleaseBindAccount'))
+				return
+			}
+			this.show = true;
+		},
+		
+		//关闭筛选弹框
+		close() {
+			this.show = false;
+		},
+		
+		//列表详情
+		openDeviceDetail(values) {
+			const { id } = values || {}
+			uni.navigateTo({
+				url: `/deviceInspect-subpackage/patrolPlan-detail/patrolPlan-detail?id=${id}`
+			});
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.faultCause-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+}
+
+.device-top {
+	padding: 10rpx 30rpx;
+	background-color: #fff;
+
+	.search {
+		display: flex;
+		justify-content: space-between;
+		padding-bottom: 10rpx;
+
+		.search-left {
+			width: 580rpx;
+			background-color: #f8f9fa;
+			border-radius: 200rpx;
+		}
+
+		.search-right {
+			display: flex;
+			align-items: center;
+
+			text {
+				color: #333;
+				font-size: 14px;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="faultCause-page">
+		<!-- 头部 -->
+		<header-searchNoOrg @openSearchDialog="openSearchDialog">
+			<!-- 不能写在封装组件里传placeholder，mp-wenxin端编译要报错 -->
+			<u--input prefixIcon="search" :placeholder="$t('deviceInspect.pleasePatrolPlanName')" shape="circle"
+				@change="inputChanged">
+			</u--input>
+		</header-searchNoOrg>
+		<!-- 列表分页 -->
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+			@up="upCallback">
+			<page-list :list="list" @openDeviceDetail="openDeviceDetail"></page-list>
+			<mescroll-empty v-if="!list.length" />
+		</mescroll-body>
+		<view style="height: 20rpx"></view>
+		<!-- 筛选 -->
+		<filter-popup ref="devicePopupRef" :filterList="filterList" :filterName="filterName" :show="show" @close="close" @queryCondition="getQueryCondition" ></filter-popup>
+	</view>
+</template>
+
+<script>
+import headerSearchNoOrg from '@/components/common/header-searchNoOrg.vue';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {
+	useNavigateTo
+} from '@/plugins/utils.js'
+import pageList from '@/components/common/page-list'
+import filterPopup from '@/components/common/filter-popup.vue'
+import {planType,preserveType,inspectionType,inspectionResult} from '../enum/index.js'
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		pageList,
+		filterPopup,
+		headerSearchNoOrg
+	},
+	data() {
+		return {
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			show: false,
+			list: [],
+			page: {
+				num: 0,
+				size: 10
+			},
+			inspectionPlanId:'',
+			inspectionPlanName:'',
+			inspectorId:'',
+			startTime:'',
+			endTime:'',
+			recordResult:'',
+			filterName:{   //筛选的字段
+				recordResult:'',
+				startTime:'',
+				endTime:'' 
+			},
+			filterList:[  //筛选弹框字段
+				{
+					title:'状态',
+					titleCode:'recordResult',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:''
+						},
+						{
+							checked:false,
+							name:'正常',
+							code:'true'
+						},
+						{
+							checked:false,
+							name:'异常',
+							code:'false'
+						},
+						
+					]
+				},
+				{
+					title:'巡检日期',
+					isDate:true,
+					startDate:'startTime',
+					endDate:'endTime',
+					range:[]
+				},
+				
+			]
+			
+		};
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+	},
+	onShow() {
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.patrolRecord')
+			})
+		})
+		if (getApp().getBindNot()) {
+			return
+		}
+		this.page.num = 1
+		this.loadData(this.page.num);
+	},
+	methods: {
+		
+		//输入框查询
+		inputChanged(e) {
+			if (getApp().getBindNot()) {
+				return
+			}
+			this.page.num = 1;
+			this.inspectionPlanName = e;
+			this.loadData(1);
+		},
+		//筛选弹窗重置操作
+		resetQuery() {
+			this.$refs.devicePopupRef.resetFilter()
+			this.recordResult = ''
+			this.startTime = ''
+			this.endTime = ''
+		},
+		//筛选弹窗确认操作
+		getQueryCondition(value) {
+
+			this.page.num = 1;
+			this.recordResult = value.recordResult
+			this.startTime = value.startTime
+			this.endTime = value.endTime
+			this.loadData(this.page.num, value);
+			this.close()
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.list = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+					inspectionPlanId:this.inspectionPlanId, //巡检计划id
+					inspectionPlanName:this.inspectionPlanName, //巡检计划名称
+					inspectorId:this.inspectorId,//巡检员id
+					startTime:this.startTime, //开始时间 
+					endTime:this.endTime, //结束时间
+					recordResult:this.recordResult//巡检结果,
+					
+				};
+				const {
+					total,
+					items
+				} = await api.deviceInspectApi.getPatrolRecordListApi(httpData)	
+				let data = items	
+				let newList  = data.map((item)=>{
+					
+					return {
+						id:item.id,
+						title:item.code,
+						status:item.recordResult ? inspectionResult[item.recordResult].name : '',
+						iconUrl:item.recordResult ? inspectionResult[item.recordResult].iconUrl : '',
+						color:item.recordResult ? inspectionResult[item.recordResult].color : '',
+						child:[
+							{
+								label:'deviceInspect.patrolPlan',
+								name:item.tkInspectionPlanDTO ? item.tkInspectionPlanDTO.name :''
+							},
+							{
+								label:'deviceInspect.patrolByName',
+								name:item.userDTO ? item.userDTO.realName : ''
+							},
+							{
+								label:'deviceInspect.checkDate',
+								name:item.checkDate
+							},
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.list = newList;
+				} else {
+					this.list = this.list.concat(newList);
+				}
+				
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//打开筛选弹框
+		openSearchDialog() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('deviceMangement.pleaseBindAccount'))
+				return
+			}
+			this.show = true;
+		},
+		
+		//关闭筛选弹框
+		close() {
+			this.show = false;
+		},
+		
+		//列表详情
+		openDeviceDetail(values) {
+			const { id } = values || {}
+			uni.navigateTo({
+				url: `/deviceInspect-subpackage/patrolRecord-detail/patrolRecord-detail?id=${id}`
+			});
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.faultCause-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+}
+
+.device-top {
+	padding: 10rpx 30rpx;
+	background-color: #fff;
+
+	.search {
+		display: flex;
+		justify-content: space-between;
+		padding-bottom: 10rpx;
+
+		.search-left {
+			width: 580rpx;
+			background-color: #f8f9fa;
+			border-radius: 200rpx;
+		}
+
+		.search-right {
+			display: flex;
+			align-items: center;
+
+			text {
+				color: #333;
+				font-size: 14px;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="org-content">
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<view>
+			<luyj-tree @sendValue="confirm" :is-check="isCheck" :search-placeholder="$t('common.pleaseEnterContent')" :search-if="true" v-slot:default="{ item }" :max="max" :trees="tree">
+				<view>
+					<view class="content-item">
+						<view class="word">{{ item.name }}</view>
+					</view>
+				</view>
+			</luyj-tree>
+			<mescroll-empty v-if="!tree.length" />
+		</view>
+	</view>
+</template>
+
+<script>
+import { transOrgFunc } from '@/config/common.js';
+import api from '@/api/index.js'
+
+export default {
+	data() {
+		return {
+			isCheck: true, // 是否可选
+			tree: [],
+			max: 5,
+			id: ''
+		};
+	},
+	onShow(){
+		uni.setNavigationBarTitle({
+			title:this.$t('menu.organizationScreening')
+		})
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		this.loadData();
+	},
+	methods: {
+		async loadData() {
+			const res = await api.deviceManagementApi.getDeviceTypeApi({name:''})
+			if (res) {
+				const list = transOrgFunc(res);
+				this.tree = list;
+			}
+		},
+		confirm(val) {
+			this.id = val[0].id;
+			let pages = getCurrentPages(); //获取所有页面栈实例列表
+			let nowPage = pages[pages.length - 1]; //当前页页面实例
+			let prevPage = pages[pages.length - 2]; //上一页页面实例
+			prevPage.$vm.categoryId = this.id;
+			uni.navigateBack({
+				delta: 1
+			});
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.org-content {
+	padding: 0 10rpx;
+}
+</style>

+const faultDevice = {
+	'ENABLE':{
+		color:'#377DFF',
+		name:'启用',
+		iconUrl:'/static/online.png'
+	},
+	'DISABLE':{
+		color:'#DE4437',
+		name:'停用',
+		iconUrl:'/static/baojing.png'
+	}
+}
+
+const schemeType = {
+	'INSPECTION':{
+		name:'巡检方案',	
+	},
+	'MAINTENANCE':{	
+		name:'保养方案',	
+	}
+}
+
+const ledgerType = {
+	'FAULT':{
+		name:'故障',
+		color:'#DE4437',
+		iconUrl:'/static/danger.png'
+	},
+	'NORMAL':{	
+		name:'正常',
+		color:'#377DFF',
+		iconUrl:'/static/online.png'
+	},
+	'SCRAP':{
+		name:'报废',
+		color:'#666666',
+		iconUrl:'/static/unonline.png'
+	}
+}
+
+export {
+ faultDevice,
+ schemeType,
+ ledgerType
+}

+<template>
+	<view class="faultCause-page">
+		<!-- 头部 -->
+		<header-searchNoOrg @openSearchDialog="openSearchDialog">
+			<!-- 不能写在封装组件里传placeholder，mp-wenxin端编译要报错 -->
+			<u--input prefixIcon="search" :placeholder="$t('deviceMangement.pleaseEnterFaultName')" shape="circle"
+				@change="inputChanged">
+			</u--input>
+		</header-searchNoOrg>
+		<!-- 列表分页 -->
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+			@up="upCallback">
+			<page-list :list="list" @openDeviceDetail="openDeviceDetail"></page-list>
+			<mescroll-empty v-if="!list.length" />
+		</mescroll-body>
+		<view style="height: 20rpx"></view>
+		<!-- 筛选 -->
+		<filter-popup ref="devicePopupRef" :filterList="filterList" :filterName="filterName" :show="show" @close="close" @queryCondition="getQueryCondition" ></filter-popup>
+	</view>
+</template>
+
+<script>
+import headerSearchNoOrg from '@/components/common/header-searchNoOrg.vue';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {
+	useNavigateTo
+} from '@/plugins/utils.js'
+import pageList from '@/components/common/page-list'
+import filterPopup from '@/components/common/filter-popup.vue'
+import {faultDevice} from '../enum/index.js'
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		pageList,
+		filterPopup,
+		headerSearchNoOrg
+	},
+	data() {
+		return {
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			show: false,
+			list: [],
+			page: {
+				num: 0,
+				size: 10
+			},
+			code:'',  //故障编码
+			reason: '', //故障名称
+			status:'', //故障状态
+			filterName:{   //筛选的字段
+				status:''
+			},
+			filterList:[  //筛选弹框字段
+				{
+					title:'状态',
+					titleCode:'status',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:''
+						},
+						{
+							checked:false,
+							name:'启用',
+							code:'ENABLE'
+						},
+						{
+							checked:false,
+							name:'停用',
+							code:'DISABLE'
+						}
+					]
+				},
+				
+			]
+			
+		};
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+	},
+	onShow() {
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.faultCause')
+			})
+		})
+		if (getApp().getBindNot()) {
+			return
+		}
+		this.page.num = 1
+		this.loadData(this.page.num);
+	},
+	methods: {
+		
+		//输入框查询
+		inputChanged(e) {
+			if (getApp().getBindNot()) {
+				return
+			}
+			this.page.num = 1;
+			this.reason = e;
+			this.loadData(1);
+		},
+		//筛选弹窗重置操作
+		resetQuery() {
+			this.$refs.devicePopupRef.resetFilter()
+			this.status = ''	
+		},
+		//筛选弹窗确认操作
+		getQueryCondition(value) {
+			this.page.num = 1;
+			this.status = value.status
+			this.loadData(this.page.num, value);
+			this.close()
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.list = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取故障原因列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					code:this.code,
+					reason:this.reason,
+                    status:this.status,
+					...params
+				}
+				const {
+					total,
+					items
+				} = await api.deviceManagementApi.getFaultListApi(httpData, httpPostData)	
+				
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.reason,
+						status:item.status ? faultDevice[item.status].name : '',
+						iconUrl:item.status ? faultDevice[item.status].iconUrl : '',
+						color:item.status ? faultDevice[item.status].color : '',
+						child:[
+							{
+								label:'deviceMangement.recordNumber',
+								name:item.code
+							},
+							{
+								label:'deviceMangement.faultName',
+								name:item.reason
+							},
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.list = newList;
+				} else {
+					this.list = this.list.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//打开筛选弹框
+		openSearchDialog() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('deviceMangement.pleaseBindAccount'))
+				return
+			}
+			this.show = true;
+		},
+		
+		//关闭筛选弹框
+		close() {
+			this.show = false;
+		},
+		
+		//列表详情
+		openDeviceDetail(values) {
+			const { id } = values || {}
+			uni.navigateTo({
+				url: `/deviceManagement-subpackage/faultCause-detail/faultCause-detail?id=${id}`
+			});
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.faultCause-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+}
+
+.device-top {
+	padding: 10rpx 30rpx;
+	background-color: #fff;
+
+	.search {
+		display: flex;
+		justify-content: space-between;
+		padding-bottom: 10rpx;
+
+		.search-left {
+			width: 580rpx;
+			background-color: #f8f9fa;
+			border-radius: 200rpx;
+		}
+
+		.search-right {
+			display: flex;
+			align-items: center;
+
+			text {
+				color: #333;
+				font-size: 14px;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="faultCause-page">
+		<!-- 头部 -->
+		<header-searchNoOrg @openSearchDialog="openSearchDialog">
+			<!-- 不能写在封装组件里传placeholder，mp-wenxin端编译要报错 -->
+			<u--input prefixIcon="search" :placeholder="$t('deviceMangement.pleaseEnterSchemeName')" shape="circle"
+				@change="inputChanged">
+			</u--input>
+		</header-searchNoOrg>
+		<!-- 列表分页 -->
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+			@up="upCallback">
+			<page-list :list="list" @openDeviceDetail="openDeviceDetail"></page-list>
+			<mescroll-empty v-if="!list.length" />
+		</mescroll-body>
+		<view style="height: 20rpx"></view>
+		<!-- 筛选 -->
+		<filter-popup ref="devicePopupRef" :filterList="filterList" :filterName="filterName" :show="show" @close="close" @queryCondition="getQueryCondition" ></filter-popup>
+	</view>
+</template>
+
+<script>
+import headerSearchNoOrg from '@/components/common/header-searchNoOrg.vue';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {
+	useNavigateTo
+} from '@/plugins/utils.js'
+import pageList from '@/components/common/page-list'
+import filterPopup from '@/components/common/filter-popup.vue'
+import {faultDevice,schemeType} from '../enum/index.js'
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		pageList,
+		filterPopup,
+		headerSearchNoOrg
+	},
+	data() {
+		return {
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			show: false,
+			list: [],
+			page: {
+				num: 0,
+				size: 10
+			},
+			name:'',  //方案名称
+			type:'', //方案类型
+			status:'', //方案类型
+			filterName:{   //筛选的字段
+				status:'',
+				type:''
+			},
+			filterList:[  //筛选弹框字段
+				{
+					title:'状态',
+					titleCode:'status',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:''
+						},
+						{
+							checked:false,
+							name:'启用',
+							code:'ENABLE'
+						},
+						{
+							checked:false,
+							name:'停用',
+							code:'DISABLE'
+						}
+					]
+				},
+				{
+					title:'方案类型',
+					titleCode:'type',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:''
+						},
+						{
+							checked:false,
+							name:'巡检方案',
+							code:'INSPECTION'
+						},
+						{
+							checked:false,
+							name:'保养方案',
+							code:'MAINTENANCE'
+						}
+					]
+				},
+				
+			]
+			
+		};
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+	},
+	onShow() {
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.inspectionPlan')
+			})
+		})
+		if (getApp().getBindNot()) {
+			return
+		}
+		this.page.num = 1
+		this.loadData(this.page.num);
+	},
+	methods: {
+		
+		//输入框查询
+		inputChanged(e) {
+			if (getApp().getBindNot()) {
+				return
+			}
+			this.page.num = 1;
+			this.name = e;
+			this.loadData(1);
+		},
+		//筛选弹窗重置操作
+		resetQuery() {
+			this.$refs.devicePopupRef.resetFilter()
+			this.status = ''	
+			this.type = ''
+		},
+		//筛选弹窗确认操作
+		getQueryCondition(value) {
+			this.page.num = 1;
+			this.type = value.type
+			this.status = value.status
+			this.loadData(this.page.num);
+			this.close()
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.list = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取故障原因列表
+		async loadData(pageNo) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+					type:this.type,
+					name:this.name,
+					status:this.status,
+				};
+				const {
+					total,
+					items
+				} = await api.deviceManagementApi.getCheckPlanApi(httpData)	
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.name,
+						status:item.status ? faultDevice[item.status].name : '',
+						iconUrl:item.status ? faultDevice[item.status].iconUrl : '',
+						color:item.status ? faultDevice[item.status].color : '',
+						child:[
+							{
+								label:'deviceMangement.schemeCode',
+								name:item.code
+							},
+							{
+								label:'deviceMangement.schemeName',
+								name:item.name
+							},
+							{
+								label:'deviceMangement.schemeType',
+								name:schemeType[item.type].name
+							},
+							{
+								label:'deviceMangement.schemeDetails',
+								name:item.planDetails
+							}
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.list = newList;
+				} else {
+					this.list = this.list.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//打开筛选弹框
+		openSearchDialog() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('deviceMangement.pleaseBindAccount'))
+				return
+			}
+			this.show = true;
+		},
+		
+		//关闭筛选弹框
+		close() {
+			this.show = false;
+		},
+		
+		//列表详情
+		openDeviceDetail(values) {
+			const { id } = values || {}
+			uni.navigateTo({
+				url: `/deviceManagement-subpackage/inspectionPlan-detail/inspectionPlan-detail?id=${id}`
+			});
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.faultCause-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+}
+
+.device-top {
+	padding: 10rpx 30rpx;
+	background-color: #fff;
+
+	.search {
+		display: flex;
+		justify-content: space-between;
+		padding-bottom: 10rpx;
+
+		.search-left {
+			width: 580rpx;
+			background-color: #f8f9fa;
+			border-radius: 200rpx;
+		}
+
+		.search-right {
+			display: flex;
+			align-items: center;
+
+			text {
+				color: #333;
+				font-size: 14px;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="faultCause-page">
+		<!-- 头部 -->
+		<header-searchNoOrg @openOrg="openOrg" @openSearchDialog="openSearchDialog" :isShowTree="true" :title="$t('deviceMangement.deviceType')" :totalText="'设备数'" :total="total">
+			<!-- 不能写在封装组件里传placeholder，mp-wenxin端编译要报错 -->
+			<u--input prefixIcon="search" :placeholder="$t('deviceMangement.pleaseEnterDeviceCode')" shape="circle"
+				@change="inputChanged">
+			</u--input>
+		</header-searchNoOrg>
+		<!-- 列表分页 -->
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+			@up="upCallback">
+			<page-list :list="list" @openDeviceDetail="openDeviceDetail"></page-list>
+			<mescroll-empty v-if="!list.length" />
+		</mescroll-body>
+		<view style="height: 20rpx"></view>
+		<!-- 筛选 -->
+		<filter-popup ref="devicePopupRef" :filterList="filterList" :filterName="filterName" :show="show" @close="close" @queryCondition="getQueryCondition" ></filter-popup>
+	</view>
+</template>
+
+<script>
+import headerSearchNoOrg from '@/components/common/header-searchNoOrg.vue';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {
+	useNavigateTo
+} from '@/plugins/utils.js'
+import pageList from '@/components/common/page-list'
+import filterPopup from '@/components/common/filter-popup.vue'
+import {ledgerType} from '../enum/index.js'
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		pageList,
+		filterPopup,
+		headerSearchNoOrg
+	},
+	data() {
+		return {
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			show: false,
+			list: [],
+			total:0,
+			page: {
+				num: 0,
+				size: 10
+			},
+			code:'',  //设备编码
+			categoryId: '', //设备类别id
+			directorId:'', //负责人id
+			status:'', //状态
+			filterName:{   //筛选的字段
+				status:''
+			},
+			filterList:[  //筛选弹框字段
+				{
+					title:'状态',
+					titleCode:'status',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:''
+						},
+						{
+							checked:false,
+							name:'故障',
+							code:'FAULT'
+						},
+						{
+							checked:false,
+							name:'正常',
+							code:'NORMAL'
+						},
+						{
+							checked:false,
+							name:'报废',
+							code:'SCRAP'
+						}
+					]
+				},
+				
+			]
+			
+		};
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+	},
+	onShow() {
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.deviceLedger')
+			})
+		})
+		if (getApp().getBindNot()) {
+			return
+		}
+		this.page.num = 1
+		this.loadData(this.page.num);
+	},
+	methods: {
+		
+		//输入框查询
+		inputChanged(e) {
+			if (getApp().getBindNot()) {
+				return
+			}
+			this.page.num = 1;
+			this.code = e;
+			this.loadData(1);
+		},
+		//筛选弹窗重置操作
+		resetQuery() {
+			this.$refs.devicePopupRef.resetFilter()
+			this.status = ''	
+		},
+		//筛选弹窗确认操作
+		getQueryCondition(value) {
+			this.page.num = 1;
+			this.status = value.status
+			this.loadData(this.page.num, value);
+			this.close()
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.list = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取故障原因列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					code:this.code,
+					categoryId:this.categoryId,
+                    status:this.status,
+					directorId:this.directorId,
+					...params
+				}
+				const {
+					total,
+					items
+				} = await api.deviceManagementApi.getLedgerListApi(httpData, httpPostData)	
+				this.total = total
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.code,
+						status:item.status ? ledgerType[item.status].name : '',
+						iconUrl:item.status ? ledgerType[item.status].iconUrl : '',
+						color:item.status ? ledgerType[item.status].color : '',
+						child:[
+							{
+								label:'deviceMangement.deviceName',
+								name:item.name
+							},
+							{
+								label:'deviceMangement.deviceType',
+								name:item.categoryName
+							},
+							{
+								label:'deviceMangement.brand',
+								name:item.brand
+							},
+							{
+								label:'deviceMangement.directorName',
+								name:item.directorName
+							},
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.list = newList;
+				} else {
+					this.list = this.list.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//打开筛选弹框
+		openSearchDialog() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('deviceMangement.pleaseBindAccount'))
+				return
+			}
+			this.show = true;
+		},
+		
+		//关闭筛选弹框
+		close() {
+			this.show = false;
+		},
+		
+		//列表详情
+		openDeviceDetail(values) {
+			const { id } = values || {}
+			uni.navigateTo({
+				url: `/deviceManagement-subpackage/ledger-detail/ledger-detail?id=${id}`
+			});
+		},
+		
+		openOrg() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('device.pleaseBindAccount'))
+				return
+			}
+			useNavigateTo('/pages/deviceManagement/deviceType/deviceType')
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.faultCause-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+}
+
+.device-top {
+	padding: 10rpx 30rpx;
+	background-color: #fff;
+
+	.search {
+		display: flex;
+		justify-content: space-between;
+		padding-bottom: 10rpx;
+
+		.search-left {
+			width: 580rpx;
+			background-color: #f8f9fa;
+			border-radius: 200rpx;
+		}
+
+		.search-right {
+			display: flex;
+			align-items: center;
+
+			text {
+				color: #333;
+				font-size: 14px;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+}
+</style>

+const repairType = {
+	'SCHEDULING':{
+		color:'#FFD700',
+		name:'排期中',
+		iconUrl:'/static/time.png'
+	},
+	'REPAIRFINISH':{
+		color:'#666666',
+		name:'维修完成',
+		iconUrl:'/static/unonline.png'
+		
+	},
+	'ACCEPTANCEPASSED':{
+		color:'#377DFF',
+		name:'验收通过',
+		iconUrl:'/static/online.png'
+		
+	},
+}
+
+
+export {
+ repairType
+}

+<template>
+	<view class="faultCause-page">
+		<!-- 头部 -->
+		<header-searchNoOrg @openSearchDialog="openSearchDialog" :isShowSelect="false" :width="700">
+			<!-- 不能写在封装组件里传placeholder，mp-wenxin端编译要报错 -->
+			<u--input prefixIcon="search" :placeholder="$t('deviceRepair.pleaseOrderCodeName')" shape="circle"
+				@change="inputChanged">
+			</u--input>
+		</header-searchNoOrg>
+		<!-- 列表分页 -->
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+			@up="upCallback">
+			<page-list :list="list" @openDeviceDetail="openDeviceDetail"></page-list>
+			<mescroll-empty v-if="!list.length" />
+		</mescroll-body>
+		<view style="height: 20rpx"></view>
+		<!-- 筛选 -->
+		<!-- <filter-popup ref="devicePopupRef" :filterList="filterList" :filterName="filterName" :show="show" @close="close" @queryCondition="getQueryCondition" ></filter-popup> -->
+	</view>
+</template>
+
+<script>
+import headerSearchNoOrg from '@/components/common/header-searchNoOrg.vue';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {
+	useNavigateTo
+} from '@/plugins/utils.js'
+import pageList from '@/components/common/page-list'
+import filterPopup from '@/components/common/filter-popup.vue'
+import {repairType} from '../enum/index.js'
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		pageList,
+		filterPopup,
+		headerSearchNoOrg
+	},
+	data() {
+		return {
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			show: false,
+			list: [],
+			page: {
+				num: 0,
+				size: 10
+			},
+			orderCode:'', //工单id
+			reportBy:'', //报修人id
+			repairBy:'', //维修人id
+			deviceId:'', //设备id,
+			
+		};
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+	},
+	onShow() {
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.repairRecord')
+			})
+		})
+		if (getApp().getBindNot()) {
+			return
+		}
+		this.page.num = 1
+		this.loadData(this.page.num);
+	},
+	methods: {
+		
+		//输入框查询
+		inputChanged(e) {
+			if (getApp().getBindNot()) {
+				return
+			}
+			this.page.num = 1;
+			this.orderCode = e;
+			this.loadData(1);
+		},
+		//筛选弹窗重置操作
+		resetQuery() {
+			this.$refs.devicePopupRef.resetFilter()
+			this.status = ''	
+			this.emergency = null
+		},
+		//筛选弹窗确认操作
+		getQueryCondition(value) {
+			this.page.num = 1;
+			this.status = value.status
+			this.loadData(this.page.num, value);
+			this.close()
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.list = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					orderCode:this.orderCode, //工单id
+					reportBy:this.reportBy, //报修人id
+					repairBy:this.repairBy, //维修人id
+					deviceId:this.deviceId, //设备id
+					...params
+				}
+				const {
+					total,
+					items
+				} = await api.deviceRepairApi.getRepairRecordApi(httpData, httpPostData)	
+				
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.code,
+						child:[
+							{
+								label:'deviceRepair.orderCodeName',
+								name:item.tkRepairOrderDTO.orderCode || ''
+							},
+							{
+								label:'deviceRepair.repairDevice',
+								name:item.deviceAccountName
+							},
+							{
+								label:'deviceRepair.repairDate',
+								name:item.repairDate
+							},
+							{
+								label:'deviceRepair.repairName',
+								name:item.repairName
+							},
+							{
+								label:'deviceRepair.repairDescription',
+								name:item.description
+							}
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.list = newList;
+				} else {
+					this.list = this.list.concat(newList);
+				}
+						
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//打开筛选弹框
+		openSearchDialog() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('deviceMangement.pleaseBindAccount'))
+				return
+			}
+			this.show = true;
+		},
+		
+		//关闭筛选弹框
+		close() {
+			this.show = false;
+		},
+		
+		//列表详情
+		openDeviceDetail(values) {
+			const { id } = values || {}
+			uni.navigateTo({
+				url: `/deviceRepair-subpackage/repairRecord-detail/repairRecord-detail?id=${id}`
+			});
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.faultCause-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+}
+
+.device-top {
+	padding: 10rpx 30rpx;
+	background-color: #fff;
+
+	.search {
+		display: flex;
+		justify-content: space-between;
+		padding-bottom: 10rpx;
+
+		.search-left {
+			width: 580rpx;
+			background-color: #f8f9fa;
+			border-radius: 200rpx;
+		}
+
+		.search-right {
+			display: flex;
+			align-items: center;
+
+			text {
+				color: #333;
+				font-size: 14px;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+}
+</style>

+<template>
+	<view class="faultCause-page">
+		<!-- 头部 -->
+		<header-searchNoOrg @openSearchDialog="openSearchDialog">
+			<!-- 不能写在封装组件里传placeholder，mp-wenxin端编译要报错 -->
+			<u--input prefixIcon="search" :placeholder="$t('deviceRepair.pleaseDeviceName')" shape="circle"
+				@change="inputChanged">
+			</u--input>
+		</header-searchNoOrg>
+		<!-- 列表分页 -->
+		<mescroll-body ref="mescrollRef" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback"
+			@up="upCallback">
+			<page-list :list="list" @openDeviceDetail="openDeviceDetail"></page-list>
+			<mescroll-empty v-if="!list.length" />
+		</mescroll-body>
+		<view style="height: 20rpx"></view>
+		<!-- 筛选 -->
+		<filter-popup ref="devicePopupRef" :filterList="filterList" :filterName="filterName" :show="show" @close="close" @queryCondition="getQueryCondition" ></filter-popup>
+	</view>
+</template>
+
+<script>
+import headerSearchNoOrg from '@/components/common/header-searchNoOrg.vue';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
+import api from '@/api/index.js'
+import {
+	useNavigateTo
+} from '@/plugins/utils.js'
+import pageList from '@/components/common/page-list'
+import filterPopup from '@/components/common/filter-popup.vue'
+import {repairType} from '../enum/index.js'
+
+export default {
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
+	components: {
+		pageList,
+		filterPopup,
+		headerSearchNoOrg
+	},
+	data() {
+		return {
+			downOption: {
+				auto: false //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				isBounce: false,
+				auto: false // 不自动加载
+			},
+			show: false,
+			list: [],
+			page: {
+				num: 0,
+				size: 10
+			},
+			deviceId:'',  //设备id
+			startDate: '', //开始时间
+			endDate:'', //结束时间
+			status:'', //状态
+			emergency:null, //是否紧急
+			deviceName:'', //设备名称
+			filterName:{   //筛选的字段
+				status:'',
+				emergency:null,
+				startDate:'',
+				endDate:''	
+			},	  
+			filterList:[  //筛选弹框字段
+				{
+					title:'状态',
+					titleCode:'status',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:''
+						},
+						{
+							checked:false,
+							name:'排期中',
+							code:'SCHEDULING'
+						},
+						{
+							checked:false,
+							name:'维修完成',
+							code:'REPAIRFINISH'
+						},
+						{
+							checked:false,
+							name:'验收通过',
+							code:'ACCEPTANCEPASSED'
+						}
+					]
+				},
+				{
+					title:'是否紧急',
+					titleCode:'emergency',
+					typeList:[
+						{
+							checked:true,
+							name:'全部',
+							code:null
+						},
+						{
+							checked:false,
+							name:'是',
+							code:true
+						},
+						{
+							checked:false,
+							name:'否',
+							code:false
+						},
+					]
+				},
+				{
+					title:'报修时间',
+					isDate:true,
+					startDate:'startDate',
+					endDate:'endDate',
+					range:[]
+				}
+				
+			]
+			
+		};
+	},
+	onLoad(e) {
+		// 隐藏原生的tabbar
+		uni.hideTabBar();
+		if (getApp().getBindNot()) {
+			return
+		}
+	},
+	onShow() {
+		this.$nextTick(()=>{
+			uni.setNavigationBarTitle({
+				title:this.$t('menu.repairWorkOrder')
+			})
+		})
+		if (getApp().getBindNot()) {
+			return
+		}
+		this.page.num = 1
+		this.loadData(this.page.num);
+	},
+	methods: {
+		
+		//输入框查询
+		inputChanged(e) {
+			if (getApp().getBindNot()) {
+				return
+			}
+			this.page.num = 1;
+			this.deviceName = e;
+			this.loadData(1);
+		},
+		//筛选弹窗重置操作
+		resetQuery() {
+			this.$refs.devicePopupRef.resetFilter()
+			this.status = ''	
+			this.emergency = null
+			this.startDate = ''
+			this.endDate = ''
+		},
+		//筛选弹窗确认操作
+		getQueryCondition(value) {
+			this.page.num = 1;
+			this.status = value.status
+			this.emergency = value.emergency
+			this.startDate = value.startDate
+			this.endDate = value.endDate
+			this.loadData(this.page.num);
+			this.close()
+		},
+		//下拉刷新
+		downCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.list = [];
+			this.page.num = 1;
+			this.loadData(this.page.num);
+			this.resetQuery();
+		},
+		//上拉加载
+		upCallback() {
+			if (getApp().getBindNot()) {
+				setTimeout(() => {
+					this.mescroll.endByPage(0, 0)
+				}, 200)
+				return
+			}
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		//获取列表
+		async loadData(pageNo,params={}) {	
+			try {
+				let httpData = {
+					page: pageNo,
+					pageSize: 10,
+				};
+				const httpPostData = {
+					deviceId:this.deviceId,
+					startDate:this.startDate,
+					endDate:this.endDate,
+                    status:this.status,
+					emergency:this.emergency,
+					deviceName:this.deviceName,
+					...params
+				}
+				const {
+					total,
+					items
+				} = await api.deviceRepairApi.getRepairWorkListApi(httpData, httpPostData)	
+				
+				let data = items
+				let newList  = data.map((item)=>{
+					return {
+						id:item.id,
+						title:item.orderCode,
+						status:item.status ? repairType[item.status].name : '',
+						iconUrl:item.status ? repairType[item.status].iconUrl : '',
+						color:item.status ? repairType[item.status].color : '',
+						child:[
+							{
+								label:'deviceRepair.device',
+								name:item.deviceInfo.name
+							},
+							{
+								label:'deviceRepair.description',
+								name:item.description
+							},
+							{
+								label:'deviceRepair.reportDate',
+								name:item.reportDate
+							},
+							{
+								label:'deviceRepair.reportByName',
+								name:item.reportByName
+							},
+							{
+								label:'deviceRepair.emergency',
+								name:item.emergency ? '是' : '否'
+							},
+						],
+						detail:{
+							...item
+						}
+					}
+				})
+				uni.stopPullDownRefresh();
+				this.mescroll.endByPage(items.length); //必传参数(当前页的数据个数, 总页数)
+				if (pageNo == 1) {
+					this.list = newList;
+				} else {
+					this.list = this.list.concat(newList);
+				}
+					
+					
+			} catch {
+				this.mescroll.endErr();
+			}
+		},
+		
+		//打开筛选弹框
+		openSearchDialog() {
+			if (getApp().getBindNot()) {
+				uni.$u.toast(this.$t('deviceMangement.pleaseBindAccount'))
+				return
+			}
+			this.show = true;
+		},
+		
+		//关闭筛选弹框
+		close() {
+			this.show = false;
+		},
+		
+		//列表详情
+		openDeviceDetail(values) {
+			const { id } = values || {}
+			uni.navigateTo({
+				url: `/deviceRepair-subpackage/repairWorkOrder-detail/repairWorkOrder-detail?id=${id}`
+			});
+		},
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.faultCause-page {
+	min-height: 100vh;
+	background-color: #f8f9fa;
+}
+
+.device-top {
+	padding: 10rpx 30rpx;
+	background-color: #fff;
+
+	.search {
+		display: flex;
+		justify-content: space-between;
+		padding-bottom: 10rpx;
+
+		.search-left {
+			width: 580rpx;
+			background-color: #f8f9fa;
+			border-radius: 200rpx;
+		}
+
+		.search-right {
+			display: flex;
+			align-items: center;
+
+			text {
+				color: #333;
+				font-size: 14px;
+			}
+
+			image {
+				width: 40rpx;
+				height: 40rpx;
+			}
+		}
+	}
+}
+</style>

 const basicGridList = [{
 const basicGridList = [{
-	event: 'openCamera',
-	icon: '/static/camer.png',
-	text: 'homePage.cameraManagement'
-},
-{
-	event: 'openConfiguration',
-	icon: '/static/status.png',
-	text: 'homePage.configuration'
-},
-{
-	event: 'visualBoard',
-	icon: '/static/visual-board.png',
-	text: 'homePage.bulletinBoard'
-},
-{
-	event: 'largeScreen',
-	icon: '/static/visual-newBoard.png',
-	text: 'homePage.largeScreen'
-}
+		event: 'openCamera',
+		icon: '/static/camer.png',
+		text: 'homePage.cameraManagement'
+	},
+	{
+		event: 'openConfiguration',
+		icon: '/static/status.png',
+		text: 'homePage.configuration'
+	},
+	{
+		event: 'visualBoard',
+		icon: '/static/visual-board.png',
+		text: 'homePage.bulletinBoard'
+	},
+	{
+		event: 'largeScreen',
+		icon: '/static/visual-newBoard.png',
+		text: 'homePage.largeScreen'
+	}
 ]
 ]
 
 
 const basicStatistics = [{
 const basicStatistics = [{
-	text: 'homePage.deviceStatistics',
-	key: 'device',
-	icon: '/static/device-total.png',
-	leftParam: 'ONLINE',
-	centerParam: 'OFFLINE',
-	rightParam: 'INACTIVE',
-	value: {
-		leftValue: 0,
-		centerValue: 0,
-		rightValue: 0
+		text: 'homePage.deviceStatistics',
+		key: 'device',
+		icon: '/static/device-total.png',
+		leftParam: 'ONLINE',
+		centerParam: 'OFFLINE',
+		rightParam: 'INACTIVE',
+		value: {
+			leftValue: 0,
+			centerValue: 0,
+			rightValue: 0
+		},
+		label: {
+			leftText: "homePage.deviceLabel.onLine",
+			centerText: "homePage.deviceLabel.offLine",
+			rightText: "homePage.deviceLabel.beActivated"
+		}
 	},
 	},
-	label: {
-		leftText: "homePage.deviceLabel.onLine",
-		centerText: "homePage.deviceLabel.offLine",
-		rightText: "homePage.deviceLabel.beActivated"
-	}
-},
-{
-	text: 'homePage.alarmStatistics',
-	key: 'alarm',
-	icon: '/static/alert.png',
-	leftParam: ['ACTIVE_UNACK'],
-	centerParam: 'CLEARED_ACK',
-	rightParam: 'CLEARED_UNACK',
-	value: {
-		leftValue: 0,
-		centerValue: 0,
-		rightValue: 0
+	{
+		text: 'homePage.alarmStatistics',
+		key: 'alarm',
+		icon: '/static/alert.png',
+		leftParam: ['ACTIVE_UNACK'],
+		centerParam: 'CLEARED_ACK',
+		rightParam: 'CLEARED_UNACK',
+		value: {
+			leftValue: 0,
+			centerValue: 0,
+			rightValue: 0
+		},
+		label: {
+			leftText: "homePage.alarmLabel.untreated",
+			centerText: "homePage.alarmLabel.processed",
+			rightText: "homePage.alarmLabel.falseAlarm"
+		}
 	},
 	},
-	label: {
-		leftText: "homePage.alarmLabel.untreated",
-		centerText: "homePage.alarmLabel.processed",
-		rightText: "homePage.alarmLabel.falseAlarm"
+]
+
+const menuList = [{
+		text: '设备基础信息管理',
+		icon: '/static/sbjcgl.png',
+		children: [{
+				url: '/pages/deviceManagement/ledger/ledger',
+				icon: '/static/sbtz.png',
+				text: '设备台账',
+				width:'33.333%'
+			},
+			{
+				url: '/pages/deviceManagement/faultCause/faultCause',
+				icon: '/static/gzyygl.png',
+				text: '故障原因管理',
+				width:'33.333%'
+			},
+			{
+				url: '/pages/deviceManagement/inspectionPlan/inspectionPlan',
+				icon: '/static/xjbyfa.png',
+				text: '巡检/保养方案',
+				width:'33.333%'
+			},
+		]
+	},
+	{
+		text: '设备报修维修',
+		icon: '/static/sbbxwx.png',
+		children: [{
+				url: '/pages/deviceRepair/repairWorkOrder/repairWorkOrder',
+				icon: '/static/wxgd.png',
+				text: '维修工单',
+				width:'25%'
+			},
+			{
+				url: '/pages/deviceRepair/repairRecord/repairRecord',
+				icon: '/static/wxjl.png',
+				text: '维修记录',
+				width:'25%'
+			},
+		]
+	},
+	{
+		text: '设备巡检保养',
+		icon: '/static/sbxjby.png',
+		children: [{
+				url: '/pages/deviceInspect/maintenancePlan/maintenancePlan',
+				icon: '/static/byjh.png',
+				text: '保养计划',
+				width:'25%'
+			},
+			{
+				url: '/pages/deviceInspect/maintenanceRecord/maintenanceRecord',
+				icon: '/static/byjl.png',
+				text: '保养记录',
+				width:'25%'
+			},
+			{
+				url: '/pages/deviceInspect/patrolPlan/patrolPlan',
+				icon: '/static/xjjh.png',
+				text: '巡检计划',
+				width:'25%'
+			},
+			{
+				url: '/pages/deviceInspect/patrolRecord/patrolRecord',
+				icon: '/static/xjjl.png',
+				text: '巡检记录',
+				width:'25%'
+			}
+		]
 	}
 	}
-},
 ]
 ]
 
 
+
 export {
 export {
 	basicGridList,
 	basicGridList,
-	basicStatistics
-}
+	basicStatistics,
+	menuList
+}

@@ -36,6 +36,25 @@
 						</view>
 						</view>
 					</view>
 					</view>
 				</view>
 				</view>
+				<view class="menu">
+					<view class="menu-item" v-for="(item, index) in menuList">
+						<view class="menu-item-top">
+							<image class="item-image" :src="item.icon"></image>
+							<text class="item-text">{{item.text}}</text>
+						</view>
+						<view class="menu-item-bottom u-flex">
+							<view class="menu-item-child" v-for="(itemChild, indexChild) in item.children" @click="goToEnum(itemChild)" :style="{ width: itemChild.width}">
+								<view class="menu-child-icon">
+									<image class="image" :src="itemChild.icon"></image>
+								</view>
+								<view class="menu-child-text">
+									<text class="text">{{itemChild.text}}</text>
+								</view>
+							</view>
+							
+						</view>
+					</view>
+				</view>
 			</view>
 			</view>
 			<!-- 网格信息 -->
 			<!-- 网格信息 -->
 			<view class="grid-container">
 			<view class="grid-container">
@@ -64,7 +83,8 @@ import {
 } from '@/plugins/utils.js'
 } from '@/plugins/utils.js'
 import {
 import {
 	basicGridList,
 	basicGridList,
-	basicStatistics
+	basicStatistics,
+	menuList
 } from './config/data.js'
 } from './config/data.js'
 
 
 export default {
 export default {
@@ -75,6 +95,7 @@ export default {
 		return {
 		return {
 			basicGridList,
 			basicGridList,
 			basicStatistics,
 			basicStatistics,
+			menuList
 		};
 		};
 	},
 	},
 	onReady(){
 	onReady(){
@@ -180,6 +201,11 @@ export default {
 				this.navigatorAlarmStatus(type)
 				this.navigatorAlarmStatus(type)
 			}
 			}
 		},
 		},
+		goToEnum(item){
+			uni.navigateTo({
+				url: item.url
+			});
+		},
 		//告警状态查询
 		//告警状态查询
 		navigatorAlarmStatus(e) {
 		navigatorAlarmStatus(e) {
 			uni.reLaunch({
 			uni.reLaunch({

@@ -14,6 +14,7 @@
 	grid-gap: 20rpx;
 	grid-gap: 20rpx;
 	margin-top: 50rpx;
 	margin-top: 50rpx;
 	margin-left: 10rpx;
 	margin-left: 10rpx;
+	margin-bottom: 40rpx;
 }
 }
 
 
 .grid-item {
 .grid-item {
@@ -83,7 +84,7 @@
 			flex-direction: column;
 			flex-direction: column;
 			border-radius: 10px;
 			border-radius: 10px;
 			.item-child-top {
 			.item-child-top {
-				justify-content: space-between;
+				// justify-content: space-between;
 				padding: 30rpx;
 				padding: 30rpx;
 				.item-image {
 				.item-image {
 					width: 50rpx;
 					width: 50rpx;
@@ -120,4 +121,62 @@
 			}
 			}
 		}
 		}
 	}
 	}
+	.menu{
+		.menu-item{
+			width: 700rpx;
+			background-color: #fff;
+			display: flex;
+			justify-content: space-between;
+			align-items: flex-start;
+			flex-direction: column;
+			border-radius: 10px;
+			margin-top: 20rpx;
+			padding:30rpx;
+			.menu-item-top{
+				// padding: 30rpx;
+				display: flex;
+				padding-bottom: 30rpx;
+				.item-image {
+					width: 50rpx;
+					height: 50rpx;
+				}
+				.item-text {
+					color: #333333;
+					font-size: 14px;
+					margin-left: 10rpx;
+				}
+			}
+			.menu-item-bottom{
+				width: 100%;
+				flex-wrap: wrap;
+				.menu-item-child:last-child{
+					// margin-right: 0;
+				}
+				.menu-item-child{
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					flex-direction: column;
+					// margin-right: 5%;
+					height: 120rpx;
+					.menu-child-icon{
+						.image{
+							width: 92rpx;
+							height: 92rpx;
+						}
+					}
+					.menu-child-text{
+						margin-top: 12rpx;
+						.text{
+							color: #333333;
+							font-size: 14px;
+							margin-left: 10rpx;
+						}
+					}
+						
+				}
+			}	
+		}
+
+	}
 }
 }

+## 2.0.10（2024-06-07）
+- 优化 uni-app x 中，size 属性的类型
+## 2.0.9（2024-01-12）
+fix: 修复图标大小默认值错误的问题
+## 2.0.8（2023-12-14）
+- 修复 项目未使用 ts 情况下，打包报错的bug
+## 2.0.7（2023-12-14）
+- 修复 size 属性为 string 时，不加单位导致尺寸异常的bug
+## 2.0.6（2023-12-11）
+- 优化 兼容老版本icon类型，如 top ，bottom 等
+## 2.0.5（2023-12-11）
+- 优化 兼容老版本icon类型，如 top ，bottom 等
+## 2.0.4（2023-12-06）
+- 优化 uni-app x 下示例项目图标排序
+## 2.0.3（2023-12-06）
+- 修复 nvue下引入组件报错的bug
+## 2.0.2（2023-12-05）
+-优化 size 属性支持单位
+## 2.0.1（2023-12-05）
+- 新增 uni-app x 支持定义图标
+## 1.3.5（2022-01-24）
+- 优化 size 属性可以传入不带单位的字符串数值
+## 1.3.4（2022-01-24）
+- 优化 size 支持其他单位
+## 1.3.3（2022-01-17）
+- 修复 nvue 有些图标不显示的bug，兼容老版本图标
+## 1.3.2（2021-12-01）
+- 优化 示例可复制图标名称
+## 1.3.1（2021-11-23）
+- 优化 兼容旧组件 type 值
+## 1.3.0（2021-11-19）
+- 新增 更多图标
+- 优化 自定义图标使用方式
+- 优化 组件UI，并提供设计资源，详见:[https://uniapp.dcloud.io/component/uniui/resource](https://uniapp.dcloud.io/component/uniui/resource)
+- 文档迁移，详见:[https://uniapp.dcloud.io/component/uniui/uni-icons](https://uniapp.dcloud.io/component/uniui/uni-icons)
+## 1.1.7（2021-11-08）
+## 1.2.0（2021-07-30）
+- 组件兼容 vue3，如何创建vue3项目，详见 [uni-app 项目支持 vue3 介绍](https://ask.dcloud.net.cn/article/37834)
+## 1.1.5（2021-05-12）
+- 新增 组件示例地址
+## 1.1.4（2021-02-05）
+- 调整为uni_modules目录规范

+<template>
+  <text class="uni-icons" :style="styleObj">
+    <slot>{{unicode}}</slot>
+  </text>
+</template>
+
+<script>
+  import { fontData, IconsDataItem } from './uniicons_file'
+
+  /**
+   * Icons 图标
+   * @description 用于展示 icon 图标
+   * @tutorial https://ext.dcloud.net.cn/plugin?id=28
+   * @property {Number,String} size 图标大小
+   * @property {String} type 图标图案，参考示例
+   * @property {String} color 图标颜色
+   * @property {String} customPrefix 自定义图标
+   * @event {Function} click 点击 Icon 触发事件
+   */
+  export default {
+    name: "uni-icons",
+    props: {
+      type: {
+        type: String,
+        default: ''
+      },
+      color: {
+        type: String,
+        default: '#333333'
+      },
+      size: {
+        type: [Number, String],
+        default: 16
+      },
+      fontFamily: {
+        type: String,
+        default: ''
+      }
+    },
+    data() {
+      return {};
+    },
+    computed: {
+      unicode() : string {
+        let codes = fontData.find((item : IconsDataItem) : boolean => { return item.font_class == this.type })
+        if (codes !== null) {
+          return codes.unicode
+        }
+        return ''
+      },
+      iconSize() : string {
+        const size = this.size
+        if (typeof size == 'string') {
+          const reg = /^[0-9]*$/g
+          return reg.test(size as string) ? '' + size + 'px' : '' + size;
+          // return '' + this.size
+        }
+        return this.getFontSize(size as number)
+      },
+      styleObj() : UTSJSONObject {
+        if (this.fontFamily !== '') {
+          return { color: this.color, fontSize: this.iconSize, fontFamily: this.fontFamily }
+        }
+        return { color: this.color, fontSize: this.iconSize }
+      }
+    },
+    created() { },
+    methods: {
+      /**
+       * 字体大小
+       */
+      getFontSize(size : number) : string {
+        return size + 'px';
+      },
+    },
+  }
+</script>
+
+<style scoped>
+  @font-face {
+    font-family: UniIconsFontFamily;
+    src: url('./uniicons.ttf');
+  }
+
+  .uni-icons {
+    font-family: UniIconsFontFamily;
+    font-size: 18px;
+    font-style: normal;
+    color: #333;
+  }
+</style>

+<template>
+	<!-- #ifdef APP-NVUE -->
+	<text :style="styleObj" class="uni-icons" @click="_onClick">{{unicode}}</text>
+	<!-- #endif -->
+	<!-- #ifndef APP-NVUE -->
+	<text :style="styleObj" class="uni-icons" :class="['uniui-'+type,customPrefix,customPrefix?type:'']" @click="_onClick">
+		<slot></slot>
+	</text>
+	<!-- #endif -->
+</template>
+
+<script>
+	import { fontData } from './uniicons_file_vue.js';
+
+	const getVal = (val) => {
+		const reg = /^[0-9]*$/g
+		return (typeof val === 'number' || reg.test(val)) ? val + 'px' : val;
+	}
+
+	// #ifdef APP-NVUE
+	var domModule = weex.requireModule('dom');
+	import iconUrl from './uniicons.ttf'
+	domModule.addRule('fontFace', {
+		'fontFamily': "uniicons",
+		'src': "url('" + iconUrl + "')"
+	});
+	// #endif
+
+	/**
+	 * Icons 图标
+	 * @description 用于展示 icons 图标
+	 * @tutorial https://ext.dcloud.net.cn/plugin?id=28
+	 * @property {Number} size 图标大小
+	 * @property {String} type 图标图案，参考示例
+	 * @property {String} color 图标颜色
+	 * @property {String} customPrefix 自定义图标
+	 * @event {Function} click 点击 Icon 触发事件
+	 */
+	export default {
+		name: 'UniIcons',
+		emits: ['click'],
+		props: {
+			type: {
+				type: String,
+				default: ''
+			},
+			color: {
+				type: String,
+				default: '#333333'
+			},
+			size: {
+				type: [Number, String],
+				default: 16
+			},
+			customPrefix: {
+				type: String,
+				default: ''
+			},
+			fontFamily: {
+				type: String,
+				default: ''
+			}
+		},
+		data() {
+			return {
+				icons: fontData
+			}
+		},
+		computed: {
+			unicode() {
+				let code = this.icons.find(v => v.font_class === this.type)
+				if (code) {
+					return code.unicode
+				}
+				return ''
+			},
+			iconSize() {
+				return getVal(this.size)
+			},
+			styleObj() {
+				if (this.fontFamily !== '') {
+					return `color: ${this.color}; font-size: ${this.iconSize}; font-family: ${this.fontFamily};`
+				}
+				return `color: ${this.color}; font-size: ${this.iconSize};`
+			}
+		},
+		methods: {
+			_onClick() {
+				this.$emit('click')
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	/* #ifndef APP-NVUE */
+	@import './uniicons.css';
+
+	@font-face {
+		font-family: uniicons;
+		src: url('./uniicons.ttf');
+	}
+
+	/* #endif */
+	.uni-icons {
+		font-family: uniicons;
+		text-decoration: none;
+		text-align: center;
+	}
+</style>

+
+.uniui-cart-filled:before {
+  content: "\e6d0";
+}
+
+.uniui-gift-filled:before {
+  content: "\e6c4";
+}
+
+.uniui-color:before {
+  content: "\e6cf";
+}
+
+.uniui-wallet:before {
+  content: "\e6b1";
+}
+
+.uniui-settings-filled:before {
+  content: "\e6ce";
+}
+
+.uniui-auth-filled:before {
+  content: "\e6cc";
+}
+
+.uniui-shop-filled:before {
+  content: "\e6cd";
+}
+
+.uniui-staff-filled:before {
+  content: "\e6cb";
+}
+
+.uniui-vip-filled:before {
+  content: "\e6c6";
+}
+
+.uniui-plus-filled:before {
+  content: "\e6c7";
+}
+
+.uniui-folder-add-filled:before {
+  content: "\e6c8";
+}
+
+.uniui-color-filled:before {
+  content: "\e6c9";
+}
+
+.uniui-tune-filled:before {
+  content: "\e6ca";
+}
+
+.uniui-calendar-filled:before {
+  content: "\e6c0";
+}
+
+.uniui-notification-filled:before {
+  content: "\e6c1";
+}
+
+.uniui-wallet-filled:before {
+  content: "\e6c2";
+}
+
+.uniui-medal-filled:before {
+  content: "\e6c3";
+}
+
+.uniui-fire-filled:before {
+  content: "\e6c5";
+}
+
+.uniui-refreshempty:before {
+  content: "\e6bf";
+}
+
+.uniui-location-filled:before {
+  content: "\e6af";
+}
+
+.uniui-person-filled:before {
+  content: "\e69d";
+}
+
+.uniui-personadd-filled:before {
+  content: "\e698";
+}
+
+.uniui-arrowthinleft:before {
+  content: "\e6d2";
+}
+
+.uniui-arrowthinup:before {
+  content: "\e6d3";
+}
+
+.uniui-arrowthindown:before {
+  content: "\e6d4";
+}
+
+.uniui-back:before {
+  content: "\e6b9";
+}
+
+.uniui-forward:before {
+  content: "\e6ba";
+}
+
+.uniui-arrow-right:before {
+  content: "\e6bb";
+}
+
+.uniui-arrow-left:before {
+  content: "\e6bc";
+}
+
+.uniui-arrow-up:before {
+  content: "\e6bd";
+}
+
+.uniui-arrow-down:before {
+  content: "\e6be";
+}
+
+.uniui-arrowthinright:before {
+  content: "\e6d1";
+}
+
+.uniui-down:before {
+  content: "\e6b8";
+}
+
+.uniui-bottom:before {
+  content: "\e6b8";
+}
+
+.uniui-arrowright:before {
+  content: "\e6d5";
+}
+
+.uniui-right:before {
+  content: "\e6b5";
+}
+
+.uniui-up:before {
+  content: "\e6b6";
+}
+
+.uniui-top:before {
+  content: "\e6b6";
+}
+
+.uniui-left:before {
+  content: "\e6b7";
+}
+
+.uniui-arrowup:before {
+  content: "\e6d6";
+}
+
+.uniui-eye:before {
+  content: "\e651";
+}
+
+.uniui-eye-filled:before {
+  content: "\e66a";
+}
+
+.uniui-eye-slash:before {
+  content: "\e6b3";
+}
+
+.uniui-eye-slash-filled:before {
+  content: "\e6b4";
+}
+
+.uniui-info-filled:before {
+  content: "\e649";
+}
+
+.uniui-reload:before {
+  content: "\e6b2";
+}
+
+.uniui-micoff-filled:before {
+  content: "\e6b0";
+}
+
+.uniui-map-pin-ellipse:before {
+  content: "\e6ac";
+}
+
+.uniui-map-pin:before {
+  content: "\e6ad";
+}
+
+.uniui-location:before {
+  content: "\e6ae";
+}
+
+.uniui-starhalf:before {
+  content: "\e683";
+}
+
+.uniui-star:before {
+  content: "\e688";
+}
+
+.uniui-star-filled:before {
+  content: "\e68f";
+}
+
+.uniui-calendar:before {
+  content: "\e6a0";
+}
+
+.uniui-fire:before {
+  content: "\e6a1";
+}
+
+.uniui-medal:before {
+  content: "\e6a2";
+}
+
+.uniui-font:before {
+  content: "\e6a3";
+}
+
+.uniui-gift:before {
+  content: "\e6a4";
+}
+
+.uniui-link:before {
+  content: "\e6a5";
+}
+
+.uniui-notification:before {
+  content: "\e6a6";
+}
+
+.uniui-staff:before {
+  content: "\e6a7";
+}
+
+.uniui-vip:before {
+  content: "\e6a8";
+}
+
+.uniui-folder-add:before {
+  content: "\e6a9";
+}
+
+.uniui-tune:before {
+  content: "\e6aa";
+}
+
+.uniui-auth:before {
+  content: "\e6ab";
+}
+
+.uniui-person:before {
+  content: "\e699";
+}
+
+.uniui-email-filled:before {
+  content: "\e69a";
+}
+
+.uniui-phone-filled:before {
+  content: "\e69b";
+}
+
+.uniui-phone:before {
+  content: "\e69c";
+}
+
+.uniui-email:before {
+  content: "\e69e";
+}
+
+.uniui-personadd:before {
+  content: "\e69f";
+}
+
+.uniui-chatboxes-filled:before {
+  content: "\e692";
+}
+
+.uniui-contact:before {
+  content: "\e693";
+}
+
+.uniui-chatbubble-filled:before {
+  content: "\e694";
+}
+
+.uniui-contact-filled:before {
+  content: "\e695";
+}
+
+.uniui-chatboxes:before {
+  content: "\e696";
+}
+
+.uniui-chatbubble:before {
+  content: "\e697";
+}
+
+.uniui-upload-filled:before {
+  content: "\e68e";
+}
+
+.uniui-upload:before {
+  content: "\e690";
+}
+
+.uniui-weixin:before {
+  content: "\e691";
+}
+
+.uniui-compose:before {
+  content: "\e67f";
+}
+
+.uniui-qq:before {
+  content: "\e680";
+}
+
+.uniui-download-filled:before {
+  content: "\e681";
+}
+
+.uniui-pyq:before {
+  content: "\e682";
+}
+
+.uniui-sound:before {
+  content: "\e684";
+}
+
+.uniui-trash-filled:before {
+  content: "\e685";
+}
+
+.uniui-sound-filled:before {
+  content: "\e686";
+}
+
+.uniui-trash:before {
+  content: "\e687";
+}
+
+.uniui-videocam-filled:before {
+  content: "\e689";
+}
+
+.uniui-spinner-cycle:before {
+  content: "\e68a";
+}
+
+.uniui-weibo:before {
+  content: "\e68b";
+}
+
+.uniui-videocam:before {
+  content: "\e68c";
+}
+
+.uniui-download:before {
+  content: "\e68d";
+}
+
+.uniui-help:before {
+  content: "\e679";
+}
+
+.uniui-navigate-filled:before {
+  content: "\e67a";
+}
+
+.uniui-plusempty:before {
+  content: "\e67b";
+}
+
+.uniui-smallcircle:before {
+  content: "\e67c";
+}
+
+.uniui-minus-filled:before {
+  content: "\e67d";
+}
+
+.uniui-micoff:before {
+  content: "\e67e";
+}
+
+.uniui-closeempty:before {
+  content: "\e66c";
+}
+
+.uniui-clear:before {
+  content: "\e66d";
+}
+
+.uniui-navigate:before {
+  content: "\e66e";
+}
+
+.uniui-minus:before {
+  content: "\e66f";
+}
+
+.uniui-image:before {
+  content: "\e670";
+}
+
+.uniui-mic:before {
+  content: "\e671";
+}
+
+.uniui-paperplane:before {
+  content: "\e672";
+}
+
+.uniui-close:before {
+  content: "\e673";
+}
+
+.uniui-help-filled:before {
+  content: "\e674";
+}
+
+.uniui-paperplane-filled:before {
+  content: "\e675";
+}
+
+.uniui-plus:before {
+  content: "\e676";
+}
+
+.uniui-mic-filled:before {
+  content: "\e677";
+}
+
+.uniui-image-filled:before {
+  content: "\e678";
+}
+
+.uniui-locked-filled:before {
+  content: "\e668";
+}
+
+.uniui-info:before {
+  content: "\e669";
+}
+
+.uniui-locked:before {
+  content: "\e66b";
+}
+
+.uniui-camera-filled:before {
+  content: "\e658";
+}
+
+.uniui-chat-filled:before {
+  content: "\e659";
+}
+
+.uniui-camera:before {
+  content: "\e65a";
+}
+
+.uniui-circle:before {
+  content: "\e65b";
+}
+
+.uniui-checkmarkempty:before {
+  content: "\e65c";
+}
+
+.uniui-chat:before {
+  content: "\e65d";
+}
+
+.uniui-circle-filled:before {
+  content: "\e65e";
+}
+
+.uniui-flag:before {
+  content: "\e65f";
+}
+
+.uniui-flag-filled:before {
+  content: "\e660";
+}
+
+.uniui-gear-filled:before {
+  content: "\e661";
+}
+
+.uniui-home:before {
+  content: "\e662";
+}
+
+.uniui-home-filled:before {
+  content: "\e663";
+}
+
+.uniui-gear:before {
+  content: "\e664";
+}
+
+.uniui-smallcircle-filled:before {
+  content: "\e665";
+}
+
+.uniui-map-filled:before {
+  content: "\e666";
+}
+
+.uniui-map:before {
+  content: "\e667";
+}
+
+.uniui-refresh-filled:before {
+  content: "\e656";
+}
+
+.uniui-refresh:before {
+  content: "\e657";
+}
+
+.uniui-cloud-upload:before {
+  content: "\e645";
+}
+
+.uniui-cloud-download-filled:before {
+  content: "\e646";
+}
+
+.uniui-cloud-download:before {
+  content: "\e647";
+}
+
+.uniui-cloud-upload-filled:before {
+  content: "\e648";
+}
+
+.uniui-redo:before {
+  content: "\e64a";
+}
+
+.uniui-images-filled:before {
+  content: "\e64b";
+}
+
+.uniui-undo-filled:before {
+  content: "\e64c";
+}
+
+.uniui-more:before {
+  content: "\e64d";
+}
+
+.uniui-more-filled:before {
+  content: "\e64e";
+}
+
+.uniui-undo:before {
+  content: "\e64f";
+}
+
+.uniui-images:before {
+  content: "\e650";
+}
+
+.uniui-paperclip:before {
+  content: "\e652";
+}
+
+.uniui-settings:before {
+  content: "\e653";
+}
+
+.uniui-search:before {
+  content: "\e654";
+}
+
+.uniui-redo-filled:before {
+  content: "\e655";
+}
+
+.uniui-list:before {
+  content: "\e644";
+}
+
+.uniui-mail-open-filled:before {
+  content: "\e63a";
+}
+
+.uniui-hand-down-filled:before {
+  content: "\e63c";
+}
+
+.uniui-hand-down:before {
+  content: "\e63d";
+}
+
+.uniui-hand-up-filled:before {
+  content: "\e63e";
+}
+
+.uniui-hand-up:before {
+  content: "\e63f";
+}
+
+.uniui-heart-filled:before {
+  content: "\e641";
+}
+
+.uniui-mail-open:before {
+  content: "\e643";
+}
+
+.uniui-heart:before {
+  content: "\e639";
+}
+
+.uniui-loop:before {
+  content: "\e633";
+}
+
+.uniui-pulldown:before {
+  content: "\e632";
+}
+
+.uniui-scan:before {
+  content: "\e62a";
+}
+
+.uniui-bars:before {
+  content: "\e627";
+}
+
+.uniui-checkbox:before {
+  content: "\e62b";
+}
+
+.uniui-checkbox-filled:before {
+  content: "\e62c";
+}
+
+.uniui-shop:before {
+  content: "\e62f";
+}
+
+.uniui-headphones:before {
+  content: "\e630";
+}
+
+.uniui-cart:before {
+  content: "\e631";
+}

+
+export type IconsData = {
+	id : string
+	name : string
+	font_family : string
+	css_prefix_text : string
+	description : string
+	glyphs : Array<IconsDataItem>
+}
+
+export type IconsDataItem = {
+	font_class : string
+	unicode : string
+}
+
+
+export const fontData = [
+  {
+    "font_class": "arrow-down",
+    "unicode": "\ue6be"
+  },
+  {
+    "font_class": "arrow-left",
+    "unicode": "\ue6bc"
+  },
+  {
+    "font_class": "arrow-right",
+    "unicode": "\ue6bb"
+  },
+  {
+    "font_class": "arrow-up",
+    "unicode": "\ue6bd"
+  },
+  {
+    "font_class": "auth",
+    "unicode": "\ue6ab"
+  },
+  {
+    "font_class": "auth-filled",
+    "unicode": "\ue6cc"
+  },
+  {
+    "font_class": "back",
+    "unicode": "\ue6b9"
+  },
+  {
+    "font_class": "bars",
+    "unicode": "\ue627"
+  },
+  {
+    "font_class": "calendar",
+    "unicode": "\ue6a0"
+  },
+  {
+    "font_class": "calendar-filled",
+    "unicode": "\ue6c0"
+  },
+  {
+    "font_class": "camera",
+    "unicode": "\ue65a"
+  },
+  {
+    "font_class": "camera-filled",
+    "unicode": "\ue658"
+  },
+  {
+    "font_class": "cart",
+    "unicode": "\ue631"
+  },
+  {
+    "font_class": "cart-filled",
+    "unicode": "\ue6d0"
+  },
+  {
+    "font_class": "chat",
+    "unicode": "\ue65d"
+  },
+  {
+    "font_class": "chat-filled",
+    "unicode": "\ue659"
+  },
+  {
+    "font_class": "chatboxes",
+    "unicode": "\ue696"
+  },
+  {
+    "font_class": "chatboxes-filled",
+    "unicode": "\ue692"
+  },
+  {
+    "font_class": "chatbubble",
+    "unicode": "\ue697"
+  },
+  {
+    "font_class": "chatbubble-filled",
+    "unicode": "\ue694"
+  },
+  {
+    "font_class": "checkbox",
+    "unicode": "\ue62b"
+  },
+  {
+    "font_class": "checkbox-filled",
+    "unicode": "\ue62c"
+  },
+  {
+    "font_class": "checkmarkempty",
+    "unicode": "\ue65c"
+  },
+  {
+    "font_class": "circle",
+    "unicode": "\ue65b"
+  },
+  {
+    "font_class": "circle-filled",
+    "unicode": "\ue65e"
+  },
+  {
+    "font_class": "clear",
+    "unicode": "\ue66d"
+  },
+  {
+    "font_class": "close",
+    "unicode": "\ue673"
+  },
+  {
+    "font_class": "closeempty",
+    "unicode": "\ue66c"
+  },
+  {
+    "font_class": "cloud-download",
+    "unicode": "\ue647"
+  },
+  {
+    "font_class": "cloud-download-filled",
+    "unicode": "\ue646"
+  },
+  {
+    "font_class": "cloud-upload",
+    "unicode": "\ue645"
+  },
+  {
+    "font_class": "cloud-upload-filled",
+    "unicode": "\ue648"
+  },
+  {
+    "font_class": "color",
+    "unicode": "\ue6cf"
+  },
+  {
+    "font_class": "color-filled",
+    "unicode": "\ue6c9"
+  },
+  {
+    "font_class": "compose",
+    "unicode": "\ue67f"
+  },
+  {
+    "font_class": "contact",
+    "unicode": "\ue693"
+  },
+  {
+    "font_class": "contact-filled",
+    "unicode": "\ue695"
+  },
+  {
+    "font_class": "down",
+    "unicode": "\ue6b8"
+  },
+	{
+	  "font_class": "bottom",
+	  "unicode": "\ue6b8"
+	},
+  {
+    "font_class": "download",
+    "unicode": "\ue68d"
+  },
+  {
+    "font_class": "download-filled",
+    "unicode": "\ue681"
+  },
+  {
+    "font_class": "email",
+    "unicode": "\ue69e"
+  },
+  {
+    "font_class": "email-filled",
+    "unicode": "\ue69a"
+  },
+  {
+    "font_class": "eye",
+    "unicode": "\ue651"
+  },
+  {
+    "font_class": "eye-filled",
+    "unicode": "\ue66a"
+  },
+  {
+    "font_class": "eye-slash",
+    "unicode": "\ue6b3"
+  },
+  {
+    "font_class": "eye-slash-filled",
+    "unicode": "\ue6b4"
+  },
+  {
+    "font_class": "fire",
+    "unicode": "\ue6a1"
+  },
+  {
+    "font_class": "fire-filled",
+    "unicode": "\ue6c5"
+  },
+  {
+    "font_class": "flag",
+    "unicode": "\ue65f"
+  },
+  {
+    "font_class": "flag-filled",
+    "unicode": "\ue660"
+  },
+  {
+    "font_class": "folder-add",
+    "unicode": "\ue6a9"
+  },
+  {
+    "font_class": "folder-add-filled",
+    "unicode": "\ue6c8"
+  },
+  {
+    "font_class": "font",
+    "unicode": "\ue6a3"
+  },
+  {
+    "font_class": "forward",
+    "unicode": "\ue6ba"
+  },
+  {
+    "font_class": "gear",
+    "unicode": "\ue664"
+  },
+  {
+    "font_class": "gear-filled",
+    "unicode": "\ue661"
+  },
+  {
+    "font_class": "gift",
+    "unicode": "\ue6a4"
+  },
+  {
+    "font_class": "gift-filled",
+    "unicode": "\ue6c4"
+  },
+  {
+    "font_class": "hand-down",
+    "unicode": "\ue63d"
+  },
+  {
+    "font_class": "hand-down-filled",
+    "unicode": "\ue63c"
+  },
+  {
+    "font_class": "hand-up",
+    "unicode": "\ue63f"
+  },
+  {
+    "font_class": "hand-up-filled",
+    "unicode": "\ue63e"
+  },
+  {
+    "font_class": "headphones",
+    "unicode": "\ue630"
+  },
+  {
+    "font_class": "heart",
+    "unicode": "\ue639"
+  },
+  {
+    "font_class": "heart-filled",
+    "unicode": "\ue641"
+  },
+  {
+    "font_class": "help",
+    "unicode": "\ue679"
+  },
+  {
+    "font_class": "help-filled",
+    "unicode": "\ue674"
+  },
+  {
+    "font_class": "home",
+    "unicode": "\ue662"
+  },
+  {
+    "font_class": "home-filled",
+    "unicode": "\ue663"
+  },
+  {
+    "font_class": "image",
+    "unicode": "\ue670"
+  },
+  {
+    "font_class": "image-filled",
+    "unicode": "\ue678"
+  },
+  {
+    "font_class": "images",
+    "unicode": "\ue650"
+  },
+  {
+    "font_class": "images-filled",
+    "unicode": "\ue64b"
+  },
+  {
+    "font_class": "info",
+    "unicode": "\ue669"
+  },
+  {
+    "font_class": "info-filled",
+    "unicode": "\ue649"
+  },
+  {
+    "font_class": "left",
+    "unicode": "\ue6b7"
+  },
+  {
+    "font_class": "link",
+    "unicode": "\ue6a5"
+  },
+  {
+    "font_class": "list",
+    "unicode": "\ue644"
+  },
+  {
+    "font_class": "location",
+    "unicode": "\ue6ae"
+  },
+  {
+    "font_class": "location-filled",
+    "unicode": "\ue6af"
+  },
+  {
+    "font_class": "locked",
+    "unicode": "\ue66b"
+  },
+  {
+    "font_class": "locked-filled",
+    "unicode": "\ue668"
+  },
+  {
+    "font_class": "loop",
+    "unicode": "\ue633"
+  },
+  {
+    "font_class": "mail-open",
+    "unicode": "\ue643"
+  },
+  {
+    "font_class": "mail-open-filled",
+    "unicode": "\ue63a"
+  },
+  {
+    "font_class": "map",
+    "unicode": "\ue667"
+  },
+  {
+    "font_class": "map-filled",
+    "unicode": "\ue666"
+  },
+  {
+    "font_class": "map-pin",
+    "unicode": "\ue6ad"
+  },
+  {
+    "font_class": "map-pin-ellipse",
+    "unicode": "\ue6ac"
+  },
+  {
+    "font_class": "medal",
+    "unicode": "\ue6a2"
+  },
+  {
+    "font_class": "medal-filled",
+    "unicode": "\ue6c3"
+  },
+  {
+    "font_class": "mic",
+    "unicode": "\ue671"
+  },
+  {
+    "font_class": "mic-filled",
+    "unicode": "\ue677"
+  },
+  {
+    "font_class": "micoff",
+    "unicode": "\ue67e"
+  },
+  {
+    "font_class": "micoff-filled",
+    "unicode": "\ue6b0"
+  },
+  {
+    "font_class": "minus",
+    "unicode": "\ue66f"
+  },
+  {
+    "font_class": "minus-filled",
+    "unicode": "\ue67d"
+  },
+  {
+    "font_class": "more",
+    "unicode": "\ue64d"
+  },
+  {
+    "font_class": "more-filled",
+    "unicode": "\ue64e"
+  },
+  {
+    "font_class": "navigate",
+    "unicode": "\ue66e"
+  },
+  {
+    "font_class": "navigate-filled",
+    "unicode": "\ue67a"
+  },
+  {
+    "font_class": "notification",
+    "unicode": "\ue6a6"
+  },
+  {
+    "font_class": "notification-filled",
+    "unicode": "\ue6c1"
+  },
+  {
+    "font_class": "paperclip",
+    "unicode": "\ue652"
+  },
+  {
+    "font_class": "paperplane",
+    "unicode": "\ue672"
+  },
+  {
+    "font_class": "paperplane-filled",
+    "unicode": "\ue675"
+  },
+  {
+    "font_class": "person",
+    "unicode": "\ue699"
+  },
+  {
+    "font_class": "person-filled",
+    "unicode": "\ue69d"
+  },
+  {
+    "font_class": "personadd",
+    "unicode": "\ue69f"
+  },
+  {
+    "font_class": "personadd-filled",
+    "unicode": "\ue698"
+  },
+  {
+    "font_class": "personadd-filled-copy",
+    "unicode": "\ue6d1"
+  },
+  {
+    "font_class": "phone",
+    "unicode": "\ue69c"
+  },
+  {
+    "font_class": "phone-filled",
+    "unicode": "\ue69b"
+  },
+  {
+    "font_class": "plus",
+    "unicode": "\ue676"
+  },
+  {
+    "font_class": "plus-filled",
+    "unicode": "\ue6c7"
+  },
+  {
+    "font_class": "plusempty",
+    "unicode": "\ue67b"
+  },
+  {
+    "font_class": "pulldown",
+    "unicode": "\ue632"
+  },
+  {
+    "font_class": "pyq",
+    "unicode": "\ue682"
+  },
+  {
+    "font_class": "qq",
+    "unicode": "\ue680"
+  },
+  {
+    "font_class": "redo",
+    "unicode": "\ue64a"
+  },
+  {
+    "font_class": "redo-filled",
+    "unicode": "\ue655"
+  },
+  {
+    "font_class": "refresh",
+    "unicode": "\ue657"
+  },
+  {
+    "font_class": "refresh-filled",
+    "unicode": "\ue656"
+  },
+  {
+    "font_class": "refreshempty",
+    "unicode": "\ue6bf"
+  },
+  {
+    "font_class": "reload",
+    "unicode": "\ue6b2"
+  },
+  {
+    "font_class": "right",
+    "unicode": "\ue6b5"
+  },
+  {
+    "font_class": "scan",
+    "unicode": "\ue62a"
+  },
+  {
+    "font_class": "search",
+    "unicode": "\ue654"
+  },
+  {
+    "font_class": "settings",
+    "unicode": "\ue653"
+  },
+  {
+    "font_class": "settings-filled",
+    "unicode": "\ue6ce"
+  },
+  {
+    "font_class": "shop",
+    "unicode": "\ue62f"
+  },
+  {
+    "font_class": "shop-filled",
+    "unicode": "\ue6cd"
+  },
+  {
+    "font_class": "smallcircle",
+    "unicode": "\ue67c"
+  },
+  {
+    "font_class": "smallcircle-filled",
+    "unicode": "\ue665"
+  },
+  {
+    "font_class": "sound",
+    "unicode": "\ue684"
+  },
+  {
+    "font_class": "sound-filled",
+    "unicode": "\ue686"
+  },
+  {
+    "font_class": "spinner-cycle",
+    "unicode": "\ue68a"
+  },
+  {
+    "font_class": "staff",
+    "unicode": "\ue6a7"
+  },
+  {
+    "font_class": "staff-filled",
+    "unicode": "\ue6cb"
+  },
+  {
+    "font_class": "star",
+    "unicode": "\ue688"
+  },
+  {
+    "font_class": "star-filled",
+    "unicode": "\ue68f"
+  },
+  {
+    "font_class": "starhalf",
+    "unicode": "\ue683"
+  },
+  {
+    "font_class": "trash",
+    "unicode": "\ue687"
+  },
+  {
+    "font_class": "trash-filled",
+    "unicode": "\ue685"
+  },
+  {
+    "font_class": "tune",
+    "unicode": "\ue6aa"
+  },
+  {
+    "font_class": "tune-filled",
+    "unicode": "\ue6ca"
+  },
+  {
+    "font_class": "undo",
+    "unicode": "\ue64f"
+  },
+  {
+    "font_class": "undo-filled",
+    "unicode": "\ue64c"
+  },
+  {
+    "font_class": "up",
+    "unicode": "\ue6b6"
+  },
+	{
+	  "font_class": "top",
+	  "unicode": "\ue6b6"
+	},
+  {
+    "font_class": "upload",
+    "unicode": "\ue690"
+  },
+  {
+    "font_class": "upload-filled",
+    "unicode": "\ue68e"
+  },
+  {
+    "font_class": "videocam",
+    "unicode": "\ue68c"
+  },
+  {
+    "font_class": "videocam-filled",
+    "unicode": "\ue689"
+  },
+  {
+    "font_class": "vip",
+    "unicode": "\ue6a8"
+  },
+  {
+    "font_class": "vip-filled",
+    "unicode": "\ue6c6"
+  },
+  {
+    "font_class": "wallet",
+    "unicode": "\ue6b1"
+  },
+  {
+    "font_class": "wallet-filled",
+    "unicode": "\ue6c2"
+  },
+  {
+    "font_class": "weibo",
+    "unicode": "\ue68b"
+  },
+  {
+    "font_class": "weixin",
+    "unicode": "\ue691"
+  }
+] as IconsDataItem[]
+
+// export const fontData = JSON.parse<IconsDataItem>(fontDataJson)

+
+export const fontData = [
+  {
+    "font_class": "arrow-down",
+    "unicode": "\ue6be"
+  },
+  {
+    "font_class": "arrow-left",
+    "unicode": "\ue6bc"
+  },
+  {
+    "font_class": "arrow-right",
+    "unicode": "\ue6bb"
+  },
+  {
+    "font_class": "arrow-up",
+    "unicode": "\ue6bd"
+  },
+  {
+    "font_class": "auth",
+    "unicode": "\ue6ab"
+  },
+  {
+    "font_class": "auth-filled",
+    "unicode": "\ue6cc"
+  },
+  {
+    "font_class": "back",
+    "unicode": "\ue6b9"
+  },
+  {
+    "font_class": "bars",
+    "unicode": "\ue627"
+  },
+  {
+    "font_class": "calendar",
+    "unicode": "\ue6a0"
+  },
+  {
+    "font_class": "calendar-filled",
+    "unicode": "\ue6c0"
+  },
+  {
+    "font_class": "camera",
+    "unicode": "\ue65a"
+  },
+  {
+    "font_class": "camera-filled",
+    "unicode": "\ue658"
+  },
+  {
+    "font_class": "cart",
+    "unicode": "\ue631"
+  },
+  {
+    "font_class": "cart-filled",
+    "unicode": "\ue6d0"
+  },
+  {
+    "font_class": "chat",
+    "unicode": "\ue65d"
+  },
+  {
+    "font_class": "chat-filled",
+    "unicode": "\ue659"
+  },
+  {
+    "font_class": "chatboxes",
+    "unicode": "\ue696"
+  },
+  {
+    "font_class": "chatboxes-filled",
+    "unicode": "\ue692"
+  },
+  {
+    "font_class": "chatbubble",
+    "unicode": "\ue697"
+  },
+  {
+    "font_class": "chatbubble-filled",
+    "unicode": "\ue694"
+  },
+  {
+    "font_class": "checkbox",
+    "unicode": "\ue62b"
+  },
+  {
+    "font_class": "checkbox-filled",
+    "unicode": "\ue62c"
+  },
+  {
+    "font_class": "checkmarkempty",
+    "unicode": "\ue65c"
+  },
+  {
+    "font_class": "circle",
+    "unicode": "\ue65b"
+  },
+  {
+    "font_class": "circle-filled",
+    "unicode": "\ue65e"
+  },
+  {
+    "font_class": "clear",
+    "unicode": "\ue66d"
+  },
+  {
+    "font_class": "close",
+    "unicode": "\ue673"
+  },
+  {
+    "font_class": "closeempty",
+    "unicode": "\ue66c"
+  },
+  {
+    "font_class": "cloud-download",
+    "unicode": "\ue647"
+  },
+  {
+    "font_class": "cloud-download-filled",
+    "unicode": "\ue646"
+  },
+  {
+    "font_class": "cloud-upload",
+    "unicode": "\ue645"
+  },
+  {
+    "font_class": "cloud-upload-filled",
+    "unicode": "\ue648"
+  },
+  {
+    "font_class": "color",
+    "unicode": "\ue6cf"
+  },
+  {
+    "font_class": "color-filled",
+    "unicode": "\ue6c9"
+  },
+  {
+    "font_class": "compose",
+    "unicode": "\ue67f"
+  },
+  {
+    "font_class": "contact",
+    "unicode": "\ue693"
+  },
+  {
+    "font_class": "contact-filled",
+    "unicode": "\ue695"
+  },
+  {
+    "font_class": "down",
+    "unicode": "\ue6b8"
+  },
+	{
+	  "font_class": "bottom",
+	  "unicode": "\ue6b8"
+	},
+  {
+    "font_class": "download",
+    "unicode": "\ue68d"
+  },
+  {
+    "font_class": "download-filled",
+    "unicode": "\ue681"
+  },
+  {
+    "font_class": "email",
+    "unicode": "\ue69e"
+  },
+  {
+    "font_class": "email-filled",
+    "unicode": "\ue69a"
+  },
+  {
+    "font_class": "eye",
+    "unicode": "\ue651"
+  },
+  {
+    "font_class": "eye-filled",
+    "unicode": "\ue66a"
+  },
+  {
+    "font_class": "eye-slash",
+    "unicode": "\ue6b3"
+  },
+  {
+    "font_class": "eye-slash-filled",
+    "unicode": "\ue6b4"
+  },
+  {
+    "font_class": "fire",
+    "unicode": "\ue6a1"
+  },
+  {
+    "font_class": "fire-filled",
+    "unicode": "\ue6c5"
+  },
+  {
+    "font_class": "flag",
+    "unicode": "\ue65f"
+  },
+  {
+    "font_class": "flag-filled",
+    "unicode": "\ue660"
+  },
+  {
+    "font_class": "folder-add",
+    "unicode": "\ue6a9"
+  },
+  {
+    "font_class": "folder-add-filled",
+    "unicode": "\ue6c8"
+  },
+  {
+    "font_class": "font",
+    "unicode": "\ue6a3"
+  },
+  {
+    "font_class": "forward",
+    "unicode": "\ue6ba"
+  },
+  {
+    "font_class": "gear",
+    "unicode": "\ue664"
+  },
+  {
+    "font_class": "gear-filled",
+    "unicode": "\ue661"
+  },
+  {
+    "font_class": "gift",
+    "unicode": "\ue6a4"
+  },
+  {
+    "font_class": "gift-filled",
+    "unicode": "\ue6c4"
+  },
+  {
+    "font_class": "hand-down",
+    "unicode": "\ue63d"
+  },
+  {
+    "font_class": "hand-down-filled",
+    "unicode": "\ue63c"
+  },
+  {
+    "font_class": "hand-up",
+    "unicode": "\ue63f"
+  },
+  {
+    "font_class": "hand-up-filled",
+    "unicode": "\ue63e"
+  },
+  {
+    "font_class": "headphones",
+    "unicode": "\ue630"
+  },
+  {
+    "font_class": "heart",
+    "unicode": "\ue639"
+  },
+  {
+    "font_class": "heart-filled",
+    "unicode": "\ue641"
+  },
+  {
+    "font_class": "help",
+    "unicode": "\ue679"
+  },
+  {
+    "font_class": "help-filled",
+    "unicode": "\ue674"
+  },
+  {
+    "font_class": "home",
+    "unicode": "\ue662"
+  },
+  {
+    "font_class": "home-filled",
+    "unicode": "\ue663"
+  },
+  {
+    "font_class": "image",
+    "unicode": "\ue670"
+  },
+  {
+    "font_class": "image-filled",
+    "unicode": "\ue678"
+  },
+  {
+    "font_class": "images",
+    "unicode": "\ue650"
+  },
+  {
+    "font_class": "images-filled",
+    "unicode": "\ue64b"
+  },
+  {
+    "font_class": "info",
+    "unicode": "\ue669"
+  },
+  {
+    "font_class": "info-filled",
+    "unicode": "\ue649"
+  },
+  {
+    "font_class": "left",
+    "unicode": "\ue6b7"
+  },
+  {
+    "font_class": "link",
+    "unicode": "\ue6a5"
+  },
+  {
+    "font_class": "list",
+    "unicode": "\ue644"
+  },
+  {
+    "font_class": "location",
+    "unicode": "\ue6ae"
+  },
+  {
+    "font_class": "location-filled",
+    "unicode": "\ue6af"
+  },
+  {
+    "font_class": "locked",
+    "unicode": "\ue66b"
+  },
+  {
+    "font_class": "locked-filled",
+    "unicode": "\ue668"
+  },
+  {
+    "font_class": "loop",
+    "unicode": "\ue633"
+  },
+  {
+    "font_class": "mail-open",
+    "unicode": "\ue643"
+  },
+  {
+    "font_class": "mail-open-filled",
+    "unicode": "\ue63a"
+  },
+  {
+    "font_class": "map",
+    "unicode": "\ue667"
+  },
+  {
+    "font_class": "map-filled",
+    "unicode": "\ue666"
+  },
+  {
+    "font_class": "map-pin",
+    "unicode": "\ue6ad"
+  },
+  {
+    "font_class": "map-pin-ellipse",
+    "unicode": "\ue6ac"
+  },
+  {
+    "font_class": "medal",
+    "unicode": "\ue6a2"
+  },
+  {
+    "font_class": "medal-filled",
+    "unicode": "\ue6c3"
+  },
+  {
+    "font_class": "mic",
+    "unicode": "\ue671"
+  },
+  {
+    "font_class": "mic-filled",
+    "unicode": "\ue677"
+  },
+  {
+    "font_class": "micoff",
+    "unicode": "\ue67e"
+  },
+  {
+    "font_class": "micoff-filled",
+    "unicode": "\ue6b0"
+  },
+  {
+    "font_class": "minus",
+    "unicode": "\ue66f"
+  },
+  {
+    "font_class": "minus-filled",
+    "unicode": "\ue67d"
+  },
+  {
+    "font_class": "more",
+    "unicode": "\ue64d"
+  },
+  {
+    "font_class": "more-filled",
+    "unicode": "\ue64e"
+  },
+  {
+    "font_class": "navigate",
+    "unicode": "\ue66e"
+  },
+  {
+    "font_class": "navigate-filled",
+    "unicode": "\ue67a"
+  },
+  {
+    "font_class": "notification",
+    "unicode": "\ue6a6"
+  },
+  {
+    "font_class": "notification-filled",
+    "unicode": "\ue6c1"
+  },
+  {
+    "font_class": "paperclip",
+    "unicode": "\ue652"
+  },
+  {
+    "font_class": "paperplane",
+    "unicode": "\ue672"
+  },
+  {
+    "font_class": "paperplane-filled",
+    "unicode": "\ue675"
+  },
+  {
+    "font_class": "person",
+    "unicode": "\ue699"
+  },
+  {
+    "font_class": "person-filled",
+    "unicode": "\ue69d"
+  },
+  {
+    "font_class": "personadd",
+    "unicode": "\ue69f"
+  },
+  {
+    "font_class": "personadd-filled",
+    "unicode": "\ue698"
+  },
+  {
+    "font_class": "personadd-filled-copy",
+    "unicode": "\ue6d1"
+  },
+  {
+    "font_class": "phone",
+    "unicode": "\ue69c"
+  },
+  {
+    "font_class": "phone-filled",
+    "unicode": "\ue69b"
+  },
+  {
+    "font_class": "plus",
+    "unicode": "\ue676"
+  },
+  {
+    "font_class": "plus-filled",
+    "unicode": "\ue6c7"
+  },
+  {
+    "font_class": "plusempty",
+    "unicode": "\ue67b"
+  },
+  {
+    "font_class": "pulldown",
+    "unicode": "\ue632"
+  },
+  {
+    "font_class": "pyq",
+    "unicode": "\ue682"
+  },
+  {
+    "font_class": "qq",
+    "unicode": "\ue680"
+  },
+  {
+    "font_class": "redo",
+    "unicode": "\ue64a"
+  },
+  {
+    "font_class": "redo-filled",
+    "unicode": "\ue655"
+  },
+  {
+    "font_class": "refresh",
+    "unicode": "\ue657"
+  },
+  {
+    "font_class": "refresh-filled",
+    "unicode": "\ue656"
+  },
+  {
+    "font_class": "refreshempty",
+    "unicode": "\ue6bf"
+  },
+  {
+    "font_class": "reload",
+    "unicode": "\ue6b2"
+  },
+  {
+    "font_class": "right",
+    "unicode": "\ue6b5"
+  },
+  {
+    "font_class": "scan",
+    "unicode": "\ue62a"
+  },
+  {
+    "font_class": "search",
+    "unicode": "\ue654"
+  },
+  {
+    "font_class": "settings",
+    "unicode": "\ue653"
+  },
+  {
+    "font_class": "settings-filled",
+    "unicode": "\ue6ce"
+  },
+  {
+    "font_class": "shop",
+    "unicode": "\ue62f"
+  },
+  {
+    "font_class": "shop-filled",
+    "unicode": "\ue6cd"
+  },
+  {
+    "font_class": "smallcircle",
+    "unicode": "\ue67c"
+  },
+  {
+    "font_class": "smallcircle-filled",
+    "unicode": "\ue665"
+  },
+  {
+    "font_class": "sound",
+    "unicode": "\ue684"
+  },
+  {
+    "font_class": "sound-filled",
+    "unicode": "\ue686"
+  },
+  {
+    "font_class": "spinner-cycle",
+    "unicode": "\ue68a"
+  },
+  {
+    "font_class": "staff",
+    "unicode": "\ue6a7"
+  },
+  {
+    "font_class": "staff-filled",
+    "unicode": "\ue6cb"
+  },
+  {
+    "font_class": "star",
+    "unicode": "\ue688"
+  },
+  {
+    "font_class": "star-filled",
+    "unicode": "\ue68f"
+  },
+  {
+    "font_class": "starhalf",
+    "unicode": "\ue683"
+  },
+  {
+    "font_class": "trash",
+    "unicode": "\ue687"
+  },
+  {
+    "font_class": "trash-filled",
+    "unicode": "\ue685"
+  },
+  {
+    "font_class": "tune",
+    "unicode": "\ue6aa"
+  },
+  {
+    "font_class": "tune-filled",
+    "unicode": "\ue6ca"
+  },
+  {
+    "font_class": "undo",
+    "unicode": "\ue64f"
+  },
+  {
+    "font_class": "undo-filled",
+    "unicode": "\ue64c"
+  },
+  {
+    "font_class": "up",
+    "unicode": "\ue6b6"
+  },
+	{
+	  "font_class": "top",
+	  "unicode": "\ue6b6"
+	},
+  {
+    "font_class": "upload",
+    "unicode": "\ue690"
+  },
+  {
+    "font_class": "upload-filled",
+    "unicode": "\ue68e"
+  },
+  {
+    "font_class": "videocam",
+    "unicode": "\ue68c"
+  },
+  {
+    "font_class": "videocam-filled",
+    "unicode": "\ue689"
+  },
+  {
+    "font_class": "vip",
+    "unicode": "\ue6a8"
+  },
+  {
+    "font_class": "vip-filled",
+    "unicode": "\ue6c6"
+  },
+  {
+    "font_class": "wallet",
+    "unicode": "\ue6b1"
+  },
+  {
+    "font_class": "wallet-filled",
+    "unicode": "\ue6c2"
+  },
+  {
+    "font_class": "weibo",
+    "unicode": "\ue68b"
+  },
+  {
+    "font_class": "weixin",
+    "unicode": "\ue691"
+  }
+]
+
+// export const fontData = JSON.parse<IconsDataItem>(fontDataJson)

+{
+  "id": "uni-icons",
+  "displayName": "uni-icons 图标",
+  "version": "2.0.10",
+  "description": "图标组件，用于展示移动端常见的图标，可自定义颜色、大小。",
+  "keywords": [
+    "uni-ui",
+    "uniui",
+    "icon",
+    "图标"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "^3.2.14"
+  },
+  "directories": {
+    "example": "../../temps/example_temps"
+  },
+"dcloudext": {
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
+    "type": "component-vue"
+  },
+  "uni_modules": {
+    "dependencies": ["uni-scss"],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "n"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y",
+          "app-uvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+					"钉钉": "y",
+					"快手": "y",
+					"飞书": "y",
+					"京东": "y"
+        },
+        "快应用": {
+          "华为": "y",
+          "联盟": "y"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}

+## Icons 图标
+> **组件名：uni-icons**
+> 代码块： `uIcons`
+
+用于展示 icons 图标 。
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-icons)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 

+## 1.0.3（2022-01-21）
+- 优化 组件示例
+## 1.0.2（2021-11-22）
+- 修复 / 符号在 vue 不同版本兼容问题引起的报错问题
+## 1.0.1（2021-11-22）
+- 修复 vue3中scss语法兼容问题
+## 1.0.0（2021-11-18）
+- init

+@import './styles/index.scss';

+{
+  "id": "uni-scss",
+  "displayName": "uni-scss 辅助样式",
+  "version": "1.0.3",
+  "description": "uni-sass是uni-ui提供的一套全局样式 ，通过一些简单的类名和sass变量，实现简单的页面布局操作，比如颜色、边距、圆角等。",
+  "keywords": [
+    "uni-scss",
+    "uni-ui",
+    "辅助样式"
+],
+  "repository": "https://github.com/dcloudio/uni-ui",
+  "engines": {
+    "HBuilderX": "^3.1.0"
+  },
+  "dcloudext": {
+    "category": [
+        "JS SDK",
+        "通用 SDK"
+    ],
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y"
+        },
+        "快应用": {
+          "华为": "n",
+          "联盟": "n"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}

+`uni-sass` 是 `uni-ui`提供的一套全局样式 ，通过一些简单的类名和`sass`变量，实现简单的页面布局操作，比如颜色、边距、圆角等。
+
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-sass)
+#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 

+@import './setting/_variables.scss';
+@import './setting/_border.scss';
+@import './setting/_color.scss';
+@import './setting/_space.scss';
+@import './setting/_radius.scss';
+@import './setting/_text.scss';
+@import './setting/_styles.scss';

+.uni-border {
+	border: 1px $uni-border-1 solid;
+}

+
+// TODO 暂时不需要 class ，需要用户使用变量实现 ，如果使用类名其实并不推荐
+// @mixin get-styles($k,$c) {
+// 	@if $k == size or $k == weight{
+// 		font-#{$k}:#{$c}
+// 	}@else{
+// 		#{$k}:#{$c}
+// 	}
+// }
+$uni-ui-color:(
+	// 主色
+	primary: $uni-primary,
+	primary-disable: $uni-primary-disable,
+	primary-light: $uni-primary-light,
+	// 辅助色
+	success: $uni-success,
+	success-disable: $uni-success-disable,
+	success-light: $uni-success-light,
+	warning: $uni-warning,
+	warning-disable: $uni-warning-disable,
+	warning-light: $uni-warning-light,
+	error: $uni-error,
+	error-disable: $uni-error-disable,
+	error-light: $uni-error-light,
+	info: $uni-info,
+	info-disable: $uni-info-disable,
+	info-light: $uni-info-light,
+	// 中性色
+	main-color: $uni-main-color,
+	base-color: $uni-base-color,
+	secondary-color: $uni-secondary-color,
+	extra-color: $uni-extra-color,
+	// 背景色
+	bg-color: $uni-bg-color,
+	// 边框颜色
+	border-1: $uni-border-1,
+	border-2: $uni-border-2,
+	border-3: $uni-border-3,
+	border-4: $uni-border-4,
+	// 黑色
+	black:$uni-black,
+	// 白色
+	white:$uni-white,
+	// 透明
+	transparent:$uni-transparent
+) !default;
+@each $key, $child in $uni-ui-color {
+	.uni-#{"" + $key} {
+		color: $child;
+	}
+	.uni-#{"" + $key}-bg {
+		background-color: $child;
+	}
+}
+.uni-shadow-sm {
+	box-shadow: $uni-shadow-sm;
+}
+.uni-shadow-base {
+	box-shadow: $uni-shadow-base;
+}
+.uni-shadow-lg {
+	box-shadow: $uni-shadow-lg;
+}
+.uni-mask {
+	background-color:$uni-mask;
+}

+@mixin radius($r,$d:null ,$important: false){
+  $radius-value:map-get($uni-radius, $r) if($important, !important, null);
+  // Key exists within the $uni-radius variable
+  @if (map-has-key($uni-radius, $r) and  $d){
+		@if $d == t {
+				border-top-left-radius:$radius-value;
+				border-top-right-radius:$radius-value;
+		}@else if $d == r {
+				border-top-right-radius:$radius-value;
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == b {
+				border-bottom-left-radius:$radius-value;
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == l {
+				border-top-left-radius:$radius-value;
+				border-bottom-left-radius:$radius-value;
+		}@else if $d == tl {
+				border-top-left-radius:$radius-value;
+		}@else if $d == tr {
+				border-top-right-radius:$radius-value;
+		}@else if $d == br {
+				border-bottom-right-radius:$radius-value;
+		}@else if $d == bl {
+				border-bottom-left-radius:$radius-value;
+		}
+  }@else{
+		border-radius:$radius-value;
+  }
+}
+
+@each $key, $child in $uni-radius {
+	@if($key){
+		.uni-radius-#{"" + $key} {
+				@include radius($key)
+		}
+	}@else{
+		.uni-radius {
+				@include radius($key)
+		}
+	}
+}
+
+@each $direction in t, r, b, l,tl, tr, br, bl {
+	@each $key, $child in $uni-radius {
+		@if($key){
+			.uni-radius-#{"" + $direction}-#{"" + $key} {
+				@include radius($key,$direction,false)
+			}
+		}@else{
+			.uni-radius-#{$direction} {
+				@include radius($key,$direction,false)
+			}
+		}
+	}
+}

+
+@mixin fn($space,$direction,$size,$n) {
+	@if $n {
+		#{$space}-#{$direction}: #{$size*$uni-space-root}px
+	} @else {
+		 #{$space}-#{$direction}: #{-$size*$uni-space-root}px
+	}
+}
+@mixin get-styles($direction,$i,$space,$n){
+	@if $direction == t {
+		@include fn($space, top,$i,$n);
+	} 
+	@if $direction == r {
+		@include fn($space, right,$i,$n);
+	} 
+	@if $direction == b {
+		@include fn($space, bottom,$i,$n);
+	} 
+	@if $direction == l {
+	 @include fn($space, left,$i,$n);
+	} 
+	@if $direction == x {
+		@include fn($space, left,$i,$n);
+		@include fn($space, right,$i,$n);
+	} 
+	@if $direction == y {
+		@include fn($space, top,$i,$n);
+		@include fn($space, bottom,$i,$n);
+	} 
+	@if $direction == a {
+		@if $n {
+			#{$space}:#{$i*$uni-space-root}px;
+		} @else {
+			#{$space}:#{-$i*$uni-space-root}px;
+		}
+	} 
+}
+
+@each $orientation in m,p {
+	$space: margin;
+	@if $orientation == m {
+		$space: margin;
+	} @else {
+		$space: padding;
+	}
+	@for $i from 0 through 16 {
+		@each $direction in t, r, b, l, x, y, a {
+			.uni-#{$orientation}#{$direction}-#{$i} { 
+				@include  get-styles($direction,$i,$space,true);
+			} 
+			.uni-#{$orientation}#{$direction}-n#{$i} { 
+				@include  get-styles($direction,$i,$space,false);
+			}
+		}
+	}
+}

+/* #ifndef APP-NVUE */
+
+$-color-white:#fff;
+$-color-black:#000;
+@mixin base-style($color) {
+	color: #fff;
+	background-color: $color;
+	border-color: mix($-color-black, $color, 8%);
+	&:not([hover-class]):active {
+		background: mix($-color-black, $color, 10%);
+		border-color: mix($-color-black, $color, 20%);
+		color: $-color-white;
+		outline: none;
+	}
+}
+@mixin is-color($color) {
+	@include base-style($color);
+	&[loading] {
+		@include base-style($color);
+		&::before {
+			margin-right:5px;
+		}
+	}
+	&[disabled] {
+	  &,
+		&[loading],
+	  &:not([hover-class]):active {
+	    color: $-color-white;
+			border-color: mix(darken($color,10%), $-color-white);
+	    background-color: mix($color, $-color-white);
+	  }
+	}
+
+}
+@mixin base-plain-style($color) {
+	color:$color;
+	background-color: mix($-color-white, $color, 90%);
+	border-color: mix($-color-white, $color, 70%);
+	&:not([hover-class]):active {
+	  background: mix($-color-white, $color, 80%);
+	  color: $color;
+	  outline: none;
+		border-color: mix($-color-white, $color, 50%);
+	}
+}
+@mixin is-plain($color){
+	&[plain] {
+		@include base-plain-style($color);
+		&[loading] {
+			@include base-plain-style($color);
+			&::before {
+				margin-right:5px;
+			}
+		}
+		&[disabled] {
+		  &,
+		  &:active {
+		    color: mix($-color-white, $color, 40%);
+		    background-color: mix($-color-white, $color, 90%);
+				border-color: mix($-color-white, $color, 80%);
+		  }
+		}
+	}
+}
+
+
+.uni-btn {
+	margin: 5px;
+	color: #393939;
+	border:1px solid #ccc;
+	font-size: 16px;
+	font-weight: 200;
+	background-color: #F9F9F9;
+	// TODO 暂时处理边框隐藏一边的问题
+	overflow: visible;
+	&::after{
+		border: none;
+	}
+
+	&:not([type]),&[type=default] {
+		color: #999;
+		&[loading] {
+			background: none;
+			&::before {
+				margin-right:5px;
+			}
+		}
+
+
+
+		&[disabled]{
+			color: mix($-color-white, #999, 60%);
+		  &,
+			&[loading],
+		  &:active {
+				color: mix($-color-white, #999, 60%);
+		    background-color: mix($-color-white,$-color-black , 98%);
+				border-color: mix($-color-white,  #999, 85%);
+		  }
+		}
+
+		&[plain] {
+			color: #999;
+			background: none;
+			border-color: $uni-border-1;
+			&:not([hover-class]):active {
+				background: none;
+			  color: mix($-color-white, $-color-black, 80%);
+				border-color: mix($-color-white, $-color-black, 90%);
+			  outline: none;
+			}
+			&[disabled]{
+			  &,
+				&[loading],
+			  &:active {
+			    background: none;
+					color: mix($-color-white, #999, 60%);
+					border-color: mix($-color-white,  #999, 85%);
+			  }
+			}
+		}
+	}
+
+	&:not([hover-class]):active {
+	  color: mix($-color-white, $-color-black, 50%);
+	}
+
+	&[size=mini] {
+		font-size: 16px;
+		font-weight: 200;
+		border-radius: 8px;
+	}
+
+
+
+	&.uni-btn-small {
+		font-size: 14px;
+	}
+	&.uni-btn-mini {
+		font-size: 12px;
+	}
+
+	&.uni-btn-radius {
+		border-radius: 999px;
+	}
+	&[type=primary] {
+		@include is-color($uni-primary);
+		@include is-plain($uni-primary)
+	}
+	&[type=success] {
+		@include is-color($uni-success);
+		@include is-plain($uni-success)
+	}
+	&[type=error] {
+		@include is-color($uni-error);
+		@include is-plain($uni-error)
+	}
+	&[type=warning] {
+		@include is-color($uni-warning);
+		@include is-plain($uni-warning)
+	}
+	&[type=info] {
+		@include is-color($uni-info);
+		@include is-plain($uni-info)
+	}
+}
+/* #endif */

+@mixin get-styles($k,$c) {
+	@if $k == size or $k == weight{
+		font-#{$k}:#{$c}
+	}@else{
+		#{$k}:#{$c}
+	}
+}
+
+@each $key, $child in $uni-headings {
+	/* #ifndef APP-NVUE */
+	.uni-#{$key} {
+		@each $k, $c in $child {
+			@include get-styles($k,$c)
+		}
+	}
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	.container .uni-#{$key} {
+		@each $k, $c in $child {
+			@include get-styles($k,$c)
+		}
+	}
+	/* #endif */
+}

+// @use "sass:math";
+@import  '../tools/functions.scss';
+// 间距基础倍数
+$uni-space-root: 2 !default;
+// 边框半径默认值
+$uni-radius-root:5px !default;
+$uni-radius: () !default;
+// 边框半径断点
+$uni-radius: map-deep-merge(
+  (
+    0: 0,
+		// TODO 当前版本暂时不支持 sm 属性
+    // 'sm': math.div($uni-radius-root, 2),
+    null: $uni-radius-root,
+    'lg': $uni-radius-root * 2,
+    'xl': $uni-radius-root * 6,
+    'pill': 9999px,
+    'circle': 50%
+  ),
+  $uni-radius
+);
+// 字体家族
+$body-font-family: 'Roboto', sans-serif !default;
+// 文本
+$heading-font-family: $body-font-family !default;
+$uni-headings: () !default;
+$letterSpacing: -0.01562em;
+$uni-headings: map-deep-merge(
+  (
+    'h1': (
+      size: 32px,
+			weight: 300,
+			line-height: 50px,
+			// letter-spacing:-0.01562em
+    ),
+    'h2': (
+      size: 28px,
+      weight: 300,
+      line-height: 40px,
+      // letter-spacing: -0.00833em
+    ),
+    'h3': (
+      size: 24px,
+      weight: 400,
+      line-height: 32px,
+      // letter-spacing: normal
+    ),
+    'h4': (
+      size: 20px,
+      weight: 400,
+      line-height: 30px,
+      // letter-spacing: 0.00735em
+    ),
+    'h5': (
+      size: 16px,
+      weight: 400,
+      line-height: 24px,
+      // letter-spacing: normal
+    ),
+    'h6': (
+      size: 14px,
+      weight: 500,
+      line-height: 18px,
+      // letter-spacing: 0.0125em
+    ),
+    'subtitle': (
+      size: 12px,
+      weight: 400,
+      line-height: 20px,
+      // letter-spacing: 0.00937em
+    ),
+    'body': (
+      font-size: 14px,
+			font-weight: 400,
+			line-height: 22px,
+			// letter-spacing: 0.03125em
+    ),
+    'caption': (
+      'size': 12px,
+      'weight': 400,
+      'line-height': 20px,
+      // 'letter-spacing': 0.03333em,
+      // 'text-transform': false
+    )
+  ),
+  $uni-headings
+);
+
+
+
+// 主色
+$uni-primary: #2979ff !default;
+$uni-primary-disable:lighten($uni-primary,20%) !default;
+$uni-primary-light: lighten($uni-primary,25%) !default;
+
+// 辅助色
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
+$uni-success: #18bc37 !default;
+$uni-success-disable:lighten($uni-success,20%) !default;
+$uni-success-light: lighten($uni-success,25%) !default;
+
+$uni-warning: #f3a73f !default;
+$uni-warning-disable:lighten($uni-warning,20%) !default;
+$uni-warning-light: lighten($uni-warning,25%) !default;
+
+$uni-error: #e43d33 !default;
+$uni-error-disable:lighten($uni-error,20%) !default;
+$uni-error-light: lighten($uni-error,25%) !default;
+
+$uni-info: #8f939c !default;
+$uni-info-disable:lighten($uni-info,20%) !default;
+$uni-info-light: lighten($uni-info,25%) !default;
+
+// 中性色
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
+$uni-main-color: #3a3a3a !default; 			// 主要文字
+$uni-base-color: #6a6a6a !default;			// 常规文字
+$uni-secondary-color: #909399 !default;	// 次要文字
+$uni-extra-color: #c7c7c7 !default;			// 辅助说明
+
+// 边框颜色
+$uni-border-1: #F0F0F0 !default;
+$uni-border-2: #EDEDED !default;
+$uni-border-3: #DCDCDC !default;
+$uni-border-4: #B9B9B9 !default;
+
+// 常规色
+$uni-black: #000000 !default;
+$uni-white: #ffffff !default;
+$uni-transparent: rgba($color: #000000, $alpha: 0) !default;
+
+// 背景色
+$uni-bg-color: #f7f7f7 !default;
+
+/* 水平间距 */
+$uni-spacing-sm: 8px !default;
+$uni-spacing-base: 15px !default;
+$uni-spacing-lg: 30px !default;
+
+// 阴影
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
+
+// 蒙版
+$uni-mask: rgba($color: #000000, $alpha: 0.4) !default;

+// 合并 map
+@function map-deep-merge($parent-map, $child-map){
+	$result: $parent-map;
+	@each $key, $child in $child-map {
+		$parent-has-key: map-has-key($result, $key);
+		$parent-value: map-get($result, $key);
+		$parent-type: type-of($parent-value);
+		$child-type: type-of($child);
+		$parent-is-map: $parent-type == map;
+		$child-is-map: $child-type == map;
+			
+		@if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
+			$result: map-merge($result, ( $key: $child ));
+		}@else {
+			$result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
+		}
+	}
+	@return $result;
+};

+// 间距基础倍数
+$uni-space-root: 2;
+// 边框半径默认值
+$uni-radius-root:5px;
+// 主色
+$uni-primary: #2979ff;
+// 辅助色
+$uni-success: #4cd964;
+// 警告色
+$uni-warning: #f0ad4e;
+// 错误色
+$uni-error: #dd524d;
+// 描述色
+$uni-info: #909399;
+// 中性色
+$uni-main-color: #303133;
+$uni-base-color: #606266;
+$uni-secondary-color: #909399;
+$uni-extra-color: #C0C4CC;
+// 背景色
+$uni-bg-color: #f5f5f5;
+// 边框颜色
+$uni-border-1: #DCDFE6;
+$uni-border-2: #E4E7ED;
+$uni-border-3: #EBEEF5;
+$uni-border-4: #F2F6FC;
+
+// 常规色
+$uni-black: #000000;
+$uni-white: #ffffff;
+$uni-transparent: rgba($color: #000000, $alpha: 0);

+@import './styles/setting/_variables.scss';
+// 间距基础倍数
+$uni-space-root: 2;
+// 边框半径默认值
+$uni-radius-root:5px;
+
+// 主色
+$uni-primary: #2979ff;
+$uni-primary-disable:mix(#fff,$uni-primary,50%);
+$uni-primary-light: mix(#fff,$uni-primary,80%);
+
+// 辅助色
+// 除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
+$uni-success: #18bc37;
+$uni-success-disable:mix(#fff,$uni-success,50%);
+$uni-success-light: mix(#fff,$uni-success,80%);
+
+$uni-warning: #f3a73f;
+$uni-warning-disable:mix(#fff,$uni-warning,50%);
+$uni-warning-light: mix(#fff,$uni-warning,80%);
+
+$uni-error: #e43d33;
+$uni-error-disable:mix(#fff,$uni-error,50%);
+$uni-error-light: mix(#fff,$uni-error,80%);
+
+$uni-info: #8f939c;
+$uni-info-disable:mix(#fff,$uni-info,50%);
+$uni-info-light: mix(#fff,$uni-info,80%);
+
+// 中性色
+// 中性色用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
+$uni-main-color: #3a3a3a; 			// 主要文字
+$uni-base-color: #6a6a6a;			// 常规文字
+$uni-secondary-color: #909399;	// 次要文字
+$uni-extra-color: #c7c7c7;			// 辅助说明
+
+// 边框颜色
+$uni-border-1: #F0F0F0;
+$uni-border-2: #EDEDED;
+$uni-border-3: #DCDCDC;
+$uni-border-4: #B9B9B9;
+
+// 常规色
+$uni-black: #000000;
+$uni-white: #ffffff;
+$uni-transparent: rgba($color: #000000, $alpha: 0);
+
+// 背景色
+$uni-bg-color: #f7f7f7;
+
+/* 水平间距 */
+$uni-spacing-sm: 8px;
+$uni-spacing-base: 15px;
+$uni-spacing-lg: 30px;
+
+// 阴影
+$uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
+$uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
+$uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
+
+// 蒙版
+$uni-mask: rgba($color: #000000, $alpha: 0.4);