| | |
| | | <div> |
| | | <div id="sdkContainer1" style="height: 100%"></div> |
| | | <div class="listBox" v-show="!isLand"> |
| | | <ul> |
| | | <li |
| | | v-for="(item, index) in arr" |
| | | :key="index" |
| | | @click="changeLeftMap($event, item, index)" |
| | | > |
| | | <ul id="viewer1_lsyx"> |
| | | <li v-for="(item, index) in arr" :key="index" @click="changeLeftMap($event, item, index)"> |
| | | {{ item }} |
| | | </li> |
| | | </ul> |
| | | </div> |
| | | <layerTreeTwoScreenRight |
| | | v-if="layerTreeTwoScreen" |
| | | id="layerTreeTwoScreen111" |
| | | /> |
| | | <layerTreeTwoScreenRight v-if="layerTreeTwoScreen" id="layerTreeTwoScreen111" /> |
| | | <div class="tdInfo" v-if="showTDinfo"> |
| | | <div class="tdInfo_close" @click="tdInfoClose">×</div> |
| | | <p v-if="dikuanxinxi" class="noInfo">暂无该地块信息</p> |
| | |
| | | <div v-else class="title"> |
| | | <li> |
| | | 企业 |
| | | <el-tooltip |
| | | class="item" |
| | | effect="dark" |
| | | content="点击查看企业信息" |
| | | placement="bottom" |
| | | > |
| | | <el-tooltip class="item" effect="dark" content="点击查看企业信息" placement="bottom"> |
| | | <a @click="showYZCQY"> {{ qysl }}</a> |
| | | </el-tooltip> |
| | | 家 |
| | |
| | | :inline="true" |
| | | > |
| | | <el-form-item label="查询内容" prop="name"> |
| | | <el-input |
| | | v-model="queryForm.content" |
| | | placeholder="请输入查询内容" |
| | | /> |
| | | <el-input v-model="queryForm.content" placeholder="请输入查询内容" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="queryInfo('queryForm')" |
| | | icon="el-icon-search" |
| | | class="primary" |
| | | >查询</el-button |
| | | > |
| | | <el-button @click="queryInfo('queryForm')" icon="el-icon-search" class="primary">查询</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | |
| | | ></el-table-column> --> |
| | | <el-table-column label="操作" width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | @click="handleClick(scope.row)" |
| | | type="text" |
| | | size="small" |
| | | >详情</el-button |
| | | > |
| | | <el-button @click="handleClick(scope.row)" type="text" size="small">详情</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | activeLi, |
| | | nLayer, |
| | | TDLayer, |
| | | LWLayer; |
| | | LWLayer1; |
| | | export default { |
| | | name: "viewer1", |
| | | components: { layerTreeTwoScreenRight }, |
| | |
| | | offset: "0%", |
| | | }; |
| | | }, |
| | | created() {}, |
| | | created() { }, |
| | | computed: { |
| | | ...mapState(["viewer1Show", "isLand", "layerTreeTwoScreen"]), |
| | | }, |
| | |
| | | ); |
| | | } |
| | | }, 2000); |
| | | |
| | | |
| | | }, |
| | | }, |
| | | isLand(newvalue, oldvalue) { |
| | |
| | | if (line1) { |
| | | sgworld1.Creator.DeleteObject(line1); |
| | | } |
| | | this.initLSYX(); |
| | | } else { |
| | | this.destroyImageLayer(); |
| | | if (!TDLayer) { |
| | |
| | | if (this.isLand) { |
| | | this.loadTDGLLayer(); |
| | | } |
| | | else { |
| | | this.initLSYX(); |
| | | } |
| | | var p = { |
| | | destination: sgworld.Navigate.getPosition(), |
| | | orientation: { |
| | |
| | | }); |
| | | }, |
| | | methods: { |
| | | initLSYX() { |
| | | let ul = document.getElementById("viewer1_lsyx"); |
| | | let lis = ul.getElementsByTagName('li'); |
| | | lis[9].click(); |
| | | }, |
| | | setImageComparison(isStart) { |
| | | this.isImage = isStart; |
| | | if (!this.isImage) { |
| | |
| | | Viewer1.imageryLayers.remove(nLayer, true); |
| | | nLayer = null; |
| | | } |
| | | if (LWLayer) { |
| | | Viewer1.imageryLayers.remove(LWLayer, true); |
| | | LWLayer = null; |
| | | if (LWLayer1) { |
| | | Viewer1.imageryLayers.remove(LWLayer1); |
| | | LWLayer1 = undefined; |
| | | } |
| | | }, |
| | | changeLeftMap(event, item, index) { |
| | |
| | | nLayer = null; |
| | | } |
| | | nLayer = this.loadBJ54ImageLayer(year); |
| | | if (!LWLayer) { |
| | | LWLayer = this.loadBJ54LWLayer(); |
| | | |
| | | if (!LWLayer1 || Viewer1.imageryLayers.indexOf(LWLayer1) < 0) { |
| | | if(LWLayer1) |
| | | { |
| | | LWLayer1.destroy(); |
| | | } |
| | | LWLayer1 = this.loadBJ54LWLayer1(); |
| | | } |
| | | }, |
| | | loadBJ54LWLayer() { |
| | | loadBJ54LWLayer1() { |
| | | let url = "http://172.26.64.84/service/ImageEngine/picdis/abc"; |
| | | //let url = option.url; |
| | | //let year = option.year; |
| | |
| | | brightness: 1.0, |
| | | }); |
| | | Viewer1.imageryLayers.add(imageLayer, 2); |
| | | |
| | | return imageLayer; |
| | | }, |
| | | loadTDGLLayer() { |
| | |
| | | axios |
| | | .get( |
| | | "http://10.10.4.115:8022/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" + |
| | | p.lon + |
| | | "&lat=" + |
| | | p.lat + |
| | | "&geom=true&requesttype=json" |
| | | p.lon + |
| | | "&lat=" + |
| | | p.lat + |
| | | "&geom=true&requesttype=json" |
| | | ) |
| | | .then((response) => { |
| | | let center = { lon: 0, lat: 0 }; |
| | |
| | | axios |
| | | .get( |
| | | "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" + |
| | | response.data.NO |
| | | response.data.NO |
| | | ) |
| | | .then( |
| | | (info) => { |
| | |
| | | } |
| | | try { |
| | | this.ydlx = data.yongdishuju["ydlxmc"]; |
| | | } catch (e) {} |
| | | } catch (e) { } |
| | | try { |
| | | this.cyfx = data.yongdishuju["cyfx"]; |
| | | } catch (e) {} |
| | | } catch (e) { } |
| | | try { |
| | | // this.crzt = response.data["ZT"]; |
| | | switch (response.data["ZT"]) { |
| | |
| | | this.crzt = "未出让"; |
| | | break; |
| | | } |
| | | } catch (e) {} |
| | | } catch (e) { } |
| | | try { |
| | | this.ydmj = parseFloat( |
| | | "" + data.yongdishuju["ydmj"] |
| | | ).toFixed(0); |
| | | } catch (e) {} |
| | | } catch (e) { } |
| | | try { |
| | | this.crnx = data.churangxinxi["crnx"]; |
| | | } catch (e) {} |
| | | } catch (e) { } |
| | | try { |
| | | this.crnf = data.churangxinxi["crnf"]; |
| | | } catch (e) {} |
| | | } catch (e) { } |
| | | try { |
| | | this.rjl = data.yongdishuju["rjl"]; |
| | | } catch (e) {} |
| | | } catch (e) { } |
| | | try { |
| | | this.jzxg = data.yongdishuju["jzxg"]; |
| | | } catch (e) {} |
| | | } catch (e) { } |
| | | try { |
| | | this.jzmd = data.yongdishuju["jzmd"]; |
| | | } catch (e) {} |
| | | } catch (e) {} |
| | | } catch (e) { } |
| | | } catch (e) { } |
| | | }, |
| | | (info) => { |
| | | this.$notify.error({ |
| | |
| | | handleClick(row) { |
| | | window.open( |
| | | "https://qylweb.bda.gov.cn/alldetails/#/newEnterprisedetails?uscc=" + |
| | | row["统一社会信用代码"] + |
| | | "&systemName=中小微" |
| | | row["统一社会信用代码"] + |
| | | "&systemName=中小微" |
| | | ); |
| | | }, |
| | | detectZoom() { |
| | |
| | | box-shadow: 0px 1px 10px 0px rgba(3, 10, 26, 0.38); |
| | | } |
| | | |
| | | .aboutDialog >>> .el-dialog__body { |
| | | .aboutDialog>>>.el-dialog__body { |
| | | height: 77%; |
| | | padding: 0px !important; |
| | | padding: 10px 10px 8px !important; |
| | |
| | | background: transparent; |
| | | } |
| | | |
| | | .aboutDialog >>> .el-dialog__title { |
| | | .aboutDialog>>>.el-dialog__title { |
| | | color: #fff; |
| | | font-size: 1.1rem; |
| | | } |
| | | |
| | | .aboutDialog >>> .el-dialog__headerbtn .el-dialog__close { |
| | | .aboutDialog>>>.el-dialog__headerbtn .el-dialog__close { |
| | | color: #fff; |
| | | } |
| | | |
| | | .aboutDialog >>> .el-dialog__headerbtn:hover .el-dialog__close { |
| | | .aboutDialog>>>.el-dialog__headerbtn:hover .el-dialog__close { |
| | | color: #fff; |
| | | } |
| | | |
| | | .aboutDialog >>> .el-dialog__headerbtn { |
| | | .aboutDialog>>>.el-dialog__headerbtn { |
| | | top: 13px; |
| | | } |
| | | |
| | | .aboutDialog >>> .el-form-item { |
| | | .aboutDialog>>>.el-form-item { |
| | | margin-bottom: 10px; |
| | | } |
| | | |
| | | .el-form >>> .el-form-item__label { |
| | | .el-form>>>.el-form-item__label { |
| | | color: #fff; |
| | | margin-left: 10px; |
| | | } |
| | |
| | | height: 80% !important; |
| | | overflow: auto; |
| | | } |
| | | |
| | | .el-table /deep/ .el-button--text { |
| | | /* color: #fff; */ |
| | | font-size: 14px; |
| | |
| | | background-color: transparent; |
| | | } |
| | | |
| | | .el-table /deep/ .el-table__body tr.current-row > td { |
| | | .el-table /deep/ .el-table__body tr.current-row>td { |
| | | background-color: transparent; |
| | | } |
| | | |
| | | .el-table--enable-row-hover /deep/ .el-table__body tr:hover > td { |
| | | .el-table--enable-row-hover /deep/ .el-table__body tr:hover>td { |
| | | background-color: rgba(0, 32, 70, 0.7) !important; |
| | | } |
| | | |
| | | .el-table__body /deep/ tr.current-row > td { |
| | | .el-table__body /deep/ tr.current-row>td { |
| | | background-color: rgba(0, 32, 70, 0.7) !important; |
| | | } |
| | | |
| | | .aboutDialog .el-dialog-div .dialog-footer { |
| | | } |
| | | .aboutDialog .el-dialog-div .dialog-footer {} |
| | | |
| | | .el-pagination { |
| | | color: #fff; |
| | | } |
| | | |
| | | .el-pagination >>> .el-pagination__total, |
| | | .el-pagination >>> .btn-next, |
| | | .el-pagination >>> .btn-prev { |
| | | .el-pagination>>>.el-pagination__total, |
| | | .el-pagination>>>.btn-next, |
| | | .el-pagination>>>.btn-prev { |
| | | background: transparent; |
| | | color: #fff; |
| | | font-size: 1rem; |
| | | } |
| | | |
| | | .el-pagination >>> .el-pager li { |
| | | .el-pagination>>>.el-pager li { |
| | | line-height: 27px; |
| | | background-color: transparent; |
| | | font-size: 1rem; |
| | | } |
| | | |
| | | .el-pagination >>> .el-pager li.btn-quicknext, |
| | | .el-pagination >>> .el-pager li.btn-quickprev { |
| | | .el-pagination>>>.el-pager li.btn-quicknext, |
| | | .el-pagination>>>.el-pager li.btn-quickprev { |
| | | font-size: 1rem; |
| | | line-height: 28px; |
| | | color: #fff; |
| | |
| | | .listBox li { |
| | | font-size: 12px; |
| | | } |
| | | |
| | | .el-table { |
| | | font-size: 12px; |
| | | } |