648540858
3 years ago
11 changed files with 244 additions and 16 deletions
Binary file not shown.
@ -0,0 +1,117 @@ |
|||
<template> |
|||
<div id="deviceEdit" v-loading="isLoging"> |
|||
<el-dialog |
|||
title="设备编辑" |
|||
width="40%" |
|||
top="2rem" |
|||
:close-on-click-modal="false" |
|||
:visible.sync="showDialog" |
|||
:destroy-on-close="true" |
|||
@close="close()" |
|||
> |
|||
<div id="shared" style="margin-top: 1rem;margin-right: 100px;"> |
|||
<el-form ref="form" :rules="rules" :model="form" label-width="140px" > |
|||
<el-form-item label="设备编号" > |
|||
<el-input v-model="form.deviceId" disabled></el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item label="设备名称" prop="name"> |
|||
<el-input v-model="form.name" clearable></el-input> |
|||
</el-form-item> |
|||
<!-- <el-form-item label="流媒体ID" prop="mediaServerId">--> |
|||
<!-- <el-select v-model="form.mediaServerId" style="float: left; width: 100%" >--> |
|||
<!-- <el-option key="auto" label="自动负载最小" value="null"></el-option>--> |
|||
<!-- <el-option--> |
|||
<!-- v-for="item in mediaServerList"--> |
|||
<!-- :key="item.id"--> |
|||
<!-- :label="item.id"--> |
|||
<!-- :value="item.id">--> |
|||
<!-- </el-option>--> |
|||
<!-- </el-select>--> |
|||
<!-- </el-form-item>--> |
|||
|
|||
<el-form-item label="字符集" prop="charset" > |
|||
<el-select v-model="form.charset" style="float: left; width: 100%" > |
|||
<el-option key="GB2312" label="GB2312" value="gb2312"></el-option> |
|||
<el-option key="UTF-8" label="UTF-8" value="utf-8"></el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<div style="float: right;"> |
|||
<el-button type="primary" @click="onSubmit" >确认</el-button> |
|||
<el-button @click="close">取消</el-button> |
|||
</div> |
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import MediaServer from '../service/MediaServer' |
|||
export default { |
|||
name: "deviceEdit", |
|||
props: {}, |
|||
computed: {}, |
|||
created() {}, |
|||
data() { |
|||
return { |
|||
listChangeCallback: null, |
|||
showDialog: false, |
|||
isLoging: false, |
|||
hostNames:[], |
|||
mediaServerList: [], // 滅体节点列表 |
|||
mediaServerObj : new MediaServer(), |
|||
form: {}, |
|||
rules: { |
|||
name: [{ required: true, message: "请输入名称", trigger: "blur" }] |
|||
}, |
|||
}; |
|||
}, |
|||
methods: { |
|||
openDialog: function (row, callback) { |
|||
console.log(row) |
|||
this.showDialog = true; |
|||
this.listChangeCallback = callback; |
|||
if (row != null) { |
|||
this.form = row; |
|||
} |
|||
this.getMediaServerList(); |
|||
}, |
|||
getMediaServerList: function (){ |
|||
let that = this; |
|||
that.mediaServerObj.getMediaServerList((data)=>{ |
|||
that.mediaServerList = data.data; |
|||
}) |
|||
}, |
|||
onSubmit: function () { |
|||
console.log("onSubmit"); |
|||
console.log(this.form); |
|||
this.$axios({ |
|||
method: 'post', |
|||
url:`/api/device/query/device/update/`, |
|||
params: this.form |
|||
}).then((res) => { |
|||
console.log(res.data) |
|||
if (res.data.code == 0) { |
|||
this.listChangeCallback() |
|||
}else { |
|||
this.$message({ |
|||
showClose: true, |
|||
message: res.data.msg, |
|||
type: "error", |
|||
}); |
|||
} |
|||
}).catch(function (error) { |
|||
console.log(error); |
|||
}); |
|||
}, |
|||
close: function () { |
|||
this.showDialog = false; |
|||
this.$refs.form.resetFields(); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
Loading…
Reference in new issue