1006 lines
32 KiB
Vue
1006 lines
32 KiB
Vue
<template>
|
||
<div class="fullHeight">
|
||
<div class="searchBox whiteBlock">
|
||
<!-- 新增 -->
|
||
<el-button type="primary" @click="addFn" size="medium">{{
|
||
$t("message.highModulus.add")
|
||
}}</el-button>
|
||
</div>
|
||
<div class="table_wrap whiteBlock">
|
||
<!-- 测量点名称 -->
|
||
<el-table :data="tableData" class="tables">
|
||
<el-table-column
|
||
prop="measurePointName"
|
||
:label="$t('message.highModulus.pointName')"
|
||
>
|
||
</el-table-column>
|
||
<!-- 测量点编号 -->
|
||
<el-table-column
|
||
prop="measurePointNumber"
|
||
:label="$t('message.highModulus.pointNo')"
|
||
>
|
||
</el-table-column>
|
||
<!-- 采集仪编号 -->
|
||
<el-table-column
|
||
prop="acquisitionInstrumentNumber"
|
||
:label="$t('message.highModulus.devNo')"
|
||
>
|
||
</el-table-column>
|
||
<el-table-column prop="enterpriseName" label="分包单位" align="center">
|
||
<template slot-scope="scope">{{
|
||
scope.row.enterpriseName || "-"
|
||
}}</template>
|
||
</el-table-column>
|
||
<!-- 报警状态 -->
|
||
<el-table-column
|
||
prop="alarmState"
|
||
:label="$t('message.highModulus.alarmStatus')"
|
||
:formatter="formatAlarmState"
|
||
>
|
||
</el-table-column>
|
||
<!-- 操作 -->
|
||
<el-table-column
|
||
:label="$t('message.highModulus.actions')"
|
||
align="center"
|
||
width="450"
|
||
>
|
||
<template slot-scope="scope">
|
||
<div class="tableBtns">
|
||
<div @click="showDevManage(scope.row)" class="operationText">
|
||
<!-- <img src="@/assets/images/icon-edit.png" width="15px" height="15px"/> -->
|
||
<span>
|
||
<!-- 设备管理 -->
|
||
{{ $t("message.highModulus.devManage") }}
|
||
</span>
|
||
</div>
|
||
<div @click="showRealTime(scope.row)" class="operationText">
|
||
<!-- <img src="@/assets/images/icon-edit.png" width="15px" height="15px"/> -->
|
||
<span>
|
||
<!-- 实时数据 -->
|
||
{{ $t("message.highModulus.realData") }}
|
||
</span>
|
||
</div>
|
||
<div @click="editFn(scope.row)" class="operationText">
|
||
<img
|
||
src="@/assets/images/icon-edit.png"
|
||
width="15px"
|
||
height="15px"
|
||
/>
|
||
<span>{{ $t("message.alarmValueSet.edit") }}</span>
|
||
</div>
|
||
<div @click="deleteFn(scope.row)" class="operationText">
|
||
<img
|
||
src="@/assets/images/icon-delete.png"
|
||
width="15px"
|
||
height="15px"
|
||
/>
|
||
<span>{{ $t("message.alarmValueSet.delete") }}</span>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<el-pagination
|
||
class="pagerBox"
|
||
@size-change="handleSizeChange"
|
||
@current-change="handleCurrentChange"
|
||
:current-page="pageNo"
|
||
:page-sizes="$store.state.PAGESIZRS"
|
||
:page-size="pageSize"
|
||
layout="total, sizes, prev, pager, next"
|
||
:total="Number(pageTotal)"
|
||
background
|
||
></el-pagination>
|
||
</div>
|
||
<!-- '新增':'编辑' -->
|
||
<el-dialog
|
||
:title="
|
||
isAdd ? $t('message.highModulus.add') : $t('message.highModulus.edit')
|
||
"
|
||
:visible.sync="dialogVisible"
|
||
width="667px"
|
||
:modal-append-to-body="false"
|
||
>
|
||
<div class="dialog_content">
|
||
<el-form
|
||
size="medium"
|
||
:model="ruleForm"
|
||
:rules="$t('message.highModulus.rules')"
|
||
ref="ruleForm"
|
||
label-width="100px"
|
||
class="demo-ruleForm"
|
||
>
|
||
<!-- 测量点名称 -->
|
||
<el-form-item
|
||
:label="$t('message.highModulus.pointName')"
|
||
prop="measurePointName"
|
||
>
|
||
<el-input
|
||
v-model="ruleForm.measurePointName"
|
||
:placeholder="$t('message.highModulus.placeholderText')"
|
||
></el-input>
|
||
</el-form-item>
|
||
<!-- 测量点编号 -->
|
||
<el-form-item
|
||
:label="$t('message.highModulus.pointNo')"
|
||
prop="measurePointNumber"
|
||
>
|
||
<el-input
|
||
type="number"
|
||
v-model="ruleForm.measurePointNumber"
|
||
:placeholder="$t('message.highModulus.placeholderText')"
|
||
:disabled="!isAdd"
|
||
></el-input>
|
||
</el-form-item>
|
||
<!-- 采集仪编号 -->
|
||
<el-form-item
|
||
:label="$t('message.highModulus.devNo')"
|
||
prop="acquisitionInstrumentNumber"
|
||
>
|
||
<el-input
|
||
v-model="ruleForm.acquisitionInstrumentNumber"
|
||
:placeholder="$t('message.highModulus.placeholderText')"
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="分包单位" prop="enterpriseIds">
|
||
<el-select
|
||
v-model="ruleForm.enterpriseIds"
|
||
multiple
|
||
filterable
|
||
placeholder="请选择企业"
|
||
>
|
||
<el-option
|
||
:label="item.enterpriseName"
|
||
:value="item.id"
|
||
v-for="(item, index) in enterpriseList"
|
||
:key="index"
|
||
>
|
||
</el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<!-- 预警设置 -->
|
||
<el-form-item
|
||
:label="$t('message.highModulus.warningConfig')"
|
||
prop="test"
|
||
>
|
||
</el-form-item>
|
||
<el-table
|
||
style="min-height: auto"
|
||
:data="ruleForm.thresholdList"
|
||
class="tables"
|
||
>
|
||
<!-- 对象 -->
|
||
<el-table-column
|
||
prop="type"
|
||
:label="$t('message.highModulus.obj')"
|
||
:formatter="formatType"
|
||
>
|
||
</el-table-column>
|
||
<!-- 预警值 -->
|
||
<el-table-column
|
||
prop="warningValue"
|
||
:label="$t('message.highModulus.warningNum')"
|
||
width="180"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-input
|
||
size="medium"
|
||
v-model="scope.row.warningValue"
|
||
onkeyup="value=value.match(/\d+\.?\d{0,2}/)"
|
||
onafterpaste="this.value=this.value.match(/\d+\.?\d{0,2}/)"
|
||
maxlength="9"
|
||
></el-input>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 报警值 -->
|
||
<el-table-column
|
||
prop="alarmValue"
|
||
:label="$t('message.highModulus.alarmNum')"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-input
|
||
onkeyup="value=value.match(/\d+\.?\d{0,2}/)"
|
||
onafterpaste="this.value=this.value.match(/\d+\.?\d{0,2}/)"
|
||
maxlength="9"
|
||
size="medium"
|
||
v-model="scope.row.alarmValue"
|
||
></el-input>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</el-form>
|
||
</div>
|
||
<span slot="footer" class="dialog-footer">
|
||
<!-- 取 消 -->
|
||
<el-button size="medium" @click="dialogVisible = false">{{
|
||
$t("message.highModulus.cancel")
|
||
}}</el-button>
|
||
<!-- 确 定 -->
|
||
<el-button
|
||
size="medium"
|
||
type="primary"
|
||
@click="submitForm('ruleForm')"
|
||
>{{ $t("message.highModulus.confirm") }}</el-button
|
||
>
|
||
</span>
|
||
</el-dialog>
|
||
<!-- 实时数据 -->
|
||
<el-dialog
|
||
:title="
|
||
ruleForm.measurePointName + ' - ' + $t('message.highModulus.realData')
|
||
"
|
||
:visible.sync="dialogRealTime"
|
||
width="1100px"
|
||
:modal-append-to-body="false"
|
||
>
|
||
<div class="dialog_content" style="padding: 0">
|
||
<div class="filterBox">
|
||
<!-- <el-select
|
||
size="medium"
|
||
:placeholder="$t('message.highModulus.realData')"
|
||
v-model="filterForm.alarmState"
|
||
>
|
||
<el-option
|
||
v-for="(item, index) in $t(
|
||
'message.highModulus.placeholderText2'
|
||
)"
|
||
:key="index"
|
||
:value="index + 1"
|
||
:label="item"
|
||
></el-option>
|
||
</el-select> -->
|
||
<el-date-picker
|
||
size="medium"
|
||
v-model="daterange"
|
||
type="daterange"
|
||
:range-separator="$t('message.highModulus.to')"
|
||
:start-placeholder="$t('message.highModulus.startTime')"
|
||
:end-placeholder="$t('message.highModulus.endTime')"
|
||
value-format="yyyy-MM-dd"
|
||
@change="changeDate"
|
||
style="width: 240px; margin: 0 15px"
|
||
>
|
||
</el-date-picker>
|
||
<!-- 查询 -->
|
||
<el-button type="primary" size="medium" @click="loadRealTimeData">{{
|
||
$t("message.highModulus.search")
|
||
}}</el-button>
|
||
<!-- 刷新 -->
|
||
<el-button type="warning" size="medium" @click="refreshRealTimeFn">{{
|
||
$t("message.highModulus.refresh")
|
||
}}</el-button>
|
||
<el-button type="primary" size="medium" @click="realTimeAdd(1)"
|
||
>新增</el-button
|
||
>
|
||
</div>
|
||
<el-table :data="realTimeList" class="tables">
|
||
<!-- 立杆轴力 -->
|
||
<el-table-column align="center" prop="poleAxialForce" label="立杆轴力(N)">
|
||
<template #default="{ row }">
|
||
<el-input
|
||
v-if="row.isRealTimeFlag"
|
||
v-model="row.poleAxialForce"
|
||
placeholder="请输入"
|
||
></el-input>
|
||
<span v-else>{{ row.poleAxialForce }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 水平位移 -->
|
||
<el-table-column align="center" prop="horizontalDisplacement" label="水平位移(mm)">
|
||
<template #default="{ row }">
|
||
<el-input
|
||
v-if="row.isRealTimeFlag"
|
||
v-model="row.horizontalDisplacement"
|
||
placeholder="请输入"
|
||
></el-input>
|
||
<span v-else>{{ row.horizontalDisplacement }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 模板沉降 -->
|
||
<el-table-column align="center" prop="formworkSettlement" label="模板沉降(mm)">
|
||
<template #default="{ row }">
|
||
<el-input
|
||
v-if="row.isRealTimeFlag"
|
||
v-model="row.formworkSettlement"
|
||
placeholder="请输入"
|
||
></el-input>
|
||
<span v-else>{{ row.formworkSettlement }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 立杆倾斜 -->
|
||
<el-table-column align="center" prop="poleTilt" label="立杆倾斜(°)">
|
||
<template #default="{ row }">
|
||
<el-input
|
||
v-if="row.isRealTimeFlag"
|
||
v-model="row.poleTilt"
|
||
placeholder="请输入"
|
||
></el-input>
|
||
<span v-else>{{ row.poleTilt }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 地基沉降 -->
|
||
<el-table-column align="center" prop="foundationSettlement" label="地基沉降(mm)">
|
||
<template #default="{ row }">
|
||
<el-input
|
||
v-if="row.isRealTimeFlag"
|
||
v-model="row.foundationSettlement"
|
||
placeholder="请输入"
|
||
></el-input>
|
||
<span v-else>{{ row.foundationSettlement }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 水平倾斜 -->
|
||
<el-table-column align="center" prop="horizontalTilt" label="水平倾斜(°)">
|
||
<template #default="{ row }">
|
||
<el-input
|
||
v-if="row.isRealTimeFlag"
|
||
v-model="row.horizontalTilt"
|
||
placeholder="请输入"
|
||
></el-input>
|
||
<span v-else>{{ row.horizontalTilt }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 测量时间 -->
|
||
<el-table-column
|
||
prop="collectTime"
|
||
align="center"
|
||
width="200"
|
||
:label="$t('message.highModulus.measureTime')"
|
||
>
|
||
<template #default="{ row }">
|
||
<el-date-picker
|
||
v-if="row.isRealTimeFlag"
|
||
value-format="yyyy-MM-dd hh:mm:ss"
|
||
type="datetime"
|
||
placeholder="测量时间"
|
||
style="width: 100%;"
|
||
v-model="row.collectTime"
|
||
></el-date-picker>
|
||
<span v-else>{{ row.collectTime }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" align="center" width="150">
|
||
<template #default="{ row, $index }">
|
||
<template v-if="row.isRealTimeFlag">
|
||
<el-button @click="rowSubmit(row)" type="text">确认</el-button>
|
||
<el-button @click="rowConcel(row, $index)" style="margin-left: 10px" type="text">取消</el-button>
|
||
</template>
|
||
<template v-else>
|
||
<el-button
|
||
style="border: 0 !important; margin-left: 10px"
|
||
type="text"
|
||
icon="el-icon-edit"
|
||
@click="realTimeAdd(2, row)"
|
||
>编辑</el-button
|
||
>
|
||
<el-button
|
||
style="border: 0 !important; color: #f56c6c; margin-left: 10px"
|
||
type="text"
|
||
icon="el-icon-delete"
|
||
@click="handleDelete(row)"
|
||
>删除</el-button
|
||
>
|
||
</template>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<el-pagination
|
||
class="pagerBox"
|
||
@size-change="handleSizeChange2"
|
||
@current-change="handleCurrentChange2"
|
||
:current-page="filterForm.pageNo"
|
||
:page-sizes="$store.state.PAGESIZRS"
|
||
:page-size="filterForm.pageSize"
|
||
layout="total, sizes, prev, pager, next"
|
||
:total="Number(pageTotal2)"
|
||
background
|
||
></el-pagination>
|
||
</div>
|
||
</el-dialog>
|
||
<!-- 设备管理 -->
|
||
<el-dialog
|
||
:title="
|
||
ruleForm.measurePointName + ' - ' + $t('message.highModulus.devManage')
|
||
"
|
||
:visible.sync="dialogDev"
|
||
width="867px"
|
||
:modal-append-to-body="false"
|
||
>
|
||
<div class="dialog_content">
|
||
<div class="filterBox">
|
||
<!-- 新增设备 -->
|
||
<el-button type="primary" size="medium" @click="addDevFn">{{
|
||
$t("message.highModulus.addDev")
|
||
}}</el-button>
|
||
</div>
|
||
<el-table :data="devList" class="tables">
|
||
<!-- 设备名称 -->
|
||
<el-table-column
|
||
prop="deviceName"
|
||
align="center"
|
||
:label="$t('message.highModulus.devName')"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-input
|
||
size="medium"
|
||
v-if="scope.row.devOpType == 1 || scope.row.devOpType == 2"
|
||
placeholder="请输入"
|
||
v-model="scope.row.deviceName"
|
||
></el-input>
|
||
<span v-else>{{ scope.row.deviceName }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 采集仪编号 -->
|
||
<el-table-column
|
||
prop="deviceSn"
|
||
align="center"
|
||
:label="$t('message.highModulus.devNo')"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-input
|
||
size="medium"
|
||
v-if="scope.row.devOpType == 1 || scope.row.devOpType == 2"
|
||
placeholder="请输入"
|
||
v-model="scope.row.deviceSn"
|
||
@input="handleInput"
|
||
></el-input>
|
||
<span v-else>{{ scope.row.deviceSn }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 传感器类型 -->
|
||
<el-table-column
|
||
prop="deviceType"
|
||
align="center"
|
||
:label="$t('message.highModulus.deviceType')"
|
||
>
|
||
<template slot-scope="scope">
|
||
<el-select
|
||
v-if="scope.row.devOpType == 1 || scope.row.devOpType == 2"
|
||
size="medium"
|
||
placeholder="请选择类型"
|
||
v-model="scope.row.deviceType"
|
||
>
|
||
<el-option
|
||
v-for="(item, index) in $t(
|
||
'message.highModulus.monitorTypeArr'
|
||
)"
|
||
:key="index"
|
||
:value="index + 1"
|
||
:label="item"
|
||
></el-option>
|
||
</el-select>
|
||
<span v-else>{{
|
||
$t("message.highModulus.monitorTypeArr")[
|
||
scope.row.deviceType - 1
|
||
]
|
||
}}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 操作 -->
|
||
<el-table-column
|
||
prop="pressure"
|
||
align="center"
|
||
:label="$t('message.highModulus.actions')"
|
||
>
|
||
<template slot-scope="scope">
|
||
<div
|
||
class="tableBtns"
|
||
v-if="scope.row.devOpType == 1 || scope.row.devOpType == 2"
|
||
>
|
||
<!-- <div class="operationText" @click="saveDevInfo(scope.row)">保存</div> -->
|
||
<!-- 保存 -->
|
||
<el-button
|
||
size="medium"
|
||
type="text"
|
||
@click="saveDevInfo(scope.row)"
|
||
>{{ $t("message.highModulus.save") }}</el-button
|
||
>
|
||
<el-button
|
||
size="medium"
|
||
type="text"
|
||
@click="canselDevInfo(scope.row, scope.$index)"
|
||
>取消</el-button
|
||
>
|
||
</div>
|
||
<div class="tableBtns" v-else>
|
||
<div
|
||
@click="editDevFn(scope.row, scope.$index)"
|
||
class="operationText"
|
||
>
|
||
<img
|
||
src="@/assets/images/icon-edit.png"
|
||
width="15px"
|
||
height="15px"
|
||
/>
|
||
<span>{{ $t("message.alarmValueSet.edit") }}</span>
|
||
</div>
|
||
<div @click="deleteDevFn(scope.row)" class="operationText">
|
||
<img
|
||
src="@/assets/images/icon-delete.png"
|
||
width="15px"
|
||
height="15px"
|
||
/>
|
||
<span>{{ $t("message.alarmValueSet.delete") }}</span>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import {
|
||
highFormworkMeasurePointAddApi,
|
||
highFormworkMeasurePointEditApi,
|
||
highFormworkMeasurePointDeleteApi,
|
||
highFormworkMeasurePointListApi,
|
||
highFormworkMeasurePointDetailApi,
|
||
highFormworkMeasureCurrentDataApi,
|
||
highFormworkMeasureDeviceAddApi,
|
||
highFormworkMeasureDeviceEditApi,
|
||
highFormworkMeasureDeviceDeleteApi,
|
||
highFormworkMeasureDeviceListApi,
|
||
highFormworkMeasureCurrentDataAddApi,
|
||
highFormworkMeasureCurrentDataEditApi,
|
||
highFormworkMeasureCurrentDataDeleteApi,
|
||
} from "@/assets/js/api/highModulus.js";
|
||
import { getEnterpriseInfoListApi } from "@/assets/js/api/specialWork";
|
||
export default {
|
||
data() {
|
||
return {
|
||
enterpriseList: [],
|
||
tableData: [],
|
||
pageTotal: 0,
|
||
pageNo: 1,
|
||
pageSize: 10,
|
||
pageTotal2: 0,
|
||
dialogVisible: false,
|
||
ruleForm: {
|
||
enterpriseIds: [],
|
||
acquisitionInstrumentNumber: "",
|
||
measurePointName: "",
|
||
measurePointNumber: "",
|
||
projectSn: "",
|
||
thresholdList: [
|
||
{
|
||
alarmValue: "",
|
||
type: 1,
|
||
warningValue: "",
|
||
},
|
||
{
|
||
alarmValue: "",
|
||
type: 2,
|
||
warningValue: "",
|
||
},
|
||
{
|
||
alarmValue: "",
|
||
type: 3,
|
||
warningValue: "",
|
||
},
|
||
{
|
||
alarmValue: "",
|
||
type: 4,
|
||
warningValue: "",
|
||
},
|
||
{
|
||
alarmValue: "",
|
||
type: 5,
|
||
warningValue: "",
|
||
},
|
||
],
|
||
},
|
||
rules: {
|
||
measurePointName: [
|
||
{ required: true, message: "必填", trigger: "blur" },
|
||
],
|
||
measurePointNumber: [
|
||
{ required: true, message: "必填", trigger: "blur" },
|
||
],
|
||
acquisitionInstrumentNumber: [
|
||
{ required: true, message: "必填", trigger: "blur" },
|
||
],
|
||
},
|
||
isAdd: true,
|
||
alarmType: [
|
||
"电量（%）",
|
||
"X轴（°）",
|
||
" Y轴（°）",
|
||
"压力（kN）",
|
||
"沉降（mm）",
|
||
],
|
||
dialogRealTime: false,
|
||
realTimeList: [],
|
||
realTimeType: "",
|
||
filterForm: {
|
||
pageNo: 1,
|
||
pageSize: 10,
|
||
startTime: "",
|
||
endTime: "",
|
||
alarmState: 1,
|
||
},
|
||
alarmStateArr: ["正常", "预警", "报警"],
|
||
daterange: [],
|
||
dialogDev: false,
|
||
devList: [],
|
||
devOpType: 1, //1：添加 2：编辑 3：详细
|
||
deviceTypeArr: ["倾角", "压力", "沉降2"],
|
||
cancelList: [], // 取消的数据数组
|
||
};
|
||
},
|
||
mounted() {
|
||
this.getEnterpriseList();
|
||
this.loadData();
|
||
},
|
||
methods: {
|
||
/** 查询企业列表 */
|
||
getEnterpriseList() {
|
||
const params = {
|
||
projectSn: this.$store.state.projectSn,
|
||
enterpriseName: undefined,
|
||
userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
|
||
enterpriseTypeId: undefined,
|
||
};
|
||
getEnterpriseInfoListApi(params).then((res) => {
|
||
console.log("查询企业列表: ", res);
|
||
this.enterpriseList = res.result;
|
||
});
|
||
},
|
||
handleInput() {
|
||
this.devList.forEach((item) => {
|
||
if (item.deviceSn != "") {
|
||
item.deviceSn = item.deviceSn.replace(/[\u4e00-\u9fa5]/g, "");
|
||
}
|
||
});
|
||
},
|
||
changeDate() {
|
||
if (this.daterange) {
|
||
this.filterForm.startTime = this.daterange[0];
|
||
this.filterForm.endTime = this.daterange[1];
|
||
} else {
|
||
this.filterForm.startTime = "";
|
||
this.filterForm.endTime = "";
|
||
}
|
||
},
|
||
formatAlarmState(row) {
|
||
if (row.alarmState == 1) {
|
||
// '正常'
|
||
return this.$t("message.highModulus.normal");
|
||
} else if (row.alarmState == 2) {
|
||
// '预警'
|
||
return this.$t("message.highModulus.warning");
|
||
} else if (row.alarmState == 3) {
|
||
// '报警'
|
||
return this.$t("message.highModulus.alarm");
|
||
}
|
||
},
|
||
loadData() {
|
||
highFormworkMeasurePointListApi({
|
||
projectSn: this.$store.state.projectSn,
|
||
pageNo: this.pageNo,
|
||
pageSize: this.pageSize,
|
||
}).then((res) => {
|
||
this.tableData = res.result.records;
|
||
this.pageTotal = res.result.total;
|
||
});
|
||
},
|
||
formatType(row) {
|
||
return this.$t("message.highModulus.monitorTypeArr")[row.type - 1];
|
||
},
|
||
addFn() {
|
||
this.isAdd = true;
|
||
this.dialogVisible = true;
|
||
this.resetForm();
|
||
},
|
||
submitForm(formName) {
|
||
this.$refs[formName].validate((valid) => {
|
||
if (valid) {
|
||
let params = JSON.parse(JSON.stringify(this.ruleForm));
|
||
params.enterpriseIds = params.enterpriseIds.join(",");
|
||
if (this.isAdd) {
|
||
params.projectSn = this.$store.state.projectSn;
|
||
highFormworkMeasurePointAddApi(params).then((res) => {
|
||
// '添加成功'
|
||
this.$message.success(
|
||
this.$t("message.highModulus.addSuccessMsg")
|
||
);
|
||
this.loadData();
|
||
this.dialogVisible = false;
|
||
});
|
||
} else {
|
||
highFormworkMeasurePointEditApi(params).then((res) => {
|
||
// '编辑成功'
|
||
this.$message.success(
|
||
this.$t("message.highModulus.editSuccessMsg")
|
||
);
|
||
this.loadData();
|
||
this.dialogVisible = false;
|
||
});
|
||
}
|
||
} else {
|
||
console.log("error submit!!");
|
||
return false;
|
||
}
|
||
});
|
||
},
|
||
resetForm() {
|
||
this.$nextTick(() => {
|
||
this.ruleForm = {
|
||
enterpriseIds: [],
|
||
acquisitionInstrumentNumber: "",
|
||
measurePointName: "",
|
||
measurePointNumber: "",
|
||
projectSn: "",
|
||
thresholdList: [
|
||
{
|
||
alarmValue: "",
|
||
type: 1,
|
||
warningValue: "",
|
||
},
|
||
{
|
||
alarmValue: "",
|
||
type: 2,
|
||
warningValue: "",
|
||
},
|
||
{
|
||
alarmValue: "",
|
||
type: 3,
|
||
warningValue: "",
|
||
},
|
||
{
|
||
alarmValue: "",
|
||
type: 4,
|
||
warningValue: "",
|
||
},
|
||
{
|
||
alarmValue: "",
|
||
type: 5,
|
||
warningValue: "",
|
||
},
|
||
],
|
||
};
|
||
});
|
||
},
|
||
handleSizeChange(value) {
|
||
this.pageSize = value;
|
||
this.loadData();
|
||
},
|
||
handleCurrentChange(value) {
|
||
this.pageNo = value;
|
||
this.loadData();
|
||
},
|
||
handleSizeChange2(value) {
|
||
this.filterForm.pageSize = value;
|
||
this.loadRealTimeData();
|
||
},
|
||
handleCurrentChange2(value) {
|
||
this.filterForm.pageNo = value;
|
||
this.loadRealTimeData();
|
||
},
|
||
refreshRealTimeFn() {
|
||
this.filterForm.startTime = "";
|
||
this.filterForm.endTime = "";
|
||
this.daterange = [];
|
||
this.filterForm.alarmState = "";
|
||
this.loadRealTimeData();
|
||
},
|
||
showRealTime(item) {
|
||
this.ruleForm = item;
|
||
this.dialogRealTime = true;
|
||
this.refreshRealTimeFn();
|
||
},
|
||
loadRealTimeData() {
|
||
let json = Object.assign(
|
||
this.filterForm,
|
||
{
|
||
measurePointNumber: this.ruleForm.measurePointNumber,
|
||
acquisitionInstrumentNumber: this.ruleForm.acquisitionInstrumentNumber,
|
||
},
|
||
{ projectSn: this.$store.state.projectSn }
|
||
);
|
||
highFormworkMeasureCurrentDataApi(json).then((res) => {
|
||
this.realTimeList = res.result.records.map((item) => {
|
||
return {
|
||
...item,
|
||
isRealTimeFlag: false,
|
||
};
|
||
});
|
||
this.pageTotal2 = res.result.total;
|
||
});
|
||
},
|
||
rowSubmit(row) {
|
||
const params = {
|
||
...this.ruleForm,
|
||
...row,
|
||
projectSn: this.$store.state.projectSn,
|
||
};
|
||
if (this.realTimeType == 1) {
|
||
delete params.id;
|
||
highFormworkMeasureCurrentDataAddApi(params).then((res) => {
|
||
if (res.success) {
|
||
this.$message.success(res.message);
|
||
this.loadRealTimeData();
|
||
}
|
||
})
|
||
} else if (this.realTimeType == 2) {
|
||
highFormworkMeasureCurrentDataEditApi(params).then((res) => {
|
||
if (res.success) {
|
||
this.$message.success(res.message);
|
||
this.loadRealTimeData();
|
||
}
|
||
})
|
||
}
|
||
},
|
||
rowConcel(row, index){
|
||
console.log(row, index);
|
||
if (this.realTimeType == 1) {
|
||
this.realTimeList.splice(index, 1);
|
||
} else if (this.realTimeType == 2) {
|
||
const find = this.realTimeList.find((item) => item.id == row.id);
|
||
if (find) {
|
||
find.isRealTimeFlag = false;
|
||
}
|
||
}
|
||
},
|
||
realTimeAdd(type, row) {
|
||
this.realTimeType = type;
|
||
if (type == 1) {
|
||
this.realTimeList.unshift({
|
||
poleAxialForce: "",
|
||
horizontalDisplacement: "",
|
||
formworkSettlement: "",
|
||
poleTilt: "",
|
||
foundationSettlement: "",
|
||
horizontalTilt: "",
|
||
collectTime: "",
|
||
isRealTimeFlag: true,
|
||
});
|
||
} else if (type == 2) {
|
||
const find = this.realTimeList.find((item) => item.id == row.id);
|
||
if (find) {
|
||
find.isRealTimeFlag = true;
|
||
}
|
||
}
|
||
},
|
||
handleDelete(row) {
|
||
this.$confirm("删除后操作不可恢复，请谨慎操作！", "警告", {
|
||
confirmButtonText: "确定",
|
||
cancelButtonText: "取消",
|
||
type: "warning",
|
||
})
|
||
.then(() => {
|
||
highFormworkMeasureCurrentDataDeleteApi({ id: row.id }).then((res) => {
|
||
this.loadRealTimeData();
|
||
});
|
||
})
|
||
.catch(() => {});
|
||
},
|
||
editFn(item) {
|
||
highFormworkMeasurePointDetailApi({ id: item.id }).then((res) => {
|
||
this.isAdd = false;
|
||
this.ruleForm = res.result;
|
||
this.ruleForm.enterpriseIds = res.result.enterpriseIds
|
||
? res.result.enterpriseIds.split(",")
|
||
: [];
|
||
this.dialogVisible = true;
|
||
});
|
||
},
|
||
deleteFn(item) {
|
||
// '此操作将永久删除该点位, 是否继续?', '提示'
|
||
this.$confirm(
|
||
this.$t("message.highModulus.hintText"),
|
||
this.$t("message.highModulus.hint"),
|
||
{
|
||
confirmButtonText: this.$t("message.highModulus.confirm"),
|
||
cancelButtonText: this.$t("message.highModulus.cancel"),
|
||
type: "warning",
|
||
}
|
||
)
|
||
.then(() => {
|
||
highFormworkMeasurePointDeleteApi({ id: item.id }).then((res) => {
|
||
// '删除成功!'
|
||
this.$message({
|
||
type: "success",
|
||
message: this.$t("message.highModulus.removeSuccessMsg"),
|
||
});
|
||
this.loadData();
|
||
});
|
||
})
|
||
.catch(() => {
|
||
// '已取消删除'
|
||
this.$message({
|
||
type: "info",
|
||
message: this.$t("message.highModulus.cancelRemove"),
|
||
});
|
||
});
|
||
},
|
||
deleteDevFn(item) {
|
||
// this.$confirm('此操作将永久删除该设备, 是否继续?', '提示', {
|
||
// confirmButtonText: '确定',
|
||
// cancelButtonText: '取消',
|
||
// type: 'warning'
|
||
// }).then(() => {
|
||
highFormworkMeasureDeviceDeleteApi({ id: item.id }).then((res) => {
|
||
// '删除成功!'
|
||
this.$message({
|
||
type: "success",
|
||
message: this.$t("message.highModulus.removeSuccessMsg"),
|
||
});
|
||
this.loadDevList();
|
||
});
|
||
// }).catch(() => {
|
||
// this.$message({
|
||
// type: 'info',
|
||
// message: '已取消删除'
|
||
// });
|
||
// });
|
||
},
|
||
addDevFn() {
|
||
this.dialogDev = true;
|
||
this.devList.push({
|
||
deviceName: "",
|
||
deviceSn: "",
|
||
deviceType: 1,
|
||
measurePointId: this.ruleForm.id,
|
||
projectSn: this.$store.state.projectSn,
|
||
devOpType: 1,
|
||
});
|
||
},
|
||
showDevManage(item) {
|
||
this.ruleForm = item;
|
||
this.dialogDev = true;
|
||
this.loadDevList();
|
||
},
|
||
editDevFn(item, index) {
|
||
console.log(index);
|
||
item.devOpType = 2;
|
||
// this.devList[index].devOpType=2
|
||
this.$set(this.devList, index, item);
|
||
},
|
||
loadDevList() {
|
||
highFormworkMeasureDeviceListApi({
|
||
measurePointId: this.ruleForm.id,
|
||
projectSn: this.$store.state.projectSn,
|
||
}).then((res) => {
|
||
this.devList = res.result;
|
||
});
|
||
},
|
||
saveDevInfo(item) {
|
||
if (item.devOpType == 1) {
|
||
highFormworkMeasureDeviceAddApi(item).then((res) => {
|
||
// '添加成功'
|
||
this.$message.success(this.$t("message.highModulus.addSuccessMsg"));
|
||
this.loadDevList();
|
||
});
|
||
} else if (item.devOpType == 2) {
|
||
highFormworkMeasureDeviceEditApi(item).then((res) => {
|
||
// '编辑成功'
|
||
this.$message.success(this.$t("message.highModulus.editSuccessMsg"));
|
||
this.loadDevList();
|
||
});
|
||
}
|
||
},
|
||
// 取消
|
||
canselDevInfo(val, index) {
|
||
const originalItem = this.devList[index];
|
||
console.log("取消的类型---", originalItem.devOpType);
|
||
if (originalItem.devOpType === 1) {
|
||
// 如果是新增的设备，直接从列表中移除
|
||
this.devList.splice(index, 1);
|
||
} else if (originalItem.devOpType === 2) {
|
||
// 如果是编辑的设备，将原始数据还原到列表中
|
||
this.$set(this.devList, index, originalItem);
|
||
this.dialogDev = true;
|
||
this.loadDevList();
|
||
}
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
<style lang="less" scoped>
|
||
.filterBox {
|
||
margin-bottom: 20px;
|
||
}
|
||
</style>
|