fix

virgo.wzfrontend/console/public/icon/font.css

@@ -27,10 +27,21 @@
 	font-display: swap;
 }
 
+@font-face {
+	font-family: "youshe";
+	font-weight: 400;
+	src: url("./youshe.ttf") format("truetype");
+	font-display: swap;
+}
+
 .pangmenzhengdao {
 	font-family: 'PangMenZhengDao';
 }
 
 .alibaba {
 	font-family: 'alibabaMedium';
+}
+
+.youshe {
+	font-family: 'YouSheBiaoTiHei';
 }

virgo.wzfrontend/console/src/components/common/noticeBoard/box.vue

@@ -0,0 +1,126 @@
+<template>
+	<div class="look-box">
+		<div class="title">
+			<img class="iconfont-title"
+				src="https://lanhu-oss.lanhuapp.com/ps4oj2kl8iovmdqd7h462vpc62mswthg9e8328907b-40ea-42ff-9a1f-4169097d8176"
+				alt="" />
+			<div class="label">{{label}}</div>
+		</div>
+		<div class="content">
+			<slot></slot>
+			<div class="dage"></div>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		props: ['label'],
+		data() {
+			return {}
+		},
+		created() {}
+	}
+</script>
+
+<style lang="scss">
+	.look-box {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+
+		.title {
+			border-top: 1px solid rgba(102, 228, 255, 0.5);
+			border-bottom: 1px solid rgba(102, 228, 255, 0.5);
+			color: #FFFFFF;
+			position: relative;
+			padding: 3px 0 3px 10px;
+			display: flex;
+			align-items: center;
+
+			&::before,
+			&::after {
+				content: '';
+				position: absolute;
+				width: 16px;
+				height: 4px;
+				background: #66E4FF;
+				top: -4px;
+			}
+
+			&::before {
+				left: 0;
+			}
+
+			&::after {
+				right: 0;
+			}
+
+			.iconfont-title {
+				width: 17px;
+				height: 12px;
+				margin-right: 5px;
+			}
+
+			.label {
+				font-weight: 500;
+				font-size: 14px;
+			}
+		}
+
+		.content {
+			height: 0;
+			background: linear-gradient(0deg, rgba(4, 66, 94, 0.4) 0%, rgba(4, 24, 84, 0.2) 100%);
+			flex: 1;
+			position: relative;
+			padding: 10px;
+
+			&::before {
+				left: 0;
+				content: '';
+				position: absolute;
+				width: 12px;
+				height: 1px;
+				background: #66E4FF;
+				bottom: 0px;
+			}
+
+			&::after {
+				left: 0;
+				content: '';
+				position: absolute;
+				width: 1px;
+				height: 12px;
+				background: #66E4FF;
+				bottom: 0px;
+			}
+
+			.dage {
+				position: absolute;
+				right: 0;
+				bottom: 0;
+
+				&::before {
+					right: 0;
+					content: '';
+					position: absolute;
+					width: 12px;
+					height: 1px;
+					background: #66E4FF;
+					bottom: 0px;
+				}
+
+				&::after {
+					left: 0;
+					content: '';
+					position: absolute;
+					width: 1px;
+					height: 12px;
+					background: #66E4FF;
+					bottom: 0px;
+				}
+			}
+		}
+	}
+</style>

virgo.wzfrontend/console/src/components/work/common/model.vue

@@ -1339,6 +1339,32 @@
 						"family": "常规模型 39",
 						"levelName": "A_4F(14.500)"
 					}])
+				} else {
+					this.bimViewer.setCameraState({
+						"name": "persp",
+						"position": {
+							"x": 2465.7942182716433,
+							"y": 51911.35525600266,
+							"z": 56396.49999634751
+						},
+						"target": {
+							"x": 45569.85618885304,
+							"y": 51701.34041600962,
+							"z": -27448.765470887887
+						},
+						"up": {
+							"x": 0.8893455691936951,
+							"y": -0.004341169977024311,
+							"z": 0.45721506186779665
+						},
+						"near": 9.86184145967845,
+						"far": 72928.42781088011,
+						"zoom": 1.5064430564743858,
+						"version": 1,
+						"fov": 45,
+						"aspect": 1.7377567140600316,
+						"coordinateSystem": "world"
+					});
 				}
 			},
 			successFunc(res) {
@@ -1352,7 +1378,6 @@
 						renderSuccess: () => {
 							this.modeRender = true;
 							if (this.fileId == 10000892771892) {
-								console.log('123');
 								this.bimViewer.HideOthers();
 								this.bimViewer.hideComponentsByObjectData([{
 									"family": "TJ双扇平开门",

virgo.wzfrontend/console/src/components/work/common/modelDown.vue

@@ -26,7 +26,7 @@
 		</el-dialog>
 		<el-dialog :close-on-click-modal="false" title="预览" :visible.sync="modelVisible" width="900px"
 			:append-to-body="true">
-			<three-model ref="threeModel" :url="nowModel.address" :type="nowModel.type">
+			<three-model ref="threeModel" v-if="modelVisible" :url="nowModel.address" :type="nowModel.type">
 			</three-model>
 		</el-dialog>
 	</div>

virgo.wzfrontend/console/src/components/work/common/noticeBoard.vue

@@ -0,0 +1,568 @@
+<template>
+	<div class="notice-board">
+		<div class="left">
+			<div class="left-top">
+				<box label="企业信息">
+					<div class="organization-information-list">
+						<div class="item">
+							<div class="key">企业名称</div>
+							<div class="value">智慧科技创新有限公司</div>
+						</div>
+						<div class="item">
+							<div class="key">信用代码</div>
+							<div class="value">91440300MA5F6XYH2N</div>
+						</div>
+						<div class="item">
+							<div class="key">法人代表</div>
+							<div class="value">陈志远</div>
+						</div>
+						<div class="item">
+							<div class="key">主营业务</div>
+							<div class="value">人工智能技术服务</div>
+						</div>
+						<div class="item">
+							<div class="key">联系人</div>
+							<div class="value">林美玲（商务总监）</div>
+						</div>
+						<div class="item">
+							<div class="key">入驻时间</div>
+							<div class="value">2023-03-15</div>
+						</div>
+						<div class="item">
+							<div class="key">合同期限</div>
+							<div class="value">2023-03-15 至 2026-03-14</div>
+						</div>
+					</div>
+				</box>
+			</div>
+			<div class="left-bottom">
+				<box label="知识产权">
+					<div ref="chart" class="echarts-box" style="width: 100%;height: 100%;"></div>
+				</box>
+			</div>
+		</div>
+		<div class="top">
+			<div class="top-box">
+				<div class="top-item">
+					<div class="title">
+						<i class="iconfont huifont-louceng"></i>
+						<div class="label">房租</div>
+					</div>
+					<div class="value">
+						<span class="alibaba color-cyan">75</span>
+						<span class="unit">元</span>
+					</div>
+				</div>
+				<div class="top-item">
+					<div class="title">
+						<i class="iconfont huifont-qiandao"></i>
+						<div class="label">水电费</div>
+					</div>
+					<div class="value">
+						<span class="alibaba color-cyan">75</span>
+						<span class="unit">元</span>
+					</div>
+				</div>
+				<div class="top-item">
+					<div class="title">
+						<i class="iconfont huifont-yichuli1"></i>
+						<div class="label">物业费</div>
+					</div>
+					<div class="value">
+						<span class="alibaba color-cyan">75</span>
+						<span class="unit">元</span>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="right">
+			<div class="right-chart">
+				<box label="企业产值">
+					<div ref="chart1" class="echarts-box"></div>
+				</box>
+			</div>
+			<div class="right-bottom">
+				<box label="发展历程">
+					<div class="process-box">
+						<div class="process-item">
+							<div class="line"></div>
+							<div class="icon">
+								<div class="icon1">
+									<div class="icon2"></div>
+								</div>
+							</div>
+							<div class="article">
+								<div class="date youshe">2023.06.24</div>
+								<div class="article-title youshe">时间轴大标题</div>
+								<div class="article-content">我是内容我是内容我是内容</div>
+							</div>
+						</div>
+						<div class="process-item">
+							<div class="line"></div>
+							<div class="icon">
+								<div class="icon1">
+									<div class="icon2"></div>
+								</div>
+							</div>
+							<div class="article">
+								<div class="date youshe">2023.06.24</div>
+								<div class="article-title youshe">时间轴大标题</div>
+								<div class="article-content">我是内容我是内容我是内容</div>
+							</div>
+						</div>
+						<div class="process-item">
+							<div class="line"></div>
+							<div class="icon">
+								<div class="icon1">
+									<div class="icon2"></div>
+								</div>
+							</div>
+							<div class="article">
+								<div class="date youshe">2023.06.24</div>
+								<div class="article-title youshe">时间轴大标题</div>
+								<div class="article-content">我是内容我是内容我是内容</div>
+							</div>
+						</div>
+					</div>
+				</box>
+			</div>
+		</div>
+		<!-- <model style="width: 100%;height: 100%;" ref="model" fileId="10000892771892"></model> -->
+	</div>
+</template>
+
+<script>
+	import box from '@/components/common/noticeBoard/box'
+	import model from '@/components/work/common/model'
+	const color = ['#aaaaaa', '#fb9f34', '#2482fe'];
+	import {
+		getPie3D,
+		getParametricEquation
+	} from '@/uitls/charts.js' //工具类js，页面路径自己修改
+	export default {
+		data() {
+			return {
+				optionData: [{
+					name: '专利产权',
+					value: 3
+				}, {
+					name: '商标产权',
+					value: 6
+				}, {
+					name: '著作权产权',
+					value: 22
+				}]
+			}
+		},
+		created() {
+			this.setLabel()
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.initChart();
+				this.chart(this.$refs.chart1, [1200, 1340, 1580, 1600, 1640, 1640, 1700])
+			})
+		},
+		methods: {
+			// 初始化label样式
+			setLabel() {
+				this.optionData.forEach((item, index) => {
+					item.itemStyle = {
+						color: color[index]
+					}
+					item.label = {
+						normal: {
+							show: true,
+							color: color[index],
+							formatter: [
+								'{b|{b}}',
+								'{c|{c}}{b|个}'
+							].join('\n'), // 用\n来换行
+							rich: {
+								b: {
+									fontSize: 12,
+									color: '#fff',
+									lineHeight: 18,
+									align: 'left'
+								},
+								c: {
+									fontSize: 16,
+									color: '#fff',
+									textShadowColor: '#1c90a6',
+									textShadowOffsetX: 0,
+									textShadowOffsetY: 2,
+									textShadowBlur: 5
+								},
+								d: {
+									color: color[index],
+									align: 'left'
+								}
+							}
+						}
+					}
+					item.labelLine = {
+						normal: {
+							lineStyle: {
+								width: 1,
+								color: 'rgba(255,255,255,0.7)'
+							}
+						}
+					}
+				})
+			},
+			initChart() {
+				this.statusChart = echarts.init(this.$refs.chart)
+				// 传入数据生成 option, 构建3d饼状图, 参数工具文件已经备注的很详细
+				this.option = getPie3D(this.optionData, 0.8, 240, 28, 26, 0.5)
+				this.statusChart.setOption(this.option)
+				// 是否需要label指引线，如果要就添加一个透明的2d饼状图并调整角度使得labelLine和3d的饼状图对齐，并再次setOption
+				this.option.series.push({
+					name: '电梯状态', //自己根据场景修改
+					backgroundColor: 'transparent',
+					type: 'pie',
+					label: {
+						opacity: 1,
+						fontSize: 13,
+						lineHeight: 20
+					},
+					startAngle: -40, // 起始角度，支持范围[0, 360]。
+					clockwise: false, // 饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
+					radius: ['20%', '50%'],
+					center: ['50%', '50%'],
+					data: this.optionData,
+					itemStyle: {
+						opacity: 0 //这里必须是0，不然2d的图会覆盖在表面
+					}
+				})
+				this.statusChart.setOption(this.option)
+			},
+			chart(elem, data) {
+				let chart = echarts.init(elem);
+				let option = {
+					tooltip: {
+						show: true,
+						trigger: 'axis',
+						formatter: function() {
+							return ''
+						},
+						backgroundColor: 'rgba(255,255,255,0)',
+						borderWidth: 0,
+						padding: 0,
+						axisPointer: {
+							lineStyle: {
+								type: 'solid',
+								color: '#4E5561',
+							}
+						}
+					},
+					grid: {
+						left: '15',
+						top: '30',
+						right: '15',
+						bottom: '0',
+						containLabel: true
+					},
+					color: ['#1978E5'],
+					xAxis: {
+						type: 'category',
+						data: ['01', '02', '03', '04', '05', '06', '07'],
+						axisLabel: {
+							margin: 10,
+							color: '#D0DEEE',
+							fontSize: 10
+						},
+						axisLine: {
+							lineStyle: {
+								color: '#6C8097'
+							}
+						},
+						axisTick: {
+							show: false
+						}
+					},
+					yAxis: {
+						name: '万元',
+						type: 'value',
+						minInterval: 1,
+						splitNumber: 3,
+						nameTextStyle: {
+							color: '#D0DEEE',
+							fontSize: 10,
+							align: 'right',
+						},
+						axisLabel: {
+							margin: 10,
+							color: '#D0DEEE',
+							fontSize: 10
+						},
+						splitLine: {
+							show: true,
+							lineStyle: {
+								color: 'rgba(108,128,151,0.3)',
+								type: 'dashed'
+							}
+						}
+					},
+					series: [{
+						data: data,
+						type: 'bar',
+						barWidth: 10,
+						color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+							offset: 0,
+							color: 'rgba(73, 223, 214, 0.67)'
+						}, {
+							offset: 1,
+							color: 'rgba(0, 58, 255, 0)'
+						}, ]),
+					}]
+				};
+				chart.setOption(option);
+			},
+		},
+		components: {
+			box,
+			model
+		}
+	}
+</script>
+
+<style lang="scss">
+	.notice-board {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		background: url(https://lanhu-oss.lanhuapp.com/pssojb3tye7vubv2ftf1nd9qqpjjolr8a16bce648-d855-43dd-bd70-e26ed58b5c42) 100% no-repeat;
+		background-size: 100% 100%;
+
+		.left {
+			position: absolute;
+			left: 0;
+			top: 0;
+			bottom: 0;
+			width: 350px;
+			background: linear-gradient(270deg, rgba(3, 4, 7, 0) 0%, rgba(6, 8, 12, 0.35) 15%, rgba(9, 12, 17, 0.45) 20%, rgba(9, 12, 17, 0.69) 50%, #0C0F16 100%);
+			z-index: 99;
+			display: flex;
+			flex-direction: column;
+			padding: 10px 40px 10px 10px;
+
+			.left-bottom {
+				flex: 1;
+				height: 0;
+				margin-top: 20px;
+			}
+		}
+
+		.right {
+			position: absolute;
+			right: 0;
+			top: 0;
+			bottom: 0;
+			width: 350px;
+			background: linear-gradient(90deg, rgba(3, 4, 7, 0) 0%, rgba(6, 8, 12, 0.35) 15%, rgba(9, 12, 17, 0.45) 20%, rgba(9, 12, 17, 0.69) 50%, #0C0F16 100%);
+			z-index: 99;
+			display: flex;
+			flex-direction: column;
+			padding: 10px 10px 10px 40px;
+
+			.right-chart {
+				margin-bottom: 10px;
+			}
+
+			.echarts-box {
+				height: 160px;
+			}
+
+			.right-bottom {
+				flex: 1;
+				height: 0;
+				margin-top: 20px;
+
+				.process-box {
+					width: 100%;
+					height: 100%;
+					position: relative;
+
+					.line {
+						position: absolute;
+						width: 3px;
+						background: rgba(0, 78, 126, 0.6);
+						left: 9px;
+						top: 0;
+						bottom: -15px;
+
+					}
+
+					.process-item {
+						position: relative;
+						z-index: 9;
+						padding-left: 30px;
+						margin-bottom: 15px;
+
+						&:nth-child(2n) {
+							.article {
+								border-color: rgba(1, 255, 180, 0.6);
+							}
+
+						}
+
+						&:nth-child(3n) {
+							.article {
+								border-color: rgba(255, 147, 6, 0.6);
+							}
+						}
+					}
+
+					.icon {
+						width: 20px;
+						height: 20px;
+						background: rgba(0, 159, 255, 0.39);
+						border-radius: 50%;
+						border: 1px solid rgba(73, 223, 214, 0.67);
+						display: flex;
+						align-items: center;
+						justify-content: center;
+						position: absolute;
+						top: 20px;
+						left: 0;
+					}
+
+					.icon1 {
+						width: 10px;
+						height: 10px;
+						background: #009FFF;
+						border-radius: 50%;
+						border: 2px solid rgba(73, 223, 214, 1);
+						display: flex;
+						align-items: center;
+						justify-content: center;
+					}
+
+					.icon2 {
+						width: 5px;
+						height: 5px;
+						background: linear-gradient(0deg, #FFFFFF 0%, rgba(1, 126, 201, 0) 100%);
+						border-radius: 50%;
+					}
+
+					.article {
+						border-top: 2px solid rgba(0, 234, 255, 0.6);
+						background: rgba(0, 148, 238, 0.1);
+						padding: 10px;
+
+
+
+						.article-title {
+							font-size: 14px;
+							margin: 8px 0 6px 0;
+						}
+
+						.date {
+							font-size: 16px;
+							color: #fff;
+						}
+
+						.article-content {
+							font-weight: 400;
+							font-size: 12px;
+							color: #FFFFFF;
+							line-height: 12px;
+							opacity: 0.6;
+						}
+					}
+				}
+			}
+		}
+
+		.top {
+			position: absolute;
+			top: 10px;
+			left: 310px;
+			right: 310px;
+
+			.top-box {
+				width: 100%;
+				display: flex;
+				justify-content: space-evenly;
+			}
+
+			.top-item {
+				width: 130px;
+			}
+
+			.value {
+				height: 32px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				border: 1px solid rgba(9, 81, 137, 0.3);
+
+				.color-cyan {
+					font-size: 16px;
+					margin-right: 3px;
+				}
+
+				.unit {
+					font-size: 12px;
+				}
+			}
+
+			.title {
+				background: linear-gradient(-90deg, rgba(0, 187, 255, 0) 0%, rgba(0, 230, 255, 0.09) 50%, rgba(0, 187, 255, 0) 100%);
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				height: 32px;
+
+				.label {
+					font-weight: 400;
+					font-size: 13px;
+					color: #FFFFFF;
+					margin-left: 6px;
+				}
+			}
+
+			.iconfont {
+				font-size: 20px;
+				display: inline-block; //使元素成为行内块元素
+				line-height: 1; //设置宽度和高度
+				background: linear-gradient(0deg, #0080FF, #FFFFFF);
+				-webkit-background-clip: text; //指定背景只在文本内部显示
+				-webkit-text-fill-color: transparent; //使文本颜色透明
+			}
+		}
+	}
+
+	.organization-information-list {
+		font-weight: 400;
+		font-size: 13px;
+		color: #FFFFFF;
+
+		.item {
+			display: flex;
+			margin-bottom: 5px;
+
+			&:last-child {
+				margin-bottom: 0px;
+			}
+		}
+
+		.key,
+		.value {
+			background: rgba(185, 223, 250, 0.1);
+			padding: 7px;
+		}
+
+		.key {
+			width: 80px;
+			text-align: center;
+			color: rgba(255, 255, 255, 0.8);
+		}
+
+		.value {
+			margin-left: 5px;
+			flex: 1;
+			width: 0;
+		}
+	}
+</style>

virgo.wzfrontend/console/src/router/index.js

@@ -18,6 +18,10 @@ export default new Router({
 		{ //401
 			path: '/401',
 			component: () => import('@/views/error/401'),
+		},
+		{ //ui
+			path: '/ui',
+			component: () => import('@/views/common/ui'),
 		}
 	]
 })

virgo.wzfrontend/console/src/uitls/charts.js

@@ -0,0 +1,260 @@
+/**
+ * 绘制3d图
+ * @param pieData 总数据
+ * @param internalDiameterRatio:透明的空心占比
+ * @param distance 视角到主体的距离
+ * @param alpha 旋转角度
+ * @param pieHeight 立体的高度
+ * @param opacity 饼或者环的透明度
+ */
+const getPie3D = (pieData, internalDiameterRatio, distance, alpha, pieHeight, opacity = 1) => {
+	const series = []
+	let sumValue = 0
+	let startValue = 0
+	let endValue = 0
+	let legendData = []
+	let legendBfb = []
+	const k = 1 - internalDiameterRatio
+	pieData.sort((a, b) => {
+		return b.value - a.value
+	})
+	// 为每一个饼图数据，生成一个 series-surface 配置
+	for (let i = 0; i < pieData.length; i++) {
+		sumValue += pieData[i].value
+		const seriesItem = {
+			name: typeof pieData[i].name === 'undefined' ?
+				`series${i}` :
+				pieData[i].name,
+			type: 'surface',
+			parametric: true,
+			wireframe: {
+				show: false
+			},
+			pieData: pieData[i],
+			pieStatus: {
+				selected: false,
+				hovered: false,
+				k: k
+			},
+			center: ['10%', '50%']
+		}
+		if (typeof pieData[i].itemStyle !== 'undefined') {
+			const itemStyle = {}
+			itemStyle.color =
+				typeof pieData[i].itemStyle.color !== 'undefined' ?
+				pieData[i].itemStyle.color :
+				opacity
+			itemStyle.opacity =
+				typeof pieData[i].itemStyle.opacity !== 'undefined' ?
+				pieData[i].itemStyle.opacity :
+				opacity
+			seriesItem.itemStyle = itemStyle
+		}
+		series.push(seriesItem)
+	}
+
+	// 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
+	// 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
+	legendData = []
+	legendBfb = []
+	for (let i = 0; i < series.length; i++) {
+		endValue = startValue + series[i].pieData.value
+		series[i].pieData.startRatio = startValue / sumValue
+		series[i].pieData.endRatio = endValue / sumValue
+		series[i].parametricEquation = getParametricEquation(
+			series[i].pieData.startRatio,
+			series[i].pieData.endRatio,
+			false,
+			false,
+			k,
+			series[i].pieData.value
+		)
+		startValue = endValue
+		const bfb = fomatFloat(series[i].pieData.value / sumValue, 4)
+		legendData.push({
+			name: series[i].name,
+			value: bfb
+		})
+		legendBfb.push({
+			name: series[i].name,
+			value: bfb
+		})
+	}
+	const boxHeight = getHeight3D(series, pieHeight) // 通过pieHeight设定3d饼/环的高度，单位是px
+	// 准备待返回的配置项，把准备好的 legendData、series 传入。
+	const option = {
+		legend: {
+			show: false,
+			data: legendData,
+			orient: 'vertical',
+			left: 10,
+			top: 10,
+			itemGap: 10,
+			textStyle: {
+				color: '#A1E2FF'
+			},
+			icon: 'circle',
+			formatter: function(param) {
+				const item = legendBfb.filter(item => item.name === param)[0]
+				const bfs = fomatFloat(item.value * 100, 2) + '%'
+				return `${item.name}  ${bfs}`
+			}
+		},
+		labelLine: {
+			show: true,
+			lineStyle: {
+				color: '#fff'
+			}
+		},
+		label: {
+			show: true,
+			position: 'outside',
+			formatter: '{b} \n{c} {d}%'
+		},
+		tooltip: {
+			backgroundColor: '#033b77',
+			borderColor: '#21f2c4',
+			textStyle: {
+				color: '#fff',
+				fontSize: 13
+			},
+			formatter: params => {}
+		},
+		xAxis3D: {
+			min: -1,
+			max: 1
+		},
+		yAxis3D: {
+			min: -1,
+			max: 1
+		},
+		zAxis3D: {
+			min: -1,
+			max: 1
+		},
+		grid3D: {
+			show: false,
+			boxHeight: boxHeight, // 圆环的高度
+			viewControl: {
+				// 3d效果可以放大、旋转等，请自己去查看官方配置
+				alpha, // 角度
+				distance, // 调整视角到主体的距离，类似调整zoom
+				rotateSensitivity: 0, // 设置为0无法旋转
+				zoomSensitivity: 0, // 设置为0无法缩放
+				panSensitivity: 0, // 设置为0无法平移
+				autoRotate: false // 自动旋转
+			}
+		},
+		series: series
+	}
+	return option
+}
+
+/**
+ * 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
+ */
+const getParametricEquation = (startRatio, endRatio, isSelected, isHovered, k, h) => {
+	// 计算
+	const midRatio = (startRatio + endRatio) / 2
+	const startRadian = startRatio * Math.PI * 2
+	const endRadian = endRatio * Math.PI * 2
+	const midRadian = midRatio * Math.PI * 2
+	// 如果只有一个扇形，则不实现选中效果。
+	if (startRatio === 0 && endRatio === 1) {
+		isSelected = false
+	}
+	// 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
+	k = typeof k !== 'undefined' ? k : 1 / 3
+	// 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
+	const offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0
+	const offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0
+	// 计算高亮效果的放大比例（未高亮，则比例为 1）
+	const hoverRate = isHovered ? 1.05 : 1
+	// 返回曲面参数方程
+	return {
+		u: {
+			min: -Math.PI,
+			max: Math.PI * 3,
+			step: Math.PI / 32
+		},
+		v: {
+			min: 0,
+			max: Math.PI * 2,
+			step: Math.PI / 20
+		},
+		x: function(u, v) {
+			if (u < startRadian) {
+				return (
+					offsetX +
+					Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate
+				)
+			}
+			if (u > endRadian) {
+				return (
+					offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate
+				)
+			}
+			return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate
+		},
+		y: function(u, v) {
+			if (u < startRadian) {
+				return (
+					offsetY +
+					Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate
+				)
+			}
+			if (u > endRadian) {
+				return (
+					offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate
+				)
+			}
+			return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate
+		},
+		z: function(u, v) {
+			if (u < -Math.PI * 0.5) {
+				return Math.sin(u)
+			}
+			if (u > Math.PI * 2.5) {
+				return Math.sin(u) * h * 0.1
+			}
+			return Math.sin(v) > 0 ? 1 * h * 0.1 : -1
+		}
+	}
+}
+
+/**
+ * 获取3d丙图的最高扇区的高度
+ */
+const getHeight3D = (series, height) => {
+	series.sort((a, b) => {
+		return b.pieData.value - a.pieData.value
+	})
+	return (height * 25) / series[0].pieData.value
+}
+
+/**
+ * 格式化浮点数
+ */
+const fomatFloat = (num, n) => {
+	let f = parseFloat(num)
+	if (isNaN(f)) {
+		return false
+	}
+	f = Math.round(num * Math.pow(10, n)) / Math.pow(10, n) // n 幂
+	let s = f.toString()
+	let rs = s.indexOf('.')
+	// 判定如果是整数，增加小数点再补0
+	if (rs < 0) {
+		rs = s.length
+		s += '.'
+	}
+	while (s.length <= rs + n) {
+		s += '0'
+	}
+	return s
+}
+
+export {
+	getPie3D,
+	getParametricEquation
+}

virgo.wzfrontend/console/src/uitls/routerPermission.js

@@ -13,7 +13,7 @@ import {
 NProgress.configure({
 	showSpinner: false
 })
-const baseUrl = ['/', '/401', '/404', '/loginRegister/login', '/work', '/message', '/work/space/project',
+const baseUrl = ['/', '/401', '/404', '/ui', '/loginRegister/login', '/work', '/message', '/work/space/project',
 	'/iot/device/detail', '/work/staging/project', '/work/operation/week/detail'
 ];
 

virgo.wzfrontend/console/src/views/common/ui.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

virgo.wzfrontend/console/src/views/work/index.vue

@@ -12,7 +12,7 @@
 					<div class="user-list">
 						<div class="user-item">
 							<div class="user-key">岗位名称</div>
-							<div class="user-value">物业经理</div>
+							<div class="user-value" @click="modelVisible = true">物业经理</div>
 						</div>
 						<div class="user-item">
 							<div class="user-key">公司部门</div>
@@ -214,6 +214,11 @@
 			<detail v-if="drawer" :type="item.messageType" :detail="item" @close="drawer = false">
 			</detail>
 		</el-drawer>
+		<el-dialog :close-on-click-modal="false" title="企业看板" :visible.sync="modelVisible" width="1100px"
+			:append-to-body="true">
+			<notice-board></notice-board>
+		</el-dialog>
+
 	</div>
 </template>
 <script>
@@ -221,6 +226,7 @@
 		getMessagePageListByQuery
 	} from '@/httpApi/message'
 	import detail from '@/components/message/detail'
+	import noticeBoard from '@/components/work/common/noticeBoard'
 	export default {
 		data() {
 			return {
@@ -229,6 +235,7 @@
 				tableData: [],
 				item: {},
 				drawer: false,
+				modelVisible: false,
 				industryList: [{
 					value: 21,
 					name: "建筑业",
@@ -269,7 +276,8 @@
 			this.chart1();
 		},
 		components: {
-			detail
+			detail,
+			noticeBoard
 		},
 		methods: {
 			initLog() {
@@ -451,8 +459,8 @@
 			}
 
 			.user-title-right {
-				cursor: pointer;
-				display: flex;
+				cursor: pointer;
+				display: flex;
 				align-items: center;
 			}
 		}

virgo.wzfrontend/src/main/resources/static/console/icon/font.css

@@ -27,10 +27,21 @@
 	font-display: swap;
 }
 
+@font-face {
+	font-family: "youshe";
+	font-weight: 400;
+	src: url("./youshe.ttf") format("truetype");
+	font-display: swap;
+}
+
 .pangmenzhengdao {
 	font-family: 'PangMenZhengDao';
 }
 
 .alibaba {
 	font-family: 'alibabaMedium';
+}
+
+.youshe {
+	font-family: 'YouSheBiaoTiHei';
 }