<template>
|
<div>
|
<el-col :span="10">
|
<p style="font-size: 13px;padding-left: 40px;">计划信息</p>
|
</el-col>
|
<el-col>
|
<el-form :model="planAddInfo" style="padding-left: 150px;">
|
<el-form-item>
|
<el-col :span="6" style="display: flex;justify-content: space-around;">
|
<span>负责人：</span>
|
<el-select v-model="planAddInfo.measurePerson" placeholder="请选择活动区域">
|
<el-option label="区域一" value="shanghai"></el-option>
|
<el-option label="区域二" value="beijing"></el-option>
|
</el-select>
|
</el-col>
|
<el-col :span="8" style="display: flex;justify-content: space-around;">
|
<span>计划时间：</span>
|
<el-date-picker v-model="planAddInfo.planDate" type="daterange" range-separator="至" start-placeholder="开始日期"
|
end-placeholder="结束日期">
|
</el-date-picker>
|
</el-col>
|
<el-col :span="5"></el-col>
|
<el-col :span="5" style="display: flex;justify-content: space-around;">
|
<span>计量单位：</span>
|
<el-input style="width: 150px;" v-model="planAddInfo.unit" placeholder=""></el-input>
|
</el-col>
|
</el-form-item>
|
</el-form>
|
</el-col>
|
<el-col>
|
<el-col style="font-size: 13px;padding-left: 55px;">
|
计量信息
|
</el-col>
|
<el-col>
|
<el-progress style="width: 95%;padding-left: 40px;margin-top: 20px;" :percentage="6" :stroke-width="2"
|
:show-text="false"></el-progress>
|
</el-col>
|
</el-col>
|
<el-col style="width:93%;height: 20vh;margin-top: 30px; margin-left: 40px;">
|
<el-table ref="codePointsTable" :cell-style="{ textAlign: 'center' }"
|
:header-cell-style="{ border: '0px', background: '#f5f7fa', color: '#606266', boxShadow: 'inset 0 1px 0 #ebeef5', textAlign: 'center' }"
|
:data="codePointsTable" style="width: 100%">
|
<el-table-column type="index" label="序号" min-width="90" />
|
<el-table-column prop="equipmentPointName" label="仪器设备名称" min-width="150">
|
<template slot-scope="scope">
|
<span v-show="!codePointesTableStatus">{{ scope.row.equipmentPoint }}</span>
|
<el-input v-show="codePointesTableStatus" v-model="scope.row.equipmentPoint" />
|
</template>
|
</el-table-column>
|
|
<el-table-column prop="measuringRange" label="测量范围" min-width="150">
|
<template slot-scope="scope">
|
<span v-show="!codePointesTableStatus">{{ scope.row.measuringRange }}</span>
|
<el-input v-show="codePointesTableStatus" v-model="scope.row.measuringRange" />
|
</template>
|
</el-table-column>
|
<el-table-column prop="unit" label="单位" min-width="150">
|
<template slot-scope="scope">
|
<span v-show="!codePointesTableStatus">{{ scope.row.unit }}</span>
|
<el-input v-show="codePointesTableStatus" v-model="scope.row.unit" />
|
</template>
|
</el-table-column>
|
<el-table-column prop="descriptiveness" label="描述" min-width="200">
|
<template slot-scope="scope">
|
<span v-show="!codePointesTableStatus">{{ scope.row.descriptiveness }}</span>
|
<el-input v-show="codePointesTableStatus" v-model="scope.row.descriptiveness" />
|
</template>
|
</el-table-column>
|
<el-table-column prop="descriptiveness" label="操作" min-width="200">
|
<template slot-scope="scope">
|
<el-tag type="" icon=""></el-tag>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-col>
|
</div>
|
</template>
|
<script>
|
export default {
|
data() {
|
return {
|
planAddInfo: {
|
plannedOrderNumber: 7897897987,
|
measurePerson: '某某人',
|
planDate: "2021-09-08 ~ 2024-08-09",
|
unit: '某某检测局',
|
createPerson: '某某负责人',
|
createTime: '2021-09-08'
|
},
|
codePointsTable: [{
|
id: '',
|
equipmentPointName: '',
|
measuringRange: '',
|
termValidity: "",
|
planDate: null,
|
}],
|
// 码点表格的状态：数据展示false/新增输入true
|
codePointesTableStatus: true,
|
}
|
},
|
methods: {
|
// 新增设备码点
|
addNewCodePoints() {
|
//
|
if (!this.codePointsTable) {
|
this.codePointsTable = []
|
}
|
const newObj = {}
|
newObj.equipmentPointName = ''
|
newObj.descriptiveness = ''
|
newObj.unit = ''
|
newObj.instrumentId = this.equipmentDetail.id
|
this.codePointsTable.push(newObj)
|
}
|
}
|
}
|
</script>
|
