提交

README.md

@@ -23,8 +23,8 @@
         |-- pest      			 		//  病虫害百科模块
 			|-- details.vue					// 病虫害百科详情
 			|-- index.vue					// 病虫害百科列表
-			|-- discern.vue				// 病虫害识别技术
-			|-- discern-result.vue		// 病虫害识别结果
+			|-- discern.vue					// 病虫害识别技术
+			|-- discern-result.vue			// 病虫害识别结果
 		--|
 		|-- warn      			 		//  预警消息模块（消息列表）
 		|-- weather     			 	//  气象环境模块

pages/weather/details.vue

@@ -32,24 +32,24 @@
 		</view>
 		<!-- 数据列表end -->
 		<!-- 统计图24小时数据 -->
-		<uni-popup ref="chartsPopup" type="dialog"  :mask-click="false">
-			
-			<view class="charts-popup" v-if="dayData">
-				<uni-icons type="clear" size="50" color="#999999" class="charts-icon" @click="closeChartsPopup"></uni-icons>
-				<view class="charts-title">
-					24小时数据
-				</view>
-				<view class="charts-box">
+		<uni-popup ref="chartsPopup" type="bottom" :mask-click="false">
+
+			<view class="column charts-popup" v-if="dayData">
+				<view class="flex-1">
+					<view class="charts-title">
+						24小时数据
+					</view>
 					<lineCharts :chartData="chartShowData" :width="200" :height="200"></lineCharts>
+					<view class="charts-text mt-12">
+						当天最大值：{{dayData.max}} {{dayData.maxtime | timeFrom}}
+					</view>
+					<view class="charts-text">
+						当天最小值：{{dayData.min}} {{dayData.mintime | timeFrom}}
+					</view>
 				</view>
-				
-				<view class="charts-text">
-					当天最大值：{{dayData.max}} {{dayData.maxtime | timeFrom}}
-				</view>
-				<view class="charts-text">
-					当天最小值：{{dayData.min}} {{dayData.mintime | timeFrom}}
-				</view>
+				<view class="row-center charts-cancel" @click="closeChartsPopup">取消</view>
 			</view>
+
 		</uni-popup>
 	</view>
 </template>
@@ -109,20 +109,20 @@
 			 * @param {string} el 通道号
 			 * @param {string} name 标识名称
 			 */
