ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

icd映射文件

Browse Source
This commit is contained in:
sjl
2025-11-13 08:42:05 +08:00
parent ff5c435b6e
commit 9ff9e7b923
8 changed files with 126 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/api/device/icd/index.ts
View File

@@ -20,12 +20,12 @@ export const getICDAllList = (params: ICD.ResICD) => {
//添加ICD
export const addICD = (params: ICD.ResICD) => {
return http.post(`/icd/add`, params)
return http.upload(`/icd/add`, params)
}
//编辑ICD
export const updateICD = (params: ICD.ResICD) => {
return http.post(`/icd/update`, params)
return http.upload(`/icd/update`, params)
}
//删除ICD

1
frontend/src/api/device/interface/icd.ts
View File

@@ -26,6 +26,7 @@ export namespace ICD {
updateTime?: string| null; //更新时间
angle: number; // 是否支持电压相角、电流相角指标
usePhaseIndex: number; // 角型接线时是否使用相别的指标来进行检测
mappingFile: string | null;//映射文件
}
/**

1
frontend/src/views/home/components/compareTestPopup.vue
View File

@@ -278,7 +278,6 @@ const open = async (
pairs.value = pair
showSteps.value = true
initOperate()
dialogTitle.value = title
dialogVisible.value = true
// 等待组件渲染完成

3
frontend/src/views/home/components/deviceConnectionPopup.vue
View File

@@ -215,7 +215,7 @@ const planIdKey = ref<string>('')
const deviceMonitor = ref<Map<string, any[]>>();
const planIsOnlyWave = ref(false)
const open = async (
title: string,
device: Device.ResPqDev[],
standardDev: StandardDevice.ResPqStandardDevice[],
fatherPlanId: string,
@@ -223,6 +223,7 @@ const open = async (
checkType: string,
isOnlyWave:boolean
) => {
dialogTitle.value = title
planIsOnlyWave.value = isOnlyWave
CompareTestVisible.value = false
devIdList.value = device

3
frontend/src/views/home/components/table.vue
View File

@@ -845,8 +845,9 @@ const handleTest2 = async (val: string) => {
// 检查数组长度是否为1且唯一元素是'wave_data'
const isOnlyWave = targetPlan.datasourceIds.length === 1 && targetPlan.datasourceIds[0] === 'wave_data'
dialogTitle.value = val
deviceConnectionPopupRef.value?.open(
dialogTitle.value,
filteredChannelsSelection,
pqStandardDevList.value,
props.id,

116
frontend/src/views/machine/icd/components/icdPopup.vue
View File

@@ -14,6 +14,23 @@
show-word-limit
/>
</el-form-item>
<el-form-item label="映射文件" prop="mappingFile">
<el-upload
action="#"
:limit="1"
:on-change='MappingHandleChange'
:auto-upload="false"
:file-list="mappingFileList"
:on-exceed="MappingHandleExceed"
:on-remove="MappingHandleRemove"
style="width: 100% !important;"
accept=".txt"
class="upload-container"
>
<el-button type="primary">选择文件</el-button>
</el-upload>
仅支持上传大小不超过1MB的.txt文件
</el-form-item>
<el-form-item label="是否支持电压相角、电流相角指标" prop="angle" label-width="auto">
<el-switch
v-model="formContent.angle"
@@ -46,7 +63,7 @@
</template>
<script lang="ts" setup>
import { ElMessage, type FormInstance, type FormItemRule } from 'element-plus'
import { ElMessage, UploadFile, type FormInstance, type FormItemRule } from 'element-plus'
import { computed, ref, Ref } from 'vue'
import { type ICD } from '@/api/device/interface/icd'
import { dialogSmall } from '@/utils/elementBind'
@@ -56,6 +73,17 @@ import { addICD, updateICD } from '@/api/device/icd'
const dictStore = useDictStore()
// 定义弹出组件元信息
const dialogFormRef = ref()
const mappingFileName = ref('')
const mappingFileUrl = ref('')
let excelFormData = new FormData()
const mappingFileList = computed(() => {
if (mappingFileName.value && mappingFileUrl.value) {
return [{name: mappingFileName.value, url: mappingFileUrl.value}];
}
return [];
});
function useMetaInfo() {
const dialogVisible = ref(false)
const titleType = ref('add')
@@ -65,7 +93,8 @@ function useMetaInfo() {
path: '',
state: 1,
angle: 0,
usePhaseIndex: 0
usePhaseIndex: 0,
mappingFile: ''
})
return { dialogVisible, titleType, formContent }
}
@@ -80,7 +109,8 @@ const resetFormContent = () => {
path: '',
state: 1,
angle: 0,
usePhaseIndex: 0
usePhaseIndex: 0,
mappingFile: ''
}
}
@@ -93,11 +123,13 @@ const formRuleRef = ref<FormInstance>()
//定义校验规则
const rules: Ref<Record<string, Array<FormItemRule>>> = ref({
name: [{ required: true, message: 'icd名称必填！', trigger: 'blur' }],
path: [{ required: true, message: 'icd存储地址必填！', trigger: 'blur' }]
path: [{ required: true, message: 'icd存储地址必填！', trigger: 'blur' }],
mappingFile: [{required: true, message: '请上传映射文件', trigger: 'change'}],
})
// 关闭弹窗
const close = () => {
excelFormData = new FormData()
dialogVisible.value = false
// 清空dialogForm中的值
resetFormContent()
@@ -110,10 +142,27 @@ const save = () => {
try {
dialogFormRef.value?.validate(async (valid: boolean) => {
if (valid) {
// 清空 excelFormData
excelFormData.delete('name')
excelFormData.delete('path')
excelFormData.delete('angle')
excelFormData.delete('usePhaseIndex')
excelFormData.append('name', formContent.value.name)
excelFormData.append('path', formContent.value.path)
excelFormData.append('angle', formContent.value.angle)
excelFormData.append('usePhaseIndex', formContent.value.usePhaseIndex)
let baseFileFlag = handleFileLimit(excelFormData.get('mappingFile') as File)
if (!baseFileFlag) {
return
}
if (formContent.value.id) {
await updateICD(formContent.value)
excelFormData.append('id', formContent.value.id)
await updateICD(excelFormData)
} else {
await addICD(formContent.value)
await addICD(excelFormData)
}
ElMessage.success({ message: `${dialogTitle.value}成功！` })
close()
@@ -135,11 +184,66 @@ const open = async (sign: string, data: ICD.ResICD) => {
if (data.id) {
formContent.value = { ...data }
formContent.value.id = data.id
// 文件信息回显
if (data.mappingFile) {
mappingFileName.value = data.mappingFile.name
mappingFileUrl.value = data.mappingFile.url
// 模拟文件列表显示
formContent.value.mappingFile = data.mappingFile.name
}
} else {
mappingFileName.value = ''
mappingFileUrl.value = ''
resetFormContent()
// 清空 excelFormData
excelFormData = new FormData();
}
}
const MappingHandleChange = async (param: UploadFile) => {
mappingFileName.value = param.name;
mappingFileUrl.value = URL.createObjectURL(param.raw as Blob);
excelFormData.append('mappingFile', param.raw as Blob, param.name);
formContent.value.mappingFile = param.name;
};
const MappingHandleRemove = () => {
excelFormData.delete('mappingFile');
formContent.value.mappingFile = ''
};
const MappingHandleExceed = (files: File[]) => {
// 移除旧文件
excelFormData.delete('mappingFile');
// 添加新文件
if (files.length > 0) {
const newFile = files[0] as unknown as UploadFile;
mappingFileName.value = newFile.name;
excelFormData.append('mappingFile', newFile as Blob, newFile.name);
formContent.value.mappingFile = newFile.name
}
};
const fileSizeLimit = 1 * 1024 * 1024; // 1MB
const handleFileLimit = (file: File) => {
if (file) {
if (file.size > fileSizeLimit) {
ElMessage.error({message: `文件大小不能超过${fileSizeLimit / 1024 / 1024}MB`});
return false;
} else {
return true;
}
}
return true;
}
// 对外映射
defineExpose({ open })
const props = defineProps<{

8
frontend/src/views/machine/icd/index.vue
View File

@@ -69,6 +69,14 @@
label: '存储地址',
},
{
prop: 'mappingFile',
label: '映射文件路径',
minWidth: 150,
render: scope => {
return scope.row.mappingFile.url
}
},
{
prop: 'createTime',
label: '创建时间',

2
frontend/src/views/system/template/components/reportPopup.vue
View File

@@ -239,7 +239,7 @@ const BaseHandleExceed = (files: File[]) => {
baseFileName.value = newFile.name;
excelFormData.append('baseFile', newFile as Blob, newFile.name);
formContent.value.detailFile = newFile.name
formContent.value.baseFile = newFile.name
}
};