<template>
|
<div>
|
<a-modal
|
width="60%"
|
title="配置校准值"
|
destroyOnClose
|
:visible="wFlag"
|
@cancel="handleCancel"
|
@ok="handleOk"
|
>
|
<!---->
|
<a-form style="margin-top: 8px">
|
<a-form-item>
|
<a-collapse accordion @change="turnState($event)">
|
<a-collapse-panel
|
v-for="(item, key) in dataSensors"
|
:key="item.id"
|
:header="'名称：' + item.name"
|
>
|
<span
|
v
|
slot="extra"
|
style="
|
position: absolute;
|
left: 26%;
|
width: 10%;
|
text-align: center;
|
"
|
>下限值：{{ item.lower }}</span
|
>
|
<span
|
v
|
slot="extra"
|
style="
|
position: absolute;
|
left: 50%;
|
width: 10%;
|
text-align: center;
|
"
|
>上限值：{{ item.upper }}</span
|
>
|
<span
|
v
|
slot="extra"
|
style="
|
position: absolute;
|
left: 75%;
|
width: 10%;
|
text-align: center;
|
"
|
>单位：{{ item.unit }}</span
|
>
|
<a-button
|
icon="plus"
|
type="primary"
|
style="margin-left: 25px"
|
@click="addCalib"
|
>
|
新建校准值
|
</a-button>
|
<a-table
|
:columns="columns"
|
:dataSource="dataSource"
|
@change="handleTableChange"
|
:pagination="pagination"
|
/>
|
</a-collapse-panel>
|
</a-collapse>
|
</a-form-item>
|
|
<a-form-item style="">
|
<a-pagination
|
style="margin-right: 0"
|
:default-current="1"
|
:pageSize="size"
|
:total="total"
|
@change="turnPage"
|
/>
|
</a-form-item>
|
</a-form>
|
</a-modal>
|
|
<a-modal
|
title="添加-校准值"
|
destroyOnClose
|
:visible="addFlag"
|
@ok="handleAddlOk"
|
@cancel="handleAddCancel"
|
>
|
<!---->
|
<a-form-model
|
style="margin-top: 8px"
|
:rules="caliRules"
|
:model="addData"
|
ref="addCaliForm"
|
>
|
<a-form-model-item
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="开始时间"
|
prop="startTime"
|
>
|
<a-time-picker
|
:allow-clear="false"
|
format="HH:mm"
|
v-model="addData.startTime"
|
@change="turnStartTime"
|
/>
|
</a-form-model-item>
|
<a-form-model-item
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="结束时间"
|
prop="endTime"
|
>
|
<a-time-picker
|
:allow-clear="false"
|
format="HH:mm"
|
v-model="addData.endTime"
|
@change="turnEndTime"
|
/>
|
</a-form-model-item>
|
<a-form-model-item
|
v-if="this.sensorCode === 'a40001'"
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="校准公式"
|
>
|
<a-input-group compact>
|
<a-input style="width: 30%" read-only value="烟气流速" />
|
<a-select
|
v-model="addData.formula1"
|
style="width: 30%"
|
placeholder="请选择"
|
>
|
<a-select-option
|
:value="item.key"
|
v-for="(item, key) in selectSymbol"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
<a-input
|
style="width: 40%; margin-top: 1px"
|
placeholder=""
|
v-model="addData.val1"
|
>
|
<a-icon slot="addonAfter" type="arrow-right" @click="gFormula" />
|
</a-input>
|
</a-input-group>
|
</a-form-model-item>
|
<a-form-model-item
|
v-else-if="this.sensorCode === 'a01011'"
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="校准公式"
|
>
|
<a-input-group compact>
|
<a-input style="width: 30%" read-only value="烟气流速" />
|
<a-select
|
style="width: 30%"
|
placeholder="请选择"
|
v-model="addData.formula2"
|
>
|
<a-select-option
|
:value="item.key"
|
v-for="(item, key) in selectSymbol"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
<a-input style="width: 40%; margin-top: 1px" v-model="addData.val2">
|
<a-icon slot="addonAfter" type="arrow-right" @click="gFormula" />
|
</a-input>
|
</a-input-group>
|
</a-form-model-item>
|
<a-form-model-item
|
v-else
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="校准公式"
|
>
|
<a-input-group compact>
|
<a-select
|
style="width: 30%"
|
defaultValue="AQI值"
|
v-model="addData.type1"
|
>
|
<a-select-option
|
:value="item.key"
|
:key="key"
|
v-for="(item, key) in selectType"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
<a-select
|
v-model="addData.formula1"
|
style="width: 30%"
|
placeholder="请选择"
|
>
|
<a-select-option
|
:value="item.key"
|
v-for="(item, key) in selectSymbol"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
<a-input
|
style="width: 40%; margin-top: 1px"
|
placeholder=""
|
v-model="addData.val1"
|
>
|
<a-icon slot="addonAfter" type="plus" />
|
</a-input>
|
</a-input-group>
|
<a-input-group compact>
|
<a-input style="width: 30%" read-only value="测量值" />
|
<a-select
|
style="width: 30%"
|
placeholder="请选择"
|
v-model="addData.formula2"
|
>
|
<a-select-option
|
:value="item.key"
|
v-for="(item, key) in selectSymbol"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
|
<a-input style="width: 40%; margin-top: 1px" v-model="addData.val2">
|
<a-icon slot="addonAfter" type="arrow-right" @click="gFormula" />
|
</a-input>
|
</a-input-group>
|
</a-form-model-item>
|
<a-form-model-item
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="公式"
|
prop="cel"
|
>
|
<a-input type="string" read-only v-model="addData.cel">
|
<a-icon slot="addonAfter" type="close" @click="clearCel" />
|
</a-input>
|
</a-form-model-item>
|
</a-form-model>
|
</a-modal>
|
|
<a-modal
|
title="编辑-校准值"
|
destroyOnClose
|
:visible="editFlag"
|
@ok="handleEditlOk"
|
@cancel="handleEditCancel"
|
>
|
<!---->
|
<a-form-model
|
style="margin-top: 8px"
|
:rules="caliRules"
|
:model="editData"
|
ref="editCaliForm"
|
>
|
<a-form-model-item
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="开始时间"
|
prop="startTime"
|
>
|
<a-time-picker
|
format="HH:mm"
|
v-model="editData.startTime"
|
@change="turnStartTime"
|
/>
|
</a-form-model-item>
|
<a-form-model-item
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="结束时间"
|
prop="endTime"
|
>
|
<a-time-picker
|
format="HH:mm"
|
v-model="editData.endTime"
|
@change="turnEndTime"
|
/>
|
</a-form-model-item>
|
<a-form-model-item
|
v-if="this.sensorCode === 'a40001'"
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="校准公式"
|
>
|
<a-input-group compact>
|
<a-input style="width: 30%" read-only value="烟气流速" />
|
<a-select
|
v-model="editData.formula1"
|
style="width: 30%"
|
placeholder="请选择"
|
>
|
<a-select-option
|
:value="item.key"
|
v-for="(item, key) in selectSymbol"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
<a-input
|
style="width: 40%; margin-top: 1px"
|
placeholder=""
|
v-model="editData.val1"
|
>
|
<a-icon slot="addonAfter" type="arrow-right" @click="gFormula" />
|
</a-input>
|
</a-input-group>
|
</a-form-model-item>
|
<a-form-model-item
|
v-else-if="this.sensorCode === 'a01011'"
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="校准公式"
|
>
|
<a-input-group compact>
|
<a-input style="width: 30%" read-only value="烟气流速" />
|
<a-select
|
style="width: 30%"
|
placeholder="请选择"
|
v-model="editData.formula1"
|
>
|
<a-select-option
|
:value="item.key"
|
v-for="(item, key) in selectSymbol"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
<a-input
|
style="width: 40%; margin-top: 1px"
|
v-model="editData.val1"
|
>
|
<a-icon slot="addonAfter" type="arrow-right" @click="gFormula" />
|
</a-input>
|
</a-input-group>
|
</a-form-model-item>
|
<a-form-model-item
|
v-else
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="校准公式"
|
>
|
<a-input-group compact>
|
<a-select
|
style="width: 30%"
|
defaultValue="AQI值"
|
v-model="editData.type1"
|
>
|
<a-select-option
|
:value="item.key"
|
:key="key"
|
v-for="(item, key) in selectType"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
<a-select
|
v-model="editData.formula1"
|
style="width: 30%"
|
placeholder="请选择"
|
>
|
<a-select-option
|
:value="item.key"
|
v-for="(item, key) in selectSymbol"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
<a-input
|
style="width: 40%; margin-top: 1px"
|
placeholder=""
|
v-model="editData.val1"
|
>
|
<a-icon slot="addonAfter" type="plus" />
|
</a-input>
|
</a-input-group>
|
<a-input-group compact>
|
<a-input style="width: 30%" read-only value="测量值" />
|
<a-select
|
style="width: 30%"
|
placeholder="请选择"
|
v-model="editData.formula2"
|
>
|
<a-select-option
|
:value="item.key"
|
v-for="(item, key) in selectSymbol"
|
>
|
{{ item.value }}
|
</a-select-option>
|
</a-select>
|
|
<a-input
|
style="width: 40%; margin-top: 1px"
|
v-model="editData.val2"
|
>
|
<a-icon slot="addonAfter" type="arrow-right" @click="gFormula" />
|
</a-input>
|
</a-input-group>
|
</a-form-model-item>
|
<a-form-model-item
|
:labelCol="{ span: 5 }"
|
:wrapperCol="{ span: 15 }"
|
label="公式"
|
prop="cel"
|
>
|
<a-input type="string" read-only v-model="editData.cel">
|
<a-icon slot="addonAfter" type="close" @click="clearCel" />
|
</a-input>
|
</a-form-model-item>
|
</a-form-model>
|
</a-modal>
|
</div>
|
</template>
|
|
<script lang="tsx">
|
import {
|
Component,
|
Prop,
|
Vue,
|
Emit, Watch,
|
} from 'vue-property-decorator';
|
import moment from 'moment';
|
import { get, post } from "@/util/request";
|
|
@Component({})
|
export default class Calibration extends Vue {
|
private flueOfSensor: string = ''
|
@Prop({
|
type: Boolean,
|
default: false
|
})
|
private wFlag: boolean
|
|
@Prop({
|
type: Object,
|
default: () => {
|
}
|
})
|
private caliRecord: any
|
|
@Watch('wFlag', {
|
deep: true
|
})
|
private watchFlag(newVal: boolean, oldVal: boolean) {
|
this.getSensorByVersionId()
|
}
|
|
// 内部分页
|
private pagination: any = {
|
total: 0,
|
current: 1,
|
pageSize: 5,
|
showSizeChanger: false,
|
showQuickJumper: false
|
}
|
|
private handleTableChange(pagination: any, filters: any, sorter: any): void {
|
this.pagination.current = pagination.current
|
this.getSersorFomule()
|
}
|
// 公式生成=========================================
|
private gFormula() {
|
if (this.addFlag === false && this.editFlag === true) {
|
if (this.sensorCode === 'a40001') {
|
const yanqi = JSON.parse(this.caliRecord.extend)
|
this.editData.cel = (this.editData.val1 !== '') ? ('(currentSpeed' + this.editData.formula1 + '' + this.editData.val1 + ')') + '*' + yanqi.area : ''
|
} else if (this.sensorCode === 'a01011') {
|
this.editData.cel = (this.editData.val1 !== '') ? ('cel' + this.editData.formula1 + '' + this.editData.val1 ) : this.editData.cel
|
}else {
|
if (this.editData.val1 === '' && this.editData.val2 !== '') {
|
this.editData.cel = 'cel' + this.editData.formula2 + '' + this.editData.val2
|
} else if (this.editData.val1 !== '' && this.editData.val2 !== '') {
|
this.editData.cel = this.editData.type1 + '' + this.editData.formula1 + '' + this.editData.val1 + '+cel' + this.editData.formula2 + '' + this.editData.val2
|
} else if (this.editData.val1 !== '' && this.editData.val2 === '') {
|
this.editData.cel = this.editData.type1 + '' + this.editData.formula1 + '' + this.editData.val1
|
} else {
|
this.editData.cel = ''
|
}
|
}
|
|
} else {
|
if(this.sensorCode === 'a40001') {
|
if (this.caliRecord.extend !== null) {
|
const yanqi = JSON.parse(this.caliRecord.extend)
|
if (yanqi.area) {
|
this.addData.cel = (this.addData.val1 !== '') ? ('(currentSpeed' + this.addData.formula1 + '' + this.addData.val1 + ')') + '*' + yanqi.area : ''
|
} else {
|
this.$message.warning('请给该设备配置烟道面积！')
|
}
|
} else {
|
this.$message.warning('请给该设备配置烟道面积！')
|
}
|
} else {
|
if (this.addData.val1 === '' && this.addData.val2 !== '') {
|
this.addData.cel = 'cel' + this.addData.formula2 + '' + this.addData.val2
|
} else if (this.addData.val1 !== '' && this.addData.val2 !== '') {
|
this.addData.cel = this.addData.type1 + '' + this.addData.formula1 + '' + this.addData.val1 + '+cel' + this.addData.formula2 + '' + this.addData.val2
|
} else if (this.addData.val1 !== '' && this.addData.val2 === '') {
|
this.addData.cel = this.addData.type1 + '' + this.addData.formula1 + '' + this.addData.val1
|
} else {
|
this.addData.cel = ''
|
}
|
}
|
|
}
|
|
}
|
|
// selectData
|
private selectType: any[] = [
|
{'key': 'aqi', 'value': 'AQI值'}, {'key': 'vocs', 'value': 'Vocs值'}
|
]
|
private selectSymbol: any[] = [
|
{'key': '+', 'value': '加'}, {'key': '-', 'value': '减'}, {'key': '*', 'value': '乘'}, {'key': '/', 'value': '除'}
|
]
|
|
//添加数据
|
private addData: any = {
|
startTime: moment('00:00:00', 'HH:mm:ss'),
|
endTime: moment('23:59:59', 'HH:mm:ss'),
|
type1: 'aqi',
|
formula1: '+',
|
formula2: '+',
|
val1: '',
|
val2: '',
|
cel: ''
|
}
|
|
// 存放数据
|
private dataSource: any = null
|
// 存放sensorCode
|
private sensorCode: any = ''
|
|
//监听面板状态
|
private turnState(event: any) {
|
if (event !== undefined) {
|
this.sensorCode = ''
|
let code = ''
|
for (let i = 0; i < this.dataSensors.length; i++) {
|
if (this.dataSensors[i].id === Number(event)) {
|
code = this.dataSensors[i].code
|
}
|
}
|
this.sensorCode = code
|
this.getTimeArea()
|
this.getSersorFomule()
|
}
|
}
|
|
//存放所有时间段数据
|
private savaTimeArea: any = null
|
// 获取时间段
|
private getTimeArea() {
|
get('deviceAdjustValue/getTimeSlot', {
|
mac: this.caliRecord.mac,
|
sensor_code: this.sensorCode
|
}).then((res: any) => {
|
this.savaTimeArea = res.data.data.timeSlotList
|
})
|
}
|
|
// 获取因子公式数据
|
private getSersorFomule() {
|
get('deviceAdjustValue/getDeviceAdjustValueByCondition', {
|
mac: this.caliRecord.mac,
|
current: this.pagination.current,
|
sensor_code: this.sensorCode,
|
size: this.pagination.pageSize,
|
orderType: 0
|
}).then((res: any) => {
|
this.pagination.total = res.data.data.totalNumber
|
this.dataSource = res.data.data.deviceAdjustValues
|
console.log(parseInt(res.data.data.deviceAdjustValues[0].value));
|
})
|
}
|
|
//规则指定
|
private caliRules: any = {
|
startTime: [
|
{required: true, message: '请输入开始时间', trigger: ['change', 'blur']},
|
{validator: this.vali(), trigger: ['change', 'blur']}
|
],
|
endTime: [
|
{required: true, message: '请输入结束时间'},
|
{validator: this.vali(), trigger: ['change', 'blur']}
|
],
|
cel: [
|
{required: true, message: '请生成校准公式', trigger: ['change', 'blur']},
|
]
|
}
|
|
private vali() {
|
let ru = (rule: any, value: any, callback: any) => {
|
if (this.addFlag === true) {
|
if (this.addData.endTime < this.addData.startTime) {
|
callback(new Error('开始时间需小于结束时间'))
|
} else {
|
callback()
|
}
|
} else {
|
if (this.editData.endTime < this.editData.startTime) {
|
callback(new Error('开始时间需小于结束时间'))
|
} else {
|
callback()
|
}
|
}
|
|
}
|
return ru
|
}
|
|
|
// 判断时间是否在多个区间内
|
private judgeTime(startTime: any, endTime: any) {
|
let arr1 = []
|
// 开始时间秒数
|
let sTime = new Date(startTime)
|
let sSecondNum = ''
|
let sHour = sTime.getHours().toString().length === 2 ? sTime.getHours() : '0' + sTime.getHours()
|
let sMinutes = sTime.getMinutes().toString().length === 2 ? sTime.getMinutes() : '0' + sTime.getMinutes()
|
sSecondNum = Number(sHour) * 60 * 60 + Number(sMinutes) * 60
|
// 结束时间秒数
|
let eTime = new Date(endTime)
|
let eSecondNum = ''
|
let eHour = eTime.getHours().toString().length === 2 ? eTime.getHours() : '0' + eTime.getHours()
|
let eMinutes = eTime.getMinutes().toString().length === 2 ? eTime.getMinutes() : '0' + eTime.getMinutes()
|
eSecondNum = Number(eHour) * 60 * 60 + Number(eMinutes) * 60
|
arr1.push(sSecondNum)
|
arr1.push(eSecondNum)
|
let arrFlag = []
|
// 判断区间
|
for (let i = 0; i < this.savaTimeArea.length; i++) {
|
if (this.editRecord) {
|
if (this.savaTimeArea[i].id === this.editRecord.id){
|
continue;
|
}
|
}
|
let arr2 = []
|
let perStartTime = this.savaTimeArea[i].startTime
|
let startArray = perStartTime.split(':')
|
let sNum = Number(startArray[0]) * 3600 + Number(startArray[1]) * 60
|
arr2.push(sNum)
|
let perEndTime = this.savaTimeArea[i].endTime
|
let endArray = perEndTime.split(':')
|
let eNum = Number(endArray[0]) * 3600 + Number(endArray[1]) * 60
|
arr2.push(eNum)
|
let flag = this.isIntersect(arr1, arr2)
|
arrFlag.push(flag)
|
}
|
return arrFlag
|
}
|
|
// 判断两个集合是否有交集
|
private isIntersect(arr1: Array, arr2: Array) {
|
let start = [Math.min(...arr1), Math.min(...arr2)];//区间的两个最小值
|
let end = [Math.max(...arr1), Math.max(...arr2)];//区间的两个最大值
|
return Math.max(...start) < Math.min(...end);//最大值里的最小值 是否 小于等于 最大值的最小值
|
}
|
|
|
// 清空公式
|
private clearCel() {
|
this.addData.cel = ''
|
this.editData.cel = ''
|
}
|
|
private created() {
|
}
|
|
// 不同时间的校准列表
|
private columns: any[] = [
|
{
|
title: "开始时间",
|
dataIndex: "startTime"
|
},
|
{
|
title: "结束时间",
|
dataIndex: "endTime"
|
},
|
{
|
title: "公式",
|
dataIndex: "value"
|
},
|
{
|
title: "操作",
|
customRender: this.opRender
|
}
|
];
|
|
// 时间字符串
|
private startTimeString: any = ''
|
private endTimeString: any = ''
|
|
//监听时间变化
|
private turnStartTime(time: any) {
|
let d = new Date(time._d)
|
let hour = d.getHours().toString().length === 2 ? d.getHours() : '0' + d.getHours()
|
let minutes = d.getMinutes().toString().length === 2 ? d.getMinutes() : '0' + d.getMinutes()
|
this.startTimeString = hour + ':' + minutes + ':00'
|
|
}
|
|
private turnEndTime(time: any) {
|
let d = new Date(time._d)
|
let hour = d.getHours().toString().length === 2 ? d.getHours() : '0' + d.getHours()
|
let minutes = d.getMinutes().toString().length === 2 ? d.getMinutes() : '0' + d.getMinutes()
|
this.endTimeString = hour + ':' + minutes + ':00'
|
}
|
|
// 分页组件所需数据--------------------------------------------------
|
private currentPage: number = 1
|
private total: number = 0
|
private size: number = 0
|
|
private turnPage(current: any) {
|
this.currentPage = current
|
this.getSensorByVersionId()
|
}
|
|
// 因子数据
|
private dataSensors: any = null
|
|
// 根据型号id获取因子
|
private getSensorByVersionId() {
|
get("version/queryById", {
|
id: this.caliRecord.version.id,
|
page: this.currentPage,
|
size: 5
|
})
|
.then((res: any) => {
|
this.dataSensors = res.data.data.versions[0].sensors
|
this.total = res.data.data.total
|
this.size = res.data.data.size
|
})
|
.catch(err => {
|
console.log(err);
|
});
|
}
|
|
|
private handleCancel() {
|
this.sendFlag(false)
|
this.currentPage = 1
|
}
|
|
private handleOk() {
|
this.sendFlag(false)
|
this.currentPage = 1
|
}
|
|
@Emit('cFlag')
|
private sendFlag(flag: boolean) {
|
return flag;
|
}
|
|
// 新建校准值-----------------------------------------------------------------------------
|
|
private addFlag: boolean = false
|
|
private addCalib() {
|
this.addFlag = true
|
}
|
|
private handleAddlOk() {
|
this.$refs.addCaliForm.validate((valid: any) => {
|
if (valid) {
|
let flag = this.judgeTime(this.addData.startTime, this.addData.endTime)
|
if (flag.indexOf(true) !== -1) {
|
this.$message.warning('新建时间区间不能与已经存在的时间段交叉', 2)
|
} else {
|
post('deviceAdjustValue/insertOneDeviceAdjustValue', {
|
mac: this.caliRecord.mac,
|
startTime: this.startTimeString === '' ? '00:00:00' : this.startTimeString,
|
endTime: this.endTimeString === '' ? '23:59:00' : this.endTimeString,
|
value: this.addData.cel,
|
sensorCode: this.sensorCode
|
}
|
).then((res: any) => {
|
if (res.data.code === 0) {
|
this.addData.val1 = ''
|
this.addData.val2 = ''
|
this.addData.formula1 = '+'
|
this.addData.formula2 = '+'
|
this.addData.type1 = 'aqi'
|
this.getSersorFomule()
|
this.$message.success(res.data.message)
|
this.startTimeString = ''
|
this.endTimeString = ''
|
this.addData.startTime = moment('00:00:00', 'HH:mm:ss')
|
this.addData.endTime = moment('23:59:59', 'HH:mm:ss')
|
this.addData.cel = ''
|
this.addFlag = false
|
this.getTimeArea()
|
} else {
|
this.$message.warning(res.data.message)
|
}
|
})
|
}
|
}
|
})
|
|
|
}
|
private handleAddCancel() {
|
this.addData.startTime = moment('00:00:00', 'HH:mm:ss')
|
this.addData.endTime = moment('23:59:59', 'HH:mm:ss')
|
this.addData.val1 = ''
|
this.addData.val2 = ''
|
this.addData.formula1 = '+'
|
this.addData.formula2 = '+'
|
this.addData.type1 = 'aqi'
|
this.addData.cel = ''
|
this.startTimeString = ''
|
this.endTimeString = ''
|
this.addFlag = false
|
}
|
// 编辑------------------------------------------------------------------------------------------------
|
private editData: any = {
|
startTime: null,
|
endTime: null,
|
type1: 'aqi',
|
formula1: '+',
|
formula2: '+',
|
val1: '',
|
val2: '',
|
cel: ''
|
}
|
private editFlag: boolean = false
|
private editRecord: any = null
|
|
// 编辑保存
|
private handleEditlOk() {
|
this.$refs.editCaliForm.validate((valid: any) => {
|
if (valid) {
|
let flag = this.judgeTime(this.editData.startTime, this.editData.endTime)
|
if (flag.indexOf(true) !== -1) {
|
this.$message.warning('编辑时间区间不能与已经存在的时间段交叉', 2)
|
} else {
|
let startTime = this.startTimeString === this.editRecord.startTime ? null : this.startTimeString === '' ? null : this.startTimeString
|
let endTime = this.endTimeString === this.editRecord.endTime ? null : this.endTimeString === '' ? null : this.endTimeString
|
let fomule = this.editData.cel === this.editRecord.value ? null : this.editData.cel
|
if ((startTime || endTime || fomule)) {
|
post('deviceAdjustValue/updateOneDeviceAdjustValue', {
|
id: this.editRecord.id,
|
start_time: startTime,
|
end_time: endTime,
|
value: fomule
|
}
|
).then((res: any) => {
|
if (res.data.code === 0) {
|
this.getSersorFomule()
|
this.$message.success(res.data.message)
|
this.editFlag = false
|
this.startTimeString = ''
|
this.endTimeString = ''
|
this.editRecord = null
|
this.editData.val1 = ''
|
this.editData.val2 = ''
|
this.editData.formula1 = '+'
|
this.editData.formula2 = '+'
|
this.getTimeArea()
|
}
|
})
|
} else {
|
this.$message.warning('未修改')
|
}
|
|
}
|
}
|
})
|
}
|
|
private handleEditCancel() {
|
this.editFlag = false
|
}
|
|
private handleEditModalVisible(flag: boolean, record: any) {
|
this.editFlag = flag
|
this.editRecord = record
|
this.editData.startTime = moment(record.startTime, 'HH:mm:ss')
|
this.editData.endTime = moment(record.endTime, 'HH:mm:ss')
|
this.editData.cel = record.value
|
}
|
|
// 删除------------------------------------------------------------------------------------------------
|
private deleteDevice(record: any) {
|
post('deviceAdjustValue/deleteOneDeviceAdjustValue', {
|
id: record.id,
|
}
|
).then((res: any) => {
|
if (res.data.code === 0) {
|
this.getSersorFomule()
|
this.getTimeArea()
|
this.$message.success(res.data.message)
|
}
|
})
|
}
|
|
// 操作===============================================================================================
|
private opRender(text: string, record: any, index: number) {
|
return (
|
<div>
|
<a onClick={() => this.handleEditModalVisible(true, record)}>
|
{" "}
|
编辑{" "}
|
</a>
|
<a-divider type="vertical"/>
|
<a-popconfirm
|
title="确认删除吗？"
|
ok-text="确定"
|
cancel-text="取消"
|
onConfirm={() => this.deleteDevice(record)}
|
>
|
<a href="#">删除</a>
|
</a-popconfirm>
|
</div>
|
)
|
;
|
}
|
}
|
</script>
|
|
<style lang="less">
|
.modalStyle {
|
.ant-modal {
|
margin-left: 25%;
|
}
|
|
.ant-modal-content {
|
width: 800px;
|
}
|
}
|
</style>
|
