|  |  | 
 |  |  |               <el-form-item label="本地端口" prop="devicePort"> | 
 |  |  |                 <el-input v-model="platform.devicePort" :disabled="true" type="number"></el-input> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item label="SIP认证用户名" prop="username"> | 
 |  |  |                 <el-input v-model="platform.username"></el-input> | 
 |  |  |               </el-form-item> | 
 |  |  |             </el-form> | 
 |  |  |           </el-col> | 
 |  |  |           <el-col :span="12"> | 
 |  |  |             <el-form ref="platform2" :rules="rules" :model="platform" label-width="160px"> | 
 |  |  |               <el-form-item label="SIP认证用户名" prop="username"> | 
 |  |  |                 <el-input v-model="platform.username"></el-input> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item label="行政区划" prop="administrativeDivision"> | 
 |  |  |                 <el-input v-model="platform.administrativeDivision" clearable></el-input> | 
 |  |  |               </el-form-item> | 
 |  |  | 
 |  |  |                 </el-select> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item label="目录结构" prop="treeType" > | 
 |  |  |                 <el-select v-model="platform.treeType" style="width: 100%" > | 
 |  |  |                 <el-select v-model="platform.treeType" style="width: 100%" @change="treeTypeChange"> | 
 |  |  |                   <el-option key="WGS84" label="行政区划" value="CivilCode"></el-option> | 
 |  |  |                   <el-option key="GCJ02" label="业务分组" value="BusinessGroup"></el-option> | 
 |  |  |                 </el-select> | 
 |  |  | 
 |  |  |                 <el-checkbox label="启用" v-model="platform.enable" @change="checkExpires"></el-checkbox> | 
 |  |  |                 <el-checkbox label="云台控制" v-model="platform.ptz"></el-checkbox> | 
 |  |  |                 <el-checkbox label="拉起离线推流" v-model="platform.startOfflinePush"></el-checkbox> | 
 |  |  |                 <el-checkbox label="RTCP保活" v-model="platform.rtcp" @change="rtcpCheckBoxChange"></el-checkbox> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item> | 
 |  |  |                 <el-button type="primary" @click="onSubmit">{{ | 
 |  |  | 
 |  |  |           url:`/api/platform/server_config` | 
 |  |  |         }).then(function (res) { | 
 |  |  |           console.log(res); | 
 |  |  |           that.platform.deviceGBId = res.data.username; | 
 |  |  |           that.platform.deviceIp = res.data.deviceIp; | 
 |  |  |           that.platform.devicePort = res.data.devicePort; | 
 |  |  |           that.platform.username = res.data.username; | 
 |  |  |           that.platform.password = res.data.password; | 
 |  |  |           that.platform.treeType = "BusinessGroup"; | 
 |  |  |           that.platform.administrativeDivision = res.data.username.substr(0, 6); | 
 |  |  |           if (res.data.code === 0) { | 
 |  |  |             that.platform.deviceGBId = res.data.data.username; | 
 |  |  |             that.platform.deviceIp = res.data.data.deviceIp; | 
 |  |  |             that.platform.devicePort = res.data.data.devicePort; | 
 |  |  |             that.platform.username = res.data.data.username; | 
 |  |  |             that.platform.password = res.data.data.password; | 
 |  |  |             that.platform.treeType = "BusinessGroup"; | 
 |  |  |             that.platform.administrativeDivision = res.data.data.username.substr(0, 6); | 
 |  |  |           } | 
 |  |  |  | 
 |  |  |         }).catch(function (error) { | 
 |  |  |           console.log(error); | 
 |  |  |         }); | 
 |  |  | 
 |  |  |  | 
 |  |  |     }, | 
 |  |  |     onSubmit: function () { | 
 |  |  |       if (this.onSubmit_text === "保存") { | 
 |  |  |         this.$confirm("修改目录结构会导致关联目录与通道数据被清空", '提示', { | 
 |  |  |           dangerouslyUseHTMLString: true, | 
 |  |  |           confirmButtonText: '确定', | 
 |  |  |           cancelButtonText: '取消', | 
 |  |  |           center: true, | 
 |  |  |           type: 'warning' | 
 |  |  |         }).then(() => { | 
 |  |  |           this.saveForm() | 
 |  |  |         }).catch(() => { | 
 |  |  |  | 
 |  |  |         }); | 
 |  |  |       }else { | 
 |  |  |         this.saveForm() | 
 |  |  |       } | 
 |  |  |       this.saveForm() | 
 |  |  |     }, | 
 |  |  |     saveForm: function (){ | 
 |  |  |       var that = this; | 
 |  |  |       that.$axios({ | 
 |  |  |       this.$axios({ | 
 |  |  |         method: 'post', | 
 |  |  |         url: this.saveUrl, | 
 |  |  |         data: that.platform | 
 |  |  |       }).then(function (res) { | 
 |  |  |         data: this.platform | 
 |  |  |       }).then((res) =>{ | 
 |  |  |         if (res.data.code === 0) { | 
 |  |  |           that.$message({ | 
 |  |  |           this.$message({ | 
 |  |  |             showClose: true, | 
 |  |  |             message: "保存成功", | 
 |  |  |             type: "success", | 
 |  |  |           }); | 
 |  |  |           that.showDialog = false; | 
 |  |  |           if (that.listChangeCallback != null) { | 
 |  |  |             that.listChangeCallback(); | 
 |  |  |           this.showDialog = false; | 
 |  |  |           if (this.listChangeCallback != null) { | 
 |  |  |             this.listChangeCallback(); | 
 |  |  |           } | 
 |  |  |         }else { | 
 |  |  |           that.$message({ | 
 |  |  |           this.$message({ | 
 |  |  |             showClose: true, | 
 |  |  |             message: res.data.msg, | 
 |  |  |             type: "error", | 
 |  |  |           }); | 
 |  |  |         } | 
 |  |  |       }).catch(function (error) { | 
 |  |  |       }).catch((error)=> { | 
 |  |  |         console.log(error); | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  | 
 |  |  |       var result = false; | 
 |  |  |       var that = this; | 
 |  |  |       await that.$axios({ | 
 |  |  |                 method: 'post', | 
 |  |  |                 method: 'get', | 
 |  |  |                 url:`/api/platform/exit/${deviceGbId}`}) | 
 |  |  |         .then(function (res) { | 
 |  |  |           result = res.data; | 
 |  |  |             if (res.data.code === 0) { | 
 |  |  |               result = res.data.data; | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |         .catch(function (error) { | 
 |  |  |           console.log(error); | 
 |  |  | 
 |  |  |       if (this.platform.enable && this.platform.expires == "0") { | 
 |  |  |         this.platform.expires = "300"; | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     rtcpCheckBoxChange: function (result){ | 
 |  |  |       if (result) { | 
 |  |  |         this.$message({ | 
 |  |  |           showClose: true, | 
 |  |  |           message: "开启RTCP保活需要上级平台支持,可以避免无效推流", | 
 |  |  |           type: "warning", | 
 |  |  |         }); | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     treeTypeChange: function (){ | 
 |  |  |       this.$message({ | 
 |  |  |         showClose: true, | 
 |  |  |         message: "修改目录结构会导致关联目录与通道数据被清空,保存后生效", | 
 |  |  |         type: "warning", | 
 |  |  |       }); | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  | }; |