From 92baecd8b5e803ee19524468a952df9d25122bff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E5=85=8B?= <819966041@qq.com>
Date: Thu, 28 Jul 2022 10:15:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E5=9E=8B=E6=95=B0=E6=8D=AE=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue               |  10 +-
 src/views/land/children/index.vue | 760 +++++++++++++++++++++++++++++-
 src/views/land/children/mock.js   |  15 +-
 src/views/land/index.vue          |   6 +-
 4 files changed, 776 insertions(+), 15 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 31fa63a..3b25ac9 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -10,15 +10,17 @@
     <div
       class="bg"
     >
-    <!-- <div class="body-header"></div> -->
-      <div class="body-left"></div>
-      <div class="body-right"></div>
-      <div class="body-bottom"></div>
+      <iframe src="/build/sgs.html" ref="iframe" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
+      <!-- <div class="body-header"></div> -->
+<!--      <div class="body-left"></div>-->
+<!--      <div class="body-right"></div>-->
+<!--      <div class="body-bottom"></div>-->
       <dv-loading v-if="loading">Loading...</dv-loading>
       <div v-else class="host-body">
         <headerIndex
           :cdata="{ title: '首页', margin: '40px auto' }"
           :isShow="false"
+          style="position: relative"
         />
 
         <div class="body-box">
