feat(web): 新增预测管理和策略表单功能

- 添加预测管理页面和相关组件
- 实现策略表单组件，支持创建和编辑策略
- 优化表格组件，增加分页和数据加载功能
- 调整视频监控组件布局
- 修复部分组件样式问题

web/src/style/antd.scss

@@ -1,49 +1,134 @@
 $border-color: #12fbff;
-$btn-confirm: #1C918A;
-$btn-del:#D43030;
-//级联器样式
+$btn-confirm: #1c918a;
+$btn-del: #d43030;
+$btn-edit: #ff8d1a;
+$bg1-color: #052f4d;
+$bg2-color: #2169c31f;
+$bg3-color: #00d2ff1f;
+
+$text-color: #a6b8dd;
+
+$green: #27a188;
+$tab-border: #1489c0;
+
+$table-border: #1c797a;
+$table-bg: #072e4a;
+$page-border: #cad2dd;
+//级联器样式,下拉选择器样式输入框等。。。
+.ant-select,
 .ant-cascader {
   .ant-select-selector {
     background: none !important;
     border: 1px solid $border-color !important;
+    color: #fff;
   }
   .ant-select-arrow {
     color: $border-color;
   }
-  .ant-select-selection-placeholder{
+  .ant-select-selection-placeholder {
     color: #ffffff3b;
   }
 }
+.ant-input,
+.ant-input-affix-wrapper,
+.ant-picker
+ {
+  background: none !important;
+  border: 1px solid $border-color !important;
+  color: #fff;
+}
+:deep(.ant-picker){
+  .ant-picker-input >input,.ant-picker-separator{
+    color: #fff !important;
+  }
+  .ant-picker-input::placeholder{
+    color: #ffffff3b !important;
+  }
+}
+.ant-input-affix-wrapper {
+  .ant-input {
+    border: none !important;
+  }
+}
+.ant-radio-wrapper {
+  color: #fff;
+}
+//表单
+.ant-form {
+  .ant-form-item-label > label {
+    color: #fff;
+  }
+}
+
 //按钮样式
 // .ant-btn{
 //     padding: 4px 8px;
 // }
-.ant-btn-primary{
+.ant-btn-primary {
+  background: $btn-confirm;
+  &:hover {
     background: $btn-confirm;
-    &:hover{
-        background: $btn-confirm;
-        opacity: 0.8;
-    }
-    &:active{
-        background: #0f6f6a;
-
-    }
+    opacity: 0.8;
+  }
+  &:active {
+    background: #0f6f6a;
+  }
 }
-.btn-del{
+.btn-del {
   background: $btn-del;
-  &:hover{
-        background: $btn-del;
-        opacity: 0.8;
-    }
-    &:active{
-        background: $btn-del;
-
-    }
+  &:hover {
+    background: $btn-del;
+    opacity: 0.8;
+  }
+  &:active {
+    background: $btn-del;
+  }
+}
+.btn-edit {
+  background: $btn-edit;
+  &:hover {
+    background: $btn-edit;
+    opacity: 0.8;
+  }
+  &:active {
+    background: $btn-edit;
+  }
 }
 //modal样式
-.ant-modal .ant-modal-content{
-    background-image: url('@/assets/images/modalBg.png');
-    background-size: 100% 100%;
-    background-color: #ffffff00 !important;
-    border-radius: 0;
-}
+.ant-modal .ant-modal-content {
+  background-image: url('@/assets/images/modalBg.png');
+  background-size: 100% 100%;
+  background-color: #ffffff00 !important;
+  border-radius: 0;
+}
+.ant-modal .ant-modal-footer {
+  text-align: center;
+}
+//表单中的表格样式
+.ant-form{
+.ant-table-thead {
+  background: rgba(30, 85, 95, 1) !important;
+}
+:deep(.ant-table-thead > tr > th) {
+  border-inline: 1px solid transparent !important;
+  background: transparent;
+  color: #fff !important;
+  border-bottom: none !important; /* 可选：去除底部边框 */
+}
+:deep(.ant-table-tbody){
+  color: #fff;
+  background: $table-bg ;
+  border: 1px solid $table-border !important;
+  border-radius: 0px 0px 20px 20px;
+  
+}
+:deep(.ant-table-wrapper .ant-table-tbody>tr.ant-table-placeholder:hover>td){
+  background: transparent !important;
+}
+:deep(.ant-empty-description){
+  color: #fff !important;
+}
+
+}
+
+