feat: 优化表单提交

罗广辉

2026-01-07 4818e3c2297adce040b7c22e774d8fa5a9fdb5dd

 applications/drone-command/src/views/basicManage/deviceStock/deviceStock.vue

@@ -8,8 +8,8 @@
            <el-input v-model="searchParams.deviceType" />
         </el-form-item>
         <el-form-item>
            <el-button type="primary" @click="handleSearch">查询</el-button>
            <el-button @click="resetForm">重置</el-button>
            <el-button type="primary" @click="handleSearch">查询</el-button>
         </el-form-item>
      </el-form>
      <div>
@@ -30,29 +30,32 @@
         </el-table-column>
      </el-table>

      <el-pagination
         v-model:current-page="searchParams.current"
         v-model:page-size="searchParams.size"
         :total="total"
         @change="getList"
      />
      <div>
         <el-pagination
            v-model:current-page="searchParams.current"
            v-model:page-size="searchParams.size"
            :total="total"
            @change="getList"
         />
      </div>

      <DeviceStockFormDialog ref="dialogRef" @success="getList" />
   </basic-container>
</template>

<script setup>
import { onMounted, reactive, ref } from 'vue'
import { onMounted, ref } from 'vue'
import { ElMessageBox } from 'element-plus'
import { fwDeviceListApi, fwDeviceRemoveApi } from '@/api/fwDevice'
import DeviceStockFormDialog from './DeviceStockFormDialog.vue'

const searchParams = reactive({
const initSearchParams = () => ({
   deviceName: '',
   deviceType: '',
   current: 1,
   size: 10,
})
const searchParams = ref(initSearchParams())
const total = ref(0)
const list = ref([])
const queryParamsRef = ref(null)
@@ -61,32 +64,32 @@

// 获取列表
async function getList() {
   const res = await fwDeviceListApi({ ...searchParams })
   const res = await fwDeviceListApi(searchParams.value)
   list.value = res?.data?.data?.records ?? []
   total.value = res?.data?.data?.total ?? 0
}

// 查询
function handleSearch() {
   searchParams.current = 1
   searchParams.value.current = 1
   getList()
}

// 重置查询
function resetForm() {
   queryParamsRef.value?.resetFields()
   searchParams.current = 1
   searchParams.value.current = 1
   getList()
}

// 查看
function handleView(row) {
   dialogRef.value?.open({ mode: 'view', id: row.id })
   dialogRef.value?.open({ mode: 'view', row: { ...row } })
}

// 编辑
function handleEdit(row) {
   dialogRef.value?.open({ mode: 'edit', id: row.id })
   dialogRef.value?.open({ mode: 'edit', row: { ...row } })
}

// 删除