完成页面

2 years ago · e04d956472
20 changed files with 1188 additions and 67 deletions
--- a/App.vue
+++ b/App.vue
@ -14,4 +14,12 @@

 <style>
 	/*每个页面公共css */
+	.fixed{
+		position:fixed;
+		top:0;
+		left:0;
+		width:100%;
+		height:100%;
+		overflow: auto;
+	}
 </style>
--- a/components/form.vue
+++ b/components/form.vue
@ -0,0 +1,180 @@
+<style lang="scss" scoped>
+	.form{
+		&>.u-form-item{
+			.u-input,.u-textarea{
+				background:#F7F7F7;
+				margin-top:7px;
+			}
+			.plant-youbian{
+				padding:6px 9px;
+				border-radius: 4px;
+				width:100%;
+				display:flex;
+				align-items: center;
+				flex-direction: row-reverse;
+				justify-content: space-between;
+				background:#F7F7F7;
+				margin-top:7px;
+				color:rgb(48,49,51);
+				&.noData{
+					color:rgb(192, 196, 204);
+				}
+				&:before{
+					transform: rotate(90deg);
+					color:rgb(48,49,51);
+				}
+			}
+			.upImg{
+				width:100%;
+				background:#F7F7F7;
+				border-radius: 4px;
+				padding:10px;
+				min-height:130px;
+				margin-top:7px;
+				display:flex;
+				flex-wrap: wrap;
+				&>.album{
+					background:#fff;
+					border-radius: 12px;
+					width:85px;
+					height:85px;
+					text{
+						color:#ccc;
+						font-size:11px;
+						display:flex;
+						justify-content: center;
+						height:100%;
+						align-items: center;
+						flex-direction: column;
+						&:before{
+							color:#777;
+							font-size:20px;
+							margin-bottom:3px;
+						}
+					}
+				}
+			}
+			.dateRange{
+				display:flex;
+				width:100%;
+				margin-top:7px;
+				align-items: center;
+				text{
+					width:50%;
+					background:#F7F7F7;
+					border-radius: 12px;
+					height:40px;
+					line-height: 40px;
+					padding:0 10px;
+					&.noData{
+						color:rgb(192, 196, 204);
+					}
+				}
+			}
+		}
+	}
+</style>
+<template>
+	<view class="form">
+		<u-form-item :label="label" :prop="field" :required="required">
+			<u-input v-if="type=='text'" :placeholder="placeholder||`请输入${label}`" :value="value" @input="input"/>
+			<view v-if="type=='select'" class="plant-youbian" :class="{noData:!/^\d+$/.test(value)}" @click="show=true">{{/^\d+$/.test(value)&&columns[0][value][keyName]||placeholder||`请选择${label}`}}</view>
+			<view v-if="type=='upImg'" class="upImg">
+				<view class="album" @click="selectImg">
+					<text class="plant-paizhao">添加照片</text>
+				</view>
+			</view>
+			<u-textarea v-if="type=='textarea'" :value="value" :placeholder="placeholder||`请输入${label}`" autoHeight/>
+			<view v-if="type=='dateRange'" class="dateRange">
+				<text style="margin-right:10px;" :class="{noData:!value[0]}" @click="dateType='start';show=true">{{value[0]||startPlaceholder||'开始时间'}}</text>
+				-
+				<text style="margin-left:10px;" :class="{noData:!value[1]}" @click="dateType='end';show=true">{{value[1]||endPlaceholder||'结束时间'}}</text>
+			</view>
+		</u-form-item>
+		<u-picker
+			v-if="type=='select'"
+			:columns="columns"
+			:show="show"
+			:keyName="keyName"
+			:defaultIndex="[value||0]"
+			closeOnClickOverlay
+			@close="show=false"
+			@cancel="show=false"
+			@confirm="$emit('select',$event.indexs[0]);show=false"/>
+		<u-datetime-picker
+			v-if="type=='dateRange'"
+			:show="show"
+			mode="date"
+			:value="date"
+			closeOnClickOverlay
+			@close="show=false"
+			@cancel="show=false"
+			@confirm="$emit('selectDate',{value:new Date($event.value).format('yyyy-MM-dd'),type:dateType});show=false"/>
+	</view>
+</template>
+
+<script>
+	export default{
+		name:"dForm",
+		props:{
+			label:{
+				type:String,
+				default:"",
+			},
+			field:{
+				type:String,
+				default:"",
+			},
+			required:{
+				type:Boolean,
+				default:false,
+			},
+			placeholder:{
+				type:String,
+				default:"",
+			},
+			keyName:{
+				type:String,
+				default:"label",
+			},
+			type:{
+				type:String,
+				default:"text"
+			},
+			columns:{
+				type:Array,
+				default:()=>[]
+			},
+			value:{
+				type:[String,Number,Array],
+				default:"",
+			},
+			startPlaceholder:"",
+			endPlaceholder:"",
+		},
+		data(){
+			return{
+				downValue:[],
+				show:false,
+				dateType:"start",
+			}
+		},
+		computed:{
+			date(){
+				if(this.dateType=='start')return this.value[0]||new Date().format('yyyy-MM-dd');
+				else return this.value[1]||new Date().format('yyyy-MM-dd');
+			}
+		},
+		methods:{
+			async selectImg(){
+				var res=await uni.chooseImage({
+					count:1,
+					sizeType:['compressed'],
+				})
+			},
+			input(e){
+				this.$emit("input",e)
+			}
+		},
+	}
+</script>
--- a/main.js
+++ b/main.js
@ -2,6 +2,7 @@ import Vue from 'vue'
 import App from './App'
 import store from './store'
 import uView from 'uview-ui';
+import {defineObj} from 'black-knight/lib/config/custom'

 Vue.use(uView)
 Vue.prototype.$store=store
