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

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

web/src/components/SearchBox.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="search">
-  
     <div class="top" v-if="searchOptions.length">
       <div class="top-left">
         <template v-for="item in searchOptions" :key="item.key">
@@ -9,9 +8,10 @@
             <span class="label"> {{ item.label }}</span>
             <div class="select" v-if="item.type == 'select'">
               <a-select
-:dropdown-match-select-width="false"       v-model:value="formData[item.key]"
+                :dropdown-match-select-width="false"
+                v-model:value="formData[item.key]"
                 allow-clear
-                :max-tag-count='2'
+                :max-tag-count="2"
                 :placeholder="item.label"
                 :mode="item.mode ? item.mode : 'combobox'"
               >
@@ -70,12 +70,11 @@
       <div style="display: flex" v-if="btnOptionList.length">
         <div v-for="(item, i) in btnOptionList" :key="i" class="button">
           <a-button
-           :class="'btn-' + item.type"
+            :class="'btn-' + item.type"
             type="primary"
             @click="handelClick(item.type)"
             :disabled="item.disabled ? item.disabled : false"
           >
-           
             {{ item.label }}
           </a-button>
         </div>
@@ -188,7 +187,7 @@ input:-internal-autofill-selected {
   color: var(--theme-text-default) !important;
 }
 .search {
-  color:#fff;
+  color: #fff;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
@@ -232,12 +231,12 @@ input:-internal-autofill-selected {
     .date-picker {
       width: 360px;
 
-      .ant-picker{
-            background: transparent;
-    border: 1px solid #00B9D0;
-    .ant-picker-input >input{
-      color: #fff!important;
-    }
+      .ant-picker {
+        background: transparent;
+        border: 1px solid #00b9d0;
+        .ant-picker-input > input {
+          color: #fff !important;
+        }
       }
     }
 
@@ -323,19 +322,13 @@ input:-internal-autofill-selected {
   }
   .bottom {
     display: flex;
-    margin-top: 15px;
-    margin-bottom: 15px;
+    margin-top: 20px;
+    margin-bottom: 20px;
     justify-content: space-between;
     align-items: center;
-    .button{
+    .button {
       margin-left: 10px;
     }
-
-    }
-
-    
   }
-
-
-  
+}
 </style>