<!-- 第5套:二等铂电阻温度计标准装置 --> <script lang="ts" setup name="TemplateDetailThird"> import { ElMessage } from 'element-plus' import type { IList } from './templateDetail-interface' import type { dictType } from '@/global' import { getDictByCode } from '@/api/system/dict' import { calc } from '@/utils/useCalc' import { useCheckList } from '@/commonMethods/useCheckList' import { calculate, recalculate } from '@/api/business/measure/caculate' const props = defineProps({ pageType: { type: String, default: 'add', }, itemCategoryName: { type: String, require: true, }, // 设备检定项分类名称 belongStandardEquipment: { // 检校标准装置code type: String, require: true, }, list: { type: Array as any, }, form: { // 检定项表单 type: Object as any, }, itemId: { // 检定项id type: String, default: '', }, }) const list = ref<IList[]>([]) // 表格数据(上面表格) const checkoutList = ref<IList[]>([]) // 多选 const tableLoading = ref(false) const form = ref({ allowError: 1, // 允差 angleAdjustError: 1, // 角度调整误差 appearanceFunctionCheck: 1, // 外观检查 indicationError: 1, // 示值误差 insulateResistance: 1, // 绝缘电阻 waveEvenTest: 1, // 波动性测试和均匀性测试 measureRangeLower: '', // 测量范围下限 measureRangeUnit: '℃', // 测量范围单位(字典value) measureRangeUpper: '', // 测量范围上限 accuracyLevel: '', // 准确度等级 level: 'Pt100-AA', // 级别 }) // ----------------------------------------表头------------------------------------------------ const columns = ref() const columns_thermostatic_bath = ref([ // 恒温槽表头 { text: '检定项目', value: 'params', align: 'center', required: true }, { text: '单位', value: 'unit', align: 'center', required: true }, { text: '指标上限', value: 'upperIndex', align: 'center', required: true }, { text: '指标下限', value: 'lowerIndex', align: 'center', required: true }, ]) const columns_bimetal_thermometer = ref([ // 双金属温度计表头 { text: '检定项目', value: 'params', align: 'center', required: true }, { text: '单位', value: 'unit', align: 'center', required: true }, { text: '校准点', value: 'calibratedPoint', align: 'center', required: true }, { text: '最大允许误差', value: 'maximumError', align: 'center', required: false }, { text: '扩展不确定度U', value: 'urel', align: 'center', required: true }, ]) const columns_resistance = ref([ // 工业铂铜热电阻表头 { text: '检定项目', value: 'params', align: 'center', required: true }, { text: '标称温度', value: 'nominalTemperature', align: 'center', required: true }, { text: 'α标称值', value: 'nominalValue', align: 'center', required: true, width: '200' }, { text: 'R值', value: 'rValue', align: 'center', required: true, width: '200' }, { text: 'dR/dt', value: 'drDt', align: 'center', required: true, width: '200' }, { text: 'R*tp', value: 'rtp', align: 'center', required: true, width: '200' }, { text: 'wS', value: 'wS', align: 'center', required: true, width: '200' }, { text: 'dWst/dt', value: 'dwstDt', align: 'center', required: true, width: '200' }, { text: '允差上限', value: 'allowErrorUpper', align: 'center', required: true }, { text: '允差下限', value: 'allowErrorLower', align: 'center', required: true }, { text: 'α允差上限/10<sup>-6</sup>℃<sup>-1</sup>', value: 'aallowErrorUpper', align: 'center', required: true, width: '160' }, { text: 'α允差下限/10<sup>-6</sup>℃<sup>-1</sup>', value: 'aallowErrorLower', align: 'center', required: true, width: '160' }, ]) // ------------------------------------------字典---------------------------------------------- const accuracyLevelList = ref<dictType[]>([]) // 准确度等级 const levelList = ref<dictType[]>([]) // 级别 /** * 获取字典 */ function getDict() { // 准确度等级 getDictByCode('accuracyLevelFifth').then((response) => { accuracyLevelList.value = response.data }) // 级别 getDictByCode('levelFifth').then((response) => { levelList.value = response.data }) } getDict() const aallowErrorMap = { // α允差下限/10(-6) ℃(-1)、α允差上限/10(-6) ℃(-1) 'Pt100-AA': ['-7.0-30△t0', '7.0-30△t0'], 'Pt100-A': ['-7.0-23△t0', '7.0-23△t0'], 'Pt100-B': ['-14-21△t0', '14-21△t0'], 'Pt100-C': ['-32-21△t0', '32-21△t0'], 'Cu100': ['-34-47△t0', '34-47△t0'], } as any const allowErrorMapR0 = { // 允差上限、允差下限R0 'Pt100-AA': [100, 0.039], 'Pt100-A': [100, 0.059], 'Pt100-B': [100, 0.117], 'Pt100-C': [100, 0.234], 'Cu100': [100, 0.129], } as any const allowErrorMapR100 = { // 允差上限、允差下限R100 'Pt100-AA': [138.506, 0.102], 'Pt100-A': [138.506, 0.133], 'Pt100-B': [138.506, 0.303], 'Pt100-C': [138.506, 0.607], 'Cu100': [142.800, 0.385], } as any // ---------------------------------------------校验--------------------------------------------------- // 校验表格(点击保存的时候用、生成标准器示值) const checkList = () => { if (props.itemCategoryName === '双金属温度计' && !list.value.length) { ElMessage.warning('检定项表格不能为空') return false } if (!useCheckList(list.value, columns.value, '检定项表格')) { return false } if (props.itemCategoryName === '双金属温度计') { if (`${form.value.measureRangeLower}` === '') { ElMessage.warning('测量范围下限不能为空') return false } if (`${form.value.measureRangeUpper}` === '') { ElMessage.warning('测量范围上限不能为空') return false } if (form.value.measureRangeUpper < form.value.measureRangeLower) { ElMessage.warning('测量范围上限不能小于下限') return false } if (!form.value.accuracyLevel) { ElMessage.warning('准确度等级不能为空') return false } } return true } // ---------------------------------------表格操作--------------------------------------------------------- /** * 计算双金属温度计最大误差 * @param measureRangeLowerParam 量程下限 * @param measureRangeUpperParam 量程上限 * @param accuracyLevelParam 准确度等级 */ const calculateMaximumError = (measureRangeLowerParam: number | string, measureRangeUpperParam: number | string, accuracyLevelParam: number | string) => { const measureRangeLower = Number(measureRangeLowerParam) const measureRangeUpper = Number(measureRangeUpperParam) const accuracyLevel = Number(accuracyLevelParam) const differ = calc(measureRangeLower, measureRangeUpper, '-') const result = calc(calc(differ, accuracyLevel, '*'), 100, '/') return `±${result}` } // 点击计算结果--上方表格计算 const calculateData = () => { if (`${form.value.measureRangeLower}` === '') { ElMessage.warning('测量范围下限不能为空') return false } if (`${form.value.measureRangeUpper}` === '') { ElMessage.warning('测量范围上限不能为空') return false } if (form.value.measureRangeUpper < form.value.measureRangeLower) { ElMessage.warning('测量范围上限不能小于下限') return false } if (!form.value.accuracyLevel) { ElMessage.warning('准确度等级不能为空') return false } list.value = list.value.map((item) => { return { ...item, maximumError: calculateMaximumError(form.value.measureRangeUpper, form.value.measureRangeLower, form.value.accuracyLevel), } }) } // 多选 const handleSelectionChange = (e: any) => { checkoutList.value = e } // 增加行(双金属温度计) const addRow = () => { list.value.push({ id: '', itemId: props.itemId, dataType: '2', params: '示值误差', // 检定项目 unit: '℃', // 单位 urel: list.value.length ? list.value[list.value.length - 1].urel : '', // urel calibratedPoint: list.value.length ? list.value[list.value.length - 1].calibratedPoint : '', // 校准点 maximumError: list.value.length ? list.value[list.value.length - 1].maximumError : '', // 最大允许误差 }) } // 删除行 const delRow = () => { if (!checkoutList.value.length) { ElMessage.warning('请选中要删除的行') } else { list.value = list.value.filter((item: any) => { return !checkoutList.value.includes(item) }) } } // ----------------------------------------------------------------------------------------------------- watch(() => props.itemCategoryName, (newValue) => { console.log('监听检定项分类', newValue) if (newValue !== '') { switch (newValue) { case '恒温槽': columns.value = columns_thermostatic_bath.value list.value = [{ id: '', itemId: props.itemId, dataType: '1', params: '波动性测试和均匀性测试', // 检定项目 unit: '℃', // 单位 upperIndex: 0, // 指标上限 lowerIndex: 0, // 指标下限 }] break case '双金属温度计': columns.value = columns_bimetal_thermometer.value break case '工业铂铜热电阻': columns.value = columns_resistance.value // if (props.pageType === 'add') { list.value = [{ id: '', itemId: props.itemId, dataType: '3', params: '允差', // 检定项目 nominalTemperature: '0℃', // 标称温度 nominalValue: form.value.level === 'Cu100' ? 0.004280 : 0.003851, // α标称值 rValue: 100, // R值 drDt: 0.39083, // dR/dt rtp: 0, // R*tp wS: 0, dwstDt: 0, // dWst/dt allowErrorUpper: calc(allowErrorMapR100[form.value.level][0], allowErrorMapR100[form.value.level][1], '+'), // 允差上限 allowErrorLower: calc(allowErrorMapR100[form.value.level][0], allowErrorMapR100[form.value.level][1], '-'), // 允差下限 aallowErrorLower: aallowErrorMap[form.value.level][0], // α允差下限/10(-6) ℃(-1) aallowErrorUpper: aallowErrorMap[form.value.level][1], // α允差上限/10(-6) ℃(-1) }, { id: '', itemId: props.itemId, dataType: '3', params: '允差', // 检定项目 nominalTemperature: '100℃', // 标称温度 nominalValue: form.value.level === 'Cu100' ? 0.004280 : 0.003851, // α标称值 rValue: 138.51, // R值 drDt: 0.42830, // dR/dt rtp: 0, // R*tp wS: 0, dwstDt: 0, // dWst/dt allowErrorUpper: calc(allowErrorMapR0[form.value.level][0], allowErrorMapR0[form.value.level][1], '+'), // 允差上限 allowErrorLower: calc(allowErrorMapR0[form.value.level][0], allowErrorMapR0[form.value.level][1], '-'), // 允差下限 aallowErrorLower: aallowErrorMap[form.value.level][0], // α允差下限/10(-6) ℃(-1) aallowErrorUpper: aallowErrorMap[form.value.level][1], // α允差上限/10(-6) ℃(-1) }, ] // } break } } }, { immediate: true }) const $route = useRoute() watch(() => props.list, (newVal) => { // 检定项表格 const updataOld = $route.query.updataOld as string if (newVal.length && updataOld !== 'true') { list.value = newVal.map((item: any) => { if (props.itemCategoryName === '工业铂铜热电阻') { item.params = '允差' item.rtp = item.rTp item.aallowErrorLower = item.aAllowErrorLower item.aallowErrorUpper = item.aAllowErrorUpper item.nominalValue = Number(item.nominalValue).toFixed(6) } if (props.itemCategoryName === '双金属温度计') { item.params = '示值误差' } if (props.itemCategoryName === '恒温槽') { item.params = '波动性测试和均匀性测试' } return item }) console.log('newVal', newVal[0]) form.value.measureRangeLower = newVal[0].measureRangeLower // 测量范围下限 // form.value.measureRangeUnit = newVal[0].valuemeasureRangeUnit // 测量范围单位(字典value) form.value.measureRangeUpper = newVal[0].measureRangeUpper // 测量范围上限 form.value.accuracyLevel = newVal[0].accuracyLevel // 准确度等级 form.value.level = newVal[0].level // 级别 } }) watch(() => props.form, (newValue) => { const updataOld = $route.query.updataOld as string if (updataOld !== 'true') { form.value.angleAdjustError = newValue.angleAdjustError // 角度调整误差 form.value.appearanceFunctionCheck = newValue.appearanceFunctionCheck // 外观检查 form.value.insulateResistance = newValue.insulateResistance // 绝缘电阻 // form.value.allowError = newValue.allowError // 允差 // form.value.waveEvenTest = newValue.waveEvenTest // 波动性测试和均匀性测试 // form.value.indicationError = newValue.indicationError // 示值误差 form.value.allowError = 1 // 允差 form.value.waveEvenTest = 1 // 波动性测试和均匀性测试 form.value.indicationError = 1 // 示值误差 } }, { deep: true, immediate: true }) // 监听级别变化 watch(() => form.value.level, (newValue) => { if (props.itemCategoryName === '工业铂铜热电阻') { switch (newValue) { case 'Cu100': list.value[0].drDt = 0.42893 // dR/dt list.value[0].aallowErrorLower = aallowErrorMap[form.value.level][0] // α允差下限/10(-6) ℃(-1) list.value[0].aallowErrorUpper = aallowErrorMap[form.value.level][1] // α允差上限/10(-6) ℃(-1) list.value[0].allowErrorUpper = calc(allowErrorMapR0[form.value.level][0], allowErrorMapR0[form.value.level][1], '+') // 允差上限R0 list.value[0].allowErrorLower = calc(allowErrorMapR0[form.value.level][0], allowErrorMapR0[form.value.level][1], '-') // 允差下限R0 list.value[1].allowErrorUpper = calc(allowErrorMapR100[form.value.level][0], allowErrorMapR100[form.value.level][1], '+') // 允差上限R100 list.value[1].allowErrorLower = calc(allowErrorMapR100[form.value.level][0], allowErrorMapR100[form.value.level][1], '-') // 允差下限R100 break default: list.value[0].drDt = 0.39083 // dR/dt list.value[0].aallowErrorLower = aallowErrorMap[form.value.level][0] // α允差下限/10(-6) ℃(-1) list.value[0].aallowErrorUpper = aallowErrorMap[form.value.level][1] // α允差上限/10(-6) ℃(-1) list.value[0].allowErrorUpper = calc(allowErrorMapR0[form.value.level][0], allowErrorMapR0[form.value.level][1], '+') // 允差上限R0 list.value[0].allowErrorLower = calc(allowErrorMapR0[form.value.level][0], allowErrorMapR0[form.value.level][1], '-') // 允差下限R0 list.value[1].allowErrorUpper = calc(allowErrorMapR100[form.value.level][0], allowErrorMapR100[form.value.level][1], '+') // 允差上限R100 list.value[1].allowErrorLower = calc(allowErrorMapR100[form.value.level][0], allowErrorMapR100[form.value.level][1], '-') // 允差下限R100 break } } }) // 监听α标称值改变 const handleNominalValueChange = () => { list.value[1].nominalValue = list.value[0].nominalValue } defineExpose({ list, checkList, form }) </script> <template> <div style="padding: 0 10px;"> <el-checkbox v-model="form.appearanceFunctionCheck" :true-label="1" :false-label="0" :disabled="pageType === 'detail'"> 外观检查 </el-checkbox> <el-checkbox v-if="props.itemCategoryName !== '恒温槽'" v-model="form.insulateResistance" :true-label="1" :false-label="0" :disabled="pageType === 'detail'"> 绝缘电阻 </el-checkbox> <el-checkbox v-if="props.itemCategoryName === '恒温槽'" v-model="form.waveEvenTest" :true-label="1" :false-label="0" disabled> 波动性测试和均匀性测试 </el-checkbox> <el-checkbox v-if="props.itemCategoryName === '双金属温度计'" v-model="form.angleAdjustError" :true-label="1" :false-label="0" :disabled="pageType === 'detail'"> 角度调整误差(可调整角度仪表) </el-checkbox> <el-checkbox v-if="props.itemCategoryName === '双金属温度计'" v-model="form.indicationError" :true-label="1" :false-label="0" disabled> 示值误差 </el-checkbox> <el-checkbox v-if="props.itemCategoryName === '工业铂铜热电阻'" v-model="form.allowError" :true-label="1" :false-label="0" disabled> 允差 </el-checkbox> </div> <!-- 恒温槽表格 --> <detail-block v-if="props.itemCategoryName === '恒温槽'" title="" style="margin-top: 0;"> <el-table ref="tableRef" v-loading="tableLoading" :data="list" border style="width: 100%;" > <el-table-column align="center" label="序号" width="80" type="index" /> <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text" :width="item.width" align="center" > <template #header> <span v-show="item.required" style="color: red;">*</span><span>{{ item.text }}</span> </template> <template #default="scope"> <!-- 指标上限、指标下限 --> <!-- <el-input-number v-if="props.pageType !== 'detail' && (item.value === 'upperIndex' || item.value === 'lowerIndex')" v-model="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" :disabled="pageType === 'detail'" class="full-width-input" /> --> <!-- 指标上限 --> <select-by-dict v-if="props.pageType !== 'detail' && item.value === 'upperIndex'" v-model:model-value="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" dict-code="standard5UpperIndex" :disabled="pageType === 'detail'" class="full-width-input" /> <!-- 指标下限 --> <select-by-dict v-if="props.pageType !== 'detail' && item.value === 'lowerIndex'" v-model:model-value="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" dict-code="standard5LowerIndex" :disabled="pageType === 'detail'" class="full-width-input" /> </template> </el-table-column> </el-table> </detail-block> <el-form ref="ruleFormRef" :model="form" label-width="130" label-position="right" style="margin-top: 20px;" > <el-row :gutter="24"> <!-- 测量范围 --> <el-col v-if="props.itemCategoryName === '双金属温度计'" :span="16" style="display: flex;justify-content: flex-start;"> <el-form-item label="测量范围(℃):" prop="measureRangeLower"> <el-input-number v-model="form.measureRangeLower" :placeholder="pageType === 'detail' ? '' : '下限'" :disabled="pageType === 'detail'" style="flex: 1;" /> </el-form-item> <span style="margin-left: 10px;">——</span> <el-form-item label-width="10" prop="measureRangeUpper"> <el-input-number v-model="form.measureRangeUpper" :placeholder="pageType === 'detail' ? '' : '上限'" :disabled="pageType === 'detail'" style="flex: 1;" :min="form.rangeLower" /> </el-form-item> </el-col> <!-- 准确度等级 --> <el-col v-if="props.itemCategoryName === '双金属温度计'" :span="8"> <el-form-item label="准确度等级:" prop="accuracyLevel"> <el-select v-model="form.accuracyLevel" placeholder="准确度等级" :disabled="props.pageType === 'detail'" filterable class="full-width-input" > <el-option v-for="item in accuracyLevelList" :key="item.id" :label="item.name" :value="item.value" /> </el-select> </el-form-item> </el-col> <!-- 级别 --> <el-col v-if="props.itemCategoryName === '工业铂铜热电阻'" :span="8"> <el-form-item label="级别:" prop="level"> <el-select v-model="form.level" placeholder="级别" :disabled="props.pageType === 'detail'" filterable class="full-width-input" > <el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.name" /> </el-select> </el-form-item> </el-col> </el-row> </el-form> <!-- 双金属温度计 --> <detail-block v-if="props.itemCategoryName === '双金属温度计'" title=" " style="margin-top: 0;"> <template v-if="props.pageType !== 'detail'" #btns> <el-button type="primary" @click="addRow"> 增加行 </el-button> <el-button type="info" @click="delRow"> 删除行 </el-button> <el-button type="primary" @click="calculateData"> 计算结果 </el-button> </template> <el-table ref="tableRef" v-loading="tableLoading" :data="list" border style="width: 100%;" @selection-change="handleSelectionChange" > <el-table-column v-if="pageType !== 'detail'" type="selection" width="38" /> <el-table-column align="center" label="序号" width="80" type="index" /> <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text" :width="item.width" align="center" > <template #header> <span v-show="item.required" style="color: red;">*</span> <span v-html="item.text" /> </template> <template #default="scope"> <!-- 校准点、扩展不确定度u --> <!-- <el-input-number v-if="props.pageType !== 'detail' && (item.value === 'calibratedPoint' || item.value === 'urel')" v-model="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" :disabled="pageType === 'detail'" class="full-width-input" /> --> <!-- 校准点 --> <select-by-dict v-if="props.pageType !== 'detail' && item.value === 'calibratedPoint'" v-model:model-value="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" dict-code="standard5CalibratedPoint" :disabled="pageType === 'detail'" class="full-width-input" /> <!-- 扩展不确定度u --> <select-by-dict v-if="props.pageType !== 'detail' && item.value === 'urel'" v-model:model-value="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" dict-code="standard5MeasureItemUrel" :disabled="pageType === 'detail'" class="full-width-input" /> </template> </el-table-column> </el-table> </detail-block> <!-- 工业铂铜热电阻 --> <detail-block v-if="props.itemCategoryName === '工业铂铜热电阻'" title="" style="margin-top: 0;padding-top: 0;"> <el-table ref="tableRef" v-loading="tableLoading" :data="list" border style="width: 100%;" > <el-table-column align="center" label="序号" width="80" type="index" /> <el-table-column v-for="item in columns" :key="item.value" :prop="item.value" :label="item.text" :width="item.width" align="center" > <template #header> <span v-show="item.required" style="color: red;">*</span> <span v-html="item.text" /> </template> <template #default="scope"> <el-input-number v-if="props.pageType !== 'detail' && ( item.value === 'rValue' || item.value === 'rtp' || item.value === 'wS' || item.value === 'dwstDt')" v-model="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" :disabled="pageType === 'detail'" class="full-width-input" /> <!-- α标称值 --> <!-- <el-input-number v-if="props.pageType !== 'detail' && item.value === 'nominalValue' && scope.row.nominalTemperature === '0℃'" v-model="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" :disabled="pageType === 'detail'" class="full-width-input" :precision="6" @change="handleNominalValueChange" /> --> <select-by-dict v-if="props.pageType !== 'detail' && item.value === 'nominalValue' && scope.row.nominalTemperature === '0℃'" v-model:model-value="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" dict-code="standard5MeasureItemNominalValue" :disabled="pageType === 'detail'" class="full-width-input" @changeValue="handleNominalValueChange" /> <el-input-number v-if="props.pageType !== 'detail' && item.value === 'drDt'" v-model="scope.row[item.value]" :placeholder="pageType === 'detail' ? '' : `${item.text}`" :disabled="pageType === 'detail'" class="full-width-input" :precision="5" /> </template> </el-table-column> </el-table> </detail-block> </template>