{"remainingRequest":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\suyi1111\\src\\views\\land\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"D:\\Hjm项目\\suyi1111\\src\\views\\land\\index.vue","mtime":1669778620444},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\suyi1111\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouZHYtc2Nyb2xsLXJhbmtpbmctYm9hcmQgLnJhbmtpbmctaW5mbyAucmFuayB7CiAgZGlzcGxheTogbm9uZTsKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqwBA;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        />\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:55%;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              <p>{{item.num}}</p>\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\">397</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\">3</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\">1</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:'客户总数'},\n        {pic:require('@/assets/newimgs/变电站总数.png'),num:'447',text:\"变电站总数\"},\n        {pic:require('@/assets/newimgs/主变总数.png'),num:'379',text:\"主变总数\"},\n        {pic:require('@/assets/newimgs/主变总容量.png'),num:'493405',text:\"主变总容量\"},\n        {pic:require('@/assets/newimgs/变电站总数.png'),num:'28502',text:\"实时负荷\"},\n        {pic:require('@/assets/newimgs/租日总电量.png'),num:'614730',text:\"昨日总电量\"},\n        {pic:require('@/assets/newimgs/待办工单总数.png'),num:'16',text:\"代办工单总数\"},\n        {pic:require('@/assets/newimgs/告警总数.png'),num:'21',text:\"告警总数\"},\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    };\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  },\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%;\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 5px;\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"]}]}