style(region): 优化区域页面搜索表单布局与样式

- 使用 section-card 组件包裹搜索表单，提升 UI 结构清晰度
- 调整表单项为弹性盒子布局，实现横向均匀分布
- 为选择器添加固定宽度，统一控件尺寸
- 将搜索按钮和清空按钮放置于表单内右侧，方便操作
- 添加局部样式，优化表单间距和按钮组间距
- 引入 section-card 组件并在 components 中注册
- 合并合同类别初始值为空，避免默认值误导用户

src/views/business/contract-manage.vue

@@ -98,6 +98,7 @@
 
     <template v-else>
       <div class="archive-page-form__title">{{ formPageTitle }}</div>
+
       <el-form
         ref="contractForm"
         :model="form"
@@ -813,7 +814,7 @@ const defaultSettlementRule = () => ({
   cycleDays: '',
 });
 const defaultForm = () => ({
-  contractCategory: '客户合同',
+  contractCategory: '',
   contractNo: '',
   contractName: '',
   projectId: '',