<template>
|
<div class="HJContainerRight">
|
|
<div class="boxtop">
|
<div class="titleHead">
|
<span>主导产业</span>
|
<button @click="btnqiehuan">{{ qiehuan }}</button>
|
</div>
|
<div class="topbottom" @click="shuzi()">
|
<div class="content_box">
|
<div @click="electronic">
|
<!-- @mouseover="showHover = true"
|
@mouseleave="showHover = false" -->
|
<img src="../../../assets/images/Right/电子信息装备制造产业园.png" class="img2" />
|
</div>
|
<div class="hover_wrapper">
|
</div>
|
</div>
|
<div class="content_box1">
|
<div @click="medical">
|
<!-- @mouseover="showHover1 = true"
|
@mouseout="showHover1 = false" -->
|
<img src="../../../assets/images/Right/医疗器械产业园.png" class="img3" />
|
</div>
|
<div class="hover_wrapper1">
|
<!-- <div class="hover_container" v-if="showHover1"></div> -->
|
</div>
|
</div>
|
<div class="content_box2">
|
<div @click="digitaleconomy">
|
<!-- @mouseover="showHover2 = true"
|
@mouseout="showHover2 = false" -->
|
<img src="../../../assets/images/Right/数字经济.png" class="img4" />
|
</div>
|
<div class="hover_wrapper2">
|
<!-- <div class="hover_container" ></div> -->
|
</div>
|
</div>
|
<div class="content_box3">
|
<div @click="textile()">
|
<img src="../../../assets/images/Right/轻纺产业园.png" class="img6" />
|
</div>
|
<div class="hover_wrapper3">
|
<!-- <div class="hover_text"></div>
|
<div class="hover_container" v-if="showHover3"></div> -->
|
</div>
|
</div>
|
<div class="content_box4">
|
<div @click="ditan">
|
<img src="../../../assets/images/Right/绿色低碳新材料产业园.png" class="img5" />
|
</div>
|
<div class="hover_wrapper4">
|
<!-- <div class="hover_container" v-if="showHover4"></div> -->
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="boxbottom">
|
<div class="titleHead">
|
<span>标准化厂房使用</span>
|
</div>
|
<div class="bottombox">
|
<div class="box1 boximg1">
|
<div class="msg11">项目生产期限达到</div>
|
<div class="msg12">10年</div>
|
</div>
|
<div class="box1 boximg2">
|
<div class="msg11">每年租金为</div>
|
<div class="msg12">120元/平方米</div>
|
</div>
|
<div class="box1 boximg3">
|
<div class="msg11">免租金为</div>
|
<div class="msg12">3年</div>
|
</div>
|
<div class="box1 boximg4">
|
<div class="msg11">每年税收低于</div>
|
<div class="msg12">120元/平方米</div>
|
</div>
|
<div class="box1 boximg5">
|
<div class="msg11">一次性购买标房评估价</div>
|
<div class="msg12">3240/平方米</div>
|
</div>
|
</div>
|
</div>
|
<!-- <div class="HJContainerRightTop">
|
<div class="HJContainerRightTop1">
|
<div class="title">
|
<span>主导产业</span>
|
<button @click="btnqiehuan">{{ qiehuan }}</button>
|
</div>
|
<div class="primeMoverIndustry">
|
<div>
|
<div class="shuzi" @click="shuzi()"></div>
|
<img src="../../../assets/images/Right/圈.png" class="img1" />
|
|
<div>
|
<div @click="electronic">
|
<img
|
src="../../../assets/images/Right/电子信息装备制造产业园.png"
|
class="img2"
|
@mouseenter="showHover = true"
|
@mouseleave="showHover = false"
|
/>
|
</div>
|
<div class="hover_wrapper">
|
<div class="hover_container" v-if="showHover"></div>
|
</div>
|
</div>
|
<div>
|
<div @click="medical">
|
<img
|
src="../../../assets/images/Right/医疗器械产业园.png"
|
class="img3"
|
@mouseover="showHover1 = true"
|
@mouseout="showHover1 = false"
|
/>
|
</div>
|
<div class="hover_wrapper1">
|
<div class="hover_container" v-if="showHover1"></div>
|
</div>
|
</div>
|
<div>
|
<div @click="digitaleconomy">
|
<img
|
src="../../../assets/images/Right/数字经济.png"
|
class="img4"
|
@mouseover="showHover2 = true"
|
@mouseout="showHover2 = false"
|
/>
|
</div>
|
<div class="hover_wrapper2">
|
<div class="hover_container" v-if="showHover2"></div>
|
</div>
|
</div>
|
<div>
|
<div @click="textile()">
|
<img
|
src="../../../assets/images/Right/轻纺产业园.png"
|
class="img6"
|
@mouseover="showHover3 = true"
|
@mouseout="showHover3 = false"
|
/>
|
</div>
|
<div class="hover_wrapper3">
|
<div class="hover_text"></div>
|
<div class="hover_container" v-if="showHover3"></div>
|
</div>
|
</div>
|
<div>
|
<div @click="ditan">
|
<img
|
src="../../../assets/images/Right/绿色低碳新材料产业园.png"
|
class="img5"
|
@mouseover="showHover4 = true"
|
@mouseout="showHover4 = false"
|
/>
|
</div>
|
<div class="hover_wrapper4">
|
<div class="hover_container" v-if="showHover4"></div>
|
</div>
|
</div>
|
|
</div>
|
|
|
</div>
|
</div>
|
</div>
|
<div class="HJContainerRightBottom">
|
<div class="HJContainerRightBottom1">
|
<div class="title"><span>标准化厂房使用</span></div>
|
<div class="workShop">
|
<div class="msg1">
|
<div class="msg11">项目生产期限</div>
|
<div class="msg12">达到</div>
|
<div class="msg13">10年</div>
|
</div>
|
<div class="msg2">
|
<div class="msg11">每年租金</div>
|
<div class="msg12">为</div>
|
<div class="msg13">120元/平方米</div>
|
</div>
|
<div class="msg4">
|
<div class="msg11">免租金</div>
|
<div class="msg12">为</div>
|
<div class="msg13">3年</div>
|
</div>
|
<div class="msg5">
|
<div class="msg11">每年税收</div>
|
<div class="msg12">不低于</div>
|
<div class="msg13">120元/平方米</div>
|
</div>
|
<div class="msg6">
|
<div class="msg11">一次性购买标房评估价</div>
|
|
<div class="msg13">3240/平方米</div>
|
</div>
|
</div>
|
</div>
|
</div> -->
|
<el-dialog v-dialogDrag title="电子信息装备制造产业园" :visible.sync="dialogVisible1" width="3659" class="datlog"
|
:before-close="handleDialogClose1">
|
<div style="height: 690px; overflow: auto">
|
<img src="../../../assets/images/Right/电子信息装备制造产业园.png" />
|
<p>
|
依托朝阳地区得天独厚的自然禀赋和优越的农业基础，开发区规划6平方公里的农产品深加工产业园，引进农产品相关产业，努力打造由生产基地到消费者的完整产业链，建设高质量的现代化衣业产业示范园区。
|
</p>
|
<p>朝阳市是农业大市，光热资源丰富、空气通透性好、土壤质地优良。</p>
|
<p>
|
开发区项目用地充足，是农业产业化发展、投资农产品深加工的最佳创业高地，产业发展潜力巨大。
|
</p>
|
</div>
|
</el-dialog>
|
<el-dialog v-dialogDrag title="医疗器械产业园" :visible.sync="dialogVisible2" width="3659" class="datlog"
|
:before-close="handleDialogClose2">
|
<div style="height: 690px; overflow: auto">
|
<img src="../../../assets/images/高新技术.png" />
|
<p>
|
朝阳经济技术开发区地理位置优越，区位交通优势日趋明显，东连江宁中部工业城市群，西接京津唐经济圈。与京津冀地区工业体系相似度高，产业基础坚实，后发优势强，具备承接京津冀产业转移的能力。
|
</p>
|
<p>
|
目前，由紫光云技术有限公问建设的数字经济产业园项目已经落地，项目总授资12亿元。数字化转型每覆盖千亿产业集群可拉动数字经济增长超过100亿元；数字经济催生新的就业岗位，可引进及培养人才3000人以上，解决就业5000人以上，带动新增就业比例达20%以上。将带动200家生态合作伙伴落地，预计拉动GDP超40亿元，打造垂直领域的数字产业链，聚集数百家生态企业，优化产业结构，实现资源优化配置。
|
</p>
|
<p>
|
开发区针对高新技术产业有完善的扶持政策，在土地政策方面高新技术等新兴产业项目给予资金支持。在租用开发区标房方面，企业被认定为省级以上高新技术企业的，在前3年免收租赁费的基础上再免1年租赁费。对干支撑性重大的高新技术产业项目，可采取“一事一议”、”一企一策”的方式给予更大的支持。同时开发区将为企积极协调争取突破辽西北战略扶持政策。区内水、电、路、通讯等基础设施配套齐全，土地资源充足，完全可以满足项目建设的需要。
|
</p>
|
</div>
|
</el-dialog>
|
<el-dialog v-dialogDrag title="高端装备制造" :visible.sync="dialogVisible3" width="3659" class="datlog"
|
:before-close="handleDialogClose3">
|
<div style="height: 690px; overflow: auto">
|
<img src="../../../assets/images/高端装备制造.png" />
|
<p>
|
抓住现有300多家为华晨宝马汽车配套的零部件企业进入辽宁的契机，与华晨金杯集团初步达成意向，同意将开发区作为汽车零部件企业进入辽宁的承接地之一。
|
</p>
|
<p>
|
宝马汽车零部件产业园位于长深高速朝阳北出口，总占地3000亩，预计投资50亿元。项目一期工程占地369亩，计划投资8亿元，将利用其中176亩、投资2.1亿元建设标准化厂房6万平方米，提供给轻资产零部件企业使用，剩余193亩土地用于企业自建。同时，朝阳市内还有东风朝阳柴油机、朝阳浪马轮胎、朝阳飞马铸造等一批本地汽车零部件企业也都为开发区的汽车零部件产业奠定了基础。
|
</p>
|
<p>
|
朝阳经济技术开发区为企业建设和发展提供“保姆式”服务，且基础设施齐全，项目用地充足，区位交通便利，完全能够满足企业发展需求。
|
</p>
|
</div>
|
</el-dialog>
|
<el-dialog v-dialogDrag title="轻纺产业园" :visible.sync="dialogVisible6" width="3659" class="datlog"
|
:before-close="handleDialogClose6">
|
<div style="height: 690px; overflow: auto">
|
<img src="../../../assets/images/厂房.png" />
|
<p>
|
抓住现有300多家为华晨宝马汽车配套的零部件企业进入辽宁的契机，与华晨金杯集团初步达成意向，同意将开发区作为汽车零部件企业进入辽宁的承接地之一。
|
</p>
|
<p>
|
宝马汽车零部件产业园位于长深高速朝阳北出口，总占地3000亩，预计投资50亿元。项目一期工程占地369亩，计划投资8亿元，将利用其中176亩、投资2.1亿元建设标准化厂房6万平方米，提供给轻资产零部件企业使用，剩余193亩土地用于企业自建。同时，朝阳市内还有东风朝阳柴油机、朝阳浪马轮胎、朝阳飞马铸造等一批本地汽车零部件企业也都为开发区的汽车零部件产业奠定了基础。
|
</p>
|
<p>
|
朝阳经济技术开发区为企业建设和发展提供“保姆式”服务，且基础设施齐全，项目用地充足，区位交通便利，完全能够满足企业发展需求。
|
</p>
|
</div>
|
</el-dialog>
|
<el-dialog v-dialogDrag title="绿色低碳新材料产业园" :visible.sync="dialogVisible4" width="3659" class="datlog"
|
:before-close="handleDialogClose4">
|
<div style="height: 690px; overflow: auto">
|
<img src="../../../assets/images/Right/绿色低碳新材料产业园.png" />
|
<p>
|
开发区是朝阳中心城区扩容提质核心承载区，起步区规划28平方公里，基础设施完备，在燕都商务大厦、中海国际金融街、凤凰国际酒店、万国码头海洋主题商街、壹品人家精品住宅小区、碧桂园燕都府等一批重点项目的带动下，已经初具规模和形象。区内有3000多亩商住混合用地已征为国有，具备土地出让条件，已经全部实现“七通一平”。
|
</p>
|
</div>
|
</el-dialog>
|
<!-- <el-dialog v-dialogDrag title="标准化厂房使用" :visible.sync="dialogVisible5" width="3659" class="datlog"-->
|
<!-- :before-close="handleDialogClose5">-->
|
<!-- <div style="height: 690px;overflow: auto;">-->
|
<!-- <img src="../../../assets/images/厂房.png">-->
|
<!-- <p>（一）企业准入条件</p>-->
|
<!-- <p>1.符合国家产业政策、园区产业规划以及环境、安全、消防、卫生等标准。</p>-->
|
<!-- <p>2.在开发区成立新的法人公司，注册资本不低于500万元，总投资5000万元以上的工业项目。</p>-->
|
<!-- <p>3.自厂房租赁协议签订之日起6个月内正式投产运营。</p>-->
|
<!-- <p>（二）租赁、出售政策</p>-->
|
<!-- <p>1.租赁政策-->
|
<!-- 租用开发区标房的工业项目，自项目入驻标房之日起，租金按每月每平方米6元收取，物业费按每月每平方米0.5元收取，前3年免收租赁费，企业纳税开发区地方留成部分须覆盖租金，如未覆盖租金，租金每个租赁年年底补齐，不免物业费及水电费。企业被认定为省级以上高新技术企业的再免收1年租金，不免物业费及水电费。免租期过后，当年租赁费和物业费企业先支付后再继续使用。签订厂房租赁协议时，企业应交纳相当于3个月租赁费的保证金。如不享受免租政策，还可以选择享受自项目投产之日起，开发区财政留成部分前两年度100%、第三年度50%给予企业技术研发和市场开拓支持。</p>-->
|
<!-- <p>2.出售政策</p>-->
|
<!-- <p>（1）企业直接购买标准化厂房的，首付款不少于总价的50%，余款应在一年内付清。一次性付清购房款的，给予企业等同于厂房出售价款10%的支持资金。</p>-->
|
<!-- <p>（2）企业自租赁合同签订之日起5年内（含5年）购买标准化厂房的，企业实际缴纳的租金100%充抵购房款，若3年内（含3年）购买的，在实际缴纳租金100%充抵购房款的同时，给予企业等同于厂房出售价款5%的支持资金。</p>-->
|
<!-- <p>（3）企业在约定时间内付清房款后，开发区负责办理产权证书，相关税费按有关规定执行。</p>-->
|
<!-- </div>-->
|
<!-- </el-dialog>-->
|
</div>
|
</template>
|
|
<script>
|
import { axios_get, axios_post } from "../../../until/request.js";
|
import HttpUrl from "@/config/http";
|
|
export default {
|
components: {},
|
data() {
|
return {
|
showHover1: false,
|
showHover: false,
|
showHover2: false,
|
showHover3: false,
|
showHover4: false,
|
|
dialogVisible1: false,
|
dialogVisible2: false,
|
dialogVisible3: false,
|
dialogVisible4: false,
|
dialogVisible5: false,
|
dialogVisible6: false,
|
DialogClose1: false,
|
DialogClose2: false,
|
DialogClose3: false,
|
DialogClose4: false,
|
DialogClose5: false,
|
DialogClose6: false,
|
|
fineModelOneShow: false,
|
fineModelTwoShow: false,
|
tileModelTwoShow: false,
|
|
HXShow: false,
|
YLShow: false,
|
DZShow: false,
|
DTShow: false,
|
GDData: false,
|
qiehuan: "园区实景",
|
};
|
},
|
|
mounted() {
|
// this.$nextTick(function () {
|
// //场景
|
// window.sceneObj = {
|
// backImage: null,
|
// effects: [],
|
// simpleModel: null,
|
// circleLight: null,
|
// flyLine: null,
|
// scanLight: null,
|
// tiltLowModel: null,
|
// tiltHighModel: null,
|
// companyObj: [],
|
// heatmapLayer: null,
|
// cyghtLayer: null,
|
// sctLayer: null,
|
// wytLayer: null,
|
//
|
// qxData1: null, //镂空后倾斜数据
|
// qxData2: null, //单体数据
|
// qxData3: null, //单体地面
|
// qxData4: null, //树木植被
|
// qxData5: null, //双创大厦
|
//
|
// //wms
|
// RH3Data: null,
|
// RH5Data: null,
|
// BlueData: null,
|
// BlackData: null,
|
// HGArea: null,
|
// YDArea: null,
|
// JMData: null,
|
// LDData: null,
|
// JCData: null,
|
// ESData: null,
|
// HXData: null,
|
// YLData: null,
|
// DTData: null,
|
// DZData: null,
|
// GDData: null,
|
// GHYDData: null,
|
// JSData: null,
|
// RQData: null,
|
// ZQData: null,
|
// ZSData: null,
|
// WSData: null,
|
// YJData: null,
|
// QYData: null,
|
// GHData: null,
|
// ZDData: null,
|
//
|
//
|
// //label
|
// HGAreaL: null,
|
// YDAreaL: null,
|
// JMDataL: null,
|
// JCDataL: null,
|
// ESDataL: null,
|
// HXDataL: null,
|
// GHYDDataL: null,
|
// JSDataL: null,
|
// RQDataL: null,
|
// ZQDataL: null,
|
// ZSDataL: null,
|
// WSDataL: null,
|
// QYDataL: null,
|
// LWData: null,
|
//
|
// QYRLLayer: null,
|
// QYZZLayer: null,
|
//
|
// WHPQYFB: null,
|
//
|
//
|
// waterLayer: null,
|
// baseEqumentLayer: null,
|
// highlight: null,
|
//
|
// waterClock: null,
|
//
|
// WaterLocList: [],//智慧水务的打点信息
|
//
|
//
|
// handler: null,
|
// handlerOnframe: null,
|
//
|
//
|
// };
|
//
|
// });
|
},
|
|
methods: {
|
btnqiehuan() {
|
if (this.qiehuan == "园区实景") this.qiehuan = "园区范围";
|
else this.qiehuan = "园区实景";
|
},
|
ditan() {
|
if (this.qiehuan === "园区实景") this.green();
|
else this.greenLine();
|
},
|
electronic() {
|
if (this.qiehuan === "园区实景") this.dianzi();
|
else this.dianziLine();
|
},
|
textile() {
|
if (this.qiehuan === "园区实景") this.ShowHXArea();
|
else this.ShowHXAreaLine();
|
},
|
digitaleconomy() {
|
if (this.qiehuan === "园区实景") this.gaoduan();
|
else this.gaoduanLine();
|
},
|
medical() {
|
if (this.qiehuan === "园区实景") this.yiliao();
|
else this.yiliaoLine();
|
},
|
flyToLoction() {
|
sgworld.Viewer.camera.setView({
|
// destination : Cesium.Cartesian3.fromDegrees(120.586486,41.303682 , 30000),
|
destination: Cesium.Cartesian3.fromDegrees(
|
120.504909,
|
41.632103,
|
30000
|
),
|
});
|
},
|
//创建WMS服务
|
createWMSLayer(url, layer) {
|
this.flyToLoction();
|
|
url = HttpUrl.GISERVEER + url;
|
var dx = sgworld.Creator.createImageryProvider(
|
"gisserver",
|
"wms",
|
{
|
url: url,
|
layers: layer,
|
parameters: {
|
format: "image/png",
|
transparent: true,
|
},
|
},
|
"0",
|
undefined,
|
true,
|
""
|
);
|
|
return dx;
|
},
|
|
//电子信息装备制造产业园
|
CheckAttachment(parm) {
|
switch (parm) {
|
case "电子信息装备制造产业园":
|
this.DialogClose1 = true;
|
this.dialogVisible1 = true;
|
break;
|
case "医疗器械产业园":
|
this.dialogVisible2 = true;
|
this.DialogClose2 = true;
|
break;
|
case "高端装备制造":
|
this.dialogVisible3 = true;
|
this.DialogClose3 = true;
|
break;
|
case "轻纺产业园":
|
this.dialogVisible6 = true;
|
this.DialogClose6 = true;
|
break;
|
case "绿色低碳新材料产业园":
|
this.dialogVisible4 = true;
|
this.DialogClose4 = true;
|
break;
|
case "标准化厂房使用":
|
this.dialogVisible5 = true;
|
this.DialogClose5 = true;
|
break;
|
}
|
},
|
createTwoFineModel() {
|
var url1 = "http://127.0.0.1:8090/gisserver/c3dserver/05202/tileset.json";
|
window.sceneObj.fineModelTwo = sgworld.Creator.create3DTilesets(
|
"",
|
url1,
|
{},
|
{ groundheight: -160 },
|
0,
|
true,
|
(data) => { }
|
);
|
},
|
|
createOneFineModel() {
|
var url1 = "http://127.0.0.1:8090/gisserver/c3dserver/05201/tileset.json";
|
window.sceneObj.fineModelOne = sgworld.Creator.create3DTilesets(
|
"",
|
url1,
|
{},
|
{ groundheight: -175 },
|
0,
|
true,
|
(data) => { }
|
);
|
},
|
|
jingmo() {
|
this.fineModelOneShow = !this.fineModelOneShow;
|
if (this.fineModelOneShow) {
|
if (window.sceneObj.fineModelOne != null) {
|
window.sceneObj.fineModelOne.setVisibility(this.fineModelOneShow);
|
} else {
|
this.createOneFineModel();
|
}
|
} else {
|
if (window.sceneObj.fineModelOne != null) {
|
window.sceneObj.fineModelOne.setVisibility(this.fineModelOneShow);
|
}
|
}
|
},
|
//加载倾斜区域
|
ShowQXData() {
|
this.QXShow = !this.QXShow;
|
this.showTwoTileModel();
|
if (this.QXShow) {
|
this.AddMXClick();
|
//镂空后倾斜数据
|
if (window.sceneObj.qxData1 != null) {
|
window.sceneObj.qxData1.setVisibility(this.QXShow);
|
} else {
|
this.Creat3DtileLoad(
|
"/gisserver/c3dserver/qingxie1/tileset.json",
|
"1"
|
);
|
}
|
} else {
|
if (window.sceneObj.qxData1 != null) {
|
window.sceneObj.qxData1.setVisibility(this.QXShow);
|
}
|
}
|
},
|
showTwoTileModel() {
|
this.tileModelTwoShow = !this.tileModelTwoShow;
|
if (this.tileModelTwoShow) {
|
if (window.sceneObj.tileModelTwo != null) {
|
window.sceneObj.tileModelTwo.setVisibility(this.tileModelTwoShow);
|
} else {
|
this.createTwoTileModel();
|
}
|
} else {
|
if (window.sceneObj.tileModelTwo != null) {
|
window.sceneObj.tileModelTwo.setVisibility(this.tileModelTwoShow);
|
}
|
}
|
},
|
//添加倾斜模型点击模型事件
|
AddMXClick() {
|
this.handler = new Cesium.ScreenSpaceEventHandler(
|
sgworld.Viewer.scene.canvas
|
);
|
let _that = this;
|
this.handler.setInputAction(function (event) {
|
console.log("dianjishijian");
|
var pickFeature = sgworld.Viewer.scene.pick(event.position);
|
|
if (pickFeature && pickFeature.getProperty) {
|
_that.ModelList = [];
|
let names = pickFeature.getPropertyNames();
|
names.forEach((name) => {
|
let obj = {
|
name: name,
|
value: pickFeature.getProperty(name),
|
};
|
_that.ModelList.push(obj);
|
});
|
|
_that.dialogVisible1 = true;
|
} else {
|
_that.dialogVisible1 = false;
|
}
|
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
},
|
//创建倾斜数据加载
|
Creat3DtileLoad(url, parm) {
|
url = HttpUrl.GISERVEER + url;
|
switch (parm) {
|
case "1":
|
window.sceneObj.qxData1 = sgworld.Creator.create3DTilesets(
|
"",
|
url,
|
{},
|
{
|
groundheight: -160,
|
},
|
0,
|
true,
|
(data) => {
|
sgworld.Navigate.flyToObj(data);
|
}
|
);
|
break;
|
case "2":
|
window.sceneObj.qxData2 = sgworld.Creator.create3DTilesets(
|
"",
|
url,
|
{},
|
{
|
groundheight: -130,
|
},
|
0,
|
true,
|
(data) => {
|
sgworld.Navigate.flyToObj(data);
|
}
|
);
|
break;
|
case "3":
|
window.sceneObj.qxData3 = sgworld.Creator.create3DTilesets(
|
"",
|
url,
|
{},
|
{
|
groundheight: -130,
|
},
|
0,
|
true,
|
(data) => {
|
sgworld.Navigate.flyToObj(data);
|
}
|
);
|
break;
|
case "4":
|
window.sceneObj.qxData4 = sgworld.Creator.create3DTilesets(
|
"",
|
url,
|
{},
|
{
|
groundheight: -130,
|
},
|
0,
|
true,
|
(data) => {
|
sgworld.Navigate.flyToObj(data);
|
}
|
);
|
break;
|
case "5":
|
window.sceneObj.qxData5 = sgworld.Creator.create3DTilesets(
|
"",
|
url,
|
{},
|
{
|
groundheight: -220,
|
},
|
0,
|
true,
|
(data) => {
|
sgworld.Navigate.flyToObj(data);
|
}
|
);
|
break;
|
default:
|
break;
|
}
|
},
|
//倾斜区域二
|
createTwoTileModel() {
|
var url1 =
|
"http://127.0.0.1:8090/gisserver/c3dserver/qingxie2/tileset.json";
|
window.sceneObj.tileModelTwo = sgworld.Creator.create3DTilesets(
|
"",
|
url1,
|
{},
|
{ groundheight: -160 },
|
0,
|
true,
|
(data) => { }
|
);
|
},
|
|
//展示轻纺制造区
|
ShowHXArea() {
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.551732, 41.643983, 500),
|
orientation: {
|
heading: Cesium.Math.toRadians(4.0),
|
pitch: Cesium.Math.toRadians(-38.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
// this.jingmo();
|
},
|
ShowHXAreaLine() {
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.546632, 41.603584, 4000),
|
orientation: {
|
heading: Cesium.Math.toRadians(0.0),
|
pitch: Cesium.Math.toRadians(-45.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
this.HXShow = !this.HXShow;
|
this.YLShow = false;
|
this.DZShow = false;
|
this.GDShow = false;
|
this.DTShow = false;
|
|
if (this.HXShow) {
|
//加载wms服务
|
if (window.sceneObj.HXData != null) {
|
window.sceneObj.HXData.setVisibility(this.HXShow);
|
} else {
|
window.sceneObj.HXData = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_QFZZY1_wms",
|
""
|
);
|
}
|
} else {
|
if (window.sceneObj.HXData != null) {
|
window.sceneObj.HXData.setVisibility(this.HXShow);
|
}
|
}
|
},
|
shuzi() {
|
if (window.sceneObj.fineModelTwo != null) return
|
|
this.$bus.$emit("RightLeftChange", "8");
|
// this.fineModelTwoShow = !this.fineModelTwoShow;
|
// if (this.fineModelTwoShow) {
|
// if (window.sceneObj.fineModelTwo != null) {
|
// window.sceneObj.fineModelTwo.setVisibility(this.fineModelTwoShow);
|
// } else {
|
// this.createTwoFineModel();
|
// }
|
// } else {
|
// if (window.sceneObj.fineModelTwo != null) {
|
// window.sceneObj.fineModelTwo.setVisibility(this.fineModelTwoShow);
|
// }
|
// }
|
},
|
yiliao() {
|
// this.jingmo();
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.492987, 41.633561, 500),
|
orientation: {
|
heading: Cesium.Math.toRadians(-25.0),
|
pitch: Cesium.Math.toRadians(-38.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
},
|
yiliaoLine() {
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.495987, 41.606861, 4000),
|
orientation: {
|
heading: Cesium.Math.toRadians(0.0),
|
pitch: Cesium.Math.toRadians(-45.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
this.YLShow = !this.YLShow;
|
this.HXShow = false;
|
this.DZShow = false;
|
this.GDShow = false;
|
this.DTShow = false;
|
if (this.YLShow) {
|
//加载wms服务
|
if (window.sceneObj.YLData != null) {
|
window.sceneObj.YLData.setVisibility(this.YLShow);
|
} else {
|
window.sceneObj.YLData = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_YLDZ",
|
""
|
);
|
}
|
} else {
|
if (window.sceneObj.YLData != null) {
|
window.sceneObj.YLData.setVisibility(this.YLShow);
|
}
|
}
|
},
|
dianzi() {
|
// this.jingmo();
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.491987, 41.633061, 500),
|
orientation: {
|
heading: Cesium.Math.toRadians(-14.0),
|
pitch: Cesium.Math.toRadians(-38.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
// Viewer.camera.setView(pointsInterest)
|
},
|
dianziLine() {
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.495987, 41.606861, 4000),
|
orientation: {
|
heading: Cesium.Math.toRadians(0.0),
|
pitch: Cesium.Math.toRadians(-45.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
this.DZShow = !this.DZShow;
|
this.YLShow = false;
|
this.HXShow = false;
|
this.GDShow = false;
|
this.DTShow = false;
|
if (this.DZShow) {
|
//加载wms服务
|
if (window.sceneObj.DZData != null) {
|
window.sceneObj.DZData.setVisibility(this.DZShow);
|
} else {
|
window.sceneObj.DZData = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_YLDZ",
|
""
|
);
|
}
|
} else {
|
if (window.sceneObj.DZData != null) {
|
window.sceneObj.DZData.setVisibility(this.DZShow);
|
}
|
}
|
},
|
gaoduan() {
|
// this.ShowQXData();
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.47822, 41.59031, 700),
|
orientation: {
|
heading: Cesium.Math.toRadians(0.0),
|
pitch: Cesium.Math.toRadians(-45.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
},
|
gaoduanLine() {
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.495987, 41.606861, 4000),
|
orientation: {
|
heading: Cesium.Math.toRadians(0.0),
|
pitch: Cesium.Math.toRadians(-45.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
this.GDShow = !this.GDShow;
|
this.DZShow = false;
|
this.YLShow = false;
|
this.HXShow = false;
|
this.DTShow = false;
|
if (this.GDShow) {
|
//加载wms服务
|
if (window.sceneObj.GDData != null) {
|
window.sceneObj.GDData.setVisibility(this.GDShow);
|
} else {
|
window.sceneObj.GDData = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_GDZA",
|
""
|
);
|
}
|
} else {
|
if (window.sceneObj.GDData != null) {
|
window.sceneObj.GDData.setVisibility(this.GDShow);
|
}
|
}
|
},
|
green() {
|
this.jingmo();
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.540832, 41.653084, 500),
|
orientation: {
|
heading: Cesium.Math.toRadians(5),
|
pitch: Cesium.Math.toRadians(-38.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
},
|
greenLine() {
|
var pointsInterest = {
|
destination: Cesium.Cartesian3.fromDegrees(120.541069, 41.620117, 4000),
|
orientation: {
|
heading: Cesium.Math.toRadians(0.0),
|
pitch: Cesium.Math.toRadians(-45.0),
|
roll: Cesium.Math.toRadians(0.0),
|
},
|
};
|
sgworld.Navigate.flyToPointsInterest(pointsInterest);
|
this.DTShow = !this.DTShow;
|
this.GDShow = false;
|
this.DZShow = false;
|
this.YLShow = false;
|
this.HXShow = false;
|
this.fineModelOneShow = false;
|
if (this.DTShow) {
|
//加载wms服务
|
if (window.sceneObj.DTData != null) {
|
window.sceneObj.DTData.setVisibility(this.DTShow);
|
} else {
|
window.sceneObj.DTData = this.createWMSLayer(
|
"/gisserver/wmsserver/JKQ_LSDT",
|
""
|
);
|
}
|
} else {
|
if (window.sceneObj.DTData != null) {
|
window.sceneObj.DTData.setVisibility(this.DTShow);
|
}
|
}
|
},
|
handleDialogClose1() {
|
this.dialogVisible1 = false;
|
this.DialogClose1 = false;
|
},
|
handleDialogClose2() {
|
this.dialogVisible2 = false;
|
this.DialogClose2 = false;
|
},
|
handleDialogClose3() {
|
this.dialogVisible3 = false;
|
this.DialogClose3 = false;
|
},
|
handleDialogClose4() {
|
this.dialogVisible4 = false;
|
this.DialogClose4 = false;
|
},
|
handleDialogClose5() {
|
this.dialogVisible5 = false;
|
this.DialogClose5 = false;
|
},
|
handleDialogClose6() {
|
this.dialogVisible6 = false;
|
this.DialogClose6 = false;
|
},
|
},
|
|
destroyed() {
|
if (this.handler != null) {
|
this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
this.handler = null;
|
}
|
if (this.location.length > 0) {
|
for (let i = 0; i < this.location.length; i++) {
|
this.location[i].deleteObject();
|
}
|
}
|
|
if (this.time1 != null) {
|
clearInterval(this.time1);
|
}
|
if (this.time2 != null) {
|
clearInterval(this.time2);
|
}
|
},
|
};
|
</script>
|
|
<style lang="less" scoped="scoped">
|
.HJContainerRight {
|
height: 100%;
|
width: 98%;
|
// display: flex;
|
// flex-direction: column;
|
|
.boxtop {
|
width: 100%;
|
height: 49.5%;
|
|
.topbottom {
|
width: 100%;
|
height: calc(100% - 158px);
|
margin-top: 65px;
|
background-image: url(../../../assets/images/Right/圈.png);
|
background-size: 100% 100%;
|
}
|
}
|
|
.boxbottom {
|
width: 100%;
|
height: 49.5%;
|
margin-top: 1%;
|
|
.bottombox {
|
width: 100%;
|
height: 78%;
|
display: flex;
|
justify-content: space-around;
|
margin-top: 50px;
|
flex-flow: row wrap;
|
|
.boximg1 {
|
background: url("../../../assets/images/Right/项目生产期限.png");
|
background-size: 100% 100%;
|
}
|
|
.boximg2 {
|
background: url("../../../assets/images/Right/税收.png");
|
background-size: 100% 100%;
|
}
|
|
.boximg3 {
|
background: url("../../../assets/images/Right/免租金.png");
|
background-size: 100% 100%;
|
}
|
|
.boximg4 {
|
background: url("../../../assets/images/Right/税收.png");
|
background-size: 100% 100%;
|
}
|
|
.boximg5 {
|
background: url("../../../assets/images/Right/评估价.png");
|
background-size: 100% 100%;
|
}
|
|
.box1 {
|
width: 410px;
|
height: 110px;
|
}
|
|
.msg11 {
|
color: white;
|
font-size: 20px;
|
margin: 42px 0 0 85px;
|
width: 165px;
|
text-align: center;
|
float: left;
|
}
|
|
.msg12 {
|
font-size: 20px;
|
margin: 42px 0 0 280px;
|
width: 90px;
|
text-align: center;
|
color: #fdf40c;
|
}
|
}
|
}
|
|
.titleHead {
|
width: 100%;
|
height: 38px;
|
background-image: url(../../../assets/images/title.png);
|
background-size: 100% 100%;
|
font-family: MytitileName;
|
font-size: 28px;
|
display: flex;
|
align-items: center;
|
color: #98deff;
|
letter-spacing: 3px;
|
|
span {
|
width: 70%;
|
text-indent: 70px;
|
}
|
|
button {
|
height: 80%;
|
width: 20%;
|
font-size: 24px;
|
font-family: "microsoft yahei";
|
background-color: transparent;
|
color: #ffffff;
|
border: solid 1px #04a7dc;
|
background-color: #020919;
|
border-radius: 10px;
|
}
|
}
|
|
|
.content_box {
|
width: 220px;
|
height: 255px;
|
position: absolute;
|
top: 510px;
|
right: 205px;
|
}
|
|
.content_box1 {
|
width: 220px;
|
height: 255px;
|
position: absolute;
|
top: 295px;
|
left: 175px;
|
}
|
|
.content_box2 {
|
width: 220px;
|
height: 255px;
|
position: absolute;
|
top: 295px;
|
right: 80px;
|
}
|
|
.content_box3 {
|
width: 220px;
|
height: 255px;
|
position: absolute;
|
left: 495px;
|
top: 200px;
|
}
|
|
.content_box4 {
|
width: 220px;
|
height: 255px;
|
position: absolute;
|
left: 265px;
|
top: 510px;
|
}
|
|
|
|
.content_box:hover .hover_wrapper {
|
display: block;
|
}
|
|
.content_box1:hover .hover_wrapper1 {
|
display: block;
|
}
|
|
.content_box2:hover .hover_wrapper2 {
|
display: block;
|
}
|
|
.content_box3:hover .hover_wrapper3 {
|
display: block;
|
}
|
|
.content_box4:hover .hover_wrapper4 {
|
display: block;
|
}
|
|
.img2 {
|
width: 100%;
|
height: 100%;
|
}
|
|
.img3 {
|
width: 100%;
|
height: 100%;
|
}
|
|
.img4 {
|
width: 100%;
|
height: 100%;
|
}
|
|
.img5 {
|
width: 100%;
|
height: 100%;
|
}
|
|
.img6 {
|
width: 100%;
|
height: 100%;
|
}
|
|
.HJContainerRightTop {
|
height: 50%;
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-around;
|
|
.HJContainerRightTop1 {
|
width: 100%;
|
height: 100%;
|
|
.title {
|
width: 100%;
|
}
|
|
.primeMoverIndustry {
|
.img1 {
|
margin: 146px 0 0 10px;
|
}
|
|
.img2 {
|
position: absolute;
|
top: 507px;
|
right: 240px;
|
}
|
|
.img3 {
|
position: absolute;
|
top: 250px;
|
left: 260px;
|
}
|
|
.img4 {
|
position: absolute;
|
right: 245px;
|
top: 250px;
|
}
|
|
.img5 {
|
position: absolute;
|
left: 337px;
|
top: 507px;
|
}
|
|
.img6 {
|
position: absolute;
|
left: 577px;
|
top: 205px;
|
}
|
}
|
}
|
|
.HJContainerRightTop2 {
|
width: 49%;
|
height: 100%;
|
}
|
}
|
|
.HJContainerRightBottom {
|
height: 50%;
|
width: 100%;
|
|
.HJContainerRightBottom1 {
|
height: 100%;
|
width: 100%;
|
|
.workShop {
|
width: 1170px;
|
height: 50%;
|
display: flex;
|
flex-direction: row;
|
flex-wrap: wrap;
|
align-content: center;
|
justify-content: center;
|
margin-top: 120px;
|
|
.msg1 {
|
width: 584px;
|
height: 113px;
|
background: url("../../../assets/images/Right/项目生产期限.png") no-repeat;
|
margin-bottom: 40px;
|
|
.msg11 {
|
color: #ffffff;
|
font-size: 26px;
|
width: 96px;
|
margin: 20px 0 0 140px;
|
}
|
|
.msg12 {
|
color: #ffffff;
|
font-size: 27px;
|
margin: -50px 0 0 290px;
|
}
|
|
.msg13 {
|
font-size: 27px;
|
font-weight: bold;
|
color: #fdf40c;
|
margin: -36px 0 0 436px;
|
}
|
}
|
|
.msg2 {
|
width: 584px;
|
height: 113px;
|
background: url("../../../assets/images/Right/税收.png") no-repeat;
|
margin-bottom: 40px;
|
|
.msg11 {
|
color: #ffffff;
|
font-size: 30px;
|
margin: 38px 0 0 117px;
|
}
|
|
.msg12 {
|
color: #ffffff;
|
font-size: 27px;
|
margin: -39px 0 0 305px;
|
}
|
|
.msg13 {
|
font-size: 27px;
|
font-weight: bold;
|
color: #fdf40c;
|
margin: -36px 0 0 398px;
|
}
|
}
|
|
.msg3 {
|
width: 584px;
|
height: 113px;
|
background: url("../../../assets/images/Right/每年租金.png") no-repeat;
|
margin-bottom: 40px;
|
|
.msg11 {
|
color: #ffffff;
|
font-size: 30px;
|
margin: 37px 0 0 130px;
|
}
|
|
.msg12 {
|
color: #ffffff;
|
font-size: 27px;
|
margin: -37px 0 0 308px;
|
}
|
|
.msg13 {
|
font-size: 27px;
|
font-weight: bold;
|
color: #fdf40c;
|
margin: -36px 0 0 431px;
|
}
|
}
|
|
.msg4 {
|
width: 584px;
|
height: 113px;
|
background: url("../../../assets/images/Right/免租金.png") no-repeat;
|
margin-bottom: 40px;
|
|
.msg11 {
|
color: #ffffff;
|
font-size: 30px;
|
margin: 37px 0 0 150px;
|
}
|
|
.msg12 {
|
color: #ffffff;
|
font-size: 27px;
|
margin: -37px 0 0 308px;
|
}
|
|
.msg13 {
|
font-size: 27px;
|
font-weight: bold;
|
color: #fdf40c;
|
margin: -36px 0 0 446px;
|
}
|
}
|
|
.msg5 {
|
width: 584px;
|
height: 113px;
|
background: url("../../../assets/images/Right/税收.png") no-repeat;
|
margin-bottom: 40px;
|
|
.msg11 {
|
color: #ffffff;
|
font-size: 30px;
|
margin: 38px 0 0 121px;
|
}
|
|
.msg12 {
|
color: #ffffff;
|
font-size: 27px;
|
margin: -36px 0 0 275px;
|
}
|
|
.msg13 {
|
font-size: 27px;
|
font-weight: bold;
|
color: #fdf40c;
|
margin: -36px 0 0 398px;
|
}
|
}
|
|
.msg6 {
|
width: 584px;
|
height: 113px;
|
background: url("../../../assets/images/Right/评估价.png") no-repeat;
|
margin-bottom: 40px;
|
|
.msg11 {
|
color: #ffffff;
|
font-size: 27px;
|
margin: 37px 0 0 117px;
|
}
|
|
.msg12 {
|
color: #ffffff;
|
font-size: 27px;
|
margin: -37px 0 0 278px;
|
}
|
|
.msg13 {
|
font-size: 27px;
|
font-weight: bold;
|
color: #fdf40c;
|
margin: -36px 0 0 393px;
|
}
|
}
|
}
|
}
|
}
|
}
|
|
.title {
|
width: 100%;
|
height: 38px;
|
background-image: url(../../../assets/images/title.png);
|
background-size: 100% 100%;
|
font-family: MytitileName;
|
font-size: 28px;
|
display: flex;
|
align-items: center;
|
color: #98deff;
|
letter-spacing: 3px;
|
|
span {
|
width: 70%;
|
text-indent: 70px;
|
}
|
|
button {
|
height: 80%;
|
width: 20%;
|
font-size: 24px;
|
font-family: "microsoft yahei";
|
background-color: transparent;
|
color: #ffffff;
|
border: solid 1px #04a7dc;
|
background-color: #020919;
|
border-radius: 10px;
|
}
|
}
|
|
.titleC {
|
width: 100%;
|
height: 44px;
|
background-image: url(../../../assets/images/titleC.png);
|
background-size: 100% 100%;
|
font-family: MytitileName;
|
font-size: 28px;
|
display: flex;
|
align-items: center;
|
color: #98deff;
|
text-indent: 70px;
|
letter-spacing: 3px;
|
}
|
|
.HGTitle /deep/ .el-dialog {
|
background-image: url(../../../assets/image/Left/EnterpriseOperation/secondbg.png);
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
background-color: transparent;
|
display: flex;
|
display: -ms-flex;
|
/* 兼容IE */
|
flex-direction: column;
|
-ms-flex-direction: column;
|
/* 兼容IE */
|
margin: 0 !important;
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
max-height: calc(100% - 30px);
|
max-width: calc(100% - 30px);
|
}
|
|
.datlog {
|
border-radius: 10px;
|
background: url("../../../assets/images/弹出背景.png") no-repeat;
|
width: 708px;
|
height: 836px;
|
|
img {
|
width: 640px;
|
height: 250px;
|
margin-bottom: 10px;
|
}
|
}
|
|
.datlog /deep/ .el-dialog__header {
|
background-color: #002a54;
|
border: none;
|
height: 50px;
|
display: flex;
|
align-items: center;
|
// font-size: 40px;
|
}
|
|
.datlog /deep/ .el-dialog__title {
|
color: #ffffff;
|
font-size: 36px;
|
font-weight: 700;
|
}
|
|
.datlog /deep/ .el-dialog__headerbtn {
|
font-size: 38px;
|
top: -11px;
|
right: 1px;
|
}
|
|
.datlog /deep/ .el-dialog__body {
|
padding: 0px;
|
//background-color: rgba(0, 0, 0);
|
background-color: #002a54;
|
color: #ffffff;
|
font-size: 28px;
|
height: 100%;
|
padding-top: 1px;
|
}
|
|
.datlog /deep/ .el-dialog {
|
display: flex;
|
display: -ms-flex;
|
flex-direction: column;
|
position: absolute;
|
top: -25%;
|
left: 5%;
|
width: 655px;
|
height: 795px;
|
max-height: calc(100% - 30px);
|
max-width: calc(100% - 30px);
|
}
|
|
.DatLog /deep/ .el-dialog .el-dialog__body {
|
max-height: 100%;
|
flex: 1;
|
-ms-flex: 1 1 auto;
|
/* 兼容IE */
|
overflow-y: auto;
|
overflow-x: hidden;
|
}
|
|
.el-dialog__wrapper {
|
/*隐藏ie和edge中遮罩的滚动条*/
|
overflow: hidden;
|
top: 22%;
|
left: 44%;
|
}
|
|
.DatLog {
|
z-index: 99;
|
height: 1536px;
|
width: 4352px;
|
margin: 0px;
|
background-image: url(../../../assets/image/Left/KBG.png);
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
.img {
|
position: relative;
|
height: 90%;
|
width: 90%;
|
}
|
}
|
|
.dialogHG {
|
padding-left: 100px;
|
padding-right: 100px;
|
// padding-bottom: 100px;
|
|
border-radius: 10px;
|
height: 1500px;
|
width: calc(100% - 100px);
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
color: #ffffff;
|
font-size: 40px;
|
letter-spacing: 2px;
|
|
.td0 {
|
height: 10%;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: center;
|
font-size: 50px;
|
border-bottom: solid 1px #fff;
|
}
|
|
.td1 {
|
height: 120px;
|
width: 100%;
|
font-size: 40px;
|
display: flex;
|
flex-direction: row;
|
border-bottom: solid 1px #fff;
|
}
|
|
.td2 {
|
height: calc(80% - 800px);
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
img {
|
width: 596px;
|
height: 326px;
|
}
|
}
|
|
.td3 {
|
height: 100px;
|
width: 100%;
|
display: flex;
|
flex-direction: row;
|
align-items: center;
|
justify-content: center;
|
border-bottom: solid 1px #fff;
|
}
|
|
.span1 {
|
width: 20%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.span2 {
|
width: 100%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
}
|
}
|
|
.hover_wrapper {
|
width: 1472px;
|
height: 1109px;
|
background: url("../../../assets/images/Right/电子.png") no-repeat center;
|
background-size: 100% 100%;
|
position: absolute;
|
display: flex;
|
display: none;
|
left: -604%;
|
bottom: -270%;
|
z-index: 99;
|
|
}
|
|
.hover_wrapper1 {
|
position: relative;
|
display: flex;
|
width: 1472px;
|
height: 1109px;
|
background: url("../../../assets/images/Right/医疗.png") no-repeat center;
|
background-size: 100% 100%;
|
position: absolute;
|
display: flex;
|
display: none;
|
left: -604%;
|
bottom: -270%;
|
z-index: 99;
|
|
}
|
|
.hover_wrapper2 {
|
position: relative;
|
display: flex;
|
width: 1472px;
|
height: 1109px;
|
background: url("../../../assets/images/Right/数字经济产业园.png") no-repeat center;
|
background-size: 100% 100%;
|
position: absolute;
|
display: flex;
|
display: none;
|
left: -604%;
|
bottom: -270%;
|
z-index: 99;
|
|
}
|
|
.hover_wrapper3 {
|
position: relative;
|
display: flex;
|
width: 1472px;
|
height: 1109px;
|
background: url("../../../assets/images/Right/轻纺.png") no-repeat center;
|
background-size: 100% 100%;
|
position: absolute;
|
display: flex;
|
display: none;
|
left: -604%;
|
bottom: -270%;
|
z-index: 99;
|
|
}
|
|
.hover_wrapper4 {
|
position: relative;
|
display: flex;
|
width: 1472px;
|
height: 1109px;
|
background: url("../../../assets/images/Right/绿色.png") no-repeat center;
|
background-size: 100% 100%;
|
position: absolute;
|
display: flex;
|
display: none;
|
left: -604%;
|
bottom: -270%;
|
z-index: 99;
|
|
|
}
|
</style>
|
