势力下拉，类型下拉

src/App.vue

@@ -119,4 +119,14 @@ export default {
 .fr-wr {
   flex-wrap: wrap-reverse;
 }
+
+.scroller {
+  overflow: auto;
+}
+.scroller-x {
+  overflow-x: auto;
+}
+.scroller-y {
+  overflow-y: auto;
+}
 </style>

src/views/simulationScene/sceneEditing/index.vue

@@ -13,8 +13,22 @@
     </ModuleWrapper>
     <ModuleWrapper title="装备元素" style="grid-column: 1 / 2; grid-row: 2 / 4">
       <div class="normal flex-c" style="padding: 5px">
-        <a-input-search v-model="ys.keyword" placeholder="输入关键词搜索..." @search="onSearch" />
-        <div style="height: 0; flex: 1; overflow-y: auto">
+        <a-input-search v-model="ys.queryParams.keyword" placeholder="输入关键词搜索..." @search="onSearch" />
+        <Flex>
+          <AntOriginSelect
+            v-model="ys.queryParams.force"
+            :dataSource="() => ({ data: ys.forceOptions })"
+            width="100px"
+            :allowClear="false"
+          />
+          <AntOriginSelect
+            v-model="ys.queryParams.type"
+            :dataSource="() => ({ data: ys.typeOptions })"
+            class="flex-1"
+            :allowClear="false"
+          />
+        </Flex>
+        <div class="flex-1" style="overflow-y: auto">
           <a-row>
             <template v-for="item in ys.ysList">
               <a-col :key="item.id" :span="24">{{ item.title }}</a-col>
@@ -397,7 +411,23 @@ export default {
       scenarioId: null,
       zb: { zbTreeData: [], selectedKeys: [] },
       ys: {
-        keyword: '',
+        forceOptions: [
+          { title: '红方', id: 1 },
+          { title: '蓝方', id: 2 },
+        ],
+        typeOptions: [
+          { title: '飞机', id: 1 },
+          { title: '地面设施与兵力', id: 2 },
+          { title: '舰船', id: 3 },
+          { title: '潜艇', id: 4 },
+          { title: '作战分队', id: 5 },
+          { title: '保障分队', id: 6 },
+        ],
+        queryParams: {
+          keyword: '',
+          force: 1,
+          type: 1,
+        },
         ysList: [
           {
             id: '1',