详情页面拆分

YSGZYBZ_WXAPP/pages/receivedDetail2/common.scss

@@ -0,0 +1,41 @@
+.content {
+  width: 100%;
+  border-bottom: 1px solid #E8EBF0;
+  margin-top: 10px;
+
+  .item {
+	display: flex;
+	justify-content: space-between;
+	font-size: 14px;
+	align-items: center;
+	border-bottom: 0;
+
+	.title {
+	  width: 120px;
+	  border: 1px solid #E8EBF0;
+	  line-height: 36px;
+	  text-align: center;
+	  background-color: #F9F9F9;
+	  border-bottom: 0;
+	  border-right: 0;
+	  display: flex;
+	  align-items: center;
+	  justify-content: center;
+	  align-self: stretch;
+	}
+
+	.val {
+	  width: calc(100% - 135px);
+	  height: 100%;
+	  display: block;
+	  color: #585F70;
+	  text-align: left;
+	  line-height: 36px;
+	  padding-left: 15px;
+	  border: 1px solid #E8EBF0;
+	  border-bottom: 0;
+	  min-height: 36px;
+	}
+  }
+
+}

YSGZYBZ_WXAPP/pages/receivedDetail2/components/gyyd.vue

@@ -0,0 +1,221 @@
+<template>
+	<view class="content">
+		<view class="item">
+		  <text class="title">土地权利人</text>
+		  <text class="val">
+			{{ objs.tdqlr }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">面积</text>
+		  <text class="val">
+			{{ objs.sjydmj && (objs.sjydmj * 0.0015).toFixed(2) }} 亩
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">行政区划代码</text>
+		  <text class="val">
+			{{ objs.xzqdm }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">行政区划名称</text>
+		  <text class="val">
+			{{ objs.szx }}{{ objs.szxz && '-' + objs.szxz }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">用地批准时间</text>
+		  <text class="val">
+			{{ (objs.ydpzsj || '') | formatDate }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">土地坐落</text>
+		  <text class="val">
+			{{ objs.tdzl }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">出让合同号</text>
+		  <text class="val">
+			{{ objs.crhth }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">不动产权证号</text>
+		  <text class="val">
+			{{ objs.bdcqzh }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">电子监管号</text>
+		  <text class="val">
+			{{ objs.dzjgh }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">不动产单元代码</text>
+		  <text class="val">
+			{{ objs.bdcdydm }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">权属性质</text>
+		  <text class="val">
+			{{ objs.qsxz }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">固定资产投资强度</text>
+		  <text class="val">
+			{{ objs.ydgdzctzqd }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">约定开工时间</text>
+		  <text class="val">
+			{{ (objs.ydkgsj || '') | formatDate }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">约定竣工时间</text>
+		  <text class="val">
+			{{ (objs.ydjgsj || '') | formatDate }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">实际开工时间</text>
+		  <text class="val">
+			{{ (objs.sjkgsj || '') | formatDate }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">实际竣工时间</text>
+		  <text class="val">
+			{{ (objs.sjjgsj || '') | formatDate }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">规划容积率</text>
+		  <text class="val">
+			{{ objs.ghrjl }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">实际容积率</text>
+		  <text class="val">
+			{{ objs.sjrjl }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">规划建筑密度</text>
+		  <text class="val">
+			{{ objs.ghjzmd }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">实际建筑密度</text>
+		  <text class="val">
+			{{ objs.sjjzmd }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">实际建筑面积</text>
+		  <text class="val">
+			{{ objs.sjjzmj }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">建筑基地面积</text>
+		  <text class="val">
+			{{ objs.jzjdmj }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">2020年税收</text>
+		  <text class="val">
+			{{ objs.ss2020 }} 万元
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">2021年税收</text>
+		  <text class="val">
+			{{ objs.ss2021 }} 万元
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">2022年税收</text>
+		  <text class="val">
+			{{ objs.ss2022 }} 万元
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">2020年亩均税收</text>
+		  <text class="val">
+			{{ objs.mjss2020 }} 万元/亩
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">2021年亩均税收</text>
+		  <text class="val">
+			{{ objs.mjss2021 }} 万元/亩
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">2022年亩均税收</text>
+		  <text class="val">
+			{{ objs.mjss2022 }} 万元/亩
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">行业代码</text>
+		  <text class="val">
+			{{ objs.hydm }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">行业名称</text>
+		  <text class="val">
+			{{ objs.hylb || objs.hylbzl }}
+		  </text>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	props: {
+		objs: {
+			type: Object,
+			default(){
+				return {}
+			}
+		}
+	},
+    filters: {
+	    formatDate(dateStr){
+			if(!dateStr) return;
+			const date = new Date(dateStr);
+			const year = date.getFullYear();
+			const month = date.getMonth()+1;
+			const day = date.getDate();
+			const monthStr = month < 10 ? `0${month}` : month;
+			const dayStr = day < 10 ? `0${day}` : day;
+			return `${year}-${monthStr}-${dayStr}`;
+	    }
+    },
+	data() {
+		return {
+			
+		}
+	},
+	methods: {
+		
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../common.scss';
+</style>

YSGZYBZ_WXAPP/pages/receivedDetail2/components/lsyd.vue

@@ -0,0 +1,73 @@
+<template>
+	<view class="content">
+	  <view class="item">
+		<text class="title">项目名称</text>
+		<text class="val">{{ objs.xmmc || '' }}</text>
+	  </view>
+	  <view class="item">
+		<text class="title">审批面积(亩)</text>
+		<text class="val">{{ ((objs.spmj || 0) * 0.0015).toFixed(2)}}</text>
+	  </view>
+	  <view class="item">
+		<text class="title">建设单位</text>
+		<text class="val">{{ objs.jsdw || ''}}</text>
+	  </view>
+	  <view class="item">
+		<text class="title">建设地址</text>
+		<text class="val">{{ objs.jsdz || ''}}</text>
+	  </view>
+	  <view class="item">
+		<text class="title">联系人</text>
+		<text class="val">{{ objs.lxr || '' }}</text>
+	  </view>
+	  <view class="item">
+		<text class="title">联系方式</text>
+		<text class="val">{{ objs.lxfs || '' }}</text>
+	  </view>
+	  <view class="item">
+		<text class="title">发证时间</text>
+		<text class="val">{{ (objs.fzsj || '') | formatDate }}</text>
+	  </view>
+	  <view class="item">
+		<text class="title">到期时间</text>
+		<text class="val">{{ (objs.dqsj || '') | formatDate }}</text>
+	  </view>
+	</view>
+</template>
+
+<script>
+export default {
+	props: {
+		objs: {
+			type: Object,
+			default(){
+				return {}
+			}
+		}
+	},
+    filters: {
+	    formatDate(dateStr){
+			if(!dateStr) return;
+			const date = new Date(dateStr);
+			const year = date.getFullYear();
+			const month = date.getMonth()+1;
+			const day = date.getDate();
+			const monthStr = month < 10 ? `0${month}` : month;
+			const dayStr = day < 10 ? `0${day}` : day;
+			return `${year}-${monthStr}-${dayStr}`;
+	    }
+    },
+	data() {
+		return {
+			
+		}
+	},
+	methods: {
+		
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../common.scss';
+</style>

YSGZYBZ_WXAPP/pages/receivedDetail2/components/sfyd.vue

@@ -0,0 +1,101 @@
+<template>
+	<view class="content">
+		<view class="item">
+		  <text class="title">项目名称</text>
+		  <text class="val">
+			{{ objs['项目名称'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">土地编号</text>
+		  <text class="val">
+			{{ objs['新增调查地'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">用地面积</text>
+		  <text class="val">
+			{{ objs['总用地面积'] && (objs['总用地面积'] * 0.0015).toFixed(2) }} 亩
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">行政区划</text>
+		  <text class="val">
+			{{ objs['所在区'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">建设单位</text>
+		  <text class="val">
+			{{ objs['建设单位'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">用途</text>
+		  <text class="val">
+			{{ objs['用途'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">实际用途</text>
+		  <text class="val">
+			{{ objs['实际用途'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">容积率</text>
+		  <text class="val">
+			{{ objs['容积率'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">不动产单元号</text>
+		  <text class="val">
+			{{ objs['不动产单元'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">建设情况</text>
+		  <text class="val">
+			{{ objs['建设情况'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">数据来源</text>
+		  <text class="val">
+			{{ objs['数据来源'] }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">土地坐落</text>
+		  <text class="val">
+			{{ objs['坐落'] }}
+		  </text>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	props: {
+		objs: {
+			type: Object,
+			default(){
+				return {}
+			}
+		}
+	},
+	data() {
+		return {
+			
+		}
+	},
+	methods: {
+		
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../common.scss';
+</style>

YSGZYBZ_WXAPP/pages/receivedDetail2/components/zzyd.vue

@@ -0,0 +1,101 @@
+<template>
+	<view class="content">
+		<view class="item">
+		  <text class="title">地块名称</text>
+		  <text class="val">
+			{{ objs.dkmc }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">权利人名称</text>
+		  <text class="val">
+			{{ objs.tdqlr }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">投资项目名称</text>
+		  <text class="val">
+			{{ objs.tzxmmc }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">面积</text>
+		  <text class="val">
+			{{ objs.txmj && (objs.txmj * 0.0015).toFixed(2) }} 亩
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">批准文号</text>
+		  <text class="val">
+			{{ objs.pzwh }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">电子监管号</text>
+		  <text class="val">
+			{{ objs.dzjgh }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">受让人地址</text>
+		  <text class="val">
+			{{ objs.ssrdz }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">坐落</text>
+		  <text class="val">
+			{{ objs.tdzl }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">签订日期</text>
+		  <text class="val">
+			{{ (objs.qdrq || '') | formatDate }}
+		  </text>
+		</view>
+		<view class="item">
+		  <text class="title">批准日期</text>
+		  <text class="val">
+			{{ (objs.pzrq || '') | formatDate }}
+		  </text>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	props: {
+		objs: {
+			type: Object,
+			default(){
+				return {}
+			}
+		}
+	},
+    filters: {
+	    formatDate(dateStr){
+			if(!dateStr) return;
+			const date = new Date(dateStr);
+			const year = date.getFullYear();
+			const month = date.getMonth()+1;
+			const day = date.getDate();
+			const monthStr = month < 10 ? `0${month}` : month;
+			const dayStr = day < 10 ? `0${day}` : day;
+			return `${year}-${monthStr}-${dayStr}`;
+	    }
+    },
+	data() {
+		return {
+			
+		}
+	},
+	methods: {
+		
+	}
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../common.scss';
+</style>