239 lines
7.6 KiB
Vue
239 lines
7.6 KiB
Vue
<template>
|
|
<div class="table-container">
|
|
<div class="recalculation">
|
|
<el-button type="primary" :icon="Refresh" @click="recalculation">一键重算</el-button>
|
|
</div>
|
|
|
|
<el-table
|
|
:data="tableData"
|
|
:header-cell-style="{
|
|
textAlign: 'center',
|
|
backgroundColor: '#003078',
|
|
color: '#fff'
|
|
}"
|
|
stripe
|
|
:cell-style="{ textAlign: 'center' }"
|
|
height="550px"
|
|
>
|
|
<el-table-column type="index" label="序号" width="60" />
|
|
<el-table-column prop="pname" label="参考设定值类型" />
|
|
<el-table-column prop="name" label="参考设定值子类型" width="250">
|
|
<template #default="{ row }">{{ row.harmNum ? `(${row.harmNum}次)` : '' }} {{ row.name }}</template>
|
|
</el-table-column>
|
|
<el-table-column prop="dataType" label="值类型">
|
|
<template #default="{ row }">
|
|
<el-select v-model="row.dataType" v-if="!row.show">
|
|
<el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value" />
|
|
</el-select>
|
|
<span v-else>
|
|
{{ typeList.find(item => item.value == row.dataType)?.label || row.dataType }}
|
|
</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="phase" label="相别" />
|
|
<el-table-column prop="value" label="参考设定值">
|
|
<template #default="{ row }">
|
|
<span v-if="row.show">{{ row.value }}</span>
|
|
<el-input type="number" v-else v-model="row.value" placeholder="请输入值" />
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="value" label="参与误差比较">
|
|
<template #default="{ row }">
|
|
{{ row.errorFlag == 0 ? '否' : '是' }}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作">
|
|
<template #default="{ row }">
|
|
<el-button type="primary" link :icon="EditPen" @click="row.show = !row.show" v-if="row.show">
|
|
编辑
|
|
</el-button>
|
|
<el-button type="primary" link :icon="Check" @click="row.show = !row.show" v-else>保存</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
|
|
<el-dialog :title="dialogTitle" v-model="showForm" @close="close" width="500">
|
|
<el-form ref="form" :model="form" label-width="auto">
|
|
<el-form-item label="参考设定值类型" prop="name">
|
|
<el-input v-model="form.name" />
|
|
</el-form-item>
|
|
<el-form-item label="参考设定值子类型" prop="standardName">
|
|
<el-input v-model="form.standardName" />
|
|
</el-form-item>
|
|
<el-form-item label="参考设定值" prop="standardTime">
|
|
<el-input v-model="form.standardTime" />
|
|
</el-form-item>
|
|
</el-form>
|
|
<template #footer>
|
|
<div>
|
|
<el-button @click="close()">取 消</el-button>
|
|
<el-button type="primary" @click="save">保 存</el-button>
|
|
</div>
|
|
</template>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { Refresh, EditPen, Check, Share } from '@element-plus/icons-vue'
|
|
import { reactive, ref } from 'vue'
|
|
import { getDictTreeByCode } from '@/api/system/dictionary/dictTree'
|
|
import { dialogBig } from '@/utils/elementBind'
|
|
import { checkDataList, scriptDtlsCheckDataList } from '@/api/device/testScript/index'
|
|
const showForm = ref(false)
|
|
const dialogVisible = ref(false)
|
|
const dialogTitle = ref('')
|
|
const props = defineProps({
|
|
activeName: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
|
|
formContent: {
|
|
type: [Object, Array],
|
|
required: true
|
|
},
|
|
form: {
|
|
type: [Object, Array],
|
|
required: true
|
|
}
|
|
})
|
|
const emit = defineEmits(['recalculation'])
|
|
const tableData: any = ref([])
|
|
// 表格配置项
|
|
const typeList = [
|
|
{
|
|
label: '实时',
|
|
value: 'real'
|
|
},
|
|
{
|
|
label: 'CP95值',
|
|
value: 'cp95'
|
|
},
|
|
{
|
|
label: '平均值',
|
|
value: 'avg'
|
|
},
|
|
{
|
|
label: '最小值',
|
|
value: 'min'
|
|
},
|
|
{
|
|
label: '最大值',
|
|
value: 'max'
|
|
}
|
|
]
|
|
const form = ref({
|
|
name: 220,
|
|
standardName: 0,
|
|
standardTime: 0
|
|
})
|
|
|
|
// 打开弹窗，可能是新增，也可能是编辑
|
|
|
|
const open = async (row: any, copyRowList: any) => {
|
|
let treeData: any = []
|
|
await getDictTreeByCode({
|
|
name: '',
|
|
id: '',
|
|
pid: '',
|
|
pids: '',
|
|
code: 'Script_Error',
|
|
sort: 0
|
|
}).then((res: any) => {
|
|
treeData = res.data[0].children
|
|
})
|
|
let checkDataList: any = []
|
|
await row.forEach((item: any) => {
|
|
item.children.forEach((k: any) => {
|
|
if (k.enable != 0 || k.errorFlag != 0) {
|
|
checkDataList.push({
|
|
pid: k.pid,
|
|
valueType: k.id,
|
|
dataType: k.dataType,
|
|
enable: k.enable,
|
|
errorFlag: k.errorFlag
|
|
})
|
|
}
|
|
})
|
|
})
|
|
let form = handleHarmData(JSON.parse(JSON.stringify(props.form)))
|
|
let retryCompute = isEqual(form, copyRowList)
|
|
await scriptDtlsCheckDataList({
|
|
...form,
|
|
scriptId: props.formContent?.id,
|
|
scriptType: props.activeName,
|
|
checkDataList: checkDataList,
|
|
retryCompute: retryCompute
|
|
}).then((res: any) => {
|
|
res.data.forEach((item: any) => {
|
|
let pList = treeData.filter((i: any) => i.id == item.pid)[0]
|
|
item.pname = pList.name
|
|
item.name = pList.children.filter((i: any) => i.id == item.valueType)[0].name
|
|
item.show = true
|
|
})
|
|
tableData.value = res.data
|
|
})
|
|
}
|
|
// 重算
|
|
const recalculation = () => {
|
|
emit('recalculation')
|
|
}
|
|
// 处理多余数据
|
|
const handleHarmData = (row: any) => {
|
|
row.channelList.forEach((channel: any) => {
|
|
// 筛选出 famp 和 fphase 不同时为 0 的对象
|
|
channel.harmList = channel.harmList.filter((item: any) => item.famp != 0 || item.fphase != 0)
|
|
channel.inharmList = channel.inharmList.filter(
|
|
(item: any) => item.inharm !== '' || item.famp !== 0 || item.fphase !== 0
|
|
)
|
|
})
|
|
return row
|
|
}
|
|
// 判断数据是否变化
|
|
const isEqual = (obj1: any, obj2: any) => {
|
|
// 如果两个对象是同一个引用，直接返回 true
|
|
if (obj1 == obj2) return true
|
|
// 如果其中一个是 null 或者不是对象，返回 false
|
|
if (obj1 === null || typeof obj1 !== 'object' || obj2 === null || typeof obj2 !== 'object') {
|
|
return false
|
|
}
|
|
// 获取两个对象的键
|
|
const keys1 = Object.keys(obj1)
|
|
const keys2 = Object.keys(obj2)
|
|
// 如果键的数量不同，返回 false
|
|
if (keys1.length !== keys2.length) return false
|
|
// 遍历所有键，递归比较值
|
|
for (const key of keys1) {
|
|
if (!keys2.includes(key) || !isEqual(obj1[key], obj2[key])) {
|
|
return false
|
|
}
|
|
}
|
|
|
|
return true
|
|
}
|
|
const save = () => {
|
|
dialogVisible.value = false
|
|
}
|
|
const getTableData = () => {
|
|
return tableData.value
|
|
}
|
|
|
|
// 关闭弹窗
|
|
const close = () => {
|
|
dialogVisible.value = false
|
|
}
|
|
onMounted(() => {})
|
|
|
|
// 对外映射
|
|
defineExpose({ open, getTableData })
|
|
</script>
|
|
|
|
<style scoped>
|
|
.recalculation {
|
|
display: flex;
|
|
justify-content: end;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|