feat：新增组态功能，查看组态详情

@@ -2,60 +2,112 @@
 	<view class="status-page">
 		<f-navbar navbarType="2" @leftClick="leftClick">
 			<view class="u-flex search-top" slot="left">
-				<view class="search-main"><u--input prefixIcon="search" placeholder="请输入组态名称" border="surround" shape="circle"></u--input></view>
+				<view class="search-main"><u--input @change="inputChanged" prefixIcon="search" placeholder="请输入组态名称" border="surround" shape="circle"></u--input></view>
 			</view>
 		</f-navbar>
 		<!-- 公共组件-每个页面必须引入 -->
 		<public-module></public-module>
-		<view class="status-container">
-			<view @click="openStatusDetail(item.id)" v-for="(item, index) in list" :key="index" class="status-item u-flex">
-				<view class="item-image"><image class="image" :src="item.icon"></image></view>
-				<view class="item-text">
-					<text class="text">{{ item.name }}</text>
+		<mescroll-body ref="mescrollRef" :up="upOption" @init="mescrollInit" :down="downOption" @down="downCallback" @up="upCallback">
+			<view class="status-container">
+				<view @click="openConfigDetail(item.id)" v-for="(item, index) in list" :key="index" class="status-item u-flex">
+					<view style="cursor: pointer;" class="item-image"><image class="image" :src="item.icon || defaultConfigImage"></image></view>
+					<view class="item-text">
+						<text class="text">{{ item.name }}</text>
+					</view>
 				</view>
 			</view>
-		</view>
-		<f-tabbar></f-tabbar>
+		</mescroll-body>
 	</view>
 </template>
 
 <script>
-import fTabbar from '@/components/module/f-tabbar/f-tabbar';
 import fNavbar from '@/components/module/f-navbar/f-navbar';
+import MescrollMixin from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js';
 
 export default {
 	components: {
-		fTabbar,
 		fNavbar
 	},
+	mixins: [MescrollMixin], // 使用mixin (在main.js注册全局组件)
 	data() {
 		return {
-			list: [
-				{
-					id: 1,
-					name: '智慧办公室1',
-					icon: '../../../static/test.png'
-				},
-				{
-					id: 2,
-					name: '智慧办公室2',
-					icon: '../../../static/test.png'
-				}
-			]
+			page: {
+				num: 0,
+				size: 10
+			},
+			downOption: {
+				auto: true //是否在初始化后,自动执行downCallback; 默认true
+			},
+			upOption: {
+				auto: false // 不自动加载
+			},
+			defaultConfigImage: '../../../static/test.png',
+			list: []
 		};
 	},
 	onLoad() {
 		// 隐藏原生的tabbar
 		uni.hideTabBar();
+		uni.setStorageSync('getConfiguration', {
+			isConfiguration: false
+		});
+	},
+	onUnload() {
+		uni.setStorageSync('getConfiguration', {
+			isConfiguration: false
+		});
+		uni.removeStorageSync('getConfiguration');
 	},
 	methods: {
+		inputChanged(e) {
+			this.page.num = 1;
+			this.loadData(1, e);
+		},
 		leftClick() {
 			return false;
 		},
-		openStatusDetail(e) {
+		onBackPress() {
+			console.log('返回');
+			return true; // 阻止返回 不阻止就不写或者用uni.navigateBack({ delta: 1 })返回
+		},
+		openConfigDetail(e) {
 			uni.navigateTo({
-				url: 'configurationDetail'
+				url: 'configurationDetail?configId=' + e
 			});
+		},
+		/*下拉刷新的回调 */
+		downCallback() {
+			//联网加载数据
+			this.page.num = 1;
+			this.loadData(1);
+		},
+		/*上拉加载的回调: 其中page.num:当前页 从1开始, page.size:每页数据条数,默认10 */
+		upCallback() {
+			//联网加载数据
+			this.page.num += 1;
+			this.loadData(this.page.num);
+		},
+		loadData(pageNo, T) {
+			let httpData = {
+				page: pageNo,
+				pageSize: 10,
+				name: T
+			};
+			uni.$u.http
+				.get('/yt/configuration/center', { params: httpData, custom: { load: false } })
+				.then(res => {
+					uni.stopPullDownRefresh();
+					this.mescroll.endByPage(res.items.length, res.total);
+					if (pageNo == 1) {
+						this.list = res.items;
+					} else {
+						this.list = this.list.concat(res.items);
+					}
+				})
+				.catch(e => {
+					//联网失败, 结束加载
+					this.mescroll.endErr();
+				});
 		}
 	}
 };

@@ -2,24 +2,66 @@
 	<view class="content">
 		<!-- 公共组件-每个页面必须引入 -->
 		<public-module></public-module>
-		<f-tabbar :isFillHeight="false"></f-tabbar>
+		<web-view :src="showConfiguration" bindload="bindload" binderror="binderror"></web-view>
 	</view>
 </template>
 
 <script>
-import fTabbar from '@/components/module/f-tabbar/f-tabbar';
 export default {
-	components: {
-		fTabbar
-	},
 	data() {
-		return {};
+		return {
+			showConfiguration: '',
+			defauleConfigImage: 'https://dev.thingskit.com',
+			params: ''
+		};
 	},
 	onLoad(e) {
+		uni.setStorageSync('getConfiguration', {
+			isConfiguration: true
+		});
+		if (e.configId !== null) {
+			this.params = e.configId;
+			this.requestUrl(this.params);
+		}
 		// 隐藏原生的tabbar
 		uni.hideTabBar();
+	},
+	onShow() {
+		uni.setStorageSync('getConfiguration', {
+			isConfiguration: true
+		});
+	},
+	onUnload() {
+		uni.setStorageSync('getConfiguration', {
+			isConfiguration: false
+		});
+		uni.removeStorageSync('config');
+	},
+	methods: {
+		// 网页加载成功时候触发此事件
+		bindload(res) {
+			console.log(res, res.detail);
+		},
+		// 网页加载失败的时候触发此事件
+		binderror(err) {
+			console.log(err, err.detail);
+		},
+		async requestUrl(e) {
+			const httpData = {
+				configurationId: e,
+				lightbox: 1
+			};
+			const getUrl = await uni.$u.http.get('/', { params: httpData, custom: { load: false } });
+			const pathUrl = uni.getStorageSync('config');
+			this.showConfiguration = pathUrl.baseURL + '/' + '?' + 'configurationId=' + e + '&' + 'lightbox=' + 1;
+		}
 	}
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.content {
+	background: #f8f9fa;
+	min-height: 100vh;
+}
+</style>

 .status-page {
+	background: #f8f9fa;
 	padding: 15rpx 15rpx;
+	min-height: 100vh;
 	.search-top {
 		justify-content: space-between;
 		flex-direction: row;
 		.search-main {
 			width: 700rpx;
+			margin-top: -34rpx;
 		}
 	}
 }