parent
832bf3bf66
commit
f1f6d2415c
@ -0,0 +1,111 @@ |
||||
<template> |
||||
<div class="app-container"> |
||||
<el-card shadow="never"> |
||||
<template #header> |
||||
<div class="flex justify-between"> |
||||
<div style="display: flex; align-items: center"> |
||||
<el-icon size="15"><Grid /></el-icon> <span |
||||
style="font-weight: 700; font-size: 14px; line-height: 16px" |
||||
>厂商配置文件列表</span |
||||
> |
||||
</div> |
||||
<div> |
||||
<el-button type="primary" :icon="Position" @click="submit" |
||||
>执行</el-button |
||||
> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<div class="any-table"> |
||||
<el-table |
||||
:data="tableData" |
||||
v-loading="loading" |
||||
highlight-current-row |
||||
@row-click="handleCurrentChange" |
||||
> |
||||
<el-table-column width="55"> |
||||
<template #default="scope"> |
||||
<el-radio :label="scope.row.fileId" v-model="fileId"> |
||||
{{ "" }} |
||||
</el-radio> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column |
||||
label="厂商配置文件" |
||||
prop="fileName" |
||||
align="center" |
||||
/> |
||||
<el-table-column |
||||
label="文件创建时间" |
||||
prop="fileCreateTime" |
||||
align="center" |
||||
/> |
||||
<el-table-column |
||||
label="文件描述内容" |
||||
prop="fileDesc" |
||||
align="center" |
||||
/> |
||||
</el-table> |
||||
</div> |
||||
</el-card> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup lang="ts"> |
||||
import { Grid, Position } from "@element-plus/icons-vue"; |
||||
import { FileListVO } from "@/api/file-list/types"; |
||||
import { listVendorProfile } from "@/api/device-type-ver"; |
||||
import { ElTable } from "element-plus"; |
||||
import { SoftVersionUpgradeVO } from "@/api/device-type-ver/types"; |
||||
import { remoteVendorProfile } from "@/api/remote"; |
||||
const route = useRoute(); |
||||
let devId: number = parseInt(<string>route.params.devId); |
||||
let typeAndVerId: number = parseInt(<string>route.params.typeAndVerId); |
||||
const tableData = ref<FileListVO[]>([]); |
||||
const loading = ref<boolean>(false); |
||||
const fileId = ref<number>(); |
||||
const handleCurrentChange = (val: SoftVersionUpgradeVO) => { |
||||
fileId.value = val.fileId; |
||||
}; |
||||
const getData = () => { |
||||
loading.value = true; |
||||
listVendorProfile(typeAndVerId) |
||||
.then(({ data }) => { |
||||
tableData.value = data; |
||||
}) |
||||
.finally(() => { |
||||
loading.value = false; |
||||
}); |
||||
}; |
||||
const submit = () => { |
||||
if (fileId.value === undefined) { |
||||
ElMessage({ |
||||
message: "请选择一个设备厂商文件", |
||||
duration: 1000, |
||||
type: "error", |
||||
}); |
||||
return; |
||||
} |
||||
loading.value = true; |
||||
remoteVendorProfile(devId, fileId.value) |
||||
.then(() => { |
||||
ElMessage({ |
||||
message: "操作成功", |
||||
type: "success", |
||||
duration: 1000, |
||||
}); |
||||
}) |
||||
.finally(() => { |
||||
loading.value = false; |
||||
}); |
||||
}; |
||||
onMounted(() => { |
||||
getData(); |
||||
}); |
||||
</script> |
||||
|
||||
<style scoped> |
||||
:deep(.el-card__body) { |
||||
padding: 10px 0 0 0; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue