chengdandan
/
shenggongsi
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

模型数据切换

This commit is contained in:
徐克 2022-07-28 10:15:03 +08:00
parent 9e04d6dce7
commit 92baecd8b5
4 changed files with 776 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/index.vue
View File

@ -10,15 +10,17 @@
<div <div
class="bg" class="bg"
> >
<!-- <div class="body-header"></div> --> <iframe src="/build/sgs.html" ref="iframe" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
<div class="body-left"></div> <!-- <div class="body-header"></div> -->
<div class="body-right"></div> <!-- <div class="body-left"></div>-->
<div class="body-bottom"></div> <!-- <div class="body-right"></div>-->
<!-- <div class="body-bottom"></div>-->
<dv-loading v-if="loading">Loading...</dv-loading> <dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body"> <div v-else class="host-body">
<headerIndex <headerIndex
:cdata="{ title: '首页', margin: '40px auto' }" :cdata="{ title: '首页', margin: '40px auto' }"
:isShow="false" :isShow="false"
style="position: relative"
/> />
<div class="body-box"> <div class="body-box">

760
src/views/land/children/index.vue
View File

@ -68,11 +68,735 @@ export default {
data() { data() {
return { return {
buildUrl:this.$route.params.url, buildUrl:this.$route.params.url,
buildingData:this.$route.params.id,
backgroundPic: { backgroundPic: {
index: "landRes2/bg", index: "landRes2/bg",
}, },
loading: false, 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: { components: {
@ -82,6 +806,9 @@ export default {
mounted() { mounted() {
this.timeFn(); this.timeFn();
this.cancelLoading(); this.cancelLoading();
this.buildData();
console.log(this.$route.params.id +'2222')
console.log(this.shengdalouData[0].dataSource1[0] +'9999')
}, },
beforeDestroy() { beforeDestroy() {
clearInterval(this.timing); clearInterval(this.timing);
@ -99,6 +826,33 @@ export default {
this.loading = false; this.loading = false;
}, 500); }, 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> </script>
@ -125,10 +879,10 @@ export default {
position: relative; position: relative;
} }
.left{ .left{
left: 2%; left: 1%;
} }
.right { .right {
right: 2%; //right: 2%;
h1 { h1 {
left: 25%; left: 25%;

15
src/views/land/children/mock.js
View File

@ -97,7 +97,8 @@ export default {
value: "0" value: "0"
}, },
], ],
dataSource2: [{ dataSource2: [
{
key: "是否有证", key: "是否有证",
value: "是" value: "是"
}, },
@ -142,7 +143,8 @@ export default {
value: "有证" value: "有证"
}, },
], ],
dataSource3: [{ dataSource3: [
{
key: "资产编码", key: "资产编码",
value: "270100001441" value: "270100001441"
}, },
@ -233,7 +235,8 @@ export default {
// value: '0' // value: '0'
// }, // },
// ], // ],
dataSource4: [{ dataSource4: [
{
key: '实物管理部门', key: '实物管理部门',
value: '后勤部' value: '后勤部'
},{ },{
@ -258,7 +261,8 @@ export default {
}, },
], ],
dataSource5: [{ dataSource5: [
{
key: "房产编号", key: "房产编号",
value: "1300025762" value: "1300025762"
}, },
@ -308,7 +312,8 @@ dataSource5: [{
}, },
], ],
dataSource6: [ { dataSource6: [
{
key: "已使用面积", key: "已使用面积",
value: "71177.16" value: "71177.16"
}, },

6
src/views/land/index.vue
View File

@ -13,9 +13,9 @@
style="position: absolute" style="position: absolute"
ref="iframe" ref="iframe"
></iframe> ></iframe>
<div class="body-left"></div> <!-- <div class="body-left" style="width: 500px"></div>-->
<div class="body-right"></div> <!-- <div class="body-right" style="width: 560px"></div>-->
<div class="body-bottom"></div> <!-- <div class="body-bottom"></div>-->
<dv-loading v-if="loading">Loading...</dv-loading> <dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body"> <div v-else class="host-body">