feat: 带筛选

罗广辉

2026-01-14 b7c8eeabe7f6b703a5f4468e64dfe36736222df5

 applications/drone-command/src/views/areaManage/partition/FormDiaLog.vue

@@ -97,22 +97,28 @@
                     </el-form-item>
                  </el-col>
                  <el-col :span="24">
                     <el-form-item label="关联设备" prop="deviceIds">
                        <el-table
                           ref="deviceTableRef"
                           :data="deviceOptions"
                           row-key="id"
                           @selection-change="handleDeviceSelectionChange"
                        >
                           <el-table-column type="selection" width="55" />
                           <el-table-column prop="deviceName" label="设备名称" />
                           <el-table-column prop="deviceType" label="类型">
                              <template v-slot="{ row }">
                                 {{ getDictLabel(row.deviceType, dictObj.deviceType) }}
                              </template>
                           </el-table-column>
                        </el-table>
                     </el-form-item>
                     <div>
                        <div>
                           关联设备
                           <el-input v-model="searchName" placeholder="请输入" clearable></el-input>
                        </div>
                        <el-form-item prop="deviceIds" label-width="0">
                           <el-table
                              ref="deviceTableRef"
                              :data="deviceOptions.filter(item => item.deviceName.includes(searchName))"
                              row-key="id"
                              @selection-change="handleDeviceSelectionChange"
                           >
                              <el-table-column type="selection" width="55" :reserve-selection="true" />
                              <el-table-column prop="deviceName" label="设备名称" />
                              <el-table-column prop="deviceType" label="类型">
                                 <template v-slot="{ row }">
                                    {{ getDictLabel(row.deviceType, dictObj.deviceType) }}
                                 </template>
                              </el-table-column>
                           </el-table>
                        </el-form-item>
                     </div>
                  </el-col>
               </el-row>
            </el-form>
@@ -165,6 +171,7 @@
const titleEnum = ref({ edit: '编辑', view: '查看', add: '新增' })
const flyDateRange = ref([]) // 飞行时间
const deviceTableRef = ref(null)
const searchName = ref('')
const selectedDeviceRows = ref([])
const policeStationOptions = ref([]) // 关联派出所
const deviceOptions = ref([]) // 关联设备
@@ -331,8 +338,9 @@
   if (!deviceTableRef.value) return
   deviceTableRef.value.clearSelection()
   const rows = []
   const arr = formData.value.deviceIds.split(',')
   deviceOptions.value.forEach(row => {
      if (formData.value.deviceIds.includes(row.id)) {
      if (arr.includes(row.id)) {
         deviceTableRef.value.toggleRowSelection(row, true)
         rows.push(row)
      }