zhny-dsjdp.git - Gitblit

			@@ -3,7 +3,6 @@
			<div class="time-box">
			<div class="l-btn" @click="moveLeft">
			<img src="/img/icon/left.png" />
			<div class="year-box">{{timeLineList[0].timestamp}}</div>
			</div>
			<div class="time-line-box">
			<div class="ul_box">
			@@ -19,13 +18,12 @@
			<img ref="TimePointer" class="pointer" src="/img/icon/lump.png" style="left: 16px" alt />

			<div ref="TextPopup" class="text-popup" style="left: -36px; top: -44px;">
			{{currentObj.info}}
			{{currentObj.timestamp}}
			<div class="arrows"></div>
			</div>
			</div>
			<div class="r-btn" @click="moveRight">
			<img src="/img/icon/right.png" />
			<div class="year-box">{{timeLineList[timeLineList.length - 1].timestamp}}</div>
			</div>
			</div>
			</template>
			@@ -41,96 +39,420 @@
			timeIndex: 2,
			timeLineList: [
			{
			timestamp: '2012',
			color: '#999',
			fontsize: 18,
			size: '28',
			bgcolor: '#e4e7ed',
			icon: 'el-iconprev',
			year: '2012',
			info: '2012第一季度'
			}, {
			timestamp: '2013年',
			color: '#999',
			fontsize: 18,
			size: '28',
			bgcolor: '#e4e7ed',
			year: '2013',
			info: '2012第二季度'
			}, {
			timestamp: '2014年',
			color: '#999',
			fontsize: 18,
			size: '28',
			bgcolor: '#e4e7ed',
			year: '2014',
			info: '2012第三季度'
			}, {
			timestamp: '2015年',
			color: '#999',
			fontsize: 18,
			year: '2015',
			size: '28',
			bgcolor: '#e4e7ed',
			info: '2012第四季度'
			}, {
			timestamp: '2016年',
			color: '#999',
			fontsize: 18,
			size: '28',
			year: '2016',
			bgcolor: '#e4e7ed',
			info: '2013第一季度'
			}, {
			timestamp: '2017年',
			color: '#999',
			fontsize: 18,
			size: '28',
			bgcolor: '#e4e7ed',
			year: '2017',
			info: '2013第二季度'
			}, {
			timestamp: '2018年',
			color: '#999',
			fontsize: 18,
			size: '28',
			bgcolor: '#e4e7ed',
			year: '2018',
			info: '2013第三季度'
			}, {
			timestamp: '2019年',
			color: '#999',
			fontsize: 18,
			year: '2019',
			bgcolor: '#e4e7ed',
			size: '28',
			info: '2013第四季度'
			}, {
			timestamp: '2019年',
			color: '#999',
			fontsize: 18,
			year: '2019',
			bgcolor: '#e4e7ed',
			size: '28',
			info: '2014第一季度'
			}, {
			timestamp: '2019年',
			color: '#999',
			fontsize: 18,
			year: '2019',
			bgcolor: '#e4e7ed',
			size: '28',
			info: '2014第二季度'
			timestamp: '2021年9月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
			layer: 'nanchengdom',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2021年10月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
			layer: 'nanchengdomjuly',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2021年11月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
			layer: 'nanchengdom',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2021年12月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
			layer: 'nanchengdomjuly',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2022年1月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
			layer: 'nanchengdom',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2022年2月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
			layer: 'nanchengdomjuly',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2022年3月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
			layer: 'nanchengdom',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2022年4月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
			layer: 'nanchengdomjuly',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2022年5月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
			layer: 'nanchengdom',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2022年6月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
			layer: 'nanchengdomjuly',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2022年7月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
			layer: 'nanchengdom',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			{
			timestamp: '2022年8月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdomjuly/MapServer/WMTS',
			layer: 'nanchengdomjuly',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			}],
			currentObj: {
			timestamp: '2012',
			color: '#999',
			fontsize: 18,
			size: '28',
			bgcolor: '#e4e7ed',
			icon: 'el-iconprev',
			year: '2012',
			info: '2012第一季度'
			timestamp: '2021年9月影像',
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
			layer: 'nanchengdom',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			},
			currentInd: 0,
			leftStart: false,
			@@ -182,36 +504,14 @@

			currentYxTwo = global.viewer.imageryLayers.addImageryProvider(
			new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
			url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
			// url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/nanchengdom/MapServer/WMTS',
			layer: 'nanchengdom',
			style: 'default',
			tileMatrixSetID: 'default028mm',
			format: 'image/png',
			tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
			maximumLevel: 19,
			tileMatrixLabels: [
			'0',
			'1',
			'2',
			'3',
			'4',
			'5',
			'6',
			'7',
			'8',
			'9',
			'10',
			'11',
			'12',
			'13',
			'14',
			'15',
			'16',
			'17',
			'18',
			'19'
			]
			url: this.currentObj.url,
			layer: this.currentObj.layer,
			style: this.currentObj.style,
			tileMatrixSetID: this.currentObj.tileMatrixSetID,
			format: this.currentObj.format,
			tilingScheme: this.currentObj.tilingScheme,
			maximumLevel: this.currentObj.maximumLevel,
			tileMatrixLabels: this.currentObj.tileMatrixLabels
			})
			)
			},
			@@ -245,7 +545,6 @@
			}

			this.addBaseLayer()
			// offsetX
			},
			changeActive (index) {
			this.timeIndex = index
			@@ -402,6 +701,7 @@
			position: absolute;
			width: 120px;
			line-height: 36px;
			text-align: center;
			z-index: 1;
			background: #fff;
			font-size: 12px;