diff --git a/src/views/land/children/index.vue b/src/views/land/children/index.vue
index 934c40d..ad80d5b 100644
--- a/src/views/land/children/index.vue
+++ b/src/views/land/children/index.vue
@@ -68,11 +68,735 @@ export default {
   data() {
     return {
       buildUrl:this.$route.params.url,
+      buildingData:this.$route.params.id,
       backgroundPic: {
         index: "landRes2/bg",
       },
       loading: false,
-      ...mockData.default
+      ...mockData.default,
+      dataSource1:[],
+      dataSource2:[],
+      dataSource3:[],
+      dataSource4:[],
+      dataSource5:[],
+      dataSource6:[],
+      shengdalouData:[
+          {
+            dataSource1: [
+              {
+                key: "宗地实物ID",
+                value: "010070000000000001182512"
+              },
+              {
+                key: "宗地地址信息",
+                value: "江苏省南京市鼓楼区上海路215号"
+              },
+              {
+                key: "宗地取得时间",
+                value: "2004年11月01日 "
+              },
+              {
+                key: "宗地规划用途",
+                value: "商业服务业设施用地"
+              },
+              {
+                key: "土地性质",
+                value: "自有"
+              },
+              {
+                key: "土地使用权类型",
+                value: "出让"
+              },
+              {
+                key: "土地实际用途",
+                value: "办公用房占地"
+              },
+              {
+                key: "土地等级",
+                value: "四级土地"
+              },
+              {
+                key: "获得价格",
+                value: "57575万元"
+              },
+              {
+                key: "土地面积",
+                value: "6611.1"
+              },
+              {
+                key: "已使用面积",
+                value: "6611.1"
+              },
+              {
+                key: "闲置面积",
+                value: "0"
+              },
+            ],
+      },
+        {
+          dataSource2: [
+            {
+              key: "是否有证",
+              value: "是"
+            },
+            {
+              key: "土地不动产证号",
+              value: "宁鼓国用（2006）第03345号"
+            },
+            {
+              key: "不动产单元号",
+              value: "无"
+            },
+            {
+              key: "土地所有权人",
+              value: "国网江苏省电力有限公司"
+            },
+            {
+              key: "宗地地号",
+              value: "无"
+            },
+            {
+              key: "宗地图",
+              value: "无"
+            },
+            {
+              key: "权证图",
+              value: "无"
+            },
+            {
+              key: "使用终止日期",
+              value: "无"
+            },
+            {
+              key: "土地实际持有人",
+              value: "无"
+            },
+            {
+              key: "附着建筑物数量",
+              value: "1"
+            },
+            {
+              key: "无证原因",
+              value: "有证"
+            },
+          ],
+        },{
+          dataSource3: [
+            {
+              key: "资产编码",
+              value: "270100001441"
+            },
+            {
+              key: "资产原值",
+              value: "575750000元"
+            },
+            {
+              key: "资产净值",
+              value: "365760000元"
+            },
+            {
+              key: "净值增加方式",
+              value: "固定资产增加-基本建设"
+            },
+          ],
+        },{
+          dataSource4: [
+            {
+              key: '实物管理部门',
+              value: '后勤部'
+            },{
+              key: '总(分)部/各单位本部',
+              value: '国网江苏电力'
+            },
+            {
+              key: '地市公司/分支机构',
+              value: '国网江苏电力本部'
+            },
+            {
+              key: '县级电力公司/其他县级单位',
+              value: '无'
+            },
+            {
+              key: '使用保管部门',
+              value: '后勤部'
+            },
+            {
+              key: "地址信息",
+              value: "江苏省南京市鼓楼区上海路215号"
+            },
+
+          ],
+        },{
+          dataSource5: [
+            {
+              key: "房产编号",
+              value: "1300025762"
+            },
+            {
+              key: "来源",
+              value: "自建"
+            },
+            {
+              key: "房产分类",
+              value: "调度控制用房"
+            },
+            {
+              key: "房产类型",
+              value: "运行调度控制楼"
+            },
+            {
+              key: "建筑面积",
+              value: "71177.16"
+            },{
+              key: "可使用面积",
+              value: "71177.16"
+            },
+            {
+              key: "总建筑层数",
+              value: "38"
+            },
+            {
+              key: "地上层数",
+              value: "35"
+            },
+            {
+              key: "地下层数",
+              value: "3"
+            },
+            {
+              key: "建成年份",
+              value: "2004"
+            },{
+              key: "是否有证",
+              value: "是"
+            },{
+              key: "房产（不动产）权证号",
+              value: "宁房权证鼓初字第310990号"
+            },{
+              key: "房产证载人名称",
+              value: "国网江苏省电力有限公司"
+            },
+
+          ],
+        },{
+          dataSource6: [
+            {
+              key: "已使用面积",
+              value: "71177.16"
+            },
+            {
+              key: "自用面积",
+              value: "71177.16"
+            },
+            {
+              key: "出租面积",
+              value: "0"
+            },
+            {
+              key: "被占用面积",
+              value: "0"
+            },
+            {
+              key: "闲置面积",
+              value: "0"
+            },
+            {
+              key: "资产编码",
+              value: "270100001441"
+            },
+            {
+              key: "资产原值",
+              value: "575750000元"
+            },
+            {
+              key: "资产净值",
+              value: "365760000元"
+            },
+            {
+              key: "资产增加方式",
+              value: "固定资产增加-基本建设"
+            },
+          ],
+        }
+      ],
+      shidalouData:[
+        {
+          dataSource1: [
+            {
+              key: "宗地实物ID",
+              value: "010070000000000001182512"
+            },
+            {
+              key: "宗地地址信息",
+              value: "南京市建邺区奥体大街1号"
+            },
+            {
+              key: "宗地取得时间",
+              value: " "
+            },
+            {
+              key: "宗地规划用途",
+              value: "科教用地"
+            },
+            {
+              key: "土地性质",
+              value: "自有"
+            },
+            {
+              key: "土地使用权类型",
+              value: "出让"
+            },
+            {
+              key: "土地实际用途",
+              value: "科教用地"
+            },
+            {
+              key: "土地等级",
+              value: ""
+            },
+            {
+              key: "获得价格",
+              value: ""
+            },
+            {
+              key: "土地面积",
+              value: "37272.58"
+            },
+            {
+              key: "已使用面积",
+              value: "37272.58"
+            },
+            {
+              key: "闲置面积",
+              value: "0"
+            },
+          ],
+        },
+        {
+          dataSource2: [
+            {
+              key: "是否有证",
+              value: "是"
+            },
+            {
+              key: "土地不动产证号",
+              value: "宁雨国用（2006）第00923号"
+            },
+            {
+              key: "不动产单元号",
+              value: "无"
+            },
+            {
+              key: "土地所有权人",
+              value: "国网江苏省电力有限公司"
+            },
+            {
+              key: "宗地地号",
+              value: "无"
+            },
+            {
+              key: "宗地图",
+              value: "无"
+            },
+            {
+              key: "权证图",
+              value: "无"
+            },
+            {
+              key: "使用终止日期",
+              value: "无"
+            },
+            {
+              key: "土地实际持有人",
+              value: "无"
+            },
+            {
+              key: "附着建筑物数量",
+              value: "1"
+            },
+            {
+              key: "无证原因",
+              value: "有证"
+            },
+          ],
+        },{
+          dataSource3: [
+            {
+              key: "资产编码",
+              value: ""
+            },
+            {
+              key: "资产原值",
+              value: ""
+            },
+            {
+              key: "资产净值",
+              value: ""
+            },
+            {
+              key: "净值增加方式",
+              value: "固定资产增加-基本建设"
+            },
+          ],
+        },{
+          dataSource4: [
+            {
+              key: '实物管理部门',
+              value: ''
+            },{
+              key: '总(分)部/各单位本部',
+              value: '国网江苏电力'
+            },
+            {
+              key: '地市公司/分支机构',
+              value: '国网江苏电力本部'
+            },
+            {
+              key: '县级电力公司/其他县级单位',
+              value: '无'
+            },
+            {
+              key: '使用保管部门',
+              value: '后勤部'
+            },
+            {
+              key: "地址信息",
+              value: "南京市建邺区奥体大街1号"
+            },
+
+          ],
+        },{
+          dataSource5: [
+            {
+              key: "房产编号",
+              value: ""
+            },
+            {
+              key: "来源",
+              value: "自建"
+            },
+            {
+              key: "房产分类",
+              value: ""
+            },
+            {
+              key: "房产类型",
+              value: ""
+            },
+            {
+              key: "建筑面积",
+              value: "5689.53"
+            },{
+              key: "可使用面积",
+              value: "5689.53"
+            },
+            {
+              key: "总建筑层数",
+              value: ""
+            },
+            {
+              key: "地上层数",
+              value: ""
+            },
+            {
+              key: "地下层数",
+              value: ""
+            },
+            {
+              key: "建成年份",
+              value: ""
+            },{
+              key: "是否有证",
+              value: "是"
+            },{
+              key: "房产（不动产）权证号",
+              value: "宁房权证建初字第421579号"
+            },{
+              key: "房产证载人名称",
+              value: "国网江苏省电力有限公司"
+            },
+
+          ],
+        },{
+          dataSource6: [
+            {
+              key: "已使用面积",
+              value: "56879.53"
+            },
+            {
+              key: "自用面积",
+              value: "56879.53"
+            },
+            {
+              key: "出租面积",
+              value: "0"
+            },
+            {
+              key: "被占用面积",
+              value: "0"
+            },
+            {
+              key: "闲置面积",
+              value: "0"
+            },
+            {
+              key: "资产编码",
+              value: ""
+            },
+            {
+              key: "资产原值",
+              value: ""
+            },
+            {
+              key: "资产净值",
+              value: ""
+            },
+            {
+              key: "资产增加方式",
+              value: "固定资产增加-基本建设"
+            },
+          ],
+        }
+      ],
+      fuwudashaData:[
+        {
+          dataSource1: [
+            {
+              key: "宗地实物ID",
+              value: ""
+            },
+            {
+              key: "宗地地址信息",
+              value: "南京市建邺区奥体大街9号"
+            },
+            {
+              key: "宗地取得时间",
+              value: " "
+            },
+            {
+              key: "宗地规划用途",
+              value: "商业服务业设施用地"
+            },
+            {
+              key: "土地性质",
+              value: "自有"
+            },
+            {
+              key: "土地使用权类型",
+              value: "出让"
+            },
+            {
+              key: "土地实际用途",
+              value: "办公用房占地"
+            },
+            {
+              key: "土地等级",
+              value: "四级土地"
+            },
+            {
+              key: "获得价格",
+              value: ""
+            },
+            {
+              key: "土地面积",
+              value: ""
+            },
+            {
+              key: "已使用面积",
+              value: ""
+            },
+            {
+              key: "闲置面积",
+              value: "0"
+            },
+          ],
+        },
+        {
+          dataSource2: [
+            {
+              key: "是否有证",
+              value: "是"
+            },
+            {
+              key: "土地不动产证号",
+              value: ""
+            },
+            {
+              key: "不动产单元号",
+              value: "无"
+            },
+            {
+              key: "土地所有权人",
+              value: "国网江苏省电力有限公司"
+            },
+            {
+              key: "宗地地号",
+              value: "无"
+            },
+            {
+              key: "宗地图",
+              value: "无"
+            },
+            {
+              key: "权证图",
+              value: "无"
+            },
+            {
+              key: "使用终止日期",
+              value: "无"
+            },
+            {
+              key: "土地实际持有人",
+              value: "无"
+            },
+            {
+              key: "附着建筑物数量",
+              value: "1"
+            },
+            {
+              key: "无证原因",
+              value: "有证"
+            },
+          ],
+        },{
+          dataSource3: [
+            {
+              key: "资产编码",
+              value: ""
+            },
+            {
+              key: "资产原值",
+              value: ""
+            },
+            {
+              key: "资产净值",
+              value: ""
+            },
+            {
+              key: "净值增加方式",
+              value: "固定资产增加-基本建设"
+            },
+          ],
+        },{
+          dataSource4: [
+            {
+              key: '实物管理部门',
+              value: '后勤部'
+            },{
+              key: '总(分)部/各单位本部',
+              value: '国网江苏电力'
+            },
+            {
+              key: '地市公司/分支机构',
+              value: '国网江苏电力本部'
+            },
+            {
+              key: '县级电力公司/其他县级单位',
+              value: '无'
+            },
+            {
+              key: '使用保管部门',
+              value: '后勤部'
+            },
+            {
+              key: "地址信息",
+              value: "南京市建邺区奥体大街9号"
+            },
+
+          ],
+        },{
+          dataSource5: [
+            {
+              key: "房产编号",
+              value: ""
+            },
+            {
+              key: "来源",
+              value: "自建"
+            },
+            {
+              key: "房产分类",
+              value: ""
+            },
+            {
+              key: "房产类型",
+              value: ""
+            },
+            {
+              key: "建筑面积",
+              value: ""
+            },{
+              key: "可使用面积",
+              value: ""
+            },
+            {
+              key: "总建筑层数",
+              value: ""
+            },
+            {
+              key: "地上层数",
+              value: ""
+            },
+            {
+              key: "地下层数",
+              value: ""
+            },
+            {
+              key: "建成年份",
+              value: ""
+            },{
+              key: "是否有证",
+              value: "是"
+            },{
+              key: "房产（不动产）权证号",
+              value: ""
+            },{
+              key: "房产证载人名称",
+              value: "国网江苏省电力有限公司"
+            },
+
+          ],
+        },{
+          dataSource6: [
+            {
+              key: "已使用面积",
+              value: ""
+            },
+            {
+              key: "自用面积",
+              value: ""
+            },
+            {
+              key: "出租面积",
+              value: "0"
+            },
+            {
+              key: "被占用面积",
+              value: "0"
+            },
+            {
+              key: "闲置面积",
+              value: "0"
+            },
+            {
+              key: "资产编码",
+              value: ""
+            },
+            {
+              key: "资产原值",
+              value: ""
+            },
+            {
+              key: "资产净值",
+              value: ""
+            },
+            {
+              key: "资产增加方式",
+              value: "固定资产增加-基本建设"
+            },
+          ],
+        }
+      ],
     };
   },
   components: {
@@ -82,6 +806,9 @@ export default {
   mounted() {
     this.timeFn();
     this.cancelLoading();
+    this.buildData();
+    console.log(this.$route.params.id +'2222')
+    console.log(this.shengdalouData[0].dataSource1[0] +'9999')
   },
   beforeDestroy() {
     clearInterval(this.timing);
@@ -99,6 +826,33 @@ export default {
         this.loading = false;
       }, 500);
     },
+    /**
+     * 切换数据
+     */
+    buildData(){
+      if (this.buildingData == '省大楼'){
+        this.dataSource1 = this.shengdalouData[0].dataSource1
+        this.dataSource2 = this.shengdalouData[1].dataSource2
+        this.dataSource3 = this.shengdalouData[2].dataSource3
+        this.dataSource4 = this.shengdalouData[3].dataSource4
+        this.dataSource5 = this.shengdalouData[4].dataSource5
+        this.dataSource6 = this.shengdalouData[5].dataSource6
+      }else if (this.buildingData == '市大楼'){
+        this.dataSource1 = this.shidalouData[0].dataSource1
+        this.dataSource2 = this.shidalouData[1].dataSource2
+        this.dataSource3 = this.shidalouData[2].dataSource3
+        this.dataSource4 = this.shidalouData[3].dataSource4
+        this.dataSource5 = this.shidalouData[4].dataSource5
+        this.dataSource6 = this.shidalouData[5].dataSource6
+      }else if (this.buildingData === '服务大厦'){
+        this.dataSource1 = this.fuwudashaData[0].dataSource1
+        this.dataSource2 = this.fuwudashaData[1].dataSource2
+        this.dataSource3 = this.fuwudashaData[2].dataSource3
+        this.dataSource4 = this.fuwudashaData[3].dataSource4
+        this.dataSource5 = this.fuwudashaData[4].dataSource5
+        this.dataSource6 = this.fuwudashaData[5].dataSource6
+      }
+    }
   },
 };
 </script>
