| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :inline="true" :model="queryParams" class="search-form"> |
| | | <el-form-item label="任务名称"> |
| | | <el-form-item label="搜索"> |
| | | <el-input |
| | | v-model="queryParams.taskName" |
| | | placeholder="请输入" |
| | | clearable |
| | | :style="{ width: '100%' }" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="设备名称"> |
| | | <el-input |
| | | v-model="queryParams.deviceName" |
| | | placeholder="请输入" |
| | | v-model="queryParams.searchAll" |
| | | placeholder="请输入关键字" |
| | | clearable |
| | | :style="{ width: '100%' }" |
| | | /> |
| | |
| | | </el-radio-group> |
| | | <!-- 操作按钮区 --> |
| | | <el-space v-if="activeRadio !== 'task'"> |
| | | <el-button type="primary" :icon="Plus" @click="handleAdd">新建</el-button> |
| | | <el-button type="primary" :icon="Plus" @click="handleAdd(undefined)">新建</el-button> |
| | | <el-button type="danger" :icon="Delete" @click="handleDelete">删除</el-button> |
| | | <!-- <el-button type="info" plain :icon="Download">导出</el-button> --> |
| | | </el-space> |
| | |
| | | const viewQrCodeFiles = ref() |
| | | // 查询参数 |
| | | const queryParams = reactive({ |
| | | taskName: "", |
| | | deviceName: "", |
| | | searchAll: "", |
| | | }) |
| | | // 当前标签 |
| | | const activeTab = ref("task"); |
| | |
| | | |
| | | // 新增、编辑 |
| | | const handleAdd = (row) => { |
| | | console.log(row) |
| | | const type = row === undefined ? 'add' : 'edit' |
| | | nextTick(() => { |
| | | if (tabName.value === 'task') { |