<script>
|
export default {
|
name: "reportParamsSetting",
|
props: {
|
visible: {
|
type: Boolean,
|
default: false
|
},
|
batt: {
|
type: Object,
|
default() {
|
return {
|
stationName3: "",
|
battGroupId: 0,
|
battGroupName: "",
|
monCount: "",
|
battInUseDate: "",
|
battProducer: "",
|
battModel: ""
|
}
|
}
|
},
|
recordTime: {
|
type: Array,
|
default() {
|
return [];
|
}
|
}
|
},
|
data() {
|
return {
|
layout: {
|
gutter: 16,
|
span: 12,
|
},
|
dataCollectionIntervals: [
|
{
|
label: "1小时",
|
value: 1
|
},
|
{
|
label: "2小时",
|
value: 2
|
},
|
{
|
label: "3小时",
|
value: 3
|
}
|
],
|
params: {
|
dataCollectionInterval: 1, // 数据采集间隔
|
userName: "", // 使用单位
|
prodcutName: "", // 产品名称
|
testDepart: "", // 测试单位
|
testPeople: "", // 测试人员
|
testDate: "", // 测试日期
|
printDate: "", // 打印日期
|
testStationName: "", // 测试站点
|
battProducer: "", // 制造商
|
battModel: "", // 型号
|
battInuseDate: "", // 安装日期
|
battCheckDate: "", // 检查日期
|
groupName: "", // 组别
|
paramCheck1: "否", // 外壳是否有裂纹、损伤和漏液现象
|
paramCheck2: "是", // 正、负极性是否正确
|
paramCheck3: "30", // 环境温度（℃）
|
paramCheck4: "否", // 检查连接条、螺丝是否紧固、锈蚀
|
paramRecordVol1: "", // 装置画面显示蓄电池电压值
|
paramRecordVol2: "", // 实测蓄电池电压值
|
battGroupId: "", // 电池组ID
|
testRecordCount: "", // 记录的笔数
|
recordNums: "", // 记录的编号
|
monCount: "", // 单体个数
|
testIsGood: "", // 电池的评判
|
headName: [], // 负责人
|
groupPeoples: [], // 成员
|
note: "" // 备注
|
},
|
rules: {
|
|
}
|
}
|
},
|
methods: {
|
initParams() {
|
let batt = this.batt;
|
let date = new Date().format("yyyy-MM-dd");
|
let printDate = new Date().format("yyyy-MM-dd hh:mm:ss");
|
this.params.battGroupId = batt.battGroupId;
|
this.params.groupName = batt.battGroupName;
|
this.params.monCount = batt.monCount;
|
this.params.battInuseDate = batt.battInUseDate;
|
this.params.battProducer = batt.battProducer;
|
this.params.battModel = batt.battModel;
|
this.params.testStationName = batt.stationName3;
|
this.params.printDate = printDate;
|
this.params.battCheckDate = date;
|
this.params.testDate = this.recordTime[1];
|
},
|
success() {
|
this.$emit('success', this.params);
|
},
|
close() {
|
this.$emit("update:visible", false);
|
}
|
},
|
mounted() {
|
this.initParams();
|
}
|
}
|
</script>
|
|
<template>
|
<div class="params-container">
|
<el-form
|
ref="ruleForm"
|
size="mini"
|
label-position="top"
|
:model="params"
|
:rules="rules"
|
class="params-dialog">
|
<el-row :gutter="layout.gutter">
|
<el-col :span="layout.span">
|
<el-form-item label="使用单位">
|
<el-input v-model="params.userName" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="产品名称">
|
<el-input v-model="params.prodcutName" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="测试单位">
|
<el-input v-model="params.testDepart" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="测试人员">
|
<el-input v-model="params.testPeople" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="测试日期">
|
<el-date-picker
|
v-model="params.testDate"
|
type="datetime"
|
placeholder="选择日期"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="打印日期">
|
<el-date-picker
|
v-model="params.printDate"
|
type="datetime"
|
placeholder="选择日期"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="测试站点">
|
<el-input v-model="params.testStationName" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="数据采集间隔">
|
<el-select v-model="params.dataCollectionInterval" placeholder="请选择">
|
<el-option
|
v-for="(item, key) in dataCollectionIntervals" :key="'key'+key"
|
:label="item.label" :value="item.value"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="电池组名称">
|
<el-input v-model="params.groupName" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="电池品牌">
|
<el-input v-model="params.battProducer" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="电池型号">
|
<el-input v-model="params.battModel" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="安装日期">
|
<el-date-picker
|
v-model="params.battInuseDate"
|
type="date"
|
placeholder="选择日期" :disabled="true"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="检查日期">
|
<el-date-picker
|
v-model="params.battCheckDate"
|
type="date"
|
placeholder="选择日期"></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="外壳是否有裂纹、损伤和漏液现象">
|
<el-select v-model="params.paramCheck1" placeholder="请选择">
|
<el-option label="是" value="是"></el-option>
|
<el-option label="否" value="否"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="正、负极性是否正确">
|
<el-select v-model="params.paramCheck2" placeholder="请选择">
|
<el-option label="是" value="是"></el-option>
|
<el-option label="否" value="否"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="环境温度（℃）">
|
<el-input v-model="params.paramCheck3" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="检查连接条、螺丝是否紧固、锈蚀">
|
<el-select v-model="params.paramCheck4" placeholder="请选择">
|
<el-option label="是" value="是"></el-option>
|
<el-option label="否" value="否"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="装置画面显示蓄电池电压值(V)">
|
<el-input v-model="params.paramRecordVol1" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="实测蓄电池电压值(V)">
|
<el-input v-model="params.paramRecordVol2" type="input"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="负责人">
|
<el-select
|
v-model="params.headName"
|
multiple
|
filterable
|
allow-create
|
default-first-option
|
placeholder="请输入负责人"></el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="成员">
|
<el-select
|
v-model="params.groupPeoples"
|
multiple
|
filterable
|
allow-create
|
default-first-option
|
placeholder="请输入成员"></el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="备注">
|
<el-input v-model="params.note" type="textarea"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<div class="form-footer">
|
<el-button type="primary" size="mini" @click="success">确定</el-button>
|
<el-button type="default" size="mini" @click="close">取消</el-button>
|
</div>
|
</el-form>
|
</div>
|
</template>
|
|
<style scoped>
|
.params-container {
|
width: 720px;
|
background-color: #ececec;
|
}
|
.form-footer {
|
margin-top: 16px;
|
margin-bottom: 8px;
|
text-align: right;
|
}
|
</style>
|
