yunxi
/
SC-MOM
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2

Browse Source
product
tengxi 2 years ago
parent 5a9f59d172
commit fadb9543bc
1 changed files with 257 additions and 238 deletions
Show Stats Download Patch File Download Diff File

211
SC-web/src/views/scm/basicInformation/monitormanage/Form.vue
Unescape View File

@ -1,115 +1,131 @@
<template> <template>
<el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'" <el-dialog :title="!dataForm.id ? '新建' : isDetail ? '详情':'编辑'"
:close-on-click-modal="false" append-to-body :close-on-click-modal="false" append-to-body
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll :visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
width="800px"> width="800px">
<el-row :gutter="15" class=""> <el-row :gutter="15" class="">
<el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px" label-position="right" > <el-form ref="elForm" :model="dataForm" :rules="rules" size="small" label-width="100px" label-position="right">
<template v-if="!loading"> <template v-if="!loading">
<el-col :span="24" > <el-col :span="24">
<el-form-item label="设备名称" <el-form-item label="设备名称"
prop="mName" > prop="mName">
<el-input v-model="dataForm.mName" <el-input v-model="dataForm.mName"
placeholder="请输入设备名称" clearable :style='{"width":"100%"}'> placeholder="请输入设备名称" clearable :style='{"width":"100%"}'>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" >
<el-col :span="24">
<el-form-item label="设备序列号"
prop="mName">
<el-input v-model="dataForm.serialnumber"
placeholder="请输入序列号" clearable :style='{"width":"100%"}'>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="区域" <el-form-item label="区域"
prop="monitoringId" > prop="monitoringId">
<el-select v-model="dataForm.monitoringId" <el-select v-model="dataForm.monitoringId"
placeholder="请选择区域" clearable :style='{"width":"100%"}' filterable > placeholder="请选择区域" clearable :style='{"width":"100%"}' filterable>
<el-option v-for="(item, index) in monitoringIdOptions" :key="index" :label="item.m_name" :value="item.id" :disabled="item.disabled" ></el-option> <el-option v-for="(item, index) in monitoringIdOptions" :key="index" :label="item.m_name"
:value="item.id" :disabled="item.disabled"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" > <el-col :span="24">
<el-form-item label="设备状态：" <el-form-item label="设备状态："
prop="mStatus" > prop="mStatus">
<el-select v-model="dataForm.mStatus" <el-select v-model="dataForm.mStatus"
placeholder="请选择设备状态" clearable :style='{"width":"100%"}'> placeholder="请选择设备状态" clearable :style='{"width":"100%"}'>
<el-option v-for="(item, index) in mStatusOptions" :key="index" :label="item.fullName" :value="item.id" :disabled="item.disabled" ></el-option> <el-option v-for="(item, index) in mStatusOptions" :key="index" :label="item.fullName" :value="item.id"
:disabled="item.disabled"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" > <el-col :span="24">
<el-form-item label="标清flv直播地址" <el-form-item label="标清flv直播地址"
prop="flvAddress" > prop="flvAddress">
<el-input v-model="dataForm.flvAddress" <el-input v-model="dataForm.flvAddress"
placeholder="请输入" readonly clearable :style='{"width":"100%"}'> placeholder="请输入" readonly clearable :style='{"width":"100%"}'>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" > <el-col :span="24">
<el-form-item label="高清flv直播地址" <el-form-item label="高清flv直播地址"
prop="flvHdAddress" > prop="flvHdAddress">
<el-input v-model="dataForm.flvHdAddress" <el-input v-model="dataForm.flvHdAddress"
placeholder="请输入" readonly clearable :style='{"width":"100%"}'> placeholder="请输入" readonly clearable :style='{"width":"100%"}'>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" > <el-col :span="24">
<el-form-item label="设备通道号" <el-form-item label="设备通道号"
prop="channelNumber" > prop="channelNumber">
<el-input v-model="dataForm.channelNumber" <el-input v-model="dataForm.channelNumber"
placeholder="请输入" readonly clearable :style='{"width":"100%"}'> placeholder="请输入" readonly clearable :style='{"width":"100%"}'>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" > <el-col :span="24">
<el-form-item label="是否显示" <el-form-item label="是否显示"
prop="isEnable" > prop="isEnable">
<el-select v-model="dataForm.isEnable" <el-select v-model="dataForm.isEnable"
placeholder="请选择是否显示" clearable :style='{"width":"100%"}'> placeholder="请选择是否显示" clearable :style='{"width":"100%"}'>
<el-option v-for="(item, index) in isEnableOptions" :key="index" :label="item.fullName" :value="item.id" :disabled="item.disabled" ></el-option> <el-option v-for="(item, index) in isEnableOptions" :key="index" :label="item.fullName" :value="item.id"
:disabled="item.disabled"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" > <!-- <el-col :span="24">-->
<el-form-item label="修改时间" <!-- <el-form-item label="修改时间"-->
prop="lastmodifytime" > <!-- prop="lastmodifytime">-->
<el-date-picker v-model="dataForm.lastmodifytime" <!-- <el-date-picker v-model="dataForm.lastmodifytime"-->
placeholder="请选择" readonly clearable :style='{"width":"100%"}' type="datetime" format="yyyy-MM-dd HH:mm:ss" value-format="timestamp" > <!-- placeholder="请选择" readonly clearable :style='{"width":"100%"}' type="datetime"-->
<!-- format="yyyy-MM-dd HH:mm:ss" value-format="timestamp">-->
</el-date-picker> <!-- </el-date-picker>-->
</el-form-item> <!-- </el-form-item>-->
</el-col> <!-- </el-col>-->
<el-col :span="24" > <!-- <el-col :span="24">-->
<el-form-item label="修改人id" <!-- <el-form-item label="修改人id"-->
prop="deleteUserId" > <!-- prop="deleteUserId">-->
<el-input v-model="dataForm.deleteUserId" <!-- <el-input v-model="dataForm.deleteUserId"-->
placeholder="请输入" readonly clearable :style='{"width":"100%"}'> <!-- placeholder="请输入" readonly clearable :style='{"width":"100%"}'>-->
</el-input> <!-- </el-input>-->
</el-form-item> <!-- </el-form-item>-->
</el-col> <!-- </el-col>-->
<el-col :span="24" > <!-- <el-col :span="24">-->
<el-form-item label="创建人名称" <!-- <el-form-item label="创建人名称"-->
prop="creatorUserName" > <!-- prop="creatorUserName">-->
<el-input v-model="dataForm.creatorUserName" <!-- <el-input v-model="dataForm.creatorUserName"-->
placeholder="请输入" readonly clearable :style='{"width":"100%"}'> <!-- placeholder="请输入" readonly clearable :style='{"width":"100%"}'>-->
</el-input> <!-- </el-input>-->
</el-form-item> <!-- </el-form-item>-->
</el-col> <!-- </el-col>-->
<el-col :span="24" > <!-- <el-col :span="24">-->
<el-form-item label="创建时间" <!-- <el-form-item label="创建时间"-->
prop="creatorTime" > <!-- prop="creatorTime">-->
<el-date-picker v-model="dataForm.creatorTime" <!-- <el-date-picker v-model="dataForm.creatorTime"-->
placeholder="请选择" readonly clearable :style='{"width":"100%"}' type="datetime" format="yyyy-MM-dd HH:mm:ss" value-format="timestamp" > <!-- placeholder="请选择" readonly clearable :style='{"width":"100%"}' type="datetime"-->
<!-- format="yyyy-MM-dd HH:mm:ss" value-format="timestamp">-->
</el-date-picker> <!-- </el-date-picker>-->
</el-form-item> <!-- </el-form-item>-->
</el-col> <!-- </el-col>-->
</template> </template>
</el-form> </el-form>
</el-row> </el-row>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="visible = false"> 取 消</el-button> <el-button @click="visible = false"> 取 消</el-button>
@ -121,6 +137,7 @@
import request from '@/utils/request' import request from '@/utils/request'
import { getDataInterfaceRes } from '@/api/systemData/dataInterface' import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
import { getDictionaryDataSelector } from '@/api/systemData/dictionary' import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
export default { export default {
components: {}, components: {},
props: [], props: [],
@ -130,18 +147,19 @@
loading: false, loading: false,
isDetail: false, isDetail: false,
dataForm: { dataForm: {
mName : '', mName: '',
monitoringId : "", monitoringId: '',
serialnumber : '',
mStatus : "0", serialnumber: '',
flvAddress : '', mStatus: '0',
flvHdAddress : '', flvAddress: '',
channelNumber : '', flvHdAddress: '',
isEnable : "0", channelNumber: '',
lastmodifytime : '', isEnable: '0',
deleteUserId : '', lastmodifytime: '',
creatorUserName : '', deleteUserId: '',
creatorTime : '', creatorUserName: '',
creatorTime: ''
}, },
rules: rules:
{ {
@ -150,21 +168,22 @@
required: true, required: true,
message: '请输入设备名称', message: '请输入设备名称',
trigger: 'blur' trigger: 'blur'
}
]
}, },
], monitoringIdOptions: [],
}, mStatusOptions: [{ 'fullName': '在线', 'id': '1' }, { 'fullName': '不在线', 'id': '0' }],
monitoringIdOptions:[], isEnableOptions: [{ 'fullName': '显示', 'id': '1' }, { 'fullName': '不显示', 'id': '0' }]
mStatusOptions:[{"fullName":"在线","id":"1"},{"fullName":"不在线","id":"0"}],
isEnableOptions:[{"fullName":"显示","id":"1"},{"fullName":"不显示","id":"0"}],
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {},
created() { created() {
this.getmonitoringIdOptions(); this.getmonitoringIdOptions()
},
mounted() {
}, },
mounted() {},
methods: { methods: {
getmonitoringIdOptions() { getmonitoringIdOptions() {
getDataInterfaceRes('370933183241262469').then(res => { getDataInterfaceRes('370933183241262469').then(res => {
@ -172,36 +191,36 @@
this.monitoringIdOptions = data this.monitoringIdOptions = data
}) })
}, },
clearData(data){ clearData(data) {
for (let key in data) { for (let key in data) {
if (data[key] instanceof Array) { if (data[key] instanceof Array) {
data[key] = []; data[key] = []
} else if (data[key] instanceof Object) { } else if (data[key] instanceof Object) {
this.clearData(data[key]); this.clearData(data[key])
} else { } else {
data[key] = ""; data[key] = ''
} }
} }
}, },
init(id, isDetail) { init(id, isDetail) {
this.dataForm.id = id || 0; this.dataForm.id = id || 0
this.visible = true; this.visible = true
this.isDetail = isDetail || false; this.isDetail = isDetail || false
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['elForm'].resetFields(); this.$refs['elForm'].resetFields()
if(this.dataForm.id){ if (this.dataForm.id) {
this.loading = true this.loading = true
request({ request({
url: '/api/example/Monitoringitem/'+this.dataForm.id, url: '/api/example/Monitoringitem/' + this.dataForm.id,
method: 'get' method: 'get'
}).then(res => { }).then(res => {
this.dataInfo(res.data) this.dataInfo(res.data)
this.loading = false this.loading = false
}); })
}else{ } else {
this.clearData(this.dataForm) this.clearData(this.dataForm)
} }
}); })
this.$store.commit('generator/UPDATE_RELATION_DATA', {}) this.$store.commit('generator/UPDATE_RELATION_DATA', {})
}, },
// 表单提交 // 表单提交
@ -213,7 +232,7 @@
}) })
}, },
request() { request() {
var _data =this.dataList() var _data = this.dataList()
if (!this.dataForm.id) { if (!this.dataForm.id) {
request({ request({
url: '/api/example/Monitoringitem', url: '/api/example/Monitoringitem',
@ -230,9 +249,9 @@
} }
}) })
}) })
}else{ } else {
request({ request({
url: '/api/example/Monitoringitem/'+this.dataForm.id, url: '/api/example/Monitoringitem/' + this.dataForm.id,
method: 'PUT', method: 'PUT',
data: _data data: _data
}).then((res) => { }).then((res) => {
@ -248,15 +267,15 @@
}) })
} }
}, },
dataList(){ dataList() {
var _data = JSON.parse(JSON.stringify(this.dataForm)); var _data = JSON.parse(JSON.stringify(this.dataForm))
return _data; return _data
}, },
dataInfo(dataAll){ dataInfo(dataAll) {
let _dataAll =dataAll let _dataAll = dataAll
this.dataForm = _dataAll this.dataForm = _dataAll
}, }
}, }
} }
</script> </script>

Write Preview
Loading…
Cancel
Save