admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

flx:修改设备新增

Browse Source
This commit is contained in:
Rain_ 2025-10-16 09:05:21 +08:00
parent 54e547a18f
commit 81f18f5f3d
2 changed files with 445 additions and 296 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
debug.log
View File

@ -6,3 +6,11 @@
[0929/090447.874:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[0929/090448.024:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[0929/090501.978:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[1014/102708.924:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[1014/102709.538:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[1014/102709.919:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[1014/102717.919:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[1014/102845.212:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[1014/102845.248:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[1014/102846.198:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
[1014/102846.324:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)

733
src/views/projectFront/aiAnalysis/devManage.vue
View File

@ -1,105 +1,194 @@
<template>
<!-- 设备管理 -->
<div class="fullHeight">
<div class="searchBox whiteBlock">
<el-button type="warning" size="medium" plain @click="refresh">{{ $t('message.deviceManage.refresh') }}</el-button>
<el-button v-permission="{ key: 'add', menuPath: '/equipmentCenter/aiAnalysisDevManage' }" type="primary" size="medium" @click="add">{{
$t('message.deviceManage.add')
}}</el-button>
<!-- <span class="downloadBtn primaryText" @click="downloadFn">
<!-- 设备管理 -->
<div class="fullHeight">
<div class="searchBox whiteBlock">
<el-button type="warning" size="medium" plain @click="refresh">{{
$t("message.deviceManage.refresh")
}}</el-button>
<el-button
v-permission="{
key: 'add',
menuPath: '/equipmentCenter/aiAnalysisDevManage',
}"
type="primary"
size="medium"
@click="add"
>{{ $t("message.deviceManage.add") }}</el-button
>
<!-- <span class="downloadBtn primaryText" @click="downloadFn">
{{$t('message.deviceManage.protocolDownload')}}
</span> -->
<div class="aiAlarm">
<span>是否需要项目管理员做AI抓拍初筛</span>
<el-tooltip
effect="light"
class="item"
popper-class="tooltip-width"
content="选择“是”时，AI抓拍的图片首先推送到项目管理员账号，由项目管理员账号做初步筛选(忽略误报的隐患抓拍或选择推送违章信息给相应区域的责任单位责任人进行整改)﹔选择“否”时，AI抓拍的图片跳过项目管理员初步筛选，直接推送给相应区域的责任单位责任进行整改。"
placement="bottom"
>
<i class="el-icon-question"></i>
</el-tooltip>
<el-radio-group @input="onAiInput" v-model="aiAlarmNeedManageApprove">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</div>
</div>
<div class="table_wrap whiteBlock">
<el-table class="tables" :data="List">
<el-table-column prop="hardwareName" align="center" :label="$t('message.deviceManage.devName')"></el-table-column>
<el-table-column prop="hardwareId" :label="$t('message.deviceManage.devSn')" align="center"></el-table-column>
<el-table-column prop="ip" label="设备ip" align="center"></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="deviceState" label="在线状态" align="center">
<template slot-scope="scope">{{ scope.row.deviceState == '1' ? '在线' : '离线' }}</template>
</el-table-column>
<!-- <el-table-column prop="isClosed" :label="$t('message.deviceManage.isClosed')" align="center">
<div class="aiAlarm">
<span>是否需要项目管理员做AI抓拍初筛</span>
<el-tooltip
effect="light"
class="item"
popper-class="tooltip-width"
content="选择“是”时，AI抓拍的图片首先推送到项目管理员账号，由项目管理员账号做初步筛选(忽略误报的隐患抓拍或选择推送违章信息给相应区域的责任单位责任人进行整改)﹔选择“否”时，AI抓拍的图片跳过项目管理员初步筛选，直接推送给相应区域的责任单位责任进行整改。"
placement="bottom"
>
<i class="el-icon-question"></i>
</el-tooltip>
<el-radio-group
@input="onAiInput"
v-model="aiAlarmNeedManageApprove"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</div>
</div>
<div class="table_wrap whiteBlock">
<el-table class="tables" :data="List">
<el-table-column
prop="hardwareName"
align="center"
:label="$t('message.deviceManage.devName')"
></el-table-column>
<el-table-column
prop="hardwareId"
:label="$t('message.deviceManage.devSn')"
align="center"
></el-table-column>
<el-table-column
prop="ip"
label="设备ip"
align="center"
></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="deviceState"
label="在线状态"
align="center"
>
<template slot-scope="scope">{{
scope.row.deviceState == "1" ? "在线" : "离线"
}}</template>
</el-table-column>
<!-- <el-table-column prop="isClosed" :label="$t('message.deviceManage.isClosed')" align="center">
<template slot-scope="scope">{{$t('message.deviceManage.isClosedArr')[scope.row.isClosed-1]}}</template>
</el-table-column>
<el-table-column prop="realTime" :width="$fontSize(200)" :label="$t('message.deviceManage.createTime')"
align="center"></el-table-column> -->
<el-table-column :label="$t('message.deviceManage.operation')" align="center">
<template slot-scope="scope">
<div class="tableBtns">
<!--<div @click="yu(scope.row)" class="operationText"><img src="@/assets/images/yu.png" alt="">{{$t('message.alarmValueSet.yjz')}}
<el-table-column
:label="$t('message.deviceManage.operation')"
align="center"
>
<template slot-scope="scope">
<div class="tableBtns">
<!--<div @click="yu(scope.row)" class="operationText"><img src="@/assets/images/yu.png" alt="">{{$t('message.alarmValueSet.yjz')}}
</div>
<div @click="bao(scope.row)" class="operationText"><img src="@/assets/images/bao.png" alt="">{{$t('message.alarmValueSet.bjz')}}
</div>-->
<div v-permission="{ key: 'edit', menuPath: '/equipmentCenter/aiAnalysisDevManage' }" @click="edit(scope.row)" class="operationText">
<img src="@/assets/images/icon-edit.png" class="w_15 h_15" />
<span>{{ $t('message.deviceManage.edit') }}</span>
</div>
<div
v-permission="{ key: 'delete', menuPath: '/equipmentCenter/aiAnalysisDevManage' }"
@click="deleteDev(scope.row)"
class="operationText"
>
<img src="@/assets/images/icon-delete.png" class="w_15 h_15" />
<span>{{ $t('message.deviceManage.delete') }}</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</div>
<!-- '新增':'编辑'" -->
<el-dialog
@close="close"
:modal-append-to-body="false"
:title="Popup.type === 'add' ? $t('message.deviceManage.add') : $t('message.deviceManage.edit')"
:visible.sync="Popup.show"
class="dialog_w667"
>
<div class="dialog_content">
<el-form
v-if="Popup.type === 'add' || Popup.type === 'edit'"
size="medium"
ref="addEditForm"
:model="addEditForm"
:rules="addEditRules"
:label-width="$px2rem(120)"
class="dialogFormBox"
<div
v-permission="{
key: 'edit',
menuPath:
'/equipmentCenter/aiAnalysisDevManage',
}"
@click="edit(scope.row)"
class="operationText"
>
<img
src="@/assets/images/icon-edit.png"
class="w_15 h_15"
/>
<span>{{
$t("message.deviceManage.edit")
}}</span>
</div>
<div
v-permission="{
key: 'delete',
menuPath:
'/equipmentCenter/aiAnalysisDevManage',
}"
@click="deleteDev(scope.row)"
class="operationText"
>
<img
src="@/assets/images/icon-delete.png"
class="w_15 h_15"
/>
<span>{{
$t("message.deviceManage.delete")
}}</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</div>
<!-- '新增':'编辑'" -->
<el-dialog
@close="close"
:modal-append-to-body="false"
:title="
Popup.type === 'add'
? $t('message.deviceManage.add')
: $t('message.deviceManage.edit')
"
:visible.sync="Popup.show"
class="dialog_w667"
>
<el-form-item :label="$t('message.deviceManage.devName')" prop="hardwareName">
<el-input v-model="addEditForm.hardwareName" :placeholder="$t('message.deviceManage.placeholder')"></el-input>
</el-form-item>
<el-form-item :label="$t('message.deviceManage.devSn')" prop="hardwareId">
<el-input
v-model="addEditForm.hardwareId"
:disabled="Popup.type === 'edit'"
:placeholder="$t('message.deviceManage.placeholder')"
></el-input>
</el-form-item>
<el-form-item label="分包单位" prop="enterpriseIds">
<el-select v-model="addEditForm.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="'锁厂家'">
<div class="dialog_content">
<el-form
v-if="Popup.type === 'add' || Popup.type === 'edit'"
size="medium"
ref="addEditForm"
:model="addEditForm"
:rules="addEditRules"
:label-width="$px2rem(120)"
class="dialogFormBox"
>
<el-form-item
:label="$t('message.deviceManage.devName')"
prop="hardwareName"
>
<el-input
v-model="addEditForm.hardwareName"
:placeholder="
$t('message.deviceManage.placeholder')
"
></el-input>
</el-form-item>
<el-form-item
:label="$t('message.deviceManage.devSn')"
prop="hardwareId"
>
<el-input
v-model="addEditForm.hardwareId"
:disabled="Popup.type === 'edit'"
:placeholder="
$t('message.deviceManage.placeholder')
"
></el-input>
</el-form-item>
<el-form-item label="分包单位" prop="enterpriseIds">
<el-select
v-model="addEditForm.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="'锁厂家'">
<el-input value="深圳施泰信息技术有限公司" disabled ></el-input>
</el-form-item>
<el-form-item :label="'锁编号'">
@ -117,245 +206,297 @@
</el-option>
</el-select>
</el-form-item> -->
<div class="dialog-footer">
<el-button class="cancleBtn" @click="Popup.show = false" icon="el-icon-circle-close" size="medium"
>{{ $t('message.deviceManage.cancel') }}
</el-button>
<el-button type="primary" icon="el-icon-circle-check" @click="submit" size="medium">{{ $t('message.deviceManage.save') }} </el-button>
</div>
</el-form>
</div>
</el-dialog>
</div>
<div class="dialog-footer">
<el-button
class="cancleBtn"
@click="Popup.show = false"
icon="el-icon-circle-close"
size="medium"
>{{ $t("message.deviceManage.cancel") }}
</el-button>
<el-button
type="primary"
icon="el-icon-circle-check"
@click="submit"
size="medium"
>{{ $t("message.deviceManage.save") }}
</el-button>
</div>
</el-form>
</div>
</el-dialog>
</div>
</template>
<script>
import {
aiAnalyseHardWareRecordAdd,
aiAnalyseHardWareRecordEdit,
aiAnalyseHardWareRecordDelete,
aiAnalyseHardWareRecordList,
aiProjectUpdateBySn,
aiProjectGetBySn
} from '@/assets/js/api/equipmentCenter/electricBox';
import { getEnterpriseInfoListApi } from '@/assets/js/api/specialWork';
import { getProjectChilderSystemUserListApi } from '@/assets/js/api/configManage';
aiAnalyseHardWareRecordAdd,
aiAnalyseHardWareRecordEdit,
aiAnalyseHardWareRecordDelete,
aiAnalyseHardWareRecordList,
aiProjectUpdateBySn,
aiProjectGetBySn,
} from "@/assets/js/api/equipmentCenter/electricBox";
import { getEnterpriseInfoListApi } from "@/assets/js/api/specialWork";
import { getProjectChilderSystemUserListApi } from "@/assets/js/api/configManage";
export default {
mounted() {
this.getEnterpriseList();
this.getList();
this.getLaborManagementList();
},
data() {
return {
enterpriseList: [],
props: {
multiple: true
},
addEditRules: {
hardwareName: [
{ required: true, message: this.$t('message.deviceManage.rules.devName'), trigger: 'blur' },
{ required: true, message: this.$t('message.deviceManage.rules.devName'), trigger: 'change' }
],
hardwareId: [
{ required: true, message: this.$t('message.deviceManage.message1'), trigger: 'blur' } // 请输入设备编号
]
},
options: [
/*{realName: "曾祥万", value: 1},
mounted() {
this.getEnterpriseList();
this.getList();
this.getLaborManagementList();
},
data() {
return {
enterpriseList: [],
props: {
multiple: true,
},
addEditRules: {
hardwareName: [
{
required: true,
message: this.$t("message.deviceManage.rules.devName"),
trigger: "blur",
},
{
required: true,
message: this.$t("message.deviceManage.rules.devName"),
trigger: "change",
},
],
hardwareId: [
{
required: true,
message: this.$t("message.deviceManage.message1"),
trigger: "blur",
}, // 请输入设备编号
],
},
options: [
/*{realName: "曾祥万", value: 1},
{realName: "李先生", value: 2},*/
],
addEditForm: {
enterpriseIds: []
},
List: [
/*{
],
addEditForm: {
enterpriseIds: [],
},
List: [
/*{
deviceId: "124578",
deviceName: "扬尘监测1",
isClosed: 2,
address: "22",
createTime: "2019-05-05 16:55:46",
}*/
],
aiAlarmNeedManageApprove: 0,
Popup: {
type: 'add',
show: false
}
};
},
created() {
this.aiProjectGetBySnInfo();
},
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;
});
],
aiAlarmNeedManageApprove: 0,
Popup: {
type: "add",
show: false,
},
};
},
downloadFn() {
// AI识别对接协议
window.open('/doc/' + this.$t('message.deviceManage.aiAgreement') + '.docx');
created() {
this.aiProjectGetBySnInfo();
},
handle(type, show) {
//打开弹窗前的统一处理
this.Popup = {
type: type,
show: show
};
},
Change() {},
add() {
this.handle('add', true);
},
edit(obj) {
console.log('编辑', obj);
this.addEditForm = JSON.parse(JSON.stringify(obj));
if (typeof obj.alarmPushWorkerId === 'string' && obj.alarmPushWorkerId != '') {
this.addEditForm.alarmPushWorkerId = obj.alarmPushWorkerId.split(',').map(Number);
}
this.addEditForm.enterpriseIds = obj.enterpriseIds ? obj.enterpriseIds.split(',') : [];
this.handle('edit', true);
},
deleteDev(obj) {
console.log('删除', obj);
this.$confirm(
this.$t('message.personnelPosition.beaconManage.table.confirmText') + '【' + obj.hardwareName + '】?',
this.$t('message.personnelPosition.beaconManage.table.Tips'),
{
confirmButtonText: this.$t('message.personnelPosition.confirmButtonText'),
cancelButtonText: this.$t('message.personnelPosition.cancelButtonText'),
type: 'warning'
}
)
.then(() => {
aiAnalyseHardWareRecordDelete({ id: obj.id }).then(result => {
if (result.success) {
this.$message.success(result.message);
this.getList();
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;
});
},
downloadFn() {
// AI识别对接协议
window.open(
"/doc/" + this.$t("message.deviceManage.aiAgreement") + ".docx"
);
},
handle(type, show) {
//打开弹窗前的统一处理
this.Popup = {
type: type,
show: show,
};
},
Change() {},
add() {
this.addEditForm.enterpriseIds = [];
this.handle("add", true);
},
edit(obj) {
console.log("编辑", obj);
this.addEditForm = JSON.parse(JSON.stringify(obj));
if (
typeof obj.alarmPushWorkerId === "string" &&
obj.alarmPushWorkerId != ""
) {
this.addEditForm.alarmPushWorkerId = obj.alarmPushWorkerId
.split(",")
.map(Number);
}
});
})
.catch(() => {});
},
submit() {
let params = JSON.parse(JSON.stringify(this.addEditForm));
if (this.addEditForm.alarmPushWorkerId) {
params.alarmPushWorkerId = this.addEditForm.alarmPushWorkerId.join(',');
}
params.enterpriseIds = params.enterpriseIds.join(',');
this.addEditForm.enterpriseIds = obj.enterpriseIds
? obj.enterpriseIds.split(",")
: [];
this.handle("edit", true);
},
deleteDev(obj) {
console.log("删除", obj);
this.$confirm(
this.$t(
"message.personnelPosition.beaconManage.table.confirmText"
) +
"【" +
obj.hardwareName +
"】?",
this.$t("message.personnelPosition.beaconManage.table.Tips"),
{
confirmButtonText: this.$t(
"message.personnelPosition.confirmButtonText"
),
cancelButtonText: this.$t(
"message.personnelPosition.cancelButtonText"
),
type: "warning",
}
)
.then(() => {
aiAnalyseHardWareRecordDelete({ id: obj.id }).then(
(result) => {
if (result.success) {
this.$message.success(result.message);
this.getList();
}
}
);
})
.catch(() => {});
},
submit() {
let params = JSON.parse(JSON.stringify(this.addEditForm));
if (this.addEditForm.alarmPushWorkerId) {
params.alarmPushWorkerId =
this.addEditForm.alarmPushWorkerId.join(",");
}
params.enterpriseIds = params.enterpriseIds.join(",");
params.projectSn = this.$store.state.projectSn;
// params.lockFactory=1
this.$refs.addEditForm.validate(valid => {
if (valid) {
if (this.Popup.type === 'add') {
aiAnalyseHardWareRecordAdd(params).then(result => {
if (result.success) {
this.$message.success(result.message);
this.getList();
}
params.projectSn = this.$store.state.projectSn;
// params.lockFactory=1
this.$refs.addEditForm.validate((valid) => {
if (valid) {
if (this.Popup.type === "add") {
aiAnalyseHardWareRecordAdd(params).then((result) => {
if (result.success) {
this.$message.success(result.message);
this.getList();
}
});
} else if (this.Popup.type === "edit") {
console.log("编辑信息", this.addEditForm);
aiAnalyseHardWareRecordEdit(params).then((result) => {
if (result.success) {
this.$message.success(result.message);
this.getList();
}
});
}
this.Popup.show = false;
} else {
return false;
}
});
} else if (this.Popup.type === 'edit') {
console.log('编辑信息', this.addEditForm);
aiAnalyseHardWareRecordEdit(params).then(result => {
if (result.success) {
this.$message.success(result.message);
this.getList();
}
},
refresh() {
this.getList();
},
aiProjectGetBySnInfo() {
aiProjectGetBySn({ projectSn: this.$store.state.projectSn }).then(
(result) => {
if (result.success) {
console.log("项目信息", result.result);
this.aiAlarmNeedManageApprove = result.result
.aiAlarmNeedManageApprove
? result.result.aiAlarmNeedManageApprove
: 0;
}
}
);
},
onAiInput() {
console.log("111111");
aiProjectUpdateBySn({
projectSn: this.$store.state.projectSn,
aiAlarmNeedManageApprove: this.aiAlarmNeedManageApprove,
}).then((result) => {
if (result.success) {
this.$message.success("修改成功!");
this.getList();
}
});
}
this.Popup.show = false;
} else {
return false;
}
});
},
getList() {
aiAnalyseHardWareRecordList({
projectSn: this.$store.state.projectSn,
iAlarmNeedManageApprove: this.aiAlarmNeedManageApprove,
}).then((result) => {
if (result.success) {
this.List = result.result;
console.log("列表", result);
}
});
},
getLaborManagementList() {
getProjectChilderSystemUserListApi({
projectSn: this.$store.state.projectSn,
workerName: "",
}).then((result) => {
if (result.success) {
console.log("施工人员", result);
this.options = result.result;
}
});
},
close() {
this.$refs.addEditForm.clearValidate();
this.addEditForm = {};
},
},
refresh() {
this.getList();
},
aiProjectGetBySnInfo() {
aiProjectGetBySn({ projectSn: this.$store.state.projectSn }).then(result => {
if (result.success) {
console.log('项目信息', result.result);
this.aiAlarmNeedManageApprove = result.result.aiAlarmNeedManageApprove ? result.result.aiAlarmNeedManageApprove : 0;
}
});
},
onAiInput() {
console.log('111111');
aiProjectUpdateBySn({
projectSn: this.$store.state.projectSn,
aiAlarmNeedManageApprove: this.aiAlarmNeedManageApprove
}).then(result => {
if (result.success) {
this.$message.success('修改成功!');
this.getList();
}
});
},
getList() {
aiAnalyseHardWareRecordList({
projectSn: this.$store.state.projectSn,
iAlarmNeedManageApprove: this.aiAlarmNeedManageApprove
}).then(result => {
if (result.success) {
this.List = result.result;
console.log('列表', result);
}
});
},
getLaborManagementList() {
getProjectChilderSystemUserListApi({ projectSn: this.$store.state.projectSn, workerName: '' }).then(result => {
if (result.success) {
console.log('施工人员', result);
this.options = result.result;
}
});
},
close() {
this.$refs.addEditForm.clearValidate();
this.addEditForm = {};
}
}
};
</script>
<style lang="less">
.tooltip-width {
max-width: 300px;
max-width: 300px;
}
.aiAlarm {
margin-left: 20px;
font-size: 16px;
margin-left: 20px;
font-size: 16px;
.el-radio-group {
margin-left: 10px;
}
.el-radio-group {
margin-left: 10px;
}
}
.tableBtns {
display: flex;
justify-content: center;
display: flex;
justify-content: center;
}
.yj-dialogFormBox {
width: 462px;
width: 462px;
}
.searchBox {
position: relative;
position: relative;
}
.downloadBtn {
position: absolute;
right: 20px;
top: 30px;
text-decoration: underline;
cursor: pointer;
position: absolute;
right: 20px;
top: 30px;
text-decoration: underline;
cursor: pointer;
}
</style>