-			openLatestChart(el,name) {
-				if(!this.chartData){
+			openLatestChart(el, name) {
+				if (!this.chartData) {
 					return this.$api.msg('数据加载中，请稍后');
 				}
-				this.dayData=this.dayDatas.find(item=>item.ekey==el);
+				this.dayData = this.dayDatas.find(item => item.ekey == el);
 				this.chartShowData.series = [{
-					name:name,
+					name: name,
 					data: this.chartData[el] ?? []
 				}]
 				this.$refs['chartsPopup'].open();
 			},
 			// 关闭弹框
-			closeChartsPopup(){
-				this.dayData=null;
+			closeChartsPopup() {
+				this.dayData = null;
 				this.$refs['chartsPopup'].close();
 			},
 			// 获取气象统计数据
@@ -148,22 +148,25 @@
 <style lang="scss">
 	.charts-popup {
 		position: relative;
-		width: 600rpx;
-		height: 620rpx;
-		padding: 24rpx;
+		width: 100%;
 		background-color: #fff;
-		border-radius: 12rpx;
+		padding: 50rpx 32rpx 20rpx;
+		border-radius: 12rpx 12rpx 0rpx 0rpx;
+		height: 850rpx;
 	}
-	.charts-icon{
+
+	.charts-icon {
 		position: absolute;
 		right: -20rpx;
 		top: -50rpx;
 	}
-	.charts-box{
+
+	.charts-box {
 		width: 100%;
 		height: 450rpx;
 		overflow: hidden;
 	}
+
 	.charts-title {
 		font-size: $font-size-title;
 		color: $color-title;
@@ -172,8 +175,15 @@
 	}
 
 	.charts-text {
-		font-size:24rpx;
+		font-size: 24rpx;
 		color: $color-subtitle;
 		line-height: $line-height-subtitle;
 	}
+	.charts-cancel{
+		border-top: #f5f5f5 26rpx solid;
+		margin-left: -32rpx;
+		margin-right: -32rpx;
+		padding: 24rpx;
+		color:#999
+	}
 </style>

unpackage/dist/dev/mp-weixin/app.js

@@ -0,0 +1,4 @@
+
+require('./common/runtime.js')
+require('./common/vendor.js')
+require('./common/main.js')

unpackage/dist/dev/mp-weixin/app.json

@@ -0,0 +1,29 @@
+{
+  "pages": [
+    "pages/index/index",
+    "pages/weather/index",
+    "pages/weather/details",
+    "pages/weather/history",
+    "pages/worm/index",
+    "pages/worm/details",
+    "pages/worm/image",
+    "pages/worm/analyse",
+    "pages/worm/history",
+    "pages/camera/index",
+    "pages/camera/details",
+    "pages/pest/index",
+    "pages/pest/details",
+    "pages/pest/discern",
+    "pages/fault/index",
+    "pages/warn/index",
+    "pages/pest/discern-result"
+  ],
+  "subPackages": [],
+  "window": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "迁安智慧乡村",
+    "navigationBarBackgroundColor": "#ffffff",
+    "backgroundColor": "#f3f5f9"
+  },
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/app.wxss

@@ -0,0 +1,3 @@
+@import './common/main.wxss';
+
+[data-custom-hidden="true"],[bind-data-custom-hidden="true"]{display: none !important;}

unpackage/dist/dev/mp-weixin/common/main.wxss

@@ -0,0 +1,488 @@
+@charset "UTF-8";
+/**
+ * 这里是app内置的常用样式变量
+ *
+ * app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 水平间距 */
+/* 水平间距 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+/*每个页面公共css */
+page {
+  font-family: Source Han Sans CN Normal, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
+  background-color: #f3f5f9;
+  font-weight: normal;
+}
+view {
+  box-sizing: border-box;
+  line-height: 1.41176471;
+  word-break: break-all;
+}
+image {
+  width: 100%;
+  height: 100%;
+}
+.bold {
+  font-weight: bold;
+}
+.textarea-placeholder,
+.input-placeholder {
+  color: #d2d2d2;
+}
+/* 宽高 */
+.w-100 {
+  width: 100%;
+}
+.w-50 {
+  width: 50%;
+}
+/*文字大小*/
+.font-10 {
+  font-size: 20rpx !important;
+}
+.font-12 {
+  font-size: 24rpx !important;
+}
+.font-14 {
+  font-size: 28rpx !important;
+}
+.font-16 {
+  font-size: 32rpx !important;
+}
+.font-24 {
+  font-size: 48rpx !important;
+}
+/*行高*/
+.line-h0 {
+  line-height: 0 !important;
+}
+.line-h {
+  line-height: 1 !important;
+}
+.line-h-sm {
+  line-height: 1.2 !important;
+}
+.line-h-md {
+  line-height: 1.5 !important;
+}
+.line-h-lg {
+  line-height: 2 !important;
+}
+.line-h-big {
+  line-height: 3 !important;
+}
+.text-center {
+  text-align: center;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+/*标题颜色*/
+.text-primary {
+  color: #317Afd !important;
+}
+.text-secondary {
+  color: #00b368 !important;
+}
+.text-danger {
+  color: #dc3545 !important;
+}
+.text-warning {
+  color: #ffc107 !important;
+}
+.text-title {
+  color: #333;
+}
+.text-info {
+  color: #666;
+}
+.text-grey {
+  color: #999;
+}
+.text-sub {
+  color: #cccccc;
+}
+.text-disable {
+  color: #c0c0c0;
+}
+.text-white {
+  color: #fff !important;
+}
+/*布局*/
+.nowrap {
+  white-space: nowrap;
+}
+.flex-1 {
+  flex: 1;
+}
+.flex-2 {
+  flex: 2;
+}
+.wrap {
+  flex-wrap: wrap;
+}
+.d-flex {
+  display: flex;
+}
+.d-block {
+  display: block;
+}
+.d-inline-block {
+  display: inline-block;
+}
+.row {
+  display: flex;
+  align-items: center;
+}
+.row-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.row-end {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.row-between {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.between {
+  display: flex;
+  justify-content: space-between;
+}
+.row-around {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+.column {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.column-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.column-around {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+.column-end {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.column-between {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.relative {
+  position: relative;
+}
+/* 超出隐藏 */
+.text-ellipsis {
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+.text-ellipsis2 {
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+.mt-12 {
+  margin-top: 24rpx !important;
+}
+.mr {
+  margin-right: 18rpx !important;
+}
+.mb {
+  margin-bottom: 24rpx !important;
+}
+.m-12 {
+  margin: 24rpx;
+}
+.p-10 {
+  padding: 20rpx;
+}
+.p-12 {
+  padding: 24rpx;
+}
+.px-12 {
+  padding: 26rpx 24rpx;
+}
+.px-13 {
+  padding: 24rpx 26rpx;
+}
+/*按钮*/
+.btn,
+.btn-plain {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 96rpx;
+  font-size: 32rpx;
+  line-height: 1;
+  border-radius: 12rpx;
+}
+.btn::after,
+.btn-plain::after {
+  display: none;
+}
+.btn {
+  color: #fff;
+  background-image: linear-gradient(45deg, #57b1fe, #317afd);
+}
+.btn-plain {
+  color: #317afd;
+  border: 1rpx #317afd solid;
+}
+.scroll-h {
+  white-space: nowrap;
+  width: 100%;
+}
+.ui-card {
+  margin: 24rpx;
+  background-color: #fff;
+  border-radius: 12rpx;
+}
+.ui-upload {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+}
+.ui-upload_text {
+  color: #999999;
+  font-size: 20rpx;
+  margin-top: 10rpx;
+}
+.ui-upload_img {
+  display: block;
+  width: 128rpx;
+  height: 128rpx;
+  border-radius: 8rpx;
+}
+.ui-upload_file,
+.ui-upload_input {
+  position: relative;
+  display: inline-block;
+  width: 128rpx;
+  margin: 0 16rpx 16rpx;
+  border-radius: 8rpx;
+}
+.picker {
+  width: 240rpx;
+  height: 60rpx;
+  font-size: 24rpx;
+  border: #DDDDDD 1rpx solid;
+  border-radius: 8rpx;
+}
+.picker-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 60rpx;
+  padding: 0 24rpx;
+  color: #999999;
+  line-height: 1;
+}
+/**
+ * ===================
+ * 页面面板通用样式 用于 监控列表，可视监控，病虫害百科列表，病虫害详情，病虫害识别
+ * ===================
+ */
+.page-panel {
+  padding: 24rpx;
+  margin-top: 24rpx;
+  margin-bottom: 100rpx;
+  background-color: #fff;
+}
+/**
+ * ===================
+ * 设计监测列表项通用样式 用于 气象监测列表，虫情监测列表页面
+ * ===================
+ */
+.forecast-item {
+  display: flex;
+  justify-content: space-between;
+  padding: 26rpx 24rpx 34rpx;
+}
+.forecast-item .title {
+  position: relative;
+  color: #333;
+  line-height: 44rpx;
+}
+.forecast-item .title::before {
+  content: ' ';
+  display: inline-block;
+  width: 18rpx;
+  height: 18rpx;
+  margin-right: 18rpx;
+  border-radius: 100%;
+}
+.forecast-item .title.on::before {
+  background: linear-gradient(135deg, #57B1FE 0%, #317afd 100%);
+}
+.forecast-item .title.off::before {
+  background: #e93f27;
+}
+.forecast-item .text {
+  font-size: 28rpx;
+  color: #666;
+  line-height: 40rpx;
+  margin-top: 10rpx;
+}
+/**
+ * ===================
+ * 设备监测详情卡片样式 气象监测详情，虫情监测详情页面
+ * ===================
+ */
+.forecast-card {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  overflow: hidden;
+  padding: 28rpx 26rpx;
+  margin-bottom: 48rpx;
+  color: #fff;
+  background: linear-gradient(135deg, #57B1FE 0%, #317AFD 100%);
+}
+.forecast-card::before, .forecast-card::after {
+  content: ' ';
+  position: absolute;
+  display: block;
+  background: rgba(255, 255, 255, 0.3);
+  border-radius: 100%;
+}
+.forecast-card::before {
+  top: 12rpx;
+  right: 96rpx;
+  width: 92rpx;
+  height: 92rpx;
+}
+.forecast-card::after {
+  right: -96rpx;
+  bottom: -108rpx;
+  width: 276rpx;
+  height: 276rpx;
+}
+.forecast-card .title {
+  position: relative;
+  line-height: 44rpx;
+}
+.forecast-card .title::before {
+  content: ' ';
+  display: inline-block;
+  width: 18rpx;
+  height: 18rpx;
+  margin-right: 18rpx;
+  background-color: #fff;
+  border-radius: 100%;
+}
+.forecast-card .text {
+  margin-top: 14rpx;
+  font: 28rpx/40rpx PingFang SC-中等, PingFang SC;
+  line-height: 40rpx;
+}
+.forecast-card .state {
+  padding-top: 6rpx;
+  text-align: right;
+  width: 120rpx;
+}
+/**
+ * ===================
+ * 实时数据列表样式；使用模块：气象监测，虫情监测
+ * ===================
+ */
+.latest-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.latest-item {
+  display: flex;
+  width: calc(50% - 34rpx);
+  padding: 26rpx 24rpx;
+  margin-top: 0;
+  margin-right: 0;
+}
+.latest-item:nth-child(2n) {
+  margin-left: 18rpx;
+  margin-right: 24rpx;
+}
+.latest-item .icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 88rpx;
+  height: 88rpx;
+  margin-right: 24rpx;
+  background: #317afd;
+  border-radius: 100%;
+}
+.latest-item .icon image {
+  display: block;
+  width: 60rpx;
+  height: 60rpx;
+}
+.latest-item .text {
+  line-height: 34rpx;
+}
+/**
+ * ===================
+ * 表格数据列表样式
+ * ===================
+ */
+.table-style {
+  margin-bottom: 42rpx;
+}
+.table-style .uni-table-th,
+.table-style .uni-table-td {
+  color: #333333 !important;
+  font-weight: normal !important;
+  font-size: 24rpx !important;
+  line-height: 34rpx !important;
+  text-align: center !important;
+}
+.table-style .uni-table-th {
+  background-color: #F9F9F9 !important;
+  padding: 16rpx 20rpx !important;
+}
+.table-style .uni-table-td {
+  padding: 12rpx 20rpx;
+}
+

unpackage/dist/dev/mp-weixin/components/ui-empty/ui-empty.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/components/ui-empty/ui-empty.wxml

@@ -0,0 +1 @@
+<block wx:if="{{show}}"><view class="ui-empty center data-v-e7eb8ef8" style="{{'margin-top:'+(top+'px')+';'}}"><image class="empty-icon data-v-e7eb8ef8" src="/static/empty/content.png" mode="widthFix"></image><text class="center ui-empty__text data-v-e7eb8ef8">{{text}}</text><block wx:if="{{$slots.default||$slots.$default}}"><view class="center ui-empty__wrap data-v-e7eb8ef8"><slot></slot></view></block></view></block>

unpackage/dist/dev/mp-weixin/components/ui-empty/ui-empty.wxss

@@ -0,0 +1,59 @@
+@charset "UTF-8";
+/**
+ * 这里是app内置的常用样式变量
+ *
+ * app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 水平间距 */
+/* 水平间距 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.center.data-v-e7eb8ef8 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ui-empty.data-v-e7eb8ef8 {
+  flex-direction: column;
+}
+.ui-empty__text.data-v-e7eb8ef8 {
+  font-size: 32rpx;
+  margin-top: 10rpx;
+  color: #999;
+}
+.ui-empty__wrap.data-v-e7eb8ef8 {
+  flex-direction: column;
+  color: #999;
+  font-size: 26rpx;
+  margin-top: 10rpx;
+}
+.empty-icon.data-v-e7eb8ef8 {
+  width: 260rpx;
+  height: 260rpx;
+}
+.select-btn.data-v-e7eb8ef8 {
+  margin-top: 50rpx;
+  color: #317afd;
+  font-size: 26rpx;
+  border-radius: 50rpx;
+  border-color: #317afd;
+}
+

unpackage/dist/dev/mp-weixin/components/ui-picker/ui-picker.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons"
+  },
+  "component": true
+}

unpackage/dist/dev/mp-weixin/components/ui-picker/ui-picker.wxml

@@ -0,0 +1 @@
+<view><picker class="picker" range="{{list}}" range-key="text" data-event-opts="{{[['change',[['bindPickerChange',['$event']]]]]}}" bindchange="__e"><view class="picker-wrapper"><view>{{text}}</view><uni-icons vue-id="0132eb9c-1" type="bottom" size="{{12}}" color="#DDDDDD" bind:__l="__l"></uni-icons></view></picker></view>

unpackage/dist/dev/mp-weixin/components/ui-picker/ui-picker.wxss

@@ -0,0 +1,46 @@
+@charset "UTF-8";
+/**
+ * 这里是app内置的常用样式变量
+ *
+ * app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 水平间距 */
+/* 水平间距 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.picker {
+  width: 240rpx;
+  height: 60rpx;
+  margin-left: 18rpx;
+  font-size: 24rpx;
+  border: #DDDDDD 1rpx solid;
+  border-radius: 8rpx;
+}
+.picker-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 60rpx;
+  padding: 0 24rpx;
+  color: #999999;
+  line-height: 1;
+}
+

unpackage/dist/dev/mp-weixin/components/ui-search/ui-search.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "uni-search-bar": "/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar"
+  },
+  "component": true
+}

unpackage/dist/dev/mp-weixin/components/ui-search/ui-search.wxss

@@ -0,0 +1,37 @@
+@charset "UTF-8";
+/**
+ * 这里是app内置的常用样式变量
+ *
+ * app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 水平间距 */
+/* 水平间距 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.ui-search .uni-searchbar.data-v-c67a6df0 {
+  padding: 12rpx 24rpx;
+  background-color: #ffffff;
+}
+.ui-search .uni-searchbar.data-v-c67a6df0  .uni-searchbar__box {
+  height: 64rpx;
+  border-radius: 36rpx !important;
+}
+

unpackage/dist/dev/mp-weixin/components/ui-state/ui-state.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/components/ui-state/ui-state.wxml

@@ -0,0 +1 @@
+<view class="{{$root.m0}}">{{states[state]}}</view>

unpackage/dist/dev/mp-weixin/components/ui-state/ui-state.wxss

@@ -0,0 +1,47 @@
+@charset "UTF-8";
+/**
+ * 这里是app内置的常用样式变量
+ *
+ * app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 水平间距 */
+/* 水平间距 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.w-state.data-v-7c18e504 {
+  width: 94rpx;
+  height: 40rpx;
+  line-height: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4rpx;
+  font-size: 28rpx;
+}
+.w-state.on.data-v-7c18e504 {
+  background-color: rgba(49, 122, 253, 0.3);
+  color: #3377FE;
+}
+.w-state.off.data-v-7c18e504 {
+  background-color: rgba(233, 63, 39, 0.3);
+  color: #E93F27;
+}
+

unpackage/dist/dev/mp-weixin/components/ui-tabs/ui-tabs.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/components/ui-tabs/ui-tabs.wxml

@@ -0,0 +1 @@
+<view class="tab-box data-v-57b30f98"><view class="tab-box-scroll data-v-57b30f98"><block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['tabsClick',['$0'],[[['list','',index,''+nodeKey+'']]]]]]]}}" class="{{['tab-box-item','data-v-57b30f98',(active===item[nodeKey])?'active':'']}}" style="{{(customStyle)}}" bindtap="__e">{{''+item[nodeValue]+''}}</view></block></view></view>

unpackage/dist/dev/mp-weixin/components/ui-tabs/ui-tabs.wxss

@@ -0,0 +1,72 @@
+@charset "UTF-8";
+/**
+ * 这里是app内置的常用样式变量
+ *
+ * app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 水平间距 */
+/* 水平间距 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.tab-box.data-v-57b30f98 {
+  position: relative;
+  z-index: 10;
+  overflow-x: scroll;
+  display: flex;
+  width: 100%;
+  font-size: 30rpx;
+  background-color: #fff;
+  box-shadow: 0 5rpx 5rpx rgba(0, 0, 0, 0.02);
+}
+.tab-box .tab-box-scroll.data-v-57b30f98 {
+  display: flex;
+  width: -webkit-max-content;
+  width: max-content;
+}
+.tab-box .tab-box-item.data-v-57b30f98 {
+  display: inline-block;
+  box-sizing: border-box;
+  width: -webkit-max-content;
+  width: max-content;
+  height: 90rpx;
+  padding: 0 32rpx;
+  line-height: 90rpx;
+  text-align: center;
+}
+.tab-box .active.data-v-57b30f98 {
+  position: relative;
+  font-size: 32rpx;
+  color: #333;
+}
+.tab-box .active.data-v-57b30f98::after {
+  content: ' ';
+  display: block;
+  width: 100rpx;
+  height: 7rpx;
+  position: absolute;
+  border-radius: 100px;
+  bottom: 0rpx;
+  margin: auto;
+  left: 0;
+  right: 0;
+  background-color: #317afd;
+}
+

unpackage/dist/dev/mp-weixin/pages/camera/details.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "监控画面",
+  "enablePullDownRefresh": false,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/camera/details.wxml

@@ -0,0 +1 @@
+<view class="page-panel"><view class="monitor-area"><image src="/static/demo/demo1.png" mode="widthFix"></image></view><view class="monitor-tools"><view class="row-center tools-btn"><text>+</text></view><view class="tools-control"><view class="slice up"></view><view class="slice down"></view><view class="slice left"></view><view class="slice right"></view><view class="tools-btn"></view></view><view class="row-center tools-btn"><text>━</text></view></view></view>

unpackage/dist/dev/mp-weixin/pages/camera/details.wxss

@@ -0,0 +1,119 @@
+@charset "UTF-8";
+/**
+ * 这里是app内置的常用样式变量
+ *
+ * app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 水平间距 */
+/* 水平间距 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.monitor-area {
+  overflow: hidden;
+  height: 510rpx;
+  border-radius: 5rpx;
+  margin-bottom: 24rpx;
+}
+.monitor-tools {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 24rpx;
+}
+.tools-control {
+  position: relative;
+  width: 305rpx;
+  height: 305rpx;
+  margin: 0 60rpx;
+  background-image: linear-gradient(to right, #323e4d, #444d5e);
+  border-radius: 100%;
+}
+.tools-control .tools-btn {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+}
+.tools-control .slice {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 97rpx;
+  height: 97rpx;
+  margin: auto;
+}
+.tools-control .slice:before {
+  content: '';
+  display: block;
+  width: 0;
+  margin-right: -24rpx;
+  border-color: transparent transparent transparent #317afd;
+  border-width: 24rpx;
+  border-style: solid;
+  -webkit-transform: scaleY(0.6);
+          transform: scaleY(0.6);
+}
+.tools-control .slice:active {
+  opacity: .3;
+}
+.tools-control .up {
+  top: 0;
+  left: 0;
+  right: 0;
+  -webkit-transform: rotateZ(-90deg);
+          transform: rotateZ(-90deg);
+}
+.tools-control .down {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  -webkit-transform: rotateZ(90deg);
+          transform: rotateZ(90deg);
+}
+.tools-control .left {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  -webkit-transform: rotateZ(180deg);
+          transform: rotateZ(180deg);
+}
+.tools-control .right {
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+.tools-btn {
+  width: 110rpx;
+  height: 110rpx;
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #317afd;
+  line-height: 1;
+  background: #434C5D;
+  border-radius: 100%;
+}
+.tools-btn:active text {
+  opacity: .3;
+}
+

unpackage/dist/dev/mp-weixin/pages/camera/index.json

@@ -0,0 +1,7 @@
+{
+  "navigationBarTitleText": "监控列表",
+  "enablePullDownRefresh": false,
+  "usingComponents": {
+    "ui-empty": "/components/ui-empty/ui-empty"
+  }
+}

unpackage/dist/dev/mp-weixin/pages/camera/index.wxss

@@ -0,0 +1,62 @@
+@charset "UTF-8";
+/**
+ * 这里是app内置的常用样式变量
+ *
+ * app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 水平间距 */
+/* 水平间距 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.camera-panel {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 24rpx;
+  margin-top: 24rpx;
+  background-color: #fff;
+}
+.camera-item {
+  width: 336rpx;
+  margin-right: 28rpx;
+  margin-bottom: 24rpx;
+  border-radius: 12rpx;
+  border: 1rpx solid #F1F1F1;
+}
+.camera-item:nth-child(2n) {
+  margin-right: 0;
+}
+.camera-item .pic {
+  display: block;
+  width: 336rpx;
+  height: 255rpx;
+  border-radius: 4rpx;
+}
+.camera-item .text {
+  font-size: 20rpx;
+  color: #666666;
+}
+.camera-item .tips {
+  width: 24rpx;
+  height: 24rpx;
+  background: #07F546;
+  border-radius: 100%;
+}
+

unpackage/dist/dev/mp-weixin/pages/fault/index.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "故障上报",
+  "enablePullDownRefresh": false,
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/fault/index.wxss

@@ -0,0 +1,70 @@
+@charset "UTF-8";
+/**
+ * 这里是app内置的常用样式变量
+ *
+ * app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+/* 颜色变量 */
+/* 水平间距 */
+/* 水平间距 */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.form-panel {
+  padding: 24rpx;
+  margin-top: 24rpx;
+  background: #fff;
+  border-radius: 12rpx;
+}
+.form-title {
+  padding: 0 16rpx 16rpx;
+  font-size: 32rpx;
+  color: #272A2E;
+}
+.form-input,
+.form-textarea {
+  margin-bottom: 24rpx;
+  font-size: 28rpx;
+  line-height: 40rpx;
+}
+.form-input {
+  padding: 22rpx 28rpx;
+  background: #F3F5F9;
+  border-radius: 12rpx;
+}
+.form-textarea {
+  width: calc(100% - 32rpx);
+  padding: 15rpx 22rpx;
+  margin: 0 16rpx;
+  font-size: 24rpx;
+  box-sizing: border-box;
+  background: #F3F4F5;
+  border-radius: 8rpx;
+}
+.form-words {
+  margin: 10rpx 16rpx;
+  font-size: 24rpx;
+  color: #272A2E;
+  text-align: right;
+}
+.form-submit {
+  padding: 120rpx 24rpx;
+  overflow: hidden;
+}
+

unpackage/dist/dev/mp-weixin/pages/index/index.json

@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "迁安智慧乡村",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-weixin/pages/index/index.wxml

@@ -0,0 +1 @@
+<view class="content"><block wx:for="{{urls}}" wx:for-item="item" wx:for-index="index" wx:key="index"><navigator class="ui-card p-12" url="{{item.url}}">{{''+item.text+''}}</navigator></block></view>

unpackage/dist/dev/mp-weixin/pages/index/index.wxss

@@ -0,0 +1,24 @@
+
+.content {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+.logo {
+	height: 200rpx;
+	width: 200rpx;
+	margin-top: 200rpx;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 50rpx;
+}
+.text-area {
+	display: flex;
+	justify-content: center;
+}
+.title {
+	font-size: 36rpx;
+	color: #8f8f94;
+}
+

unpackage/dist/dev/mp-weixin/pages/pest/details.json

@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "病害百科",
+  "enablePullDownRefresh": false,
+  "usingComponents": {}
+}