GitBucket
Newer
<!-- 第8套：E2砝码标准装置 -->
<!-- 检定数据管理详情模板 -->
<script lang="ts" setup name="MeasureDataTemplateDetail">
import { ref } from 'vue'
import { ElLoading, ElMessage } from 'element-plus'
import dayjs from 'dayjs'
import changeRecord from '../changeRecord.vue'
import selectStandard from '../../dialog/selectStandardDialog.vue'
import TemplateFormAndTable from '../templateFormAndTable.vue'
import { useSolveFormData } from '../useSolveFormData'
import type { IDetailMeasureList } from './eighth-interface'
import templateTable from './templateTable.vue'
import useUserStore from '@/store/modules/user'
import type { dictType } from '@/global'
import { getDictByCode } from '@/api/system/dict'
import type { TableColumn } from '@/components/NormalTable/table_interface'
import { calculateHandle, getInfo } from '@/api/business/taskMeasure/measureData'
import { getInfo as getItemInfo } from '@/api/business/measure/item'
import { useCheckList } from '@/commonMethods/useCheckList'
import { calc } from '@/utils/useCalc'
import multiTable from '@/components/MultiHeaderTable/index.vue'
const props = defineProps({
infoId: String, // id
dataNo: String, // 检定数据编号
})
const emits = defineEmits(['giveInfoId'])
const user = useUserStore() // 用户信息
const $router = useRouter() // 关闭页面使用
const $route = useRoute() // 路由参数
const ruleFormRef = ref() // 表单ref
const templateFormAndTableRef = ref() // 表单和被检设备、测量设备表格公共组件ref
const itemFormData = ref({ // 有关于检定项的数据
itemId: '', // 检定项id
itemCategoryName: '', // 设备检定项分类名称
itemCategoryId: '', // 设备检定项分类名称id
belongStandardEquipment: '', // 标准装置code
belongStandardEquipmentName: '', // 标准装置名称
appearance: '1', // 外观（1/0）
appearanceRemark: '1', // 外观备注说明
sb: '', // 设备
clpxs: '',
zszl: '', // 折算质量
})
const ptUnit = [{
id: 'g',
name: 'g',
value: 'g',
},
{
id: 'mg',
name: 'mg',
value: 'mg',
}]
// -------------------------------------------路由参数------------------------------------------
const pageType = ref('add') // 页面类型: add, edit, detail
const infoId = ref('') // 列表id
if ($route.params && $route.params.type) {
pageType.value = $route.params.type as string
if ($route.params.id) {
infoId.value = $route.params.id as string
}
}
// ------------------------------------------标签----------------------------------------------------------
const radioMenus = ref([ // 标签内容
{ name: '检定数据', value: 'measure-data' },
{ name: '历史修改记录', value: 'change-record' },
])
const current = ref('measure-data') // 选择的tab 默认基本信息
// ---------------------------------------检定项数据表格----------------------------------------------------
// ==============================质量比较仪=====================================
const repeatabilityPt1List = ref<IDetailMeasureList[]>([]) // 重复性表格Pt1
const repeatabilityPt2List = ref<IDetailMeasureList[]>([]) // 重复性表格Pt2
const offsetErrorPt1List = ref<IDetailMeasureList[]>([]) // 偏载误差Pt1
const offsetErrorPt2List = ref<IDetailMeasureList[]>([]) // 偏载误差Pt2
const indicationErrorPt1List = ref<IDetailMeasureList[]>([]) // 局部示值误差Pt1
const indicationErrorPt2List = ref<IDetailMeasureList[]>([]) // 局部示值误差Pt2
const columns_repeatability = ref<TableColumn[]>([ // 重复性表格
{ text: '检定项目', value: 'params', align: 'center', required: true },
{ text: '测量序列', value: 'nominalValue', align: 'center', required: true },
{ text: 'A1(mr1) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'B1(mt1) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'B2(mt2) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'A2(mr2) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '△m(i) / mg', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '△m / mg', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 's / mg', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'U(R) / mg', value: 'maximumAllowValue', align: 'center', required: false },
])
const columns_offsetError = ref<TableColumn[]>([ // 偏载误差
{ text: '检定项目', value: 'params', align: 'center', required: true },
{ text: '测量序列', value: 'nominalValue', align: 'center', required: true },
{ text: '中心A1(mr1) / g', value: 'minimumAllowFactorA', align: 'center', required: true },
{ text: '偏载点B1(mt1) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '偏载点B2(mt2) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '中心A2(mr2) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '△m(i) / mg', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '△m(i)’ / mg', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'max|△m(i)’| / mg', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '最大偏载位置点', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'U(E) / mg', value: 'maximumAllowValue', align: 'center', required: false },
])
const columns_indicationError = ref<TableColumn[]>([ // 局部示值误差:
{ text: '检定项目', value: 'params', align: 'center', required: true },
{ text: '测量序列', value: 'nominalValue', align: 'center', required: true },
{ text: 'A(mr1) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'A + ms(mt1) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'A + ms(mt2) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'A(mr2) / g', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '△m(i) / mg', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '△m / mg', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'm(s) - △m(i)/mg', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'U(s) / mg', value: 'maximumAllowValue', align: 'center', required: false },
])
// ====================================砝码==========================================
const weightList = ref<IDetailMeasureList[]>([]) // 砝码表格数据
const columns_weight = ref<TableColumn[]>([ // 砝码表头
{ text: '检定项目', value: 'params', align: 'center', required: true },
{ text: '标称质量', value: 'nominalValue', align: 'center', required: true },
{ text: '被检砝码器号', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'A1(Ir1)', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'B1(It1)', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'B2(It2)', value: 'maximumAllowValue', align: 'center', required: false },
{ text: 'A2(Ir2)', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '差值△I', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '被校质量值', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '扩展不确定度U', value: 'maximumAllowValue', align: 'center', required: false },
])
// =====================================电子天平======================================
const balanceOffsetErrorList = ref<IDetailMeasureList[]>([]) // 偏载误差
const balanceRepeatabilityList = ref<IDetailMeasureList[]>([]) // 重复性
const balanceIndicationErrorList = ref<IDetailMeasureList[]>([]) // 示值误差
const columns_balance_offsetError = ref<TableColumn[]>([ // 偏载误差
{ text: '检定项目', value: 'params', align: 'center', required: true },
{ text: '试验载荷', value: 'nominalValue', align: 'center', required: true },
{ text: '单位', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '左后', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '右后', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '右前', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '左前', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '中心', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '结果', value: 'maximumAllowValue', align: 'center', required: false },
{ text: ' 最大允许误差', value: 'maximumAllowValue', align: 'center', required: false },
])
const columns_balance_repeatability = ref<TableColumn[]>([ // 重复性
{ text: '检定项目', value: 'params', align: 'center', required: true },
{ text: '试验载荷', value: 'nominalValue', align: 'center', required: true },
{ text: '单位', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '1', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '2', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '3', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '4', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '5', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '6', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '结果', value: 'maximumAllowValue', align: 'center', required: false },
{ text: ' 最大允许误差', value: 'maximumAllowValue', align: 'center', required: false },
])
const columns_balance_indicationError = ref<TableColumn[]>([ // 示值误差
{ text: '检定项目', value: 'params', align: 'center', required: true },
{ text: '单位', value: 'maximumAllowValue', align: 'center', required: false },
{ text: '标准值', value: 'indicatingValue', align: 'center', required: true, type: 'text' },
{ text: '试验载荷', value: 'indicatingValue', align: 'center', required: true, type: 'text' },
{
text: '示值',
value: 'beforeFrictionStroke',
align: 'center',
required: true,
children: [
{ text: '正行程', value: 'beforeFrictionForwardStroke', align: 'center', required: true, type: 'inputNumber' },
{ text: '反行程', value: 'beforeFrictionReverseStroke', align: 'center', required: true, type: 'inputNumber' },
],
},
{
text: '示值误差',
value: 'beforeFrictionStroke',
align: 'center',
required: true,
children: [
{ text: '正行程', value: 'beforeFrictionForwardStroke', align: 'center', required: true, type: 'inputNumber' },
{ text: '反行程', value: 'beforeFrictionReverseStroke', align: 'center', required: true, type: 'inputNumber' },
],
},
{ text: '最大允许误差', value: 'indicatingValue', align: 'center', required: true, type: 'text' },
])
// -------------------------------------------获取详情信息--------------------------------------------------
// 获取页面详情信息
const fetchInfo = () => {
const loading = ElLoading.service({
lock: true,
background: 'rgba(255, 255, 255, 0.8)',
})
getInfo({
id: infoId.value,
belongStandardEquipment: itemFormData.value.belongStandardEquipment,
// 我的任务跳转过来如果已经配置过检定项了，到编辑页面，且用一下三个字段替代传id请求详情
itemId: $route.query.itemId, // 检定项id
orderId: $route.query.orderId, // 任务单id
sampleId: $route.query.sampleId, // 被检设备id
}).then((res) => {
// 有关于检定项的数据
itemFormData.value.itemId = res.data.itemId // 检定项id
itemFormData.value.itemCategoryName = res.data.itemCategoryName // 设备检定项分类名称
itemFormData.value.itemCategoryId = res.data.itemCategoryId ? res.data.itemCategoryId : itemFormData.value.itemCategoryId // 设备检定项分类名称id
itemFormData.value.appearance = `${res.data.appearance}` // 外观（1/0）
// =======================================表单公共组件数据处理=======================================================
useSolveFormData(res, templateFormAndTableRef.value)
// ==================================检定数据========================================================================
// list.value = res.data.measureDataPistonGaugeList.map((item: IDetailMeasureList) => {
// return {
// ...item,
// editable: pageType.value !== 'detail',
// }
// }) // 检定数据
infoId.value = res.data.id
emits('giveInfoId', infoId.value)
loading.close()
})
}
// 初始化输入数据
const initInputData = (data: any) => {
}
/**
* 新增的时候获取检定项输入数据(获取检定项分类详情)
* @param itemId 检定项id
* @param itemCategoryName 检定项分类名字
* @param belongStandardEquipment 检校标准装置字典
*/
const fetchItemInfo = (itemId: string, itemCategoryName: string, belongStandardEquipment = '') => {
const params = {
id: itemId,
itemCategoryName, // 检定项分类名字
belongStandardEquipment, // 检校标准装置字典code
}
getItemInfo(params).then((res) => {
itemFormData.value.appearance = res.data.measureItemConfigPistonGauge.appearance ? '1' : '' // 外观及功能检查 1有外观，2没有外观
initInputData(res.data.measureItemDataPistonGaugeList)
})
}
// ----------------------------------------点击保存时校验---------------------------------------
// 校验
const checkout = () => {
}
// -----------------------------------------生成结果处理----------------------------------------
// 点击计算结果
const calculate = () => {
// ElMessage.info('敬请期待')
return false
// if (!list.value.length) {
// ElMessage.warning('没有检定项数据，无法生成结果')
// return false
// }
// if (!useCheckList(list.value, measureColumns.value, '检定数据')) {
// return false
// }
// const params = {
// belongStandardEquipment: itemFormData.value.belongStandardEquipment, // 检校标准装置
// itemCategoryName: itemFormData.value.itemCategoryName, // 检定项分类名称
// measureDataCalibratorList: list.value,
// }
// calculateHandle(params).then((res) => {
// if (res.data && res.data.length) {
// resultList.value = res.data.map((item: IDetailMeasureList) => {
// return {
// ...item,
// }
// }) // 检定数据
// }
// else {
// list.value = res.data
// }
// })
}
// ------------------------------------------钩子----------------------------------------------
watch(() => props.infoId, (newValue) => {
if (newValue) {
infoId.value = newValue
}
}, { immediate: true })
onMounted(() => {
if (pageType.value === 'add') { // 从我的任务跳转过来（新增）
itemFormData.value.itemId = $route.query.itemId as string// 检定项id
itemFormData.value.itemCategoryName = $route.query.itemCategoryName as string// 设备检定项分类名称
itemFormData.value.itemCategoryId = $route.query.itemCategoryId as string// 设备检定项分类名称id
itemFormData.value.belongStandardEquipment = $route.query.belongStandardEquipment as string// 标准装置code
itemFormData.value.belongStandardEquipmentName = $route.query.belongStandardEquipmentName as string// 标准装置名称
// 查输入值(查检定项管理的详情)
// fetchItemInfo($route.query.itemId! as string, $route.query.itemCategoryName! as string, $route.query.belongStandardEquipment as string)
}
else {
itemFormData.value.itemCategoryName = $route.query.itemCategoryName as string // 设备检定项分类名称
itemFormData.value.itemCategoryId = $route.query.itemCategoryId as string// 设备检定项分类名称id
itemFormData.value.belongStandardEquipment = $route.query.belongStandardEquipment as string// 标准装置code
itemFormData.value.belongStandardEquipmentName = $route.query.belongStandardEquipmentName as string// 标准装置名称
// fetchInfo()
}
})
defineExpose({ checkout, itemFormData, templateFormAndTableRef, pageType })
</script>
<template>
<div class="measure-data-template-detail">
<template-form-and-table ref="templateFormAndTableRef" :page-type="pageType" />
<!-- 标签 -->
<detail-block :title="pageType !== 'detail' ? '检定数据' : ''" :class="pageType === 'detail' ? 'setBottom' : ''">
<el-radio-group v-if="pageType === 'detail'" v-model="current">
<el-radio-button v-for="item in radioMenus" :key="item.value" :label="item.value">
{{ item.name }}
</el-radio-button>
</el-radio-group>
<el-form
v-if="current === 'measure-data'"
ref="formRef"
:model="itemFormData"
label-width="140"
label-position="right"
style="margin-top: 20px;"
>
<el-row>
<!-- 外观 -->
<el-col :span="8">
<el-form-item label="外观:" prop="appearance">
<el-radio-group v-model="itemFormData.appearance" :disabled="pageType === 'detail'">
<el-radio label="1">
合格
</el-radio>
<el-radio label="0">
不合格
</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col v-if="`${itemFormData.appearance}` === '0' && itemFormData.itemCategoryName === '电子天平'" :span="12">
<el-form-item label="备注说明:" prop="appearanceRemark">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '外观备注说明'"
autosize
type="textarea"
:disabled="pageType === 'detail'"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- =====================================质量比较仪================================================ -->
<!-- 重复性pt1 -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '质量比较仪'" title="">
<div style="display: flex;align-items: center;">
<span style="color: #606266;font-weight: 600;padding: 0;margin: 0;">
重复性
</span>
<!-- 实验载荷Pt1 -->
<span style="color: #606266;font-size: 14px;margin-left: 24px;">
实验载荷Pt1: 20g
</span>
</div>
<el-form
v-if="current === 'measure-data'"
ref="formRef"
:model="itemFormData"
label-width="140"
label-position="right"
style="margin-top: 20px;"
>
<el-row>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点A:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点B:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
</el-row>
</el-form>
<div style="width: 100%;display: flex;justify-content: flex-end;margin-bottom: 10px;">
<el-button type="primary">
计算结果
</el-button>
</div>
<template-table :data="repeatabilityPt1List" :columns="columns_repeatability" :page-type="pageType" />
</detail-block>
<!-- 重复性pt2 -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '质量比较仪'" title="">
<div style="display: flex;align-items: center;">
<span style="color: #606266;font-size: 14px;margin-left: 72px;">
实验载荷Pt2: 40g
</span>
</div>
<el-form
v-if="current === 'measure-data'"
ref="formRef"
:model="itemFormData"
label-width="140"
label-position="right"
style="margin-top: 20px;"
>
<el-row>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点A:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点B:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
</el-row>
</el-form>
<div style="width: 100%;display: flex;justify-content: flex-end;margin-bottom: 10px;">
<el-button type="primary">
计算结果
</el-button>
</div>
<template-table :data="repeatabilityPt2List" :columns="columns_repeatability" :page-type="pageType" />
</detail-block>
<!-- 偏载误差pt1 -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '质量比较仪'" title="">
<div style="display: flex;align-items: center;">
<span style="color: #606266;font-weight: 600;padding: 0;margin: 0;white-space: nowrap;">
偏载误差
</span>
<!-- 实验载荷Pt2 -->
<span style="color: #606266;font-size: 14px;margin-left: 10px;white-space: nowrap;">
实验载荷Pt2: 40g
</span>
<!-- 秤量盘形式 -->
<span style="color: #606266;font-size: 15px;white-space: nowrap;margin-left: 20px;margin-right: 10px;">秤量盘形式:</span>
<el-input
v-model="itemFormData.clpxs"
:placeholder="pageType === 'detail' ? ' ' : '秤量盘形式'"
:disabled="pageType === 'detail'"
style="width: 220px;"
/>
</div>
<el-form
v-if="current === 'measure-data'"
ref="formRef"
:model="itemFormData"
label-width="140"
label-position="right"
style="margin-top: 20px;"
>
<el-row>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点A:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点B:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
</el-row>
</el-form>
<div style="width: 100%;display: flex;justify-content: flex-end;margin-bottom: 10px;">
<el-button type="primary">
计算结果
</el-button>
</div>
<template-table :data="offsetErrorPt1List" :columns="columns_offsetError" :page-type="pageType" />
</detail-block>
<!-- 偏载误差pt2 -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '质量比较仪'" title="">
<div style="display: flex;align-items: center;">
<!-- 实验载荷Pt2 -->
<span style="color: #606266;font-size: 14px;margin-left: 72px;white-space: nowrap;">
实验载荷Pt2: 40g
</span>
</div>
<el-form
v-if="current === 'measure-data'"
ref="formRef"
:model="itemFormData"
label-width="140"
label-position="right"
style="margin-top: 20px;"
>
<el-row>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点A:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点B:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
</el-row>
</el-form>
<div style="width: 100%;display: flex;justify-content: flex-end;margin-bottom: 10px;">
<el-button type="primary">
计算结果
</el-button>
</div>
<template-table :data="offsetErrorPt2List" :columns="columns_offsetError" :page-type="pageType" />
</detail-block>
<!-- 局部示值误差pt1 -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '质量比较仪'" title="">
<div style="display: flex;align-items: center;">
<span style="color: #606266;font-weight: 600;padding: 0;margin: 0;white-space: nowrap;">
局部示值误差
</span>
<!-- 实验载荷Pt1 -->
<span style="color: #606266;font-size: 14px;margin-left: 10px;white-space: nowrap;">
实验载荷Pt1: 40g
</span>
</div>
<el-form
v-if="current === 'measure-data'"
ref="formRef"
:model="itemFormData"
label-width="140"
label-position="right"
style="margin-top: 20px;"
>
<el-row>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点A:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
<el-col :span="9" style="display: flex;">
<el-form-item label="标准小砝码ms:" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标准小砝码ms'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
</el-col>
<el-col :span="9" style="display: flex;">
<el-form-item label="|MPEs|:" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '|MPEs|'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
</el-row>
</el-form>
<div style="width: 100%;display: flex;justify-content: flex-end;margin-bottom: 10px;">
<el-button type="primary">
计算结果
</el-button>
</div>
<template-table :data="indicationErrorPt1List" :columns="columns_indicationError" :page-type="pageType" />
</detail-block>
<!-- 局部示值误差pt2 -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '质量比较仪'" title="">
<div style="display: flex;align-items: center;">
<!-- 实验载荷Pt2 -->
<span style="color: #606266;font-size: 14px;margin-left: 72px;white-space: nowrap;">
实验载荷Pt2: 40g
</span>
</div>
<el-form
v-if="current === 'measure-data'"
ref="formRef"
:model="itemFormData"
label-width="140"
label-position="right"
style="margin-top: 20px;"
>
<el-row>
<el-col :span="18" style="display: flex;">
<el-form-item label="载荷点A:" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '请选择设备'" :disabled="pageType === 'detail'" class="full-width-input">
<el-option v-for="item in ([] as any)" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '器号'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标称质量值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>g
<el-form-item label-width="10px" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量修正值'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
<el-col :span="9" style="display: flex;">
<el-form-item label="标准小砝码ms:" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '标准小砝码ms'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
</el-col>
<el-col :span="9" style="display: flex;">
<el-form-item label="|MPEs|:" prop="appearance">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '|MPEs|'"
:disabled="pageType === 'detail'"
/>
</el-form-item>mg
</el-col>
</el-row>
</el-form>
<div style="width: 100%;display: flex;justify-content: flex-end;margin-bottom: 10px;">
<el-button type="primary">
计算结果
</el-button>
</div>
<template-table :data="indicationErrorPt2List" :columns="columns_indicationError" :page-type="pageType" />
</detail-block>
<!-- =================================================砝码========================================= -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '砝码'" title="">
<div style="display: flex;align-items: center;justify-content: space-between;">
<div style="display: flex;align-items: center;">
<span style="color: #606266;font-weight: 600;white-space: nowrap;margin-top: -20px;">
折算质量
</span>
<el-form
v-if="current === 'measure-data'"
ref="formRef"
:model="itemFormData"
label-width="140"
label-position="right"
>
<el-row :gutter="20">
<el-col :span="24" style="display: flex;">
<el-form-item label="折算质量mr:" prop="appearance">
<el-input
v-model="itemFormData.zszl"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '折算质量mr'"
:disabled="pageType === 'detail'"
/>
</el-form-item>
<el-form-item label-width="10px" prop="appearance">
<el-select v-model="itemFormData.sb" :placeholder="pageType === 'detail' ? ' ' : '单位'" :disabled="pageType === 'detail'" style="width: 90px;">
<el-option v-for="item in ptUnit" :key="item.id" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
<el-button type="primary">
计算结果
</el-button>
</div>
<template-table :data="weightList" :columns="columns_weight" :page-type="pageType" />
</detail-block>
<!-- ======================================================电子天平====================================== -->
<!-- 偏载误差 -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '电子天平'" title="偏载误差">
<template v-if="pageType !== 'detail'" #btns>
<el-button type="primary">
计算结果
</el-button>
</template>
<template-table :data="balanceOffsetErrorList" :columns="columns_balance_offsetError" :page-type="pageType" />
</detail-block>
<!-- 重复性 -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '电子天平'" title="重复性">
<template v-if="pageType !== 'detail'" #btns>
<el-button type="primary">
计算结果
</el-button>
</template>
<template-table :data="balanceRepeatabilityList" :columns="columns_balance_repeatability" :page-type="pageType" />
</detail-block>
<!-- 示值误差 -->
<detail-block v-if="current === 'measure-data' && itemFormData.itemCategoryName === '电子天平'" title="示值误差">
<template v-if="pageType !== 'detail'" #btns>
<el-button type="primary">
计算结果
</el-button>
</template>
<multi-table
:table-data="balanceIndicationErrorList"
:table-header="columns_balance_indicationError"
:merge-rows="[]"
:need-index="true"
/>
</detail-block>
<!-- ------------------------------------------------结论------------------------------------------------ -->
<el-form
v-if="current === 'measure-data'"
ref="formRef"
:model="itemFormData"
label-width="140"
label-position="right"
style="margin-top: 20px;"
>
<el-row>
<el-col v-if="itemFormData.itemCategoryName === '电子天平'" :span="12">
<el-form-item label="检定分度数:" prop="appearanceRemark">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '检定分度数'"
autosize
type="textarea"
:disabled="pageType === 'detail'"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="结论:" prop="appearanceRemark">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '结论'"
autosize
type="textarea"
:disabled="pageType === 'detail'"
/>
</el-form-item>
</el-col>
<el-col v-if="itemFormData.itemCategoryName === '电子天平'" :span="12">
<el-form-item label="备注:" prop="appearanceRemark">
<el-input
v-model="itemFormData.appearanceRemark"
class="full-width-input"
:placeholder="pageType === 'detail' ? ' ' : '备注'"
autosize
type="textarea"
:disabled="pageType === 'detail'"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- 历史修改记录 -->
<change-record v-show="pageType === 'detail' && current === 'change-record'" :info-id="infoId" />
</detail-block>
</div>
</template>
<style lang="scss">
.measure-data-template-detail {
.el-radio__label {
display: block !important;
}
}
</style>