Compare commits

...

3 Commits
master ... dev

Author SHA1 Message Date
  wangxingyuan afffff7b69 监测设备主系统接口添加 5 months ago
  wangxingyuan cf46ea8f34 引号 5 months ago
  wangxingyuan 297d65781f 监测设备汉化 5 months ago
2 changed files with 137 additions and 174 deletions
Split View
  1. +8
    -0
      src/api/equipment/equipment.js
  2. +129
    -174
      src/views/equipment/equipment.vue

+ 8
- 0
src/api/equipment/equipment.js View File

@ -67,4 +67,12 @@ export function edit(query) {
method: 'post',
data: query
})
}
// 主系统
export function mainsystemList(query) {
return request({
url: '/basedata/bdconfig/mainsystem/list',
method: 'get',
params: { pageNum: 1, pageSize: 10000 }
})
}

+ 129
- 174
src/views/equipment/equipment.vue View File

@ -1,11 +1,8 @@
<template>
<div class="app-container">
<el-form :inline="true" :model="queryParams" class="demo-form-inline">
<el-form-item :label="$t('equipment.DeviceType')">
<el-select
v-model="queryParams.type"
:placeholder="$t('share.PleaseChoose') + $t('equipment.DeviceType')"
>
<el-form-item label="设备类型">
<el-select v-model="queryParams.type" placeholder="请选择设备类型">
<el-option
v-for="dict in deviceTypeOptions"
:key="dict.dictValue"
@ -16,24 +13,24 @@
<!-- <treeselect v-model="queryParams.region" :options="enabledDeptOptions" :show-count="true" placeholder="请选择归属部门" /> -->
</el-form-item>
<el-form-item :label="$t('equipment.EquipmentName')">
<el-form-item label="设备名称">
<el-input
v-model="queryParams.patroldeviceName"
:placeholder="$t('share.PleaseEnter') + $t('equipment.EquipmentName')"
placeholder="请输入设备名称"
></el-input>
</el-form-item>
<el-form-item :label="$t('equipment.EquipmentCode')">
<el-form-item label="设备编码">
<el-input
v-model="queryParams.patroldeviceCode"
:placeholder="$t('share.PleaseEnter') + $t('equipment.EquipmentCode')"
placeholder="请输入设备编码"
></el-input>
</el-form-item>
<el-form-item :label="$t('equipment.Manufacturer')">
<el-form-item label="生产厂家">
<el-input
v-model="queryParams.manufacturer"
:placeholder="$t('share.PleaseEnter') + $t('equipment.Manufacturer')"
placeholder="请输入生产厂家"
></el-input>
</el-form-item>
<el-form-item>
@ -42,11 +39,11 @@
icon="el-icon-search"
size="mini"
@click="handleQuery"
>{{ $t("share.search") }}</el-button
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{
$t("share.reset")
}}</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
@ -57,7 +54,7 @@
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>{{ $t("share.new") }}</el-button
>新增</el-button
>
</el-col>
<el-col :span="1.5">
@ -68,7 +65,7 @@
size="mini"
:disabled="single"
@click="handleEdit(null, 0)"
>{{ $t("share.edit") }}</el-button
>编辑</el-button
>
</el-col>
<el-col :span="1.5">
@ -79,13 +76,11 @@
size="mini"
:disabled="multiple"
@click="handleDeleteAll"
>{{ $t("share.delete") }}</el-button
>删除</el-button
>
</el-col>
<el-col :span="1.5">
<el-button plain icon="el-icon-upload2" size="mini">{{
$t("share.import")
}}</el-button>
<el-button plain icon="el-icon-upload2" size="mini">导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -94,7 +89,7 @@
icon="el-icon-download"
size="mini"
@click="handleExport"
>{{ $t("share.export") }}</el-button
>导出</el-button
>
</el-col>
<el-col :span="1.5">
@ -104,7 +99,7 @@
icon="el-icon-upload"
size="mini"
:disabled="uploadBtn"
>{{ $t("equipment.ModelSynchronization") }}</el-button
>模型同步</el-button
>
</el-col>
</el-row>
@ -122,7 +117,7 @@
<el-table-column
prop="patroldeviceName"
min-width="130px"
:label="$t('equipment.EquipmentName')"
label="设备名称"
align="center"
fixed="left"
>
@ -130,7 +125,7 @@
<el-table-column
prop="patroldeviceCode"
min-width="130px"
:label="$t('equipment.EquipmentCode')"
label="设备编码"
align="center"
fixed="left"
>
@ -138,7 +133,7 @@
<el-table-column
prop="videoNvrCode"
min-width="150px"
:label="$t('equipment.VideoNVREncoding')"
label="视频NVR编码"
align="center"
fixed="left"
>
@ -146,7 +141,7 @@
<el-table-column
prop="manufacturer"
min-width="110px"
:label="$t('equipment.Manufacturer')"
label="生产厂家"
align="center"
fixed="left"
>
@ -154,7 +149,7 @@
<el-table-column
prop="mainSystemCode"
min-width="150px"
:label="$t('equipment.MainSystemNumber')"
label="主系统编号"
align="center"
fixed="left"
>
@ -163,7 +158,7 @@
<el-table-column
prop="address"
min-width="140px"
:label="$t('equipment.SubstationName')"
label="变电站名称"
align="center"
>
</el-table-column>
@ -171,7 +166,7 @@
<el-table-column
prop="address"
min-width="140px"
:label="$t('equipment.SubstationCode')"
label="变电站编码"
align="center"
>
</el-table-column>
@ -179,14 +174,14 @@
<el-table-column
prop="areaName"
min-width="140px"
:label="$t('equipment.areaName')"
label="区域名称"
align="center"
>
</el-table-column>
<el-table-column
prop="type"
min-width="110px"
:label="$t('equipment.DeviceType')"
label="设备类型"
align="center"
>
<template slot-scope="scope">
@ -196,56 +191,56 @@
<el-table-column
prop="deviceModel"
min-width="130px"
:label="$t('equipment.EquipmentModel')"
label="设备型号"
align="center"
>
</el-table-column>
<el-table-column
prop="useUnit"
min-width="110px"
:label="$t('equipment.UnitOfUse')"
label="使用单位"
align="center"
>
</el-table-column>
<el-table-column
prop="deviceSource"
min-width="140px"
:label="$t('equipment.EquipmentSource')"
label="设备来源"
align="center"
>
</el-table-column>
<el-table-column
prop="productionDate"
min-width="150px"
:label="$t('equipment.dateOfManufacture')"
label="生产日期"
align="center"
>
</el-table-column>
<el-table-column
prop="productionCode"
min-width="130px"
:label="$t('equipment.factoryNumber')"
label="出厂编号"
align="center"
>
</el-table-column>
<el-table-column
prop="istransport"
min-width="150px"
:label="$t('equipment.IsItARotatingWheel')"
label="是否轮转"
align="center"
>
</el-table-column>
<el-table-column
prop="useMode"
min-width="100px"
:label="$t('equipment.UseType')"
label="使用类型"
align="center"
>
</el-table-column>
<el-table-column
prop="videoMode"
min-width="100px"
:label="$t('equipment.VideoType')"
label="视频类型"
align="center"
>
</el-table-column>
@ -253,88 +248,91 @@
<el-table-column
prop="place"
min-width="150px"
:label="$t('equipment.InstallationPosition')"
label="安装位置"
align="center"
>
</el-table-column>
<el-table-column
prop="positionX"
min-width="180px"
:label="$t('equipment.RelativeSpatialPosition') + ' x'"
label="相对空间位置X"
align="center"
>
</el-table-column>
<el-table-column
prop="positionY"
min-width="180px"
:label="$t('equipment.RelativeSpatialPosition') + ' y'"
label="相对空间位置Y"
align="center"
>
</el-table-column>
<el-table-column
prop="positionZ"
min-width="180px"
:label="$t('equipment.RelativeSpatialPosition') + ' z'"
label="相对空间位置Z"
align="center"
>
</el-table-column>
<el-table-column
prop="robotsCode"
min-width="130px"
:label="$t('equipment.BelongingRobot')"
label="所属机器人"
align="center"
>
</el-table-column>
<el-table-column
prop="ipAddr"
min-width="100px"
:label="$t('equipment.ipAddress')"
label="IP地址"
align="center"
>
</el-table-column>
<el-table-column
prop="port"
min-width="100px"
:label="$t('equipment.port')"
label="端口"
align="center"
>
</el-table-column>
<el-table-column prop="user" :label="$t('equipment.user')" align="center">
<el-table-column prop="user" label="用户" align="center">
</el-table-column>
<el-table-column
prop="password"
min-width="100px"
:label="$t('equipment.password')"
label="密码"
align="center"
>
</el-table-column>
<el-table-column
:label="$t('share.operate')"
align="center"
fixed="right"
width="200px"
>
<el-table-column label="操作" align="center" fixed="right" width="200px">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleEdit(scope.row.eqpbookId, 1)"
>{{ $t("share.edit") }}</el-button
>编辑</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row.eqpbookId)"
>{{ $t("share.delete") }}</el-button
>删除</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-s-promotion"
@click="goToAboutPage(scope.row.eqpbookId)"
>通道</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-upload"
@click="uploadImg"
>上传图片</el-button
>
<el-button size="mini" type="text" icon="el-icon-s-promotion" @click="goToAboutPage(scope.row.eqpbookId)">{{
$t("equipment.thoroughfare")
}}</el-button>
<el-button size="mini" type="text" icon="el-icon-upload" @click="uploadImg">{{
$t("equipment.uploadPictures")
}}</el-button>
</template>
</el-table-column>
</el-table>
@ -355,24 +353,20 @@
<el-form :model="dialogForm" label-width="190px">
<el-row :gutter="10">
<el-col span="8">
<el-form-item :label="$t('equipment.areaName')">
<el-form-item label="区域名称">
<treeselect
v-model="dialogForm.areaName"
:options="areaNameOptions"
:show-count="true"
:placeholder="
$t('share.PleaseChoose') + $t('equipment.areaName')
"
placeholder="请选择区域名称"
/>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.DeviceType')">
<el-form-item label="设备类型">
<el-select
v-model="dialogForm.type"
:placeholder="
$t('share.PleaseChoose') + $t('equipment.DeviceType')
"
placeholder="请输入设备类型"
style="display: block; width: 100%"
>
<el-option
@ -385,44 +379,36 @@
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.EquipmentName')">
<el-form-item label="设备名称">
<el-input
v-model="dialogForm.patroldeviceName"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.EquipmentName')
"
placeholder="请输入设备名称"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col span="8">
<el-form-item :label="$t('equipment.EquipmentCode')">
<el-form-item label="设备编码">
<el-input
v-model="dialogForm.patroldeviceCode"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.EquipmentCode')
"
placeholder="请输入设备编码"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.EquipmentModel')">
<el-form-item label="设备型号">
<el-input
v-model="dialogForm.deviceModel"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.EquipmentModel')
"
placeholder="请输入设备型号"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.Manufacturer')">
<el-form-item label="生产厂家">
<el-input
v-model="dialogForm.manufacturer"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.Manufacturer')
"
placeholder="请输入生产厂家"
></el-input>
</el-form-item>
</el-col>
@ -430,38 +416,35 @@
<el-row :gutter="10">
<el-col span="8">
<el-form-item
:label="$t('equipment.mainSystem')"
class="mainSystem"
>
<el-form-item label="主系统" class="mainSystem">
<el-select
v-model="dialogForm.mainSystemCode"
:placeholder="
$t('share.PleaseChoose') + $t('equipment.mainSystem')
"
placeholder="请选择主系统"
style="display: block; width: 100%"
>
<el-option
:label="item.mainSystemName || item.mainSystemCode"
:value="item.mainSystemCode"
v-for="item in mainSystemData"
:key="item.mainSystemId"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.UnitOfUse')">
<el-form-item label="使用单位">
<el-input
v-model="dialogForm.useUnit"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.UnitOfUse')
"
placeholder="请输入使用单位"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.EquipmentSource')">
<el-form-item label="设备来源">
<el-input
v-model="dialogForm.deviceSource"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.EquipmentSource')
"
placeholder="请输入设备来源"
></el-input>
</el-form-item>
</el-col>
@ -469,32 +452,26 @@
<el-row :gutter="10">
<el-col span="8">
<el-form-item :label="$t('equipment.dateOfManufacture')">
<el-form-item label="生产日期">
<el-input
v-model="dialogForm.productionDate"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.dateOfManufacture')
"
placeholder="请输入生产日期"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.factoryNumber')">
<el-form-item label="出厂编号">
<el-input
v-model="dialogForm.productionCode"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.factoryNumber')
"
placeholder="请输入出厂编号"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.IsItARotatingWheel')">
<el-form-item label="是否转轮">
<el-select
v-model="dialogForm.istransport"
:placeholder="
$t('share.PleaseChoose') + $t('equipment.IsItARotatingWheel')
"
placeholder="请选择是否转轮"
style="display: block; width: 100%"
>
<el-option label="是" value="1"></el-option>
@ -506,12 +483,10 @@
<el-row :gutter="10">
<el-col span="8">
<el-form-item :label="$t('equipment.UseType')">
<el-form-item label="使用类型">
<el-select
v-model="dialogForm.useMode"
:placeholder="
$t('share.PleaseChoose') + $t('equipment.UseType')
"
placeholder="请选择使用类型"
style="display: block; width: 100%"
>
<el-option
@ -524,12 +499,10 @@
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.VideoType')">
<el-form-item label="视频类型">
<el-select
v-model="dialogForm.videoMode"
:placeholder="
$t('share.PleaseChoose') + $t('equipment.VideoType')
"
placeholder="请选择视频类型"
style="display: block; width: 100%"
>
<el-option
@ -543,12 +516,10 @@
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.InstallationPosition')">
<el-form-item label="安装位置">
<el-input
v-model="dialogForm.place"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.InstallationPosition')
"
placeholder="请输入安装位置"
></el-input>
</el-form-item>
</el-col>
@ -556,40 +527,26 @@
<el-row :gutter="10">
<el-col span="8">
<el-form-item :label="$t('equipment.BelongingRobot')">
<el-form-item label="所属机器人">
<el-input
v-model="dialogForm.robotsCode"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.BelongingRobot')
"
placeholder="请输入所属机器人"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item
:label="$t('equipment.RelativeSpatialPosition') + 'x'"
>
<el-form-item label="相对空间位置x">
<el-input
v-model="dialogForm.positionX"
:placeholder="
$t('share.PleaseEnter') +
$t('equipment.RelativeSpatialPosition') +
'x'
"
placeholder="请输入相对空间位置x"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item
:label="$t('equipment.RelativeSpatialPosition') + 'y'"
>
<el-form-item label="相对空间位置y">
<el-input
v-model="dialogForm.positionY"
:placeholder="
$t('share.PleaseEnter') +
$t('equipment.RelativeSpatialPosition') +
'y'
"
placeholder="请输入相对空间位置y"
></el-input>
</el-form-item>
</el-col>
@ -597,34 +554,26 @@
<el-row :gutter="10">
<el-col span="8">
<el-form-item
:label="$t('equipment.RelativeSpatialPosition') + 'z'"
>
<el-form-item label="相对空间位置z">
<el-input
v-model="dialogForm.positionZ"
:placeholder="
$t('share.PleaseEnter') +
$t('equipment.RelativeSpatialPosition') +
'z'
"
placeholder="请输入相对空间位置z"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.ipAddress')">
<el-form-item label="ip地址">
<el-input
v-model="dialogForm.ipAddr"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.ipAddress')
"
placeholder="请输入ip地址"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.port')">
<el-form-item label="端口">
<el-input
v-model="dialogForm.port"
:placeholder="$t('share.PleaseEnter') + $t('equipment.port')"
placeholder="请输入端口"
></el-input>
</el-form-item>
</el-col>
@ -632,30 +581,26 @@
<el-row :gutter="10">
<el-col span="8">
<el-form-item :label="$t('equipment.user')">
<el-form-item label="用户">
<el-input
v-model="dialogForm.user"
:placeholder="$t('share.PleaseEnter') + $t('equipment.user')"
placeholder="请输入用户名称"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.password')">
<el-form-item label="密码">
<el-input
v-model="dialogForm.password"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.password')
"
placeholder="请输入密码"
></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item :label="$t('equipment.VideoNVREncoding')">
<el-form-item label="视频NVR编码">
<el-input
v-model="dialogForm.videoNvrCode"
:placeholder="
$t('share.PleaseEnter') + $t('equipment.VideoNVREncoding')
"
placeholder="请输入视频NVR编码"
></el-input>
</el-form-item>
</el-col>
@ -680,6 +625,7 @@ import {
video_mode,
eqpbook,
edit,
mainsystemList,
} from "@/api/equipment/equipment";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
@ -711,6 +657,7 @@ export default {
useModeData: [],
videoModeData: [],
type: 0,
mainSystemData: [],
};
},
mounted() {
@ -731,6 +678,7 @@ export default {
this.videoModeData = res.data;
}
});
this.getMainsystemList()
},
methods: {
init() {
@ -745,6 +693,13 @@ export default {
}
});
},
getMainsystemList() {
mainsystemList().then((res) => {
if (res.code == 200) {
this.mainSystemData = res.rows;
}
});
},
getDeviceTypeInit() {
getDeviceType().then((res) => {
if (res.code == 200) {
@ -858,7 +813,7 @@ export default {
//
onSubmit() {
if (this.type == 0) {
console.log(type,1111111)
console.log(type, 1111111);
//
eqpbook(this.dialogForm).then((res) => {
if (res.code == 200) {
@ -886,11 +841,11 @@ export default {
},
//
handleExport() {},
goToAboutPage(id){
this.$router.push('/basedata/eqpbook/channel')
goToAboutPage(id) {
this.$router.push("/basedata/eqpbook/channel");
},
//
uploadImg(){}
uploadImg() {},
},
};
</script>


Loading…
Cancel
Save