修改

src/page/LinePage1-2/Component/TitleBox/index.tsx

@@ -1,9 +1,9 @@
-import Defect from "./../../assets/icon/defect.png";
-import Alarm from "./../../assets/icon/alarm.png";
-import Finished from "./../../assets/icon/finished.png";
-import InputAndOutput from "./../../assets/icon/inputAndOutput.png";
-import Num from "./../../assets/icon/num.png";
-import Record from "./../../assets/icon/record.png";
+import Defect from "./../../../assets/icon/defect.png";
+import Alarm from "./../../../assets/icon/alarm.png";
+import Finished from "./../../../assets/icon/finished.png";
+import InputAndOutput from "./../../../assets/icon/inputAndOutput.png";
+import Num from "./../../../assets/icon/num.png";
+import Record from "./../../../assets/icon/record.png";
 import "./index.css";
 interface titleProps {
   title: string;

src/page/LinePage1-2/TopP.tsx

@@ -1,5 +1,5 @@
 import '../../lanhuapp/common.css';
-import "./index.css";
+import "./../style/linePage.css";
 
 function TopP() {
   return (

src/page/LinePage1-2/index.css

@@ -1,264 +0,0 @@
-/* 顶部 */
-.block_top {
-  width: 1920px;
-  height: 94px;
-  background: url(/public/svg/topback.svg) 100% no-repeat;
-  background-size: 100% 100%;
-  opacity: 1;
-  display: flex;
-  justify-content: center;
-}
-
-.block_top_title {
-  width: 651px;
-  height: 77px;
-  background: url(/public/png/topTiltle.png) 100% no-repeat;
-  background-size: 100% 100%;
-  margin-top: 18px;
-}
-/* 中部 */
-.block_bottom {
-  width: 1920px;
-  height: 966px;
-  padding-top: 20px;
-}
-
-.group_left {
-  width: 402px;
-  height: 966px;
-  margin: 0 0 0 24px;
-}
-
-.group_center {
-  width: 1041px;
-  height: 966px;
-  margin: 0 0 0 15px;
-}
-
-.group_right {
-  width: 401px;
-  height: 966px;
-  margin-left: 15px;
-}
-
-.left_up {
-  width: 402px;
-  height: 332px;
-  background: url(../../../public/png/rect/lp_left_up.png) no-repeat;
-  background-size: 100% 100%;
-  background-position: 0 0;
-  position: relative;
-}
-.left_down {
-  width: 402px;
-  height: 599px;
-  background: url(../../../public/png/rect/lp_left_down.png) no-repeat;
-  background-size: 100% 100%;
-  background-position: 0 0;
-  margin-top: 14px;
-  position: relative;
-}
-.center_up {
-  width: 1041px;
-  height: 562px;
-  background: url(../../../public/png/rect/lp_center_up.png) no-repeat;
-  background-size: 100% 100%;
-  background-position: 0 0;
-  position: relative;
-}
-.center_down {
-  width: 1041px;
-  height: 368px;
-  margin-top: 17px;
-}
-.center_down_inner {
-  width: 513px;
-  height: 366px;
-  background: url(../../../public/png/rect/lp_center_down.png) no-repeat;
-  background-size: 100% 100%;
-  background-position: 0 0;
-  position: relative;
-}
-.center_down .left-box {
-  margin-right: 15px;
-  position: relative;
-}
-.center_down .left-box .alarm_num_title {
-  position: absolute;
-  left: 220px;
-  top: 22px;
-  font-size: 13px;
-  letter-spacing: 3px;
-  color: #fff;
-}
-.center_down .left-box .alarm_num {
-  color: #52fff1;
-  font-size: 40px;
-  text-align: center;
-  font-family: PingFangSC, PingFang SC;
-}
-.center_down .right_box .chart_box {
-  width: 100%;
-  height: 310px;
-  margin-top: 10px;
-}
-.right_up {
-  width: 401px;
-  height: 257px;
-  background: url(../../../public/png/rect/lp_right_up.png) no-repeat;
-  background-size: 100% 100%;
-  background-position: 0 0;
-}
-.right_down {
-  width: 401px;
-  height: 673px;
-  background: url(../../../public/png/rect/lp_right_down.png) no-repeat;
-  background-size: 100% 100%;
-  background-position: 0 0;
-  margin-top: 14px;
-  position: relative;
-}
-.left_up_switch {
-  position: absolute;
-  right: 10px;
-  top: 12px;
-}
-.left_up_chart {
-  height: 275px;
-  margin-top: 10px;
-}
-/* 左侧 */
-.left_down_title {
-  height: 18px;
-  justify-content: center;
-  margin-bottom: 4px;
-}
-.left_down_box1 {
-  width: 56px;
-  height: 13px;
-  background: url(/public/png/leftbar.png) 100% no-repeat;
-  background-size: 100% 100%;
-  margin-top: 2px;
-}
-.left_down_box2 {
-  width: 56px;
-  height: 13px;
-  background: url(/public/png/rightbar.png) 100% no-repeat;
-  background-size: 100% 100%;
-  margin: 2px 0 0 0px;
-}
-.left_down_text {
-  /*width: 40px;*/
-  height: 18px;
-  overflow-wrap: break-word;
-  color: rgba(1, 207, 204, 1);
-  font-size: 18px;
-  letter-spacing: 5px;
-  font-family: PingFangSC-Regular;
-  white-space: nowrap;
-  line-height: 18px;
-  margin-left: 18px;
-  margin-right: 16px;
-  text-align: center;
-}
-.left_down_content {
-  height: 160px;
-  /* padding-bottom: 5px; */
-}
-.right_down_content {
-  height: 185px;
-  /* padding-bottom: 5px; */
-}
-/* 滚动表格部分 */
-.dv-scroll-board .header .header-item,
-.dv-scroll-board .rows .ceil {
-  border-right: 1px solid #0d1728;
-}
-.dv-scroll-board .header .header-item:last-child,
-.dv-scroll-board .rows .ceil:last-child {
-  border-right: none;
-  border: none;
-}
-/* chart图部分 */
-.luoyang-chart-tooltip {
-  background: #0a2b4f77 !important;
-  border: none !important;
-  backdrop-filter: blur(12px);
-}
-
-.luoyang-chart-tooltip * {
-  color: #fff !important;
-}
-/* 三维页面部分 */
-.center_up .model_name {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  z-index: 1000;
-}
-.center_up .model_info {
-  position: absolute;
-  left: 100px;
-  bottom: 0px;
-  z-index: 1000;
-  width: 841px;
-  height: 62px;
-  background: url(/public/png/lp/line_part.png) 100% no-repeat;
-  background-size: 100% 100%;
-}
-.center_up .model_info .reset_btn {
-  position: absolute;
-  top: 20px;
-  left: 40px;
-  width: 140px;
-  height: 40px;
-  cursor: pointer;
-}
-.center_up .model_info .title {
-  display: inline-block;
-  width: 361px;
-  text-align: center;
-  font-size: 32px;
-  color: #fff;
-  letter-spacing: 5px;
-  position: absolute;
-  left: 241px;
-  bottom: 10px;
-}
-.center_up .eq_detail_info {
-  position: absolute;
-  right: 0px;
-  bottom: 0px;
-  z-index: 1002;
-  width: 240px;
-  height: 110px;
-  background: url(/public/png/lp/eq_msg_detail.png) 100% no-repeat;
-  background-size: 100% 100%;
-  color: #fff;
-  padding: 15px 0 0 15px;
-}
-.center_up .eq_detail_info .left_name {
-  display: inline-block;
-  width: 95px;
-  height: 28px;
-  text-align: right;
-  font-size: 18px;
-}
-.center_up .eq_detail_info .right_value {
-  display: inline-block;
-  height: 28px;
-  font-size: 18px;
-}
-.center_up .eq_info {
-  position: absolute;
-  z-index: 1002;
-  background: url(/public/png/lp/eq_msg_always.png) 100% no-repeat;
-  background-size: 100% 100%;
-  color: #fff;
-  padding: 10px 15px;
-}
-.center_up .eq_info .eq_info_inner {
-  height: 24px;
-  font-size: 17px;
-  white-space: nowrap;
-}