--- a/node_modules/.package-lock.json
+++ b/node_modules/.package-lock.json
@ -4,6 +4,11 @@
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
+		"node_modules/black-knight": {
+			"version": "1.3.25",
+			"resolved": "https://registry.npmjs.org/black-knight/-/black-knight-1.3.25.tgz",
+			"integrity": "sha512-cIUMwiGO4Gsn9cD/lXy5RHlxAxR9aLZp2S5RyD76sGLFGNqWsc5rSFutpTJolwC/mvO9EOfMETo/6iVPetUdxQ=="
+		},
 		"node_modules/callsites": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
--- a/node_modules/uview-ui/components/u-navbar/u-navbar.vue
+++ b/node_modules/uview-ui/components/u-navbar/u-navbar.vue
@ -5,8 +5,7 @@
 			v-if="fixed && placeholder"
 			:style="{
 				height: $u.addUnit($u.getPx(height) + $u.sys().statusBarHeight,'px'),
-			}"
-		></view>
+			}" ></view>
 		<view :class="[fixed && 'u-navbar--fixed']">
 			<u-status-bar
 				v-if="safeAreaInsetTop"
@ -24,8 +23,7 @@
 					class="u-navbar__content__left"
 					hover-class="u-navbar__content__left--hover"
 					hover-start-time="150"
-					@tap="leftClick"
-				>
+					@tap="leftClick" >
 					<slot name="left">
 						<u-icon
 							v-if="leftIcon"
@ -53,8 +51,7 @@
 				<view
 					class="u-navbar__content__right"
 					v-if="$slots.right || rightIcon || rightText"
-					@tap="rightClick"
-				>
+					@tap="rightClick" >
 					<slot name="right">
 						<u-icon
 							v-if="rightIcon"
--- a/package-lock.json
+++ b/package-lock.json
@ -8,10 +8,16 @@
 			"name": "plant_manage_mobile",
 			"version": "1.0.0",
 			"dependencies": {
+				"black-knight": "^1.3.25",
 				"uni-pages-hot-modules": "^0.1.1",
-				"uview-ui": "^2.0.33"
+				"uview-ui": "^2.0.35"
 			}
 		},
+		"node_modules/black-knight": {
+			"version": "1.3.25",
+			"resolved": "https://registry.npmjs.org/black-knight/-/black-knight-1.3.25.tgz",
+			"integrity": "sha512-cIUMwiGO4Gsn9cD/lXy5RHlxAxR9aLZp2S5RyD76sGLFGNqWsc5rSFutpTJolwC/mvO9EOfMETo/6iVPetUdxQ=="
+		},
 		"node_modules/callsites": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@ -38,6 +44,11 @@
 		}
 	},
 	"dependencies": {
+		"black-knight": {
+			"version": "1.3.25",
+			"resolved": "https://registry.npmjs.org/black-knight/-/black-knight-1.3.25.tgz",
+			"integrity": "sha512-cIUMwiGO4Gsn9cD/lXy5RHlxAxR9aLZp2S5RyD76sGLFGNqWsc5rSFutpTJolwC/mvO9EOfMETo/6iVPetUdxQ=="
+		},
 		"callsites": {
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
--- a/package.json
+++ b/package.json
@ -3,7 +3,8 @@
 	"version": "1.0.0",
 	"main": "main.js",
 	"dependencies": {
+		"black-knight": "^1.3.25",
 		"uni-pages-hot-modules": "^0.1.1",
-		"uview-ui": "^2.0.33"
+		"uview-ui": "^2.0.35"
 	}
 }
--- a/pages.js
+++ b/pages.js
@ -5,14 +5,76 @@ module.exports = hot((pagesJson)=>{
 		...pagesJson,
 		pages:[
 			{
-				"path":"pages/index/index",
+				"path":"pages/index",
 				"style":{
 					"navigationBarTitleText":"种植管理",
+					"app-plus":{
+						"titleNView":false
+					}
+				}
+			},
+			{
+				"path":"pages/warehouseMana",
+				"style":{
+					"navigationBarTitleText":"仓库管理",
+					"app-plus":{
+						"titleNView":false
+					}
+				}
+			},
+			{
+				"path":"pages/warehouseInfo",
+				"style":{
+					"navigationBarTitleText":"仓库基本信息",
+					"navigationBarBackgroundColor":"#10C176",
+					"navigationBarTextStyle":"white",
+					"app-plus":{
+						"titleNView":true
+					}
+				}
+			},
+			{
+				"path":"pages/warehouseDetail",
+				"style":{
+					"navigationBarTitleText":"仓库详情",
+					"navigationBarBackgroundColor":"#10C176",
+					"navigationBarTextStyle":"white",
 					"app-plus":{
 						"titleNView":true
 					}
 				}
+			},
+			{
+				"path":"pages/massifMana",
+				"style":{
+					"navigationBarTitleText":"地块管理",
+					"app-plus":{
+						"titleNView":false
+					}
+				}
+			},
+			{
+				"path":"pages/massifDetail",
+				"style":{
+					"navigationBarTitleText":"地块详情",
+					"navigationBarBackgroundColor":"#10C176",
+					"navigationBarTextStyle":"white",
+					"app-plus":{
+						"titleNView":true
+					}
+				}
+			},
+			{
+				"path":"pages/massifInfo",
+				"style":{
+					"navigationBarTitleText":"地块基本信息",
+					"navigationBarBackgroundColor":"#10C176",
+					"navigationBarTextStyle":"white",
+					"app-plus":{
+						"titleNView":true
+					}
 				}
+			},
 		]
 	}
 })
