1 line
37 KiB
JSON
1 line
37 KiB
JSON
{"remainingRequest":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\src\\views\\land\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\src\\views\\land\\index.vue","mtime":1670590396951},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\hjmWeb\\suyi\\suyi1111\\suyi1111\\suyi1111\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5kdi1zY3JvbGwtcmFua2luZy1ib2FyZCAucmFua2luZy1pbmZvIC5yYW5rIHsKICBkaXNwbGF5OiBub25lOwp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmxBA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/land","sourcesContent":["<template>\n <div id=\"index\" ref=\"appRef\" style=\"overflow: hidden\">\n <!-- <div class=\"bg\" :style=\"{\n backgroundImage:\n 'url(' + require(`../../assets/${backgroundPic.index}.png`) + ')',\n }\"> -->\n\n <iframe\n name=\"myframe\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"100%\"\n style=\"position: absolute;\"\n ref=\"iframe\"\n :src=\"videoUrl\"\n :key=\"videoUrl\"\n ></iframe>\n <div class=\"bg\" @contextmenu.prevent=\"show()\">\n <!-- <div class=\"body-left\" @contextmenu.prevent=\"show()\"></div>\n <div class=\"body-right\" @contextmenu.prevent=\"show()\"></div> -->\n <div class=\"body-bottom\" @contextmenu.prevent=\"show()\"></div>\n <dv-loading v-if=\"loading\">Loading...</dv-loading>\n\n <div v-else class=\"host-body\">\n <!-- <headerIndex :cdata=\"{ title: '房地资源', margin: '26px auto' }\" style=\"position: relative\" :isShow=\"false\"/> -->\n <headerIndex\n style=\"position: relative\"\n :searchShow=\"searchShow\"\n />\n <div class=\"main\" style=\"margin-top: -100px\">\n <div class=\"footer-nav\">\n <div class=\"baseBlock\" v-for=\"(item,index) in infodata\" :key=\"index\" @click=\"goPage(7)\">\n <div style=\"width:80%;display:flex;flex-flow:column nowrap;align-items: center;\">\n <img :src=\"item.pic\" alt=\"\" style=\"width:34px;height:34px\">\n <p style=\"width:100%;margin-top:5px;color:#ffffff;font-size:14px;text-align: center;\">{{item.text}}</p>\n </div>\n <div style=\"width:100%;display: flex;flex-wrap: wrap;justify-content: flex-end;\">\n <p style=\"width:100%;word-wrap:break-word; word-break:break-all;font-size: 25px;text-align: right;\">{{item.num}}</p>\n <p style=\"font-size:14px;top:10px;text-align: right;position: relative;\">{{item.unit}}</p>\n </div>\n \n \n </div>\n \n </div>\n\n <div class=\"rightModel\">\n <div class=\"search-middle\">\n <ul>\n <li>\n <img\n src=\"../../assets/green.png\"\n alt=\"\"\n style=\"vertical-align: middle\"\n /><span style=\"margin: 0 5%; color: #103a55\">正常</span>\n <div class=\"liBox\" style=\"background-color: green\">1</div>\n </li>\n <li>\n <img\n src=\"../../assets/orange.png\"\n alt=\"\"\n style=\"vertical-align: middle\"\n /><span style=\"margin: 0 5%; color: #103a55\">预警</span>\n <div class=\"liBox\" style=\"background-color: orange\">0</div>\n </li>\n <li>\n <img\n src=\"../../assets/red.png\"\n alt=\"\"\n style=\"vertical-align: middle\"\n /><span style=\"margin: 0 5%; color: #103a55\">故障</span>\n <div class=\"liBox\" style=\"background-color: red\">0</div>\n </li>\n </ul>\n </div>\n <!-- <div class=\"rightShow\" >\n <BasicBox5 class=\"basicInfo\" :title=\"tit\" :dataSource=\"workListData\" v-if=\"basicInfoShow\"></BasicBox5>\n <dialogComponent v-if=\"Visible\" @transfer=\"getClose\" @jdNameData=\"getjdName\" @jdNameDataClick=\"getjdNameClick\" ref=\"dialog\" class=\"dialogN\">\n \n </dialogComponent>\n </div> -->\n\n <!-- <BasicBox title=\"房地项目类型统计\" :dataSource=\"false\">\n <template slot=\"top\">\n <Chart />\n </template>\n\n </BasicBox> -->\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport CustomDvScrollBoard from \"@/components/customDvScrollBoard\";\nimport CustomDvScrollBoard1 from \"@/components/customDvScrollBoard1\";\nimport drawMixin from \"@/utils/drawMixin\";\nimport headerIndex from \"@/components/layout/header\";\nimport BasicBox from \"@/components/BasicBox\";\nimport dialogComponent from \"@/components/dialog\";\nimport Chart from \"./chart.vue\";\n// import io from 'socket.io-client'\nimport BasicBox5 from \"@/components/BasicBox5\";\nimport axios from \"axios\";\n// let socketRefs = '';\n\nexport default {\n mixins: [drawMixin],\n data() {\n return {\n infodata:[\n {pic:require('@/assets/newimgs/客户总数.png'),num:'397',text:'客户总数',unit:'个'},\n {pic:require('@/assets/newimgs/变电站总数.png'),num:'447',text:\"变电站总数\",unit:'座'},\n {pic:require('@/assets/newimgs/主变总数.png'),num:'379',text:\"主变总数\",unit:'台'},\n {pic:require('@/assets/newimgs/主变总容量.png'),num:'493405',text:\"主变总容量\",unit:'kVA'},\n {pic:require('@/assets/newimgs/变电站总数.png'),num:'28502 ',text:\"实时负荷\",unit:'kW'},\n {pic:require('@/assets/newimgs/租日总电量.png'),num:'614730',text:\"昨日总电量\",unit:'kWh'},\n {pic:require('@/assets/newimgs/待办工单总数.png'),num:'0',text:\"代办工单总数\",unit:'条'},\n {pic:require('@/assets/newimgs/告警总数.png'),num:'0',text:\"告警总数\",unit:'条'},\n ],\n Visible: false,\n basicInfoShow: true,\n videoUrl: \"/land/landMap.html\",\n cityName: \"\",\n nanj: true,\n landC: false,\n backgroundPic: {\n index: \"landRes/BG\",\n },\n activeColor: -1,\n loading: false,\n imgListData: {},\n imgList: [],\n\n configData: {\n jiangsu: {\n // header:['规划用途', '全省数量', '全省占比'],\n data: [],\n },\n nanjing: {\n // header:['规划用途', '南京数量', '南京占比'],\n data: [],\n },\n zhengjiang: {\n header: [\"规划用途\", \"全省数量\", \"全省占比\"],\n data: [],\n },\n changzhou: {\n header: [],\n data: [],\n },\n },\n config: {\n // header:['规划用途', '全省数量', '全省占比'],\n data: [],\n },\n config1: {\n data: [],\n },\n levelConfigData: { nanjing: { data: [0] } },\n levelConfig: {\n data: [10],\n shape: \"round\",\n waveNum: 2,\n },\n levelConfig1: {\n data: [55],\n shape: \"round\",\n waveNum: 2,\n },\n resourcesListData: {\n nanjing: [\n {\n name: \"南京规划阶段\",\n count: 4,\n },\n {\n name: \"南京计划阶段\",\n count: 4,\n },\n {\n name: \"南京建设阶段\",\n count: 1,\n },\n {\n name: \"南京投运阶段\",\n count: 1,\n },\n ],\n zhengjiang: [\n {\n name: \"规划阶段\",\n count: 62,\n },\n {\n name: \"计划阶段\",\n count: 9,\n },\n {\n name: \"建设阶段\",\n count: 2,\n },\n {\n name: \"投运阶段\",\n count: 5,\n },\n ],\n },\n resourcesList: [],\n centerListData: {\n nanjing: [],\n zhengjiang: [],\n },\n centerList: [\n {\n title: \"不动产权证信息\",\n count: 0,\n imgUrl: require(\"@/assets/landRes/bdc.png\"),\n },\n {\n title: \"土地证信息\",\n count: \"无\",\n imgUrl: require(\"@/assets/landRes/tdz.png\"),\n },\n {\n title: \"房产证信息\",\n count: 0,\n imgUrl: require(\"@/assets/landRes/fdc.png\"),\n },\n {\n title: \"确权情况\",\n count: 0,\n imgUrl: require(\"@/assets/landRes/qq.png\"),\n },\n ],\n rankingConfig: {\n data: [\n {\n name: \"类别1\",\n value: 6,\n },\n {\n name: \"类别2\",\n value: 8,\n },\n {\n name: \"类别3\",\n value: 9,\n },\n {\n name: \"类别4\",\n value: 3,\n },\n {\n name: \"类别5\",\n value: 8,\n },\n {\n name: \"类别6\",\n value: 11,\n },\n {\n name: \"类别7\",\n value: 13,\n },\n {\n name: \"类别7\",\n value: 6,\n },\n ],\n rowNum: 7,\n waitTime: 99999999999999999,\n },\n // socketId:'',\n //默认数据\n workListData: [],\n workListDatafcz: [],\n //建筑物信息\n // workList:[\n // { key: \"建筑物名称\", value: \"\",name:\"jd\" },\n // { key: \"坐落地址\", value: \"\",name:\"tudi\" },\n // { key: \"不动产证号\", value: \"\" ,name:\"bdczh\"},\n // { key: \"权利人\", value: \"\",name:\"qlr\" },\n // { key: \"坐落\", value: \"\" ,name:\"zl\"},\n // ],\n workList: [],\n runOnce: true,\n //不动产权证信息\n workListBdc: [],\n //土地证\n workListNew: [],\n //房产证数据\n workListFCZ: [],\n workListqq: [{ key: \"确权信息\", value: \"\", name: \"qq\" }],\n tit: \"建筑物信息\",\n // socketData:'jiangsu',\n count: 1,\n params: {},\n leftOpen: true,\n rightOpen: true,\n jdNameNew: \"\",\n itemViewM: \"\",\n photoPathsM: [],\n searchShow:true\n };\n },\n\n components: {\n headerIndex,\n BasicBox,\n CustomDvScrollBoard,\n CustomDvScrollBoard1,\n dialogComponent,\n BasicBox5,\n Chart,\n },\n computed: {\n // query() {\n // return this.socketData\n // },\n // 'socketRefs': function(){\n // return this.firstname + '-' + this.lastname\n // }\n },\n\n mounted() {\n this.cancelLoading();\n // this.initWebSocket();\n // window.addEventListener(\"message\", this.handleMessage);\n this.go(\"nanjing\");\n // this.type=this.params.type\n // this.getJdData(this.params.type)\n // this.workListData = this.workList\n let that = this;\n window.addEventListener('message', function (e) {\n var res = e.data;\n if (res.params != null) {\n that.searchShow = false\n }\n })\n },\n // sockets:{\n // connect(){\n // this.id = this.$socket.id;\n // //监听connect事件\n // },\n // message(data){ //监听message事件，方法是后台定义和提供的\n // console.log(data);\n // }\n // },\n beforeDestroy() {\n clearInterval(this.timing);\n },\n\n watch: {\n jdNameNew: {\n handler(newVal) {\n this.$refs.iframe.contentWindow.getMessageFromParent(newVal);\n },\n },\n },\n methods: {\n go(val) {\n if (val == \"nanjing\") {\n this.nanj = false;\n this.landC = true;\n // console.log(\"\")\n this.imgList = this.imgListData.nanjing;\n // this.centerList = this.centerListData.nanjing\n this.config = this.configData.nanjing.data;\n this.resourcesList = this.resourcesListData.nanjing;\n this.levelConfig.data = this.levelConfigData.nanjing.data;\n // this.$forceUpdate();\n // this.cancelLoading();\n } else if (val == \"landChild\") {\n this.$router.push(\"/landChild\");\n this.landC = false;\n }\n },\n show: function () {\n this.leftOpen = true;\n this.rightOpen = true;\n this.basicInfoShow = true;\n },\n //获取基地数据\n getJdData(val) {\n axios\n .get(\"/json/qqData.json\")\n .then((result) => {\n for (var i = 0; i < result.data.length; i++) {\n if (result.data[i].jd == this.params.params) {\n this.workListqq[0].value = result.data[i].qq;\n }\n }\n })\n .catch((error) => {\n console.log(error);\n });\n if (val == \"不动产\") {\n // this.tit=\"土地证信息\"\n this.workListData = [];\n axios\n .get(\"/json/jdData.json\")\n .then((result) => {\n console.log(\"getMenuData111\", result.data);\n for (var i = 0; i < result.data.length; i++) {\n if (result.data[i].jd == this.params.params) {\n console.log(\"result.data[i]\", result.data[i]);\n // this.workList.push(result.data[i])\n this.workListData.push(result.data[i]);\n this.changeWorkListBdc(result.data[i]);\n this.changeWorkList(result.data[i]);\n }\n }\n })\n .catch((error) => {\n console.log(error);\n });\n } else if (val == \"土地证\") {\n // this.tit=\"土地证信息\"\n this.workListData = [];\n this.fczShow = true;\n axios\n .get(\"/json/tdData.json\")\n .then((result) => {\n console.log(\"getMenuData111\", result.data);\n console.log(\"this.params.params\", this.params.params);\n for (var i = 0; i < result.data.length; i++) {\n if (result.data[i].jd == this.params.params) {\n console.log(\"result.data[i]\", result.data[i]);\n this.workListData.push(result.data[i]);\n this.changeWorkListTd(result.data[i]);\n this.changeWorkList(result.data[i]);\n }\n }\n })\n .catch((error) => {\n console.log(error);\n });\n this.workListDatafcz = [];\n axios\n .get(\"/json/fczData.json\")\n .then((result) => {\n console.log(\"getMenuData111\", result.data);\n for (var i = 0; i < result.data.length; i++) {\n if (result.data[i].jd == this.params.params) {\n console.log(\"result.data[i]\", result.data[i]);\n this.workListDatafcz.push(result.data[i]);\n this.changeWorkListfcz(result.data[i]);\n // this.changeWorkList(result.data[i])\n }\n }\n })\n .catch((error) => {\n console.log(error);\n });\n } else {\n this.workListData = [];\n this.fczShow = true;\n axios\n .get(\"/json/jdData.json\")\n .then((result) => {\n console.log(\"getMenuData111\", result.data);\n for (var i = 0; i < result.data.length; i++) {\n if (result.data[i].jd == this.params.params) {\n this.changeWorkListBdc(result.data[i]);\n }\n }\n })\n .catch((error) => {\n console.log(error);\n });\n axios\n .get(\"/json/tdData.json\")\n .then((result) => {\n console.log(\"getMenuData111\", result.data);\n console.log(\"this.params.params\", this.params.params);\n for (var i = 0; i < result.data.length; i++) {\n if (result.data[i].jd == this.params.params) {\n console.log(\"result.data[i]\", result.data[i]);\n this.workListData.push(result.data[i]);\n this.changeWorkListTd(result.data[i]);\n this.changeWorkList(result.data[i]);\n }\n }\n })\n .catch((error) => {\n console.log(error);\n });\n this.workListDatafcz = [];\n axios\n .get(\"/json/fczData.json\")\n .then((result) => {\n console.log(\"getMenuData111\", result.data);\n for (var i = 0; i < result.data.length; i++) {\n if (result.data[i].jd == this.params.params) {\n console.log(\"result.data[i]\", result.data[i]);\n this.workListDatafcz.push(result.data[i]);\n this.changeWorkListfcz(result.data[i]);\n // this.changeWorkList(result.data[i])\n }\n }\n })\n .catch((error) => {\n console.log(error);\n });\n }\n },\n getMain() {\n this.$router.push({\n name: \"landChild\",\n params: { id: this.params.params, type: this.params.type },\n });\n },\n //建筑物信息\n changeWorkList(data) {\n var entries = Object.entries(data);\n var list = entries.map(function (item) {\n return {\n value: item[1],\n name: item[0],\n };\n });\n for (var i = 0; i < list.length; i++) {\n for (var t = 0; t < this.workList.length; t++) {\n if (list[i].name == this.workList[t].name) {\n this.workList[t].value = list[i].value;\n }\n }\n }\n this.workListData = this.workList;\n },\n //不动产\n changeWorkListBdc(data) {\n // this.workListBdc=[]\n var entries = Object.entries(data);\n var list = entries.map(function (item) {\n return {\n value: item[1],\n name: item[0],\n };\n });\n for (var i = 0; i < list.length; i++) {\n for (var t = 0; t < this.workListBdc.length; t++) {\n if (list[i].name == this.workListBdc[t].name) {\n this.workListBdc[t].value = list[i].value;\n }\n }\n }\n // this.workListData = this.workListBdc\n },\n //土地证\n changeWorkListTd(data) {\n console.log(\"data\", data);\n var entries = Object.entries(data);\n var list = entries.map(function (item) {\n return {\n value: item[1],\n name: item[0],\n };\n });\n for (var i = 0; i < list.length; i++) {\n for (var t = 0; t < this.workListNew.length; t++) {\n if (list[i].name == this.workListNew[t].name) {\n this.workListNew[t].value = list[i].value;\n }\n }\n }\n this.workListData = this.workListNew;\n },\n //房产证\n changeWorkListfcz(data) {\n var entries = Object.entries(data);\n var list = entries.map(function (item) {\n return {\n value: item[1],\n name: item[0],\n };\n });\n for (var i = 0; i < list.length; i++) {\n for (var t = 0; t < this.workListFCZ.length; t++) {\n if (list[i].name == this.workListFCZ[t].name) {\n this.workListFCZ[t].value = list[i].value;\n }\n }\n }\n // this.workListData = this.workListFCZ\n },\n //获取地图参数\n getFromIframe(value) {\n this.tit = \"建筑物信息\";\n (this.workListBdc = [\n // { key: \"建筑物名称\", value: \"\",name:\"jd\" },\n // { key: \"坐落地址\", value: \"\",name:\"tudi\" },\n { key: \"不动产证号\", value: \"\", name: \"bdczh\" },\n { key: \"权力性质\", value: \"\", name: \"qlxz\" },\n { key: \"用途\", value: \"\", name: \"yt\" },\n { key: \"宗地面积\", value: \"\", name: \"zdmj\" },\n { key: \"建筑面积\", value: \"\", name: \"jzmj\" },\n { key: \"权利人\", value: \"\", name: \"qlr\" },\n // { key: \"共有情况\", value: \"\",name:\"gyqk\" },\n // { key: \"坐落\", value: \"\" ,name:\"zl\"},\n // { key: \"不动产单元号\", value: \"\" ,name:\"bdcdyh\"},\n // { key: \"权力类型\", value: \"\" ,name:\"qllx\"},\n // { key: \"使用期限\", value: \"\" ,name:\"syqx\"},\n // { key: \"房屋结构\", value: \"\" ,name:\"fwjg\"},\n // { key: \"房屋总层数\", value: \"\" ,name:\"fwzcs\"},\n // { key: \"所在层数\", value: \"\" ,name:\"szcs\"},\n // { key: \"丘权号\", value: \"\" ,name:\"qqh\"},\n // { key: \"来源\", value: \"\" ,name:\"ly\"},\n ]),\n (this.workListNew = [\n // { key: \"建筑物名称\", value: \"\",name:\"jd\" },\n // { key: \"坐落地址\", value: \"\",name:\"tudi\" },\n { key: \"土地证号\", value: \"\", name: \"tdzh\" },\n { key: \"权力性质\", value: \"\", name: \"syqlx\" },\n { key: \"土地用途\", value: \"\", name: \"dlyt\" },\n { key: \"土地面积\", value: \"\", name: \"tdmj\" },\n { key: \"权利人\", value: \"\", name: \"tdsyqr\" },\n // { key: \"共有情况\", value: \"\",name:\"gyqk\" },\n // { key: \"坐落\", value: \"\",name:\"zl\" },\n // { key: \"地号\", value: \"\" ,name:\"dh\"},\n\n // { key: \"图号\", value: \"\" ,name:\"th\"},\n\n // { key: \"使用权面积\", value: \"\",name:\"syqmj\" },\n // { key: \"终止日期\", value: \"\" ,name:\"zzrq\"},\n ]),\n (this.workListFCZ = [\n // { key: \"建筑物名称\", value: \"\",name:\"jd\" },\n // { key: \"坐落地址\", value: \"\",name:\"tudi\" },\n // { key: \"房产证号\", value: \"\" ,name:\"fczh\"},\n // { key: \"房产使用权人\", value: \"\",name:\"fwsyqr\" },\n // { key: \"坐落\", value: \"\",name:\"zl\" },\n // { key: \"房屋用途\", value: \"\" ,name:\"fwcb\"},\n // { key: \"结构\", value: \"\",name:\"jg\" },\n // { key: \"房屋总层数\", value: \"\",name:\"fwzcs\" },\n // { key: \"面积\", value: \"\" ,name:\"jzmj\"},\n // { key: \"面积\", value: \"\" ,name:\"cqly\"},\n { key: \"房产证号\", value: \"\", name: \"fczh\" },\n { key: \"房屋产别\", value: \"\", name: \"fwcb\" },\n { key: \"房屋用途\", value: \"\", name: \"fwyt\" },\n { key: \"房屋面积\", value: \"\", name: \"jzmj\" },\n { key: \"房产使用权人\", value: \"\", name: \"fwsyqr\" },\n ]),\n (this.activeColor = -1);\n this.workListqq = [{ key: \"确权信息\", value: \"\", name: \"qq\" }];\n this.params = value;\n if (this.params.type == \"不动产\") {\n this.centerList = [\n {\n title: \"不动产权证信息\",\n count: 0,\n imgUrl: require(\"@/assets/landRes/bdc.png\"),\n },\n {\n title: \"确权情况\",\n count: 0,\n imgUrl: require(\"@/assets/landRes/qq.png\"),\n },\n {\n title: \"证件查看\",\n count: 0,\n imgUrl: require(\"@/assets/landRes/fdc.png\"),\n },\n ];\n } else if (this.params.type == \"土地证\") {\n this.centerList = [\n {\n title: \"土地证信息\",\n count: \"无\",\n imgUrl: require(\"@/assets/landRes/tdz.png\"),\n },\n {\n title: \"房产证信息\",\n count: 0,\n imgUrl: require(\"@/assets/landRes/fdc.png\"),\n },\n {\n title: \"确权情况\",\n count: 0,\n imgUrl: require(\"@/assets/landRes/qq.png\"),\n },\n {\n title: \"证件查看\",\n count: 0,\n imgUrl: require(\"@/assets/landRes/bdc.png\"),\n },\n ];\n }\n this.getJdData(this.params.type);\n this.leftOpen = false;\n this.rightOpen = false;\n this.Visible = false;\n this.basicInfoShow = true;\n },\n\n //菜单跳转\n btn(val, index) {\n if (val != \"证件查看\") {\n this.tit = val;\n }\n\n this.Visible = false;\n this.basicInfoShow = true;\n this.activeColor = index;\n if (val == \"不动产权证信息\") {\n this.workListData = this.workListBdc;\n this.rightOpen = false;\n } else if (val == \"土地证信息\") {\n this.workListData = this.workListNew;\n this.rightOpen = false;\n } else if (val == \"房产证信息\") {\n this.workListData = this.workListFCZ;\n this.rightOpen = false;\n } else if (val == \"确权情况\") {\n console.log(\"this.workListqq\", this.workListqq);\n this.workListData = this.workListqq;\n this.rightOpen = false;\n }\n },\n\n search(data) {\n console.log(\"data\", data);\n this.Visible = true;\n this.basicInfoShow = false;\n this.rightOpen = false;\n this.$nextTick(() => {\n //这里的dialog与上面dialog-component组件里面的ref属性值是一致的\n //init调用的是dialog-component组件里面的init方法\n //data是传递给弹窗页面的值\n this.$refs.dialog.init(data);\n });\n },\n //关闭查询弹框\n getClose() {\n this.Visible = false;\n this.rightOpen = true;\n this.basicInfoShow = true;\n },\n getjdName(val) {\n this.jdNameNew = val;\n },\n getjdNameClick(val) {\n console.log(\"val\", val);\n this.$router.push({\n name: \"landChild\",\n params: { id: val.jd, type: val.type },\n });\n },\n goPage(val) {\n if (val == 0) {\n console.log(\"返回房地资源-主场景\");\n // this.$router.push(\"/land\");\n this.$router.push(\"/\");\n }\n },\n cancelLoading() {\n setTimeout(() => {\n this.loading = false;\n }, 500);\n },\n /**\n * 动态传输城市名称\n * @param event\n */\n // handleMessage(event) {\n // // 获取从iframe页面中传过来的值\n // // var cmd = event.data.cmd;\n // this.cityName = event.data.params;\n // },\n build() {\n this.$router.push(\"/build\");\n },\n },\n created() {\n window[\"vueDefinedMyProp\"] = (build) => {\n this.build();\n };\n window.getFromIframe = this.getFromIframe;\n window.show = this.show;\n },\n};\n</script>\n<style lang=\"scss\">\n.dv-scroll-ranking-board .ranking-info .rank {\n display: none;\n}\n</style>\n\n<style lang=\"scss\" scoped>\n@import \"~@/common/var.scss\";\n\n/* 返回按钮 */\n.back-button a {\n position: absolute;\n right: 22px;\n top: 41px;\n width: 55px;\n height: 21px;\n background-color: transparent;\n border: 0;\n background-image: url(\"../../assets/bt-02.png\");\n cursor: pointer;\n}\n\n.back-button a:hover {\n background-image: url(\"../../assets/bt-002.png\");\n}\n.body-left {\n // width: 500px!important;\n // background: url('../../assets/left.png') no-repeat!important;\n}\n.body-right {\n // width: 500px!important;\n // background: url('../../assets/right.png') no-repeat!important;\n}\n\n.body-bottom {\n height: 130px !important;\n background: url(\"../../assets/down.png\") no-repeat !important;\n}\n\n.informationOverview {\n // width: 50%;\n width: 43%;\n display: inline-block;\n margin-bottom: 10px;\n padding: 20px 0 10px 0;\n\n .cont {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n padding-left: 15px;\n\n p {\n text-align: center;\n\n &:nth-child(1) {\n color: #53a0ca;\n font-weight: bolder;\n border-bottom: 1px solid #103a55;\n padding-bottom: 5px;\n }\n\n &:nth-child(2) {\n padding-top: 5px;\n font-weight: bolder;\n font-size: 24px;\n }\n }\n }\n\n img {\n float: left;\n padding-left: 30px;\n }\n}\n\n.left {\n height: 100%;\n // width: 26%;\n width: 24%;\n margin-left: 2%;\n padding-top: 15px;\n}\n\n.right {\n height: 100%;\n // width: 29%;\n // margin-right: 1%;\n width: 25%;\n margin-right: 3%;\n padding-top: 15px;\n\n .panelBox {\n display: flex;\n }\n\n .panel {\n // margin: 20px;\n position: relative;\n text-align: center;\n\n span {\n position: absolute;\n position: absolute;\n top: 41px;\n left: 42px;\n font-weight: bold;\n }\n\n div {\n color: $default-font-color;\n margin-top: 10px;\n font-weight: bold;\n }\n\n &:not(:last-child) {\n margin-right: 20px;\n text-align: center;\n }\n\n &_box {\n width: 98px;\n height: 98px;\n background-size: 100%;\n }\n\n // background-image: url(\"~@/assets/wisdom2/panel-blue.png\");\n background-repeat: no-repeat;\n background-position: top;\n\n // &:nth-child(2) {\n // background-image: url(\"~@/assets/wisdom2/panel-green.png\")\n // }\n\n // &:nth-child(3) {\n // background-image: url(\"~@/assets/wisdom2/panel-blue.png\")\n // }\n\n // &:nth-child(4) {\n // background-image: url(\"~@/assets/wisdom2/panel-green.png\")\n // }\n }\n}\n\n.center {\n width: 41%;\n height: 20%;\n padding: 0 10px;\n display: flex;\n flex-wrap: wrap;\n align-content: flex-start;\n position: relative;\n left: 30%;\n}\n\n.scaleDesign {\n /* display: inline-block; */\n width: 50%;\n text-align: center;\n /* line-height: 90px; */\n height: 100%;\n display: block;\n float: left;\n margin-top: 10px;\n\n &_item {\n height: 50%;\n height: 50%;\n display: flex;\n\n padding-left: 10px;\n justify-content: center;\n\n &:first-child {\n margin-bottom: 20px;\n }\n\n .dv-water-pond-level {\n display: -webkit-inline-box;\n }\n }\n}\n\n.scaleDesign2 {\n display: inline-block;\n\n width: 50%;\n text-align: center;\n\n &_item {\n margin-bottom: 15px;\n }\n}\n\n\n.leftModel {\n width: 24%;\n left: 1%;\n top: 35%;\n position: absolute;\n transition: left 0.5s linear 0s;\n .box {\n font-size: 14px;\n background: url(\"~@/assets/landRes/boxM.png\") no-repeat;\n // background-size: 100% 95%;\n width: 50%;\n margin: 1%;\n text-align: center;\n display: inline-block;\n p {\n color: #b4e9ff;\n font-size: 16px;\n font-weight: 700;\n padding: 15px 0;\n width: 75%;\n }\n img {\n float: left;\n padding-left: 10px;\n padding-top: 6px;\n }\n }\n .box:hover {\n background: url(\"~@/assets/landRes/boxX.png\") no-repeat;\n p {\n color: #00fcff;\n text-shadow: 0 0 5px #00fcff, 0 0 10px #00fcff, 0 0 15px #00fcff,\n 0 0 20px #00fcff;\n }\n }\n .boxActive {\n background: url(\"~@/assets/landRes/boxX.png\") no-repeat;\n width: 50%;\n margin: 1%;\n text-align: center;\n display: inline-block;\n font-size: 14px;\n p {\n color: #00fcff;\n text-shadow: 0 0 5px #00fcff, 0 0 10px #00fcff, 0 0 15px #00fcff,\n 0 0 20px #00fcff;\n font-size: 16px;\n font-weight: 700;\n padding: 15px 0;\n width: 75%;\n }\n img {\n float: left;\n padding-left: 10px;\n padding-top: 6px;\n }\n }\n}\n.leftClose {\n left: -350px;\n transition: left 0.5s linear 0s;\n}\n.rightModel {\n right: 1%;\n position: absolute;\n height: 100%;\n width: 10.5%;\n top: 25%;\n\n .search-middle {\n height: 15%;\n background: #fff;\n border: 2px solid #4cfc9ba1;\n // width: 80%;\n width: 100%;\n float: right;\n }\n .search-middle li {\n width: 100%;\n padding: 0px 10px;\n margin: 15px 0px;\n // text-align: center;\n .liBox {\n width: 30%;\n height: 30px;\n text-align: center;\n line-height: 30px;\n display: inline-block;\n color: #fff;\n }\n }\n .search-middle .search-container {\n position: relative;\n width: 100%;\n height: 100%;\n }\n .search-middle .search-container input:focus {\n outline: none;\n }\n .search-middle .search-container input::-webkit-input-placeholder {\n color: rgb(211, 245, 255);\n }\n .search-middle .search-container button {\n width: 80px;\n height: 100%;\n position: absolute;\n right: 0;\n top: 0;\n background-color: transparent;\n background: 10px 10px url(~@/assets/search-button.png) no-repeat;\n border: 0;\n border-radius: 0;\n text-align: center;\n line-height: 30px;\n cursor: pointer;\n padding-left: 20px;\n color: #b4e9ff;\n }\n .rightShow {\n top: 5%;\n position: absolute;\n right: 0px;\n width: 100%;\n transition: right 0.5s linear 0s;\n .basicInfo {\n margin-top: 20px;\n li {\n padding: 15px 0 !important;\n }\n }\n .dialogN {\n margin-top: 20px;\n }\n }\n\n .rightClose {\n right: -500px;\n transition: right 0.5s linear 0s;\n }\n}\n\n.d1 {\n // position: absolute;\n // left: 830px;\n // top: 395px;\n // left: 15px;\n // top: 395px;\n width: 154px;\n height: 53px;\n line-height: 35px;\n text-align: center;\n background: url(\"~@/assets/landRes/1-dialog.png\") no-repeat center;\n\n &:hover {\n background: url(\"~@/assets/landRes/1-dialog-highlight.png\") no-repeat center;\n cursor: pointer;\n color: #fff;\n }\n}\n.d2 {\n // position: absolute;\n // left: 1060px;\n // top: 485px;\n width: 182px;\n height: 53px;\n line-height: 35px;\n text-align: center;\n background: url(\"~@/assets/landRes/2-dialog.png\") no-repeat center;\n\n &:hover {\n background: url(\"~@/assets/landRes/2-dialog-highlight.png\") no-repeat center;\n cursor: pointer;\n color: #fff;\n }\n}\n\n.d3 {\n position: absolute;\n left: 520px;\n top: 515px;\n width: 234px;\n height: 53px;\n line-height: 35px;\n text-align: center;\n font-size: 14px;\n background: url(\"~@/assets/landRes/3-dialog.png\") no-repeat center;\n\n &:hover {\n background: url(\"~@/assets/landRes/3-dialog-highlight.png\") no-repeat center;\n cursor: pointer;\n color: #fff;\n }\n}\n.footer-nav {\n position: absolute;\n /* top: 220px; */\n top: 105px;\n left: 1%;\n margin: auto;\n /* transform: scale(1, 1) translate(-50%, -50%); */\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 98%;\n}\n.baseBlock {\n cursor: pointer;\n width: 11.3%;\n height: 100px;\n background: url(\"../../assets/newimgs/总数-框.png\") no-repeat;\n background-size: 100% 100%;\n display: flex;\n flex-flow: row nowrap;\n // justify-content: space-between;\n align-items: center;\n padding: 0 13px;\n box-sizing: border-box;\n}\n.baseBlock p {\n width: 40%;\n font-size: 22px;\n color: #fff;\n letter-spacing: 1px;\n text-align: left;\n}\n@import \"../../assets/scss/index.scss\";\n</style>\n"]}]} |