@@ -125,10 +879,10 @@ export default {
     position: relative;
   }
   .left{
-    left: 2%;
+    left: 1%;
   }
   .right {
-    right: 2%;
+    //right: 2%;
     h1 {
       left: 25%;
 
diff --git a/src/views/land/children/mock.js b/src/views/land/children/mock.js
index 31bf143..2ef6264 100644
--- a/src/views/land/children/mock.js
+++ b/src/views/land/children/mock.js
@@ -97,7 +97,8 @@ export default {
             value: "0"
         },
     ],
-    dataSource2: [{
+    dataSource2: [
+        {
             key: "是否有证",
             value: "是"
         },
@@ -142,7 +143,8 @@ export default {
             value: "有证"
         },
     ],
-    dataSource3: [{
+    dataSource3: [
+        {
             key: "资产编码",
             value: "270100001441"
         },
@@ -233,7 +235,8 @@ export default {
     //         value: '0'
     //     },
     // ],
-    dataSource4: [{
+    dataSource4: [
+        {
         key: '实物管理部门',
         value: '后勤部'
     },{
@@ -258,7 +261,8 @@ export default {
             },
     
 ],
-dataSource5: [{
+dataSource5: [
+    {
     key: "房产编号",
     value: "1300025762"
 },
@@ -308,7 +312,8 @@ dataSource5: [{
     },
    
 ],
-dataSource6: [ {
+dataSource6: [
+    {
     key: "已使用面积",
     value: "71177.16"
 },
diff --git a/src/views/land/index.vue b/src/views/land/index.vue
index 1e3e196..0c8e357 100644
--- a/src/views/land/index.vue
+++ b/src/views/land/index.vue
@@ -13,9 +13,9 @@
                    style="position: absolute"
                    ref="iframe"
            ></iframe>
-           <div class="body-left"></div>
-      <div class="body-right"></div>
-      <div class="body-bottom"></div>
+<!--           <div class="body-left" style="width: 500px"></div>-->
+<!--      <div class="body-right" style="width: 560px"></div>-->
+<!--      <div class="body-bottom"></div>-->
             <dv-loading v-if="loading">Loading...</dv-loading>
              
             <div v-else class="host-body">