|
|
@@ -1,21 +1,12 @@
|
|
|
<template>
|
|
|
<div class="tool">
|
|
|
<ul class="func">
|
|
|
- <li
|
|
|
- v-for="(item, index) in funcList"
|
|
|
- :key="index"
|
|
|
- :class="{ active: item.active }"
|
|
|
- @click="toolClickHandle(item)"
|
|
|
- >
|
|
|
+ <li v-for="(item, index) in funcList" :key="index" :class="{ active: item.active }" @click="toolClickHandle(item)">
|
|
|
<p></p>
|
|
|
<!-- {{ item.label }} -->
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <div
|
|
|
- :class="{ help: true, active: helpActive }"
|
|
|
- v-show="false"
|
|
|
- @click="showHelp"
|
|
|
- ></div>
|
|
|
+ <div :class="{ help: true, active: helpActive }" v-show="false" @click="showHelp"></div>
|
|
|
|
|
|
<!-- 展示索引页面 -->
|
|
|
<van-popup
|
|
|
@@ -49,11 +40,7 @@
|
|
|
</div> -->
|
|
|
<div class="list_container">
|
|
|
<div>
|
|
|
- <div
|
|
|
- class="first_content"
|
|
|
- v-for="(item, index) in cameraInfo"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
+ <div class="first_content" v-for="(item, index) in cameraInfo" :key="index">
|
|
|
<div class="title">{{ item.name }}</div>
|
|
|
<ul>
|
|
|
<li
|
|
|
@@ -105,7 +92,7 @@
|
|
|
height: '460px',
|
|
|
width: '100%',
|
|
|
top: '55%',
|
|
|
- background: 'transparent',
|
|
|
+ background: 'transparent'
|
|
|
}"
|
|
|
:close-on-click-overlay="false"
|
|
|
:closed="hidePlaneInfoDailog"
|
|
|
@@ -113,11 +100,7 @@
|
|
|
<div class="plane_container">
|
|
|
<div class="image_container">
|
|
|
<ul>
|
|
|
- <li
|
|
|
- v-for="(item, index) in planeArr"
|
|
|
- :key="index"
|
|
|
- v-show="item.active"
|
|
|
- >
|
|
|
+ <li v-for="(item, index) in planeArr" :key="index" v-show="item.active">
|
|
|
<img :src="item.src" alt="" />
|
|
|
</li>
|
|
|
<div class="close" @click="hidePlaneInfoDailog"></div>
|
|
|
@@ -125,12 +108,7 @@
|
|
|
</div>
|
|
|
<div class="image_header">
|
|
|
<ul>
|
|
|
- <li
|
|
|
- v-for="(item, index) in planeArr"
|
|
|
- :key="index"
|
|
|
- :class="{ active: item.active }"
|
|
|
- @click="choosePlane(index)"
|
|
|
- >
|
|
|
+ <li v-for="(item, index) in planeArr" :key="index" :class="{ active: item.active }" @click="choosePlane(index)">
|
|
|
{{ item.name }}
|
|
|
</li>
|
|
|
</ul>
|
|
|
@@ -146,7 +124,7 @@
|
|
|
height: '180px',
|
|
|
width: '75%',
|
|
|
top: '50%',
|
|
|
- background: 'transparent',
|
|
|
+ background: 'transparent'
|
|
|
}"
|
|
|
:close-on-click-overlay="false"
|
|
|
:closed="hideHelpInfoDailog"
|
|
|
@@ -172,38 +150,24 @@
|
|
|
<div class="content">
|
|
|
<div
|
|
|
class="doThingFirstContent"
|
|
|
- v-if="
|
|
|
- doThingFirst.length != 0 &&
|
|
|
- Object.getOwnPropertyNames(doThingSecond).length == 0
|
|
|
- "
|
|
|
+ v-if="doThingFirst.length != 0 && Object.getOwnPropertyNames(doThingSecond).length == 0"
|
|
|
>
|
|
|
<div class="header">部门</div>
|
|
|
<div class="list">
|
|
|
<ul>
|
|
|
- <li
|
|
|
- v-for="(item, index) in doThingFirst"
|
|
|
- :key="index"
|
|
|
- @click="chooseDBSecond(item)"
|
|
|
- >
|
|
|
+ <li v-for="(item, index) in doThingFirst" :key="index" @click="chooseDBSecond(item)">
|
|
|
<span>{{ item.unit }}</span
|
|
|
><span v-if="item.chiles">({{ item.chiles.length }})</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="doThingSecondContent"
|
|
|
- v-if="Object.getOwnPropertyNames(doThingSecond).length != 0"
|
|
|
- >
|
|
|
+ <div class="doThingSecondContent" v-if="Object.getOwnPropertyNames(doThingSecond).length != 0">
|
|
|
<div class="header">青浦区{{ doThingSecond.unit }}</div>
|
|
|
<div class="list">
|
|
|
<van-collapse v-model="activeNames" accordion>
|
|
|
<div v-for="(item, index) in doThingSecond.chiles" :key="index">
|
|
|
- <van-collapse-item
|
|
|
- :title="item.name"
|
|
|
- :name="index + 1 + ''"
|
|
|
- v-if="item.chiles[0].name.length != 0"
|
|
|
- >
|
|
|
+ <van-collapse-item :title="item.name" :name="index + 1 + ''" v-if="item.chiles[0].name.length != 0">
|
|
|
<ul>
|
|
|
<li v-for="(item_, index_) in item.chiles" :key="index_">
|
|
|
{{ item_.name }}
|
|
|
@@ -221,16 +185,51 @@
|
|
|
|
|
|
<div class="close" @click="closeDoThingPopup"></div>
|
|
|
<!-- v-if="Object.getOwnPropertyNames(doThingSecond).length == 0" -->
|
|
|
- <div
|
|
|
- class="back"
|
|
|
- @click="backDoThingPopup"
|
|
|
- v-if="Object.getOwnPropertyNames(doThingSecond).length != 0"
|
|
|
- ></div>
|
|
|
+ <div class="back" @click="backDoThingPopup" v-if="Object.getOwnPropertyNames(doThingSecond).length != 0"></div>
|
|
|
+ </van-popup>
|
|
|
+
|
|
|
+ <!-- 事项库 -->
|
|
|
+ <van-popup
|
|
|
+ v-model:show="showEventState"
|
|
|
+ class="plane_popup"
|
|
|
+ :style="{
|
|
|
+ height: '460px',
|
|
|
+ width: '100%',
|
|
|
+ background: 'transparent'
|
|
|
+ }"
|
|
|
+ :close-on-click-overlay="false"
|
|
|
+ :closed="hideEventListDailog"
|
|
|
+ >
|
|
|
+ <div class="plane_container_event">
|
|
|
+ <div class="close" @click="hideEventListDailog"></div>
|
|
|
+ <div class="paramsBox">
|
|
|
+ <input type="text" v-model="eventData.params.where" /><span class="paramBtu" @click="reSetParam()">重置</span>
|
|
|
+ <span class="paramBtu" @click="getEventData()">查询</span>
|
|
|
+ </div>
|
|
|
+ <div class="eventDataList">
|
|
|
+ <div class="eventMessage">
|
|
|
+ <span v-show="eventData.message" style="font-size: 1rem; color: #ccc">{{ eventData.message }}</span>
|
|
|
+ </div>
|
|
|
+ <p v-for="(item, index) in eventData.data" :key="'event_' + index">
|
|
|
+ <span
|
|
|
+ v-if="(item.link_ck || item.jsfs_ck) && (item.link_ws || item.jsfs_ws)"
|
|
|
+ @click="windowOpenNewPage(item.link_ws || item.jsfs_ws)"
|
|
|
+ >{{ item.link_ck || item.jsfs_ck }}</span
|
|
|
+ >
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="bottomToPageBox">
|
|
|
+ <div :class="eventData.params.page > 1 ? 'toPageBtu' : 'unToPageBtu'" @click="changePage(-1)">上一页</div>
|
|
|
+ <div>第{{ eventData.params.page }}页</div>
|
|
|
+ <div :class="!eventData.message ? 'toPageBtu' : 'unToPageBtu'" @click="changePage(1)">下一页</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</van-popup>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { postform } from "../utils/request.js";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -241,6 +240,18 @@ export default {
|
|
|
indexesShow: false,
|
|
|
pointShow: false,
|
|
|
planeShow: false,
|
|
|
+ showEventState: false, // 事项库弹窗显示状态
|
|
|
+ eventData: {
|
|
|
+ url: "/proxy_oauth/qpxzfwzx/szlsswsjsxk/qpxzfwzx/query/selectContent",
|
|
|
+ data: [],
|
|
|
+ message: "",
|
|
|
+ params: {
|
|
|
+ tableName: "ywtb_auditfwzn",
|
|
|
+ page: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ where: ""
|
|
|
+ }
|
|
|
+ },
|
|
|
helpShow: false,
|
|
|
doThingShow: false,
|
|
|
pointInfos: "",
|
|
|
@@ -255,21 +266,21 @@ export default {
|
|
|
{
|
|
|
name: "一层1F",
|
|
|
src: "./static/images/plane/plane1.png",
|
|
|
- active: true,
|
|
|
+ active: true
|
|
|
},
|
|
|
{
|
|
|
name: "二层2F",
|
|
|
src: "./static/images/plane/plane2.png",
|
|
|
- active: false,
|
|
|
+ active: false
|
|
|
},
|
|
|
{
|
|
|
name: "三层3F",
|
|
|
src: "./static/images/plane/plane3.png",
|
|
|
- active: false,
|
|
|
- },
|
|
|
+ active: false
|
|
|
+ }
|
|
|
],
|
|
|
activeNames: "0",
|
|
|
- helpActive: false,
|
|
|
+ helpActive: false
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -279,32 +290,38 @@ export default {
|
|
|
label: "热点",
|
|
|
changeActive: true,
|
|
|
active: true,
|
|
|
- clickFunc: this.loadPoint,
|
|
|
+ clickFunc: this.loadPoint
|
|
|
},
|
|
|
{
|
|
|
label: "索引",
|
|
|
changeActive: true,
|
|
|
active: false,
|
|
|
- clickFunc: this.showIndexes,
|
|
|
+ clickFunc: this.showIndexes
|
|
|
},
|
|
|
{
|
|
|
label: "漫游",
|
|
|
changeActive: true,
|
|
|
active: false,
|
|
|
- clickFunc: this.lookaround,
|
|
|
+ clickFunc: this.lookaround
|
|
|
},
|
|
|
{
|
|
|
label: "复位",
|
|
|
changeActive: false,
|
|
|
active: false,
|
|
|
- clickFunc: this.setViewDefaultlocation,
|
|
|
+ clickFunc: this.setViewDefaultlocation
|
|
|
},
|
|
|
{
|
|
|
label: "平面图",
|
|
|
changeActive: true,
|
|
|
active: false,
|
|
|
- clickFunc: this.showPlane,
|
|
|
+ clickFunc: this.showPlane
|
|
|
},
|
|
|
+ {
|
|
|
+ label: "事项库",
|
|
|
+ changeActive: true,
|
|
|
+ active: false,
|
|
|
+ clickFunc: this.showEvent
|
|
|
+ }
|
|
|
];
|
|
|
window.cancelLookAround = this.cancelLookAround;
|
|
|
setTimeout(() => {
|
|
|
@@ -343,6 +360,62 @@ export default {
|
|
|
showPlane() {
|
|
|
this.planeShow = true;
|
|
|
},
|
|
|
+ // 事项库跳转
|
|
|
+ windowOpenNewPage(linkUrl) {
|
|
|
+ if (linkUrl) {
|
|
|
+ window.location.href = linkUrl;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 上一页，下一页
|
|
|
+ changePage(num) {
|
|
|
+ if (this.eventData.params.page + num > 0) {
|
|
|
+ this.eventData.params.page += num;
|
|
|
+ this.showEvent();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 事项库查询条件重置
|
|
|
+ reSetParam() {
|
|
|
+ this.eventData.params.where = "";
|
|
|
+ this.eventData.params.page = 1;
|
|
|
+ this.eventData.params.pageSize = 20;
|
|
|
+ this.showEvent();
|
|
|
+ },
|
|
|
+ getEventData() {
|
|
|
+ this.eventData.data = [];
|
|
|
+ this.eventData.params.page = 1;
|
|
|
+ this.eventData.params.pageSize = 20;
|
|
|
+ this.showEvent();
|
|
|
+ },
|
|
|
+ // 展示事项库弹窗
|
|
|
+ showEvent() {
|
|
|
+ this.eventData.message = "";
|
|
|
+ let params_ = Object.assign({}, this.eventData.params);
|
|
|
+ if (params_.where) {
|
|
|
+ params_.where = "link_ck like '%" + params_.where + "%' or jsfs_ck like '%" + params_.where + "%'";
|
|
|
+ }
|
|
|
+ if (params_.page > 0) {
|
|
|
+ params_.page -= 1;
|
|
|
+ }
|
|
|
+ postform(this.eventData.url, params_).then(res => {
|
|
|
+ if (!this.showEventState) {
|
|
|
+ this.showEventState = true;
|
|
|
+ }
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.eventData.data = [];
|
|
|
+ res.content.forEach(item => {
|
|
|
+ if ((item.link_ck || item.jsfs_ck) && (item.link_ws || item.jsfs_ws)) {
|
|
|
+ this.eventData.data.push(item);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.eventData.message = res.message;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ hideEventListDailog() {
|
|
|
+ this.showEventState = false;
|
|
|
+ this.funcList[5].active = false;
|
|
|
+ },
|
|
|
hidePlaneInfoDailog() {
|
|
|
this.planeShow = false;
|
|
|
this.funcList[4].active = false;
|
|
|
@@ -378,16 +451,12 @@ export default {
|
|
|
lng: 121.12275503870025,
|
|
|
lat: 31.153914277622604,
|
|
|
pitch: -35,
|
|
|
- height: 140,
|
|
|
+ height: 140
|
|
|
};
|
|
|
// rotateCamera({lng:121.12275503870025, lat:31.153914277622604, pitch: -35, height: 140});
|
|
|
// // 相机绕点环绕飞行
|
|
|
// function rotateCamera(options){
|
|
|
- var position = Cesium.Cartesian3.fromDegrees(
|
|
|
- options.lng,
|
|
|
- options.lat,
|
|
|
- 0.0
|
|
|
- );
|
|
|
+ var position = Cesium.Cartesian3.fromDegrees(options.lng, options.lat, 0.0);
|
|
|
// 相机看点的角度，如果大于0那么则是从地底往上看，所以要为负值，这里取-30度
|
|
|
var pitch = Cesium.Math.toRadians(options.pitch);
|
|
|
// 给定飞行一周所需时间，比如30s, 那么每秒转动度数
|
|
|
@@ -396,11 +465,7 @@ export default {
|
|
|
var distance = options.height;
|
|
|
var startTime = Cesium.JulianDate.fromDate(new Date());
|
|
|
|
|
|
- var stopTime = Cesium.JulianDate.addSeconds(
|
|
|
- startTime,
|
|
|
- 30,
|
|
|
- new Cesium.JulianDate()
|
|
|
- );
|
|
|
+ var stopTime = Cesium.JulianDate.addSeconds(startTime, 30, new Cesium.JulianDate());
|
|
|
|
|
|
globalVariable.viewer.clock.startTime = startTime.clone(); // 开始时间
|
|
|
globalVariable.viewer.clock.stopTime = stopTime.clone(); // 结速时间
|
|
|
@@ -418,17 +483,9 @@ export default {
|
|
|
// 根据过去的时间，计算偏航角的变化
|
|
|
var heading = Cesium.Math.toRadians(delTime * angle) + initialHeading;
|
|
|
|
|
|
- globalVariable.viewer.camera.lookAt(
|
|
|
- position,
|
|
|
- new Cesium.HeadingPitchRange(heading, pitch, distance)
|
|
|
- );
|
|
|
+ globalVariable.viewer.camera.lookAt(position, new Cesium.HeadingPitchRange(heading, pitch, distance));
|
|
|
|
|
|
- if (
|
|
|
- Cesium.JulianDate.compare(
|
|
|
- globalVariable.viewer.clock.currentTime,
|
|
|
- globalVariable.viewer.clock.stopTime
|
|
|
- ) >= 0
|
|
|
- ) {
|
|
|
+ if (Cesium.JulianDate.compare(globalVariable.viewer.clock.currentTime, globalVariable.viewer.clock.stopTime) >= 0) {
|
|
|
that.cancelLookAround();
|
|
|
}
|
|
|
};
|
|
|
@@ -463,7 +520,7 @@ export default {
|
|
|
roll: systemConfig.mapDefault.roll,
|
|
|
time: 1,
|
|
|
pitchAdjustHeight: 1000,
|
|
|
- callback: function () {},
|
|
|
+ callback: function () {}
|
|
|
}).then(() => {
|
|
|
resolve();
|
|
|
});
|
|
|
@@ -527,8 +584,8 @@ export default {
|
|
|
outlineColor: Cesium.Color.fromCssColorString("#00000066"), //背景颜色
|
|
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM, //垂直位置
|
|
|
horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //水平位置
|
|
|
- pixelOffset: new Cesium.Cartesian2(0, -20), //偏移
|
|
|
- },
|
|
|
+ pixelOffset: new Cesium.Cartesian2(0, -20) //偏移
|
|
|
+ }
|
|
|
});
|
|
|
entity.infos = item;
|
|
|
entity.callback = that.pointClickHandle;
|
|
|
@@ -559,8 +616,8 @@ export default {
|
|
|
outlineColor: Cesium.Color.fromCssColorString("#00000066"), //背景颜色
|
|
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM, //垂直位置
|
|
|
horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //水平位置
|
|
|
- pixelOffset: new Cesium.Cartesian2(0, 23), //偏移
|
|
|
- },
|
|
|
+ pixelOffset: new Cesium.Cartesian2(0, 23) //偏移
|
|
|
+ }
|
|
|
});
|
|
|
entity.infos = item;
|
|
|
entity.callback = that.pointClickHandle;
|
|
|
@@ -584,24 +641,15 @@ export default {
|
|
|
return;
|
|
|
globalVariable.viewer.scene.postRender.addEventListener(function () {
|
|
|
globalVariable.hotMarkerArr.map(function (item) {
|
|
|
- var canvasPosition =
|
|
|
- globalVariable.viewer.scene.cartesianToCanvasCoordinates(
|
|
|
- item._position._value,
|
|
|
- new Cesium.Cartesian2()
|
|
|
- );
|
|
|
- if (
|
|
|
- Cesium.defined(canvasPosition) &&
|
|
|
- !isNaN(canvasPosition.x) &&
|
|
|
- !isNaN(canvasPosition.y)
|
|
|
- ) {
|
|
|
+ var canvasPosition = globalVariable.viewer.scene.cartesianToCanvasCoordinates(
|
|
|
+ item._position._value,
|
|
|
+ new Cesium.Cartesian2()
|
|
|
+ );
|
|
|
+ if (Cesium.defined(canvasPosition) && !isNaN(canvasPosition.x) && !isNaN(canvasPosition.y)) {
|
|
|
document.getElementsByClassName(item.id)[0].style.display = "block";
|
|
|
if (!document.getElementsByClassName(item.id)) return;
|
|
|
- document.getElementsByClassName(item.id)[0].style.top = `${
|
|
|
- canvasPosition.y - 15
|
|
|
- }px`;
|
|
|
- document.getElementsByClassName(item.id)[0].style.left = `${
|
|
|
- canvasPosition.x - 15
|
|
|
- }px`;
|
|
|
+ document.getElementsByClassName(item.id)[0].style.top = `${canvasPosition.y - 15}px`;
|
|
|
+ document.getElementsByClassName(item.id)[0].style.left = `${canvasPosition.x - 15}px`;
|
|
|
} else {
|
|
|
document.getElementsByClassName(item.id)[0].style.display = "none";
|
|
|
}
|
|
|
@@ -610,10 +658,7 @@ export default {
|
|
|
},
|
|
|
|
|
|
addGIF2(item, position, id) {
|
|
|
- let c = globalVariable.viewer.scene.cartesianToCanvasCoordinates(
|
|
|
- position,
|
|
|
- new Cesium.Cartesian2()
|
|
|
- );
|
|
|
+ let c = globalVariable.viewer.scene.cartesianToCanvasCoordinates(position, new Cesium.Cartesian2());
|
|
|
//创建一个div
|
|
|
var div = document.createElement("div");
|
|
|
//为div创建属性class = "test"
|
|
|
@@ -689,7 +734,7 @@ export default {
|
|
|
callback: function (item) {
|
|
|
// closeHull(item.camera.sceneType);
|
|
|
showTitle(item.details.areaName);
|
|
|
- },
|
|
|
+ }
|
|
|
}).then(() => {});
|
|
|
break;
|
|
|
case 5:
|
|
|
@@ -727,11 +772,8 @@ export default {
|
|
|
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
|
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
|
|
pixelOffset: new Cesium.Cartesian2(0, 0),
|
|
|
- distanceDisplayCondition: new Cesium.DistanceDisplayCondition(
|
|
|
- 0,
|
|
|
- 15
|
|
|
- ),
|
|
|
- },
|
|
|
+ distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 15)
|
|
|
+ }
|
|
|
// label: {
|
|
|
// text: item.areaName != "" ? item.areaName : "" + (index + 1),
|
|
|
// // text: "" + (index + 1),
|
|
|
@@ -767,7 +809,7 @@ export default {
|
|
|
time: 1,
|
|
|
pitchAdjustHeight: 1000,
|
|
|
details: item,
|
|
|
- callback: function () {},
|
|
|
+ callback: function () {}
|
|
|
}).then(() => {
|
|
|
// resolve();
|
|
|
});
|
|
|
@@ -819,7 +861,7 @@ export default {
|
|
|
details: item,
|
|
|
callback: function (item) {
|
|
|
closeHull(item.details.sceneType);
|
|
|
- },
|
|
|
+ }
|
|
|
});
|
|
|
|
|
|
this.indexesShow = false;
|
|
|
@@ -850,7 +892,7 @@ export default {
|
|
|
}
|
|
|
return item;
|
|
|
});
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
|
|
|
watch: {
|
|
|
@@ -861,9 +903,9 @@ export default {
|
|
|
} else {
|
|
|
this.helpActive = false;
|
|
|
}
|
|
|
- },
|
|
|
- },
|
|
|
- },
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
@@ -923,52 +965,50 @@ export default {
|
|
|
}
|
|
|
&:nth-child(1) {
|
|
|
p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/hotpoint.png) center
|
|
|
- center/100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/hotpoint.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
&.active p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/hotpoint_active.png) center
|
|
|
- center/100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/hotpoint_active.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
}
|
|
|
&:nth-child(2) {
|
|
|
p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/indexes.png) center
|
|
|
- center/100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/indexes.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
&.active p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/indexes_active.png) center
|
|
|
- center/100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/indexes_active.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
}
|
|
|
&:nth-child(3) {
|
|
|
p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/pan.png) center center/100%
|
|
|
- 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/pan.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
&.active p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/pan_active.png) center
|
|
|
- center/100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/pan_active.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
}
|
|
|
&:nth-child(4) {
|
|
|
p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/reposition.png) center
|
|
|
- center/100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/reposition.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
&.active p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/reposition_active.png)
|
|
|
- center center/100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/reposition_active.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
}
|
|
|
&:nth-child(5) {
|
|
|
p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/plan.png) center center/100%
|
|
|
- 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/plan.png) center center/100% 100% no-repeat;
|
|
|
+ }
|
|
|
+ &.active p {
|
|
|
+ background: url(~@/assets/img/tool/new_tb/plan_active.png) center center/100% 100% no-repeat;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &:nth-child(6) {
|
|
|
+ p {
|
|
|
+ background: url(~@/assets/img/tool/new_tb/event_library.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
&.active p {
|
|
|
- background: url(~@/assets/img/tool/new_tb/plan_active.png) center
|
|
|
- center/100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/event_library_active.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -976,11 +1016,9 @@ export default {
|
|
|
.help {
|
|
|
width: 50px;
|
|
|
height: 50px;
|
|
|
- background: url(~@/assets/img/tool/new_tb/help.png) center center / 100%
|
|
|
- 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/help.png) center center / 100% 100% no-repeat;
|
|
|
&.active {
|
|
|
- background: url(~@/assets/img/tool/new_tb/help_active.png) center
|
|
|
- center/100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/new_tb/help_active.png) center center/100% 100% no-repeat;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -1010,8 +1048,7 @@ export default {
|
|
|
text-align: center;
|
|
|
color: #ffffff;
|
|
|
margin: 21px auto;
|
|
|
- background: url(~@/assets/img/tool/indexes_header.png) center center /
|
|
|
- 100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/indexes_header.png) center center / 100% 100% no-repeat;
|
|
|
}
|
|
|
// .title_container {
|
|
|
// height: 36px;
|
|
|
@@ -1102,8 +1139,7 @@ export default {
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
margin: 4px 4px;
|
|
|
- background: url(~@/assets/img/tool/close.png) center center / 100% 100%
|
|
|
- no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
|
|
|
position: absolute;
|
|
|
top: 0px;
|
|
|
right: 0px;
|
|
|
@@ -1135,17 +1171,96 @@ export default {
|
|
|
.close {
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
- margin: 4px 4px;
|
|
|
- background: url(~@/assets/img/tool/close.png) center center / 100% 100%
|
|
|
- no-repeat;
|
|
|
+ // margin: 4px 4px;
|
|
|
+ background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
|
|
|
position: absolute;
|
|
|
top: 0px;
|
|
|
right: 0px;
|
|
|
}
|
|
|
}
|
|
|
:deep(.plane_popup) {
|
|
|
- .plane_container {
|
|
|
- width: 100%;
|
|
|
+ .plane_container_event {
|
|
|
+ padding: 1.5rem 1rem;
|
|
|
+ height: calc(100% - 3rem);
|
|
|
+ width: calc(100% - 3rem);
|
|
|
+ margin-left: 0.5rem;
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
+ // border-radius: 1rem;
|
|
|
+ position: absolute;
|
|
|
+ p {
|
|
|
+ color: #ffffff;
|
|
|
+ margin: 0.5rem 0;
|
|
|
+ font-size: 1rem;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .paramsBox {
|
|
|
+ max-width: calc(100% - 20px);
|
|
|
+ font-size: 1rem;
|
|
|
+ color: #666;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-self: center;
|
|
|
+ input {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .paramBtu {
|
|
|
+ margin: 0rem 0.3rem;
|
|
|
+ padding: 0.2rem 0.3rem;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 1.2rem;
|
|
|
+ background: #1fb4ffaa;
|
|
|
+ border-radius: 0.3rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .eventDataList {
|
|
|
+ max-height: calc(100% - 3rem);
|
|
|
+ overflow-x: hidden;
|
|
|
+ p {
|
|
|
+ padding-bottom: 2px;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+ /* 1.设置宽度 */
|
|
|
+ // background-color: #ffffff32;
|
|
|
+ line-height: 30px;
|
|
|
+ /* 2.设置旧版弹性盒 */
|
|
|
+ display: -webkit-box;
|
|
|
+ /* 3. 控制行数*/
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ /* 4. 设置子元素的排列方式 垂直排列*/
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ /* 5.溢出隐藏 */
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .eventMessage {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bottomToPageBox {
|
|
|
+ width: calc(100% - 2rem);
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0.5rem;
|
|
|
+ line-height: 1rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #dbdbdb;
|
|
|
+ div {
|
|
|
+ padding: 0.2rem 0.3rem;
|
|
|
+ border-radius: 0.1rem;
|
|
|
+ }
|
|
|
+ .toPageBtu {
|
|
|
+ color: #1fb4ff;
|
|
|
+ text-decoration: underline;
|
|
|
+ background-color: #1fb4ff64;
|
|
|
+ }
|
|
|
+ .unToPageBtu {
|
|
|
+ color: #ccc;
|
|
|
+ background-color: #cccccc64;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.image_header {
|
|
|
color: #dbdbdb;
|
|
|
@@ -1207,9 +1322,8 @@ export default {
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
margin: 4px 4px;
|
|
|
- margin-right: 10px;
|
|
|
- background: url(~@/assets/img/tool/close.png) center center / 100% 100%
|
|
|
- no-repeat;
|
|
|
+ // margin-right: 10px;
|
|
|
+ background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
|
|
|
position: absolute;
|
|
|
top: 0px;
|
|
|
right: 0px;
|
|
|
@@ -1252,8 +1366,7 @@ export default {
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
margin: 4px 4px;
|
|
|
- background: url(~@/assets/img/tool/close.png) center center / 100% 100%
|
|
|
- no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
|
|
|
position: absolute;
|
|
|
top: 0px;
|
|
|
right: 0px;
|
|
|
@@ -1302,15 +1415,13 @@ export default {
|
|
|
height: 2px;
|
|
|
width: 120px;
|
|
|
position: absolute;
|
|
|
- background: url(~@/assets/img/tool/indexes_point_bottom.png)
|
|
|
- center center / 100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/indexes_point_bottom.png) center center / 100% 100% no-repeat;
|
|
|
bottom: 0px;
|
|
|
left: 15px;
|
|
|
}
|
|
|
&.active {
|
|
|
color: #ffc44d;
|
|
|
- background: url(~@/assets/img/tool/indexes_point_active.png)
|
|
|
- center center / 100% 100% no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/indexes_point_active.png) center center / 100% 100% no-repeat;
|
|
|
&::after {
|
|
|
display: none;
|
|
|
}
|
|
|
@@ -1385,8 +1496,7 @@ export default {
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
margin: 4px 4px;
|
|
|
- background: url(~@/assets/img/tool/close.png) center center / 100% 100%
|
|
|
- no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/close.png) center center / 100% 100% no-repeat;
|
|
|
position: absolute;
|
|
|
top: 0px;
|
|
|
right: 0px;
|
|
|
@@ -1394,8 +1504,7 @@ export default {
|
|
|
.back {
|
|
|
width: 24px;
|
|
|
height: 24px;
|
|
|
- background: url(~@/assets/img/tool/back.png) center center / 100% 100%
|
|
|
- no-repeat;
|
|
|
+ background: url(~@/assets/img/tool/back.png) center center / 100% 100% no-repeat;
|
|
|
position: absolute;
|
|
|
top: 0px;
|
|
|
left: 0px;
|
|
|
@@ -1409,4 +1518,4 @@ export default {
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
DESKTOP-6LTVLN7\Liumouren
