|
@@ -3,8 +3,8 @@ |
|
|
<div id="map-container"> |
|
|
<div id="map-container"> |
|
|
<!-- <div v-if="visible" class="cdLine"></div> --> |
|
|
<!-- <div v-if="visible" class="cdLine"></div> --> |
|
|
<!-- <div v-if="visible" class="zzLine"></div> --> |
|
|
<!-- <div v-if="visible" class="zzLine"></div> --> |
|
|
<div v-if="visible" class="rcLine"></div> |
|
|
|
|
|
<div v-if="visible" class="rcLineTwo"></div> |
|
|
|
|
|
|
|
|
<!-- <div v-if="visible" class="rcLine"></div> --> |
|
|
|
|
|
<!-- <div v-if="visible" class="rcLineTwo"></div> --> |
|
|
<div v-if="visible" class="hdLine"></div> |
|
|
<div v-if="visible" class="hdLine"></div> |
|
|
<div v-if="visible" class="hdLineTwo"></div> |
|
|
<div v-if="visible" class="hdLineTwo"></div> |
|
|
<!-- <div v-if="visible" class="ksLine"></div> --> |
|
|
<!-- <div v-if="visible" class="ksLine"></div> --> |
|
@@ -39,12 +39,12 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<company-info v-if="visible" :info="info" :position="rcHintPosition" /> |
|
|
<company-info v-if="visible" :info="info" :position="rcHintPosition" /> |
|
|
<ks-company-info v-if="visible" :info="ksInfo" :position="ksHintPosition" /> |
|
|
|
|
|
<jms-company-info v-if="visible" :info="jmsInfo" :position="jmsHintPosition" /> |
|
|
|
|
|
|
|
|
<!-- <ks-company-info v-if="visible" :info="ksInfo" :position="ksHintPosition" /> --> |
|
|
|
|
|
<!-- <jms-company-info v-if="visible" :info="jmsInfo" :position="jmsHintPosition" /> --> |
|
|
<hd-company-info v-if="visible" :info="hdInfo" :position="hdHintPosition" /> |
|
|
<hd-company-info v-if="visible" :info="hdInfo" :position="hdHintPosition" /> |
|
|
<bb-company-info v-if="visible" :info="bbInfo" :position="bbHintPosition" /> |
|
|
|
|
|
<cd-company-info v-if="visible" :info="cdInfo" :position="cdHintPosition" /> |
|
|
|
|
|
<zz-company-info v-if="visible" :info="zzInfo" :position="zzHintPosition" /> |
|
|
|
|
|
|
|
|
<!-- <bb-company-info v-if="visible" :info="bbInfo" :position="bbHintPosition" /> --> |
|
|
|
|
|
<!-- <cd-company-info v-if="visible" :info="cdInfo" :position="cdHintPosition" /> --> |
|
|
|
|
|
<!-- <zz-company-info v-if="visible" :info="zzInfo" :position="zzHintPosition" /> --> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
@@ -69,13 +69,17 @@ const LOCATIONS = [ |
|
|
// 蚌埠2 |
|
|
// 蚌埠2 |
|
|
// { x: 61, y: 53, tx: 39, ty: 68, path: 'factoryData/ksIndex' }, |
|
|
// { x: 61, y: 53, tx: 39, ty: 68, path: 'factoryData/ksIndex' }, |
|
|
// 江西 瑞昌 |
|
|
// 江西 瑞昌 |
|
|
{ x: 60, y: 58, tx: 68, ty: 52, path: 'factoryData/factory-data' }, |
|
|
|
|
|
|
|
|
{ x: 60, y: 58, tx: 68, ty: 52,lx:61,ly:61.5,ltx:68.8,lty:52, path: 'factoryData/factory-data' }, |
|
|
// 湖南 株洲 |
|
|
// 湖南 株洲 |
|
|
// { x: 56, y: 60, tx: 60, ty: 95, path: 'factoryData/zzIndex' }, |
|
|
// { x: 56, y: 60, tx: 60, ty: 95, path: 'factoryData/zzIndex' }, |
|
|
// 邯郸 |
|
|
// 邯郸 |
|
|
{ x: 58, y: 45, tx: 47, ty: 34, path: 'factoryData/hdIndex' }, |
|
|
|
|
|
|
|
|
{ x: 58, y: 45, tx: 47, ty: 34, lx: 58.7, ly: 34, ltx: 53, lty: 34, path: 'factoryData/hdIndex' }, |
|
|
]; |
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
// rcLine.style.left = `66.8%`; |
|
|
|
|
|
// rcLine.style.top = `52%`; |
|
|
|
|
|
// rcLineTwo.className = "rcLineTwo"; |
|
|
|
|
|
// rcLineTwo.style.left = `58.7%`; |
|
|
|
|
|
// rcLineTwo.style.top = `34%`; |
|
|
export default { |
|
|
export default { |
|
|
name: "Index", |
|
|
name: "Index", |
|
|
components: { |
|
|
components: { |
|
@@ -247,7 +251,17 @@ export default { |
|
|
// templateInfo.items[3].value = this.homeStore.stdOutput.current[5]; |
|
|
// templateInfo.items[3].value = this.homeStore.stdOutput.current[5]; |
|
|
// this.ksInfo = templateInfo; |
|
|
// this.ksInfo = templateInfo; |
|
|
// } |
|
|
// } |
|
|
(position === LOCATIONS[0]) { |
|
|
|
|
|
|
|
|
(position === LOCATIONS[0]) { |
|
|
|
|
|
const rcLine = document.createElement("div"); |
|
|
|
|
|
const rcLineTwo = document.createElement("div"); |
|
|
|
|
|
rcLine.className = "rcLine"; |
|
|
|
|
|
rcLine.style.left = `${position.lx}%`; |
|
|
|
|
|
rcLine.style.top = `${position.ly}%`; |
|
|
|
|
|
rcLineTwo.className = "rcLineTwo"; |
|
|
|
|
|
rcLineTwo.style.left = `${position.ltx}%`; |
|
|
|
|
|
rcLineTwo.style.top = `${position.lty}%`; |
|
|
|
|
|
document.getElementById("map-container").appendChild(rcLine); |
|
|
|
|
|
document.getElementById("map-container").appendChild(rcLineTwo); |
|
|
this.rcHintPosition = position; |
|
|
this.rcHintPosition = position; |
|
|
templateInfo.companyName = "瑞昌中建材"; |
|
|
templateInfo.companyName = "瑞昌中建材"; |
|
|
templateInfo.items[0].value = this.homeStore.ftoInvest?.current[0]; |
|
|
templateInfo.items[0].value = this.homeStore.ftoInvest?.current[0]; |
|
@@ -264,6 +278,16 @@ export default { |
|
|
// templateInfo.items[3].value = this.homeStore.stdOutput.current[2]; |
|
|
// templateInfo.items[3].value = this.homeStore.stdOutput.current[2]; |
|
|
// this.zzInfo = templateInfo; |
|
|
// this.zzInfo = templateInfo; |
|
|
} else if (position === LOCATIONS[1]) { |
|
|
} else if (position === LOCATIONS[1]) { |
|
|
|
|
|
const hdLine = document.createElement("div"); |
|
|
|
|
|
const hdLineTwo = document.createElement("div"); |
|
|
|
|
|
hdLine.className = "hdLine"; |
|
|
|
|
|
hdLine.style.left = `${position.lx}%`; |
|
|
|
|
|
hdLine.style.top = `${position.ly}%`; |
|
|
|
|
|
hdLineTwo.className = "hdLineTwo"; |
|
|
|
|
|
hdLineTwo.style.left = `${position.ltx}%`; |
|
|
|
|
|
hdLineTwo.style.top = `${position.lty}%`; |
|
|
|
|
|
document.getElementById("map-container").appendChild(hdLine); |
|
|
|
|
|
document.getElementById("map-container").appendChild(hdLineTwo); |
|
|
this.hdHintPosition = position; |
|
|
this.hdHintPosition = position; |
|
|
templateInfo.companyName = "邯郸中建材"; |
|
|
templateInfo.companyName = "邯郸中建材"; |
|
|
templateInfo.items[0].value = this.homeStore.ftoInvest?.current[1]; |
|
|
templateInfo.items[0].value = this.homeStore.ftoInvest?.current[1]; |
|
@@ -350,22 +374,22 @@ export default { |
|
|
.rcLine { |
|
|
.rcLine { |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
left: 61%; |
|
|
|
|
|
width: 100px; |
|
|
|
|
|
top: 61.5%; |
|
|
|
|
|
|
|
|
/* left: 61%; */ |
|
|
|
|
|
width: 7.9vw; |
|
|
|
|
|
/* top: 61.5%; */ |
|
|
/* x: 60, y: 58, */ |
|
|
/* x: 60, y: 58, */ |
|
|
height: 1px; |
|
|
|
|
|
|
|
|
height: 1px; |
|
|
border: 2px dashed #FFCF00; |
|
|
border: 2px dashed #FFCF00; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.rcLineTwo { |
|
|
.rcLineTwo { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
left: 66.8%; |
|
|
|
|
|
|
|
|
/* left: 66.8%; */ |
|
|
width: 1px; |
|
|
width: 1px; |
|
|
top: 52%; |
|
|
|
|
|
|
|
|
/* top: 52%; */ |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
/* // x: 60, y: 58, */ |
|
|
/* // x: 60, y: 58, */ |
|
|
height: 90px; |
|
|
|
|
|
|
|
|
height: 5vw; |
|
|
border: 2px dashed #FFCF00; |
|
|
border: 2px dashed #FFCF00; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@@ -376,13 +400,13 @@ export default { |
|
|
top: 34%; |
|
|
top: 34%; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
/* // x: 60, y: 58, */ |
|
|
/* // x: 60, y: 58, */ |
|
|
height: 100px; |
|
|
|
|
|
|
|
|
height: 6vw; |
|
|
border: 2px dashed #FFCF00; |
|
|
border: 2px dashed #FFCF00; |
|
|
} |
|
|
} |
|
|
.hdLineTwo { |
|
|
.hdLineTwo { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
left: 53%; |
|
|
left: 53%; |
|
|
width: 90px; |
|
|
|
|
|
|
|
|
width: 5vw; |
|
|
top: 34%; |
|
|
top: 34%; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
/* // x: 60, y: 58, */ |
|
|
/* // x: 60, y: 58, */ |
|
|