--- a/pages.json
+++ b/pages.json
@ -8,5 +8,15 @@
 		"navigationBarBackgroundColor": "#F8F8F8",
 		"backgroundColor": "#F8F8F8"
 	},
-	"uniIdRouter": {}
+	"uniIdRouter": {},
+	"condition" : { //模式配置，仅开发期间生效
+		"current": 0, //当前激活的模式(list 的索引项)
+		"list": [
+			{
+				"name": "首页", //模式名称
+				"path": "pages/index", //启动页面，必选
+				"query": "" //启动参数，在页面的onLoad函数里面得到
+			}
+		]
+	}
 }
--- a/pages/index.vue
+++ b/pages/index.vue
@ -0,0 +1,332 @@
+<style lang="scss" scoped>
+	.content {
+		background:#F6F6F6;
+		&>.head{
+			width:100%;
+			height:145px;
+			margin-bottom:-40px;
+		}
+		.card{
+			&.area{
+				background:linear-gradient(#fff,#F1FBF6);
+				display: flex;
+				position:relative;
+				z-index: 10;
+				flex-wrap: wrap;
+				padding:10px;
+				&>view{
+					padding:7px;
+					width:50%;
+					display: flex;
+					justify-content: space-between;
+					position: relative;
+					padding-top:30px;
+					color:#10C176;
+					font-size:20px;
+					&:before{
+						content:attr(data-title);
+						position:absolute;
+						top:7px;
+						color:#707070;
+						font-size:14px;
+					}
+					text.value{
+						font-weight: bold;
+						text-align: center;
+						min-width: 80px;
+					}
+					text[class*=plant-]{
+						font-size:30px;
+					}
+					&:first-child{
+						border-right:1px solid #D8D8D8;
+						border-bottom:1px solid #D8D8D8;
+						width:calc(50% - 1px);
+					}
+					&:nth-child(2){
+						border-bottom:1px solid #D8D8D8;
+					}
+					&:nth-child(3){
+						border-right:1px solid #D8D8D8;
+						width:calc(50% - 1px);
+					}
+				}
+			}
+			&.mana{
+				width:calc(50% - 23px);
+				flex-shrink: 0;
+				margin-top:0;
+				.title{
+					color:#333;
+					font-size:16px;
+					display:flex;
+					align-items: center;
+					padding-bottom:12px;
+					border-bottom:1px solid #D8D8D8;
+					[class*=plant-]{
+						color:#10C176;
+					}
+					.more{
+						color:#10C176;
+						font-size:12px;
+						margin-left:auto;
+					}
+				}
+				.item{
+					display:flex;
+					align-items: center;
+					margin-top:12px;
+					color:#707070;
+					font-size:12px;
+					&:before{
+						content:" ";
+						width:10px;
+						height:10px;
+						border-radius: 50%;
+						background-image:radial-gradient(rgba(16, 193, 118, 1) 2px,rgba(16, 193, 118, 0.2) 2.5px);
+						margin-right:5px;
+					}
+					text{
+						&:nth-child(2){
+							margin-left:auto;
+							flex-shrink: 0;
+						}
+					}
+				}
+				&:first-child{
+					margin-right:calc(15px/2);
+				}
+				&:nth-child(2){
+					margin-left:calc(15px/2);
+				}
+			}
+			&.stock{
+				width:calc(50% - 23px);
+				margin-top:0;
+				background-color:var(--c);
+				background-image:url(data:image/png;base64,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);
+				background-size:100% 100%;
+				.title{
+					font-size:16px;
+					color:#fff;
+					display: flex;
+					align-items: center;
+					border-bottom:1px solid rgba(255,255,255,0.7);
+					padding-bottom:13px;
+					&:before{
+						content:" ";
+						width:6px;
+						height:15px;
+						border-radius: 10px;
+						background:#fff;
+						margin-right:7px;
+					}
+				}
+				.item{
+					color:#fff;
+					font-size:14px;
+					margin-top:10px;
+					display: flex;
+					align-items: center;
+					&:before{
+						content:" ";
+						margin-right:10px;
+						width:17px;
+						height:17px;
+						background-size:100% 100%;
+					}
+					&.meansAgrProd:before{
+						background-image: url("data:image/svg+xml,%3Csvg t='1672908080899' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1328' xmlns:xlink='http://www.w3.org/1999/xlink' width='300' height='300'%3E%3Cpath d='M948.554539 168.007631a32.559618 32.559618 0 0 0 3.255962-14.163434V32.559618a32.559618 32.559618 0 0 0-31.745628-32.559618H104.609229a32.559618 32.559618 0 0 0-32.559619 32.559618v121.284579a32.559618 32.559618 0 0 0 3.41876 14.163434l54.862957 112.65628v462.346582L75.305572 855.666773a32.559618 32.559618 0 0 0-3.255962 14.163434v121.610175a32.559618 32.559618 0 0 0 32.559619 32.559618h815.455644a32.559618 32.559618 0 0 0 31.745628-32.559618v-121.610175a32.559618 32.559618 0 0 0-3.255962-14.163434l-55.025755-112.65628v-462.346582z m-60.235294 734.382194v56.816534H135.540866v-56.816534z m-54.862957-643.703656a33.536407 33.536407 0 0 0-3.255962 14.326232v477.649602a34.187599 34.187599 0 0 0 3.255962 14.48903L869.760262 837.758983H155.076637L190.566622 765.151033a33.536407 33.536407 0 0 0 3.255961-14.326232V273.012401a33.536407 33.536407 0 0 0-3.255961-14.326232L155.076637 186.078219H869.760262zM135.540866 121.447377V65.119237h752.778379v56.32814z' fill='%23fff' p-id='1329'%3E%3C/path%3E%3Cpath d='M511.604459 240.778378a268.291256 268.291256 0 0 0-264.546899 271.058824 276.756757 276.756757 0 0 0 32.559618 130.238474 32.559618 32.559618 0 0 0 2.279173 4.069952 261.779332 261.779332 0 0 0 461.044197 0 35.489984 35.489984 0 0 0 2.279174-4.069952 276.756757 276.756757 0 0 0 32.559618-130.238474A268.454054 268.454054 0 0 0 511.604459 240.778378z m-116.237837 333.247695a54.048967 54.048967 0 0 1 20.675357 4.232751 31.094436 31.094436 0 0 0 26.047695-1.139587 32.559618 32.559618 0 0 0 16.279809-20.349762 55.025755 55.025755 0 0 1 106.958347 0 32.559618 32.559618 0 0 0 16.279809 20.675358 30.931638 30.931638 0 0 0 26.047695 0.976789 54.862957 54.862957 0 0 1 75.375516 42.164706 198.776471 198.776471 0 0 1-342.852782 0 56.002544 56.002544 0 0 1 55.188554-46.560255zM511.604459 449.811129a118.354213 118.354213 0 0 0-102.562798 60.56089c-4.883943 0-9.930684 0-14.326232-0.976788a117.540223 117.540223 0 0 0-82.213036 33.862003 202.032432 202.032432 0 1 1 400.971701-31.420032 226.614944 226.614944 0 0 1-2.279174 31.420032 117.865819 117.865819 0 0 0-81.399046-33.862003 104.190779 104.190779 0 0 0-14.326232 0.976788A118.679809 118.679809 0 0 0 511.604459 449.811129z' fill='%23fff' p-id='1330'%3E%3C/path%3E%3C/svg%3E");
+					}
+					&.agrProd:before{
+						background-image: url("data:image/svg+xml,%3Csvg width='943.000000' height='770.000000' viewBox='0 0 943 770' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpath d='M943 440.11L943 618.76C943 629.111 940.294 638.695 934.689 647.513C929.277 656.331 921.739 663.04 912.076 667.64L718.025 764.058C710.874 768.083 702.563 770 693.286 770C684.008 770 675.891 768.083 668.546 764.058L474.496 667.832C473.336 667.257 472.37 666.682 471.403 666.107C470.823 666.682 469.857 667.257 468.311 667.832L274.454 764.058C267.303 768.083 258.992 770 249.714 770C240.437 770 232.319 768.083 224.975 764.058L30.9243 667.832C21.4538 663.231 13.916 656.522 8.31091 647.705C2.89917 638.887 0 629.303 0 618.952L0 440.11C0 429.184 3.09247 419.216 9.27734 410.015C15.4622 400.814 23.5798 393.913 33.8235 389.313L221.882 309.38L221.882 137.438C221.882 126.512 224.975 116.545 231.16 107.344C237.345 98.1429 245.462 91.2422 255.706 86.6418L449.756 4.21707C456.328 1.3418 463.672 0 471.403 0C479.134 0 486.479 1.3418 493.05 4.21707L687.101 86.6418C697.151 91.2422 705.269 98.1429 711.647 107.344C717.832 116.545 720.924 126.512 720.924 137.438L720.924 309.38L908.983 389.313C919.42 393.913 927.538 400.814 933.722 410.015C939.907 419.216 943 429.183 943 440.11ZM249.908 506.241L424.824 431.867L249.908 357.685L74.7983 432.059L249.908 506.241ZM277.546 701.377L443.958 618.952L443.958 484.006L277.546 554.546L277.546 701.377ZM471.597 217.563L662.555 136.288L471.597 55.0136L280.639 136.288L471.597 217.563ZM499.428 380.304L665.84 309.38L665.84 195.136L499.429 265.676L499.428 380.304ZM693.479 506.241L868.395 431.867L693.479 357.685L518.37 431.867L693.479 506.241ZM721.118 701.377L887.529 618.952L887.529 484.006L721.118 554.546L721.118 701.377Z' fill-rule='nonzero' fill='%23FFFFFF'/%3E %3C/svg%3E");
+					}
+					&.warehousing:before{
+						background-image: url("data:image/svg+xml,%3Csvg width='1024.000000' height='1024.000000' viewBox='0 0 1024 1024' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpath d='M730.904 741.89L897.568 741.89C920.443 741.89 939 759.806 939 781.892L939 862.797C939 884.882 920.443 902.798 897.568 902.798L730.904 902.798L730.904 950.688C730.904 984.154 690.873 1002.86 663.679 982.126L493.981 852.43C472.857 836.317 472.973 805.442 494.215 789.441L663.912 661.548C691.106 641.04 730.904 659.745 730.904 693.099L730.904 741.89Z' fill-rule='nonzero' fill='%23FFFFFF'/%3E %3Cpath d='M510 29L26 404.003L26 963.69L526.223 963.69L450.944 906.11C424.451 885.827 409.279 855.516 409.395 822.838C409.512 790.161 424.918 759.962 451.528 739.905L621.226 612.012C640.716 597.251 663.942 589.588 688.451 589.588C742.955 589.588 788.239 628.125 796.642 678.381L966.806 678.381C976.26 678.381 985.247 679.959 994 682.1L994 404.003L510 29ZM310.191 881.545L120.769 881.545L120.769 698.551L310.308 698.551L310.191 881.545ZM310.191 611.449L120.769 611.449L120.769 428.454L310.308 428.454L310.191 611.449Z' fill-rule='evenodd' fill='%23FFFFFF'/%3E %3C/svg%3E ");
+					}
+					&.lssue:before{
+						background-image: url("data:image/svg+xml,%3Csvg width='1024.000000' height='1024.000000' viewBox='0 0 1024 1024' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpath d='M293.096 741.89L126.432 741.89C103.557 741.89 85.0001 759.806 85.0001 781.892L85.0001 862.797C85.0001 884.882 103.557 902.798 126.432 902.798L293.096 902.798L293.096 950.688C293.096 984.154 333.127 1002.86 360.321 982.126L530.019 852.43C551.143 836.317 551.027 805.442 529.785 789.441L360.088 661.548C332.894 641.04 293.096 659.745 293.096 693.099L293.096 741.89Z' fill-rule='nonzero' fill='%23FFFFFF'/%3E %3Cpath d='M514 29L998 404.003L998 963.69L497.777 963.69L573.056 906.11C599.549 885.827 614.721 855.516 614.605 822.838C614.488 790.161 599.082 759.962 572.472 739.905L402.774 612.012C383.284 597.251 360.058 589.588 335.549 589.588C281.045 589.588 235.761 628.125 227.358 678.381L57.1937 678.381C47.7401 678.381 38.7533 679.959 30 682.1L30 404.003L514 29ZM713.809 881.545L903.231 881.545L903.231 698.551L713.692 698.551L713.809 881.545ZM713.809 611.449L903.231 611.449L903.231 428.454L713.692 428.454L713.809 611.449Z' fill-rule='evenodd' fill='%23FFFFFF'/%3E %3C/svg%3E");
+					}
+				}
+			}
+			&.base{
+				margin-top:0;
+				background:linear-gradient(#fff,#F1FBF6);
+				.title{
+					display:flex;
+					align-items: center;
+					&:before{
+						content:" ";
+						width:6px;
+						height:15px;
+						border-radius: 10px;
+						background:#10C176;
+						margin-right:7px;
+					}
+					.plant-xinjian{
+						margin-left:auto;
+						color:#10C176;
+						font-size:14px;
+						&:before{
+							margin-right:4px;
+						}
+					}
+				}
+				.matter{
+					margin:10px 0;
+					padding-bottom:10px;
+					border-bottom:1px solid #D8D8D8;
+					text{
+						display: inline-flex;
+						align-items: center;
+						&:before{
+							color:rgba(var(--c),1);
+							margin-right:6px;
+							text-shadow: 3px -3px rgba(var(--c),0.3);
+						}
+					}
+				}
+				.item{
+					display:flex;
+					align-items: center;
+					margin-top:20px;
+					&:first-child{
+						--c:16, 193, 118;
+					}
+					&:not(:first-child){
+						--c:6, 184, 249;
+					}
+					&:before{
+						content:" ";
+						width:10px;
+						height:10px;
+						margin-right:8px;
+						border-radius: 50%;
+						background-image:radial-gradient(rgba(var(--c),1) 2px, rgba(var(--c),0.3) 2.5px)
+					}
+					text{
+						&:first-child{
+							color:#333333;
+							font-size:14px;
+						}
+						&:nth-child(2){
+							color:#999999;
+							font-size:12px;
+							margin-left:auto;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
+<template>
+	<view class="content fixed">
+		<image class="head" src="@/static/banner.png">
+		<view class="card area">
+			<view data-title="地块个数(个)">
+				<text class="value">326</text>
+				<text class="plant-24gf-chartBarUpward"/>
+			</view>
+			<view data-title="地块总面积(亩)">
+				<text class="value">566.23</text>
+				<text class="plant-mianji"/>
+			</view>
+			<view data-title="当前种植面积(亩)">
+				<text class="value">422.25</text>
+				<text class="plant-chayuanmianji"/>
+			</view>
+			<view data-title="当前种植品种(种)">
+				<text class="value">12</text>
+				<text class="plant-zhongzhipinzhong"/>
+			</view>
+		</view>
+		<view style="display:flex;">
+			<view class="card mana">
+				<view class="title">
+					<text class="plant-dikuaimianji"/> 地块管理 <text class="more">更多>></text>
+				</view>
+				<view class="item">
+					<text class="over">西南角一号地块</text> <text>35亩</text>
+				</view>
+				<view class="item">
+					<text class="over">西南角一号地块</text> <text>35亩</text>
+				</view>
+				<view class="item">
+					<text class="over">西南角一号地块</text> <text>35亩</text>
+				</view>
+			</view>
+			<view class="card mana">
+				<view class="title">
+					<text class="plant-cangkuguanliguanli"/> 仓库管理 <text class="more">更多>></text>
+				</view>
+				<view class="item">
+					<text class="over">东方红一号仓库</text> <text>23㎡</text>
+				</view>
+				<view class="item">
+					<text class="over">东方红一号仓库</text> <text>23㎡</text>
+				</view>
+				<view class="item">
+					<text class="over">东方红一号仓库</text> <text>23㎡</text>
+				</view>
+			</view>
+		</view>
+		<view style="display:flex;">
+			<view class="card stock" style="margin-right:0px;--c:#10C176;">
+				<view class="title">库存管理</view>
+				
+				<view class="item meansAgrProd">农资库存</view>
+				<view class="item agrProd">农产品库存</view>
+			</view>
+			<view class="card stock" style="--c:#06b8f9;">
+				<view class="title">采购申请</view>
+				
+				<view class="item warehousing">入库管理</view>
+				<view class="item lssue">出库管理</view>
+			</view>
+		</view>
+		<view class="card base">
+			<view class="title">
+				基地管理 <text class="plant-xinjian">新建</text>
+			</view>
+			<view class="matter">
+				<text class="plant-jilu" style="--c:16, 193, 118;margin-right:40px;">农事记录</text>
+				<text class="plant-tourupin" style="--c:6, 184, 249;">投入品</text>
+			</view>
+			
+			<view class="item">
+				<text>农事</text> <text>[示例]今日完成了草莓园浇水任务。</text>
+			</view>
+			<view class="item">
+				<text>投入品</text> <text>[示例]今日完成了草莓园浇水任务。</text>
+			</view>
+			<view class="item">
+				<text>投入品</text> <text>[示例]今日完成了草莓园浇水任务。</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import request from '@/common/request.js'
+	export default {
+		data() {
+			return {
+				title: 'Hello'
+			}
+		},
+		onLoad() {
+			
+		},
+		onShow(){
+			this.$nextTick(()=>{
+				this.$u.getRect(".title").then(res=>{
+					console.log(res,'---------res---------')
+				})
+			})
+		},
+		methods: {
+
+		}
+	}
+</script>
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@ -1,51 +0,0 @@
-<style lang="scss">
-	.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: red;
-			}
-		}
-	}
-</style>
-<template>
-	<view class="content">
-		<image class="logo" src="/static/logo.png"></image>
-		<view class="text-area">
-			<text class="title">{{title}}</text>
-		</view>
-		<u-icon name="photo" color="#2979ff" size="28"></u-icon>
-		<u-button type="primary">主要按钮</u-button>
-	</view>
-</template>
-
-<script>
-import request from '@/common/request.js'
-	export default {
-		data() {
-			return {
-				title: 'Hello'
-			}
-		},
-		onLoad() {
-			
-		},
-		methods: {
-
-		}
-	}
-</script>
--- a/pages/massifDetail.vue
+++ b/pages/massifDetail.vue
@ -0,0 +1,107 @@
+<style lang="scss" scoped>
+	uni-page-body{
+		min-height:100%;
+		background:#F6F6F6;
+	}
+	.content{
+		padding:15px;
+		.card{
+			margin:0;
+			.title{
+				color:#333;
+				font-size:14px;
+				margin-bottom:10px;
+			}
+			.item{
+				border-top:1px solid rgba(216,216,216,0.4);
+				height:40px;
+				display:flex;
+				align-items: center;
+				justify-content: space-between;
+				color:#777;
+				font-size:14px;
+				text{
+					&:first-child{
+						flex-shrink: 0;
+					}
+				}
+				&.inline{
+					flex-direction: column;
+					align-items: flex-start;
+					height:auto;
+					padding-bottom:10px;
+					text:first-child{
+						margin:10px 0;
+					}
+				}
+				.imgs{
+					margin:0 -10px -10px 0;
+					width:100%;
+					display:flex;
+					flex-wrap: wrap;
+					image{
+						height:80px;
+						margin:0 10px 10px 0;
+						width:calc((100% - 20px)/3);
+						border-radius: 4px;
+						&:nth-child(3n){
+							margin-right:0;
+						}
+					}
+				}
+				.detail{
+					background:#F7F7F7;
+					border-radius: 12px;
+					padding:15px;
+					color:#999;
+					font-size:14px;
+				}
+			}
+		}
+	}
+</style>
+<template>
+	<view class="content">
+		<view class="card">
+			<view class="title">基本信息</view>
+			
+			<view class="item">
+				<text>基地名称</text> <text>A122323</text>
+			</view>
+			<view class="item">
+				<text>地块编号</text> <text>东方红壹号基地</text>
+			</view>
+			<view class="item">
+				<text>地块面积</text> <text>45亩</text>
+			</view>
+			<view class="item">
+				<text>实际面积</text> <text>44亩</text>
+			</view>
+			<view class="item inline">
+				<text>地块图片</text>
+				<view class="imgs">
+					<image src="https://tse2-mm.cn.bing.net/th/id/OIP-C.0lguFbeN1p3XPMcmThvShwHaEO?w=281&h=180&c=7&r=0&o=5&pid=1.7"/>
+					<image src="https://tse2-mm.cn.bing.net/th/id/OIP-C.0lguFbeN1p3XPMcmThvShwHaEO?w=281&h=180&c=7&r=0&o=5&pid=1.7"/>
+					<image src="https://tse2-mm.cn.bing.net/th/id/OIP-C.0lguFbeN1p3XPMcmThvShwHaEO?w=281&h=180&c=7&r=0&o=5&pid=1.7"/>
+				</view>
+			</view>
+			<view class="item">
+				<text>使用日期</text> <text>2021-10-15 至 2026-12-23</text>
+			</view>
+			<view class="item">
+				<text>经纬度</text> <text>东经97°31′,北纬21°8′</text>
+			</view>
+			<view class="item inline">
+				<text>详细地址</text>
+				<view class="detail">
+					这里是地址信息这里是地址信息这里是地址信息这里是地址信息
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	export default{
+		
+	}
+</script>
--- a/pages/massifInfo.vue
+++ b/pages/massifInfo.vue
@ -0,0 +1,56 @@
+<style lang="scss" scoped>
+	uni-page-body{
+		min-height:100%;
+		background:#F6F6F6;
+	}
+</style>
+<template>
+	<view class="content">
+		<u-form class="card inline" :model="formData" ref="form" :rules="rules" labelWidth="auto">
+			<d-form
+				v-for="(v,k) in fields"
+				:key="k"
+				v-bind="v"
+				:required="!!rules[k]"
+				:field="k"
+				@selectDate="selectDate"/>
+		</u-form>
+	</view>
+</template>
+<script>
+import dForm from '@/components/form.vue'
+	export default{
+		components:{dForm},
+		data(){
+			return{
+				fields:{
+					name:{label:"基地名称"},
+					code:{label:"地块编号"},
+					massifName:{label:"地块名称"},
+					area:{label:"地块面积(亩)"},
+					sjArea:{label:"实际面积"},
+					imgs:{label:"地块图片",type:"upImg"},
+					date:{label:"使用日期",type:"dateRange",value:[]},
+					jw:{label:"经/纬度"},
+					adder:{label:"详细地址",type:"textarea"},
+				},
+				formData:{
+					name:"",
+					date:[],
+				},
+				rules:{
+					date:{required:true, message:"日期必填！", trigger:"blue"}
+				},
+			}
+		},
+		methods:{
+			selectDate(e){
+				console.log(e,'-----e---------')
+				switch(e.type){
+					case "start":this.fields.date.value[0]=e.value;break;
+					case 'end':this.fields.date.value[1]=e.value;break;
+				}
+			}
+		},
+	}
+</script>
--- a/pages/massifMana.vue
+++ b/pages/massifMana.vue
@ -0,0 +1,132 @@
+<style lang="scss" scoped>
+	uni-page-body{
+		background:#F6F6F6;
+		min-height:100%;
+	}
+	.content{
+		.u-navbar{
+			height:44px;
+			margin-bottom:14px;
+		}
+		
+		&>.search{
+			display:flex;
+			align-items: center;
+			background:#fff;
+			margin:0 15px;
+			border-radius: 20px;
+			padding:3px;
+			height:30px;
+			.u-icon{
+				margin:0 7px;
+				flex-shrink: 0;
+			}
+			input{
+				flex-grow: 1;
+			}
+			.u-button{
+				flex-shrink: 0;
+				width:max-content;
+			}
+		}
+		&>.item{
+			display:flex;
+			&>image{
+				flex-shrink: 0;
+				width:110px;
+				height:110px;
+				border-radius: 8px;
+				margin-right:12px;
+			}
+			&>.info{
+				flex-grow: 1;
+				.title{
+					display:flex;
+					align-items: center;
+					font-weight: bold;
+					text{
+						margin-left:auto;
+						color:#333;
+					}
+				}
+				.code,.area{
+					color:#999;
+					font-size:12px;
+					margin-top:7px;
+				}
+				.data{
+					margin-top:8px;
+					display:flex;
+					align-items: center;
+					text{
+						&:first-child{
+							color:#10C176;
+							font-size:16px;
+							font-weight: bold;
+							&:after{
+								content:"亩";
+							}
+						}
+						&:nth-child(2){
+							color:#F8CB36;
+							font-size:12px;
+							margin-left:8px;
+						}
+					}
+				}
+				.btns{
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					border-top:1px solid #D8D8D8;
+					padding-top:8px;
+					margin-top:10px;
+					text{
+						color:#999;
+						font-size:12px;
+						&:before{
+							color:#10C176;
+							margin-right:4px;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
+<template>
+	<view class="content">
+		<u-navbar @rightClick="rightClick" leftIconColor="#fff" :autoBack="true" bgColor="#10C176">
+			<view slot="center" style="color:#fff;">仓库管理</view>
+			<view slot="right"> <text class="plant-xinjian" style="color:#fff;"/> </view>
+		</u-navbar>
+		
+		<view class="search">
+			<u-icon name="search" color="#999999" size="20"/>
+			<input placeholder="请输入搜索内容"/>
+			<u-button type="primary" shape="circle" color="#10C176" text="搜索" size="mini"></u-button>
+		</view>
+		
+		<view class="card item">
+			<image src="https://ts1.cn.mm.bing.net/th?id=OIP-C.wc_dCG_KbIKZwMdtD3gL2QHaEt&w=313&h=199&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"/>
+			<view class="info">
+				<view class="title">西南角1号仓库 <text class="plant-youbian"/></view>
+				<view class="code">编号：A000001</view>
+				<view class="area">地块面积：652亩</view>
+				<view class="data">
+					<text>453</text> <text>(在用面积)</text>
+				</view>
+				<view class="btns">
+					<text class="plant-xiugai">修改</text>
+					<text class="plant-shanchu">删除</text>
+					<text class="plant-xinzeng">地块管理</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	export default{
+		
+	}
+</script>
--- a/pages/warehouseDetail.vue
+++ b/pages/warehouseDetail.vue
@ -0,0 +1,62 @@
+<style lang="scss" scoped>
+	uni-page-body{
+		min-height:100%;
+		background:#F6F6F6;
+	}
+	.content{
+		padding:15px;
+		.card{
+			margin:0;
+			.title{
+				color:#333;
+				font-size:14px;
+				margin-bottom:10px;
+			}
+			.item{
+				border-top:1px solid rgba(216,216,216,0.4);
+				height:40px;
+				display:flex;
+				align-items: center;
+				justify-content: space-between;
+				color:#777;
+				font-size:14px;
+				text{
+					&:first-child{
+						flex-shrink: 0;
+					}
+				}
+			}
+		}
+	}
+</style>
+<template>
+	<view class="content">
+		<view class="card">
+			<view class="title">基本信息</view>
+			
+			<view class="item">
+				<text>仓库名称</text> <text>东方红一号仓库</text>
+			</view>
+			<view class="item">
+				<text>仓库位置</text> <text>东方红一号基地进门右边冷库</text>
+			</view>
+			<view class="item">
+				<text>仓库容量</text> <text>12</text>
+			</view>
+			<view class="item">
+				<text>仓库类型</text> <text>冷库</text>
+			</view>
+			<view class="item">
+				<text>仓库管理员</text> <text>张小红</text>
+			</view>
+			<view class="item">
+				<text>库管员电话</text> <text>12323443434</text>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	export default{
+		
+	}
+</script>
--- a/pages/warehouseInfo.vue
+++ b/pages/warehouseInfo.vue
@ -0,0 +1,50 @@
+<style lang="scss" scoped>
+	uni-page-body{
+		min-height:100%;
+		background:#F6F6F6;
+		padding:14px 0;
+	}
+	.content{
+		&>.u-button{
+			margin:38px auto 0;
+			width:80%;
+		}
+	}
+</style>
+<template>
+	<view class="content">
+		<u-form class="card inline" :model="formData" ref="form" :rules="rules" labelWidth="auto">
+			<d-form v-for="(v,k) in fields" :key="k" v-bind="v" :required="!!rules[k]" :field="k" @input="formData[k]=$event" @select="fields[k].value=$event"/>
+		</u-form>
+		<u-button shape="circle" color="#10C176">确认提交</u-button>
+	</view>
+</template>
+<script>
+import dForm from '@/components/form.vue'
+	export default{
+		components:{dForm},
+		data(){
+			return{
+				fields:{
+					name:{label:"仓库名称"},
+					adder:{label:"仓库位置"},
+					size:{label:"仓库容量(㎡)",placeholder:"请输入仓库容量"},
+					type:{label:"仓库类型",type:"select",columns:[[{label:"标签1",id:1},{label:"标签2",id:2}]],keyName:"label",value:null},
+					manager:{label:"基地管理员"},
+					tel:{label:"管理员联系方式"},
+					imgs:{label:"仓库图片",type:"upImg"},
+				},
+				formData:{
+					name:"",
+				},
+				rules:{
+					name:{required:true, message:"仓库名称必填！", trigger:["blur","change"]},
+					adder:{required:true, message:"仓库位置必填！", trigger:["blur","change"]},
+				},
+			}
+		},
+		methods:{
+			
+		},
+	}
+</script>
--- a/pages/warehouseMana.vue
+++ b/pages/warehouseMana.vue
@ -0,0 +1,121 @@
+<style lang="scss" scoped>
+	.content{
+		background:#F6F6F6;
+		.u-navbar{
+			height:44px;
+			margin-bottom:14px;
+		}
+		
+		&>.search{
+			display:flex;
+			align-items: center;
+			background:#fff;
+			margin:0 15px;
+			border-radius: 20px;
+			padding:3px;
+			height:30px;
+			.u-icon{
+				margin:0 7px;
+				flex-shrink: 0;
+			}
+			input{
+				flex-grow: 1;
+			}
+			.u-button{
+				flex-shrink: 0;
+				width:max-content;
+			}
+		}
+		&>.item{
+			display:flex;
+			&>image{
+				flex-shrink: 0;
+				width:82px;
+				height:82px;
+				border-radius: 8px;
+				margin-right:12px;
+			}
+			&>.info{
+				flex-grow: 1;
+				.title{
+					display:flex;
+					align-items: center;
+					font-weight: bold;
+					text{
+						margin-left:auto;
+						color:#333;
+					}
+				}
+				.adder{
+					color:#999;
+					font-size:12px;
+					margin-top: 8px;
+				}
+				.data{
+					display:flex;
+					justify-content: space-between;
+					align-items: center;
+					margin-top:8px;
+					color:#999;
+					font-size:12px;
+					text:nth-child(3){
+						color:#10C176;
+						font-weight: bold;
+						font-size: 16px;
+					}
+				}
+				.btns{
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					border-top:1px solid #D8D8D8;
+					padding-top:8px;
+					margin-top:10px;
+					text{
+						color:#999;
+						font-size:12px;
+						&:before{
+							color:#10C176;
+							margin-right:4px;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
+<template>
+	<view class="content fixed">
+		<u-navbar @rightClick="rightClick" leftIconColor="#fff" :autoBack="true" bgColor="#10C176">
+			<view slot="center" style="color:#fff;">仓库管理</view>
+			<view slot="right"> <text class="plant-xinjian" style="color:#fff;"/> </view>
+		</u-navbar>
+		
+		<view class="search">
+			<u-icon name="search" color="#999999" size="20"/>
+			<input placeholder="请输入搜索内容"/>
+			<u-button type="primary" shape="circle" color="#10C176" text="搜索" size="mini"></u-button>
+		</view>
+		
+		<view class="card item">
+			<image src="https://ts1.cn.mm.bing.net/th?id=OIP-C.wc_dCG_KbIKZwMdtD3gL2QHaEt&w=313&h=199&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2"/>
+			<view class="info">
+				<view class="title">西南角1号仓库 <text class="plant-youbian"/></view>
+				<view class="adder">种植基地进门右手边第3个</view>
+				<view class="data">
+					<text>库存种类：x种</text> <text>库存量：xkg</text> <text>453㎡</text>
+				</view>
+				<view class="btns">
+					<text class="plant-xiugai">修改</text>
+					<text class="plant-shanchu">删除</text>
+					<text class="plant-chakan">查看库存</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	export default {
+		
+	}
+</script>
--- a/static/banner.png
+++ b/static/banner.png
--- a/store/index.js
+++ b/store/index.js
@ -4,7 +4,9 @@ Vue.use(Vuex)

 export default new Vuex.Store({
 	state:{},
-	getters:{},
+	getters:{
+		
+	},
 	mutations:{
 		
 	},
--- a/uni.scss
+++ b/uni.scss
@ -75,4 +75,39 @@ $uni-font-size-subtitle:26px;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
 $uni-font-size-paragraph:15px;

-@import 'uview-ui/theme.scss'
+@import 'uview-ui/theme.scss';
+@import url('//at.alicdn.com/t/c/font_3852037_axalwpoybj5.css');
+[class*=plant-]{
+	font-family: "plantMana" !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.card{
+	background:#fff;
+	border-radius: 12px;
+	margin:15px;
+	padding:15px;
+	box-shadow: 0 3px 6px 1px rgba(0,0,0,0.1);
+}
+view{
+	box-sizing: border-box;
+}
+
+.over{
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.u-form.inline /deep/{
+	margin:0;
+	.u-form-item__body{
+		flex-direction: column!important;
+		.u-form-item__body__left__content__required{
+			top:0;
+		}
+	}
+}