parent
e96599b411
commit
20f28f2a55
@ -0,0 +1,73 @@ |
|||||||
|
<template> |
||||||
|
<el-dialog |
||||||
|
class="com-dialog" |
||||||
|
v-model="openDomainTreeFlag" |
||||||
|
title="新增设备类型软件版本系统管理域" |
||||||
|
> |
||||||
|
<div style="display: flex; justify-content: center"> |
||||||
|
<el-transfer |
||||||
|
:titles="['可选系统管理域', '已选系统管理域']" |
||||||
|
v-model="target" |
||||||
|
:data="resource" |
||||||
|
v-loading="loading" |
||||||
|
/> |
||||||
|
</div> |
||||||
|
<template #footer> |
||||||
|
<el-button type="primary" @click="submit">确定</el-button> |
||||||
|
<el-button>取消</el-button> |
||||||
|
</template> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { transferOption } from "@/api/domain"; |
||||||
|
import { DomainOption } from "@/api/domain/types"; |
||||||
|
import { editVerDomain, listVerDomain } from "@/api/device-type-ver"; |
||||||
|
|
||||||
|
const loading = ref<boolean>(false); |
||||||
|
const openDomainTreeFlag = ref<boolean>(false); |
||||||
|
const typeAndVerId = ref<number>(0); |
||||||
|
const openDomainTree = (typeAndVerId_?: number) => { |
||||||
|
openDomainTreeFlag.value = true; |
||||||
|
typeAndVerId.value = typeAndVerId_; |
||||||
|
loadResource(); |
||||||
|
loadTarget(); |
||||||
|
}; |
||||||
|
defineExpose({ openDomainTree }); |
||||||
|
const loadResource = async () => { |
||||||
|
loading.value = true; |
||||||
|
await transferOption() |
||||||
|
.then(({ data }) => { |
||||||
|
resource.value = data; |
||||||
|
}) |
||||||
|
.finally(() => { |
||||||
|
loading.value = false; |
||||||
|
}); |
||||||
|
}; |
||||||
|
const loadTarget = async () => { |
||||||
|
loading.value = true; |
||||||
|
await listVerDomain(typeAndVerId.value) |
||||||
|
.then(({ data }) => { |
||||||
|
target.value = data; |
||||||
|
}) |
||||||
|
.finally(() => { |
||||||
|
loading.value = false; |
||||||
|
}); |
||||||
|
}; |
||||||
|
const resource = ref<DomainOption[]>([]); |
||||||
|
const target = ref<number[]>([]); |
||||||
|
const emit = defineEmits(["success"]); |
||||||
|
const submit = () => { |
||||||
|
loading.value = true; |
||||||
|
editVerDomain(typeAndVerId.value, target.value) |
||||||
|
.then(() => { |
||||||
|
emit("success"); |
||||||
|
openDomainTreeFlag.value = false; |
||||||
|
}) |
||||||
|
.finally(() => { |
||||||
|
loading.value = false; |
||||||
|
}); |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped></style> |
||||||
@ -0,0 +1,113 @@ |
|||||||
|
<template> |
||||||
|
<el-dialog |
||||||
|
class="com-dialog" |
||||||
|
v-model="vendorProfileFlag" |
||||||
|
align-center |
||||||
|
title="新增厂商配置文件信息" |
||||||
|
> |
||||||
|
<el-form |
||||||
|
ref="addVendorProfileRef" |
||||||
|
v-loading="loading" |
||||||
|
:rules="rules" |
||||||
|
:model="formData" |
||||||
|
> |
||||||
|
<el-row :gutter="20"> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="厂商配置文件名称" prop="fileName"> |
||||||
|
<el-input v-model="formData.fileName" /> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="12"> |
||||||
|
<el-form-item label="厂商配置文件描述信息"> |
||||||
|
<el-input v-model="formData.fileDesc" type="textarea" :rows="1" /> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-row> |
||||||
|
<el-upload |
||||||
|
drag |
||||||
|
action="#" |
||||||
|
:limit="1" |
||||||
|
:auto-upload="false" |
||||||
|
v-model:file-list="fileList" |
||||||
|
> |
||||||
|
<el-icon class="el-icon--upload"><upload-filled /></el-icon> |
||||||
|
<div class="el-upload__text">拖拽上传 或 <em>点击上传</em></div> |
||||||
|
</el-upload> |
||||||
|
</el-form> |
||||||
|
<template #footer> |
||||||
|
<el-button type="primary" @click="handleUpload(addVendorProfileRef)" |
||||||
|
>保存</el-button |
||||||
|
> |
||||||
|
<el-button>取消</el-button> |
||||||
|
</template> |
||||||
|
</el-dialog> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
import { UploadFilled } from "@element-plus/icons-vue"; |
||||||
|
import { VendorProfile } from "@/api/file/types"; |
||||||
|
import { FormInstance, FormRules, UploadUserFile } from "element-plus"; |
||||||
|
import { uploadApi } from "@/api/file"; |
||||||
|
import { addVendorProfile } from "@/api/device-type-ver"; |
||||||
|
|
||||||
|
const loading = ref<boolean>(false); |
||||||
|
const vendorProfileFlag = ref<boolean>(false); |
||||||
|
const addVendorProfileRef = ref(); |
||||||
|
const fileList = ref<UploadUserFile[]>([]); |
||||||
|
const formData = ref<VendorProfile>({ |
||||||
|
fileType: "1", |
||||||
|
}); |
||||||
|
const open = (typeAndVerId?: number) => { |
||||||
|
resetForm(addVendorProfileRef.value); |
||||||
|
fileList.value = []; |
||||||
|
formData.value = { |
||||||
|
fileType: "1", |
||||||
|
}; |
||||||
|
vendorProfileFlag.value = true; |
||||||
|
formData.value.typeAndVerId = typeAndVerId; |
||||||
|
}; |
||||||
|
defineExpose({ open }); |
||||||
|
const rules = reactive<FormRules<VendorProfile>>({ |
||||||
|
fileName: [{ required: true, message: "请填写文件名称", trigger: "blur" }], |
||||||
|
}); |
||||||
|
const resetForm = (formEl: FormInstance | undefined) => { |
||||||
|
if (!formEl) return; |
||||||
|
formEl.resetFields(); |
||||||
|
}; |
||||||
|
const emit = defineEmits(["success"]); |
||||||
|
const handleUpload = async (formEl: FormInstance | undefined) => { |
||||||
|
if (fileList.value.length === 0) { |
||||||
|
ElMessage.error("请选择文件上传"); |
||||||
|
return; |
||||||
|
} |
||||||
|
if (!formEl) return; |
||||||
|
await formEl.validate((valid, fields) => { |
||||||
|
if (valid) { |
||||||
|
loading.value = true; |
||||||
|
const file = fileList.value[0].raw; |
||||||
|
const dotIndex: any = file?.name.lastIndexOf("."); |
||||||
|
if (dotIndex === -1) { |
||||||
|
ElMessage.error("文件没有后缀，无法上传"); |
||||||
|
return; |
||||||
|
} |
||||||
|
const fileName = formData.value.fileName; |
||||||
|
const fileType = formData.value.fileType; |
||||||
|
formData.value.fileName = |
||||||
|
fileName + "." + file?.name.substring(dotIndex + 1); |
||||||
|
uploadApi(file, fileName, fileType) |
||||||
|
.then(({ data }) => { |
||||||
|
formData.value.fileUrl = data; |
||||||
|
addVendorProfile(formData.value).then(() => { |
||||||
|
emit("success"); |
||||||
|
vendorProfileFlag.value = false; |
||||||
|
}); |
||||||
|
}) |
||||||
|
.finally(() => { |
||||||
|
loading.value = false; |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped></style> |
||||||
Loading…
Reference in new issue