1.计量器具台账上传附件报错 2.质量拉的数据不对（未明确） 3.计量器具台账逾期的做标红提醒 4.设备保养定时任务和记录要加上具体的保养内容 5.质...

云

17 小时以前 adb79299e86660a7f205466cf1ea48c6b25b1398

 src/views/reportAnalysis/qualityAnalysis/components/right-bottom.vue

@@ -164,12 +164,65 @@
  padding: 18px;
  width: 100%;
  height: 449px;
  position: relative;
  overflow: hidden;
}

/* 面板角落装饰 */
.panel-item-customers::before,
.panel-item-customers::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border-color: rgba(0, 212, 255, 0.5);
  border-style: solid;
  pointer-events: none;
  z-index: 3;
}

.panel-item-customers::before {
  top: -1px;
  left: -1px;
  border-width: 2px 0 0 2px;
}

.panel-item-customers::after {
  bottom: -1px;
  right: -1px;
  border-width: 0 2px 2px 0;
}

/* 面板发光背景 */
.panel-item-customers > div:first-child::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(78, 228, 255, 0.08) 0%, transparent 70%);
  pointer-events: none;
  animation: pieGlow 4s ease-in-out infinite;
  z-index: 0;
}

@keyframes pieGlow {
  0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.1); }
}

.pie-chart-wrapper {
  position: relative;
  width: 100%;
  height: 320px;
  animation: pieFloat 4s ease-in-out infinite;
}

@keyframes pieFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

.pie-background {
@@ -185,5 +238,17 @@
  left: 50%;
  top: 50%;
  transform: translate(-51.5%, -39%);
  animation: pieBgRotate 30s linear infinite;
}

@keyframes pieBgRotate {
  from { transform: translate(-51.5%, -39%) rotate(0deg); }
  to { transform: translate(-51.5%, -39%) rotate(360deg); }
}

/* 图表发光效果 */
.land-chart {
  position: relative;
  z-index: 2;
}
</style>