|  |  | 
 |  |  |               <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-form-item label="SIP认证密码" prop="password"> | 
 |  |  |                 <el-input v-model="platform.password" ></el-input> | 
 |  |  |               </el-form-item> | 
 |  |  | 
 |  |  |                   <el-option label="8" value="8"></el-option> | 
 |  |  |                 </el-select> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item label="目录结构" prop="treeType" > | 
 |  |  |                 <el-select v-model="platform.treeType" style="width: 100%" > | 
 |  |  |                   <el-option key="WGS84" label="行政区划" value="CivilCode"></el-option> | 
 |  |  |                   <el-option key="GCJ02" label="业务分组" value="BusinessGroup"></el-option> | 
 |  |  |                 </el-select> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item label="字符集" prop="characterSet"> | 
 |  |  |                 <el-select | 
 |  |  |                   v-model="platform.characterSet" | 
 |  |  | 
 |  |  |               <el-form-item label="其他选项"> | 
 |  |  |                 <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.shareAllLiveStream"></el-checkbox> | 
 |  |  |                 <el-checkbox label="拉起离线推流" v-model="platform.startOfflinePush"></el-checkbox> | 
 |  |  |               </el-form-item> | 
 |  |  |               <el-form-item> | 
 |  |  | 
 |  |  |         keepTimeout: 60, | 
 |  |  |         transport: "UDP", | 
 |  |  |         characterSet: "GB2312", | 
 |  |  |         shareAllLiveStream: false, | 
 |  |  |         startOfflinePush: false, | 
 |  |  |         catalogGroup: 1, | 
 |  |  |         administrativeDivision: null, | 
 |  |  |         treeType: "BusinessGroup", | 
 |  |  |       }, | 
 |  |  |       rules: { | 
 |  |  |         name: [{ required: true, message: "请输入平台名称", trigger: "blur" }], | 
 |  |  | 
 |  |  |           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); | 
 |  |  |         }).catch(function (error) { | 
 |  |  |           console.log(error); | 
 |  |  |         }); | 
 |  |  | 
 |  |  |         this.platform.keepTimeout = platform.keepTimeout; | 
 |  |  |         this.platform.transport = platform.transport; | 
 |  |  |         this.platform.characterSet = platform.characterSet; | 
 |  |  |         this.platform.shareAllLiveStream = platform.shareAllLiveStream; | 
 |  |  |         this.platform.catalogId = platform.catalogId; | 
 |  |  |         this.platform.startOfflinePush = platform.startOfflinePush; | 
 |  |  |         this.platform.catalogGroup = platform.catalogGroup; | 
 |  |  |         this.platform.administrativeDivision = platform.administrativeDivision; | 
 |  |  |         this.platform.treeType = platform.treeType; | 
 |  |  |         this.onSubmit_text = "保存"; | 
 |  |  |         this.saveUrl = "/api/platform/save"; | 
 |  |  |       } | 
 |  |  | 
 |  |  |     deviceGBIdChange: function () { | 
 |  |  |  | 
 |  |  |       this.platform.username = this.platform.deviceGBId ; | 
 |  |  |       if (this.platform.administrativeDivision == null) { | 
 |  |  |         this.platform.administrativeDivision = this.platform.deviceGBId.substr(0, 6); | 
 |  |  |       } | 
 |  |  |  | 
 |  |  |     }, | 
 |  |  |     onSubmit: function () { | 
 |  |  |       if (this.onSubmit_text === "保存") { | 
 |  |  |         this.$confirm("修改目录结构会导致关联目录与通道数据被清空", '提示', { | 
 |  |  |           dangerouslyUseHTMLString: true, | 
 |  |  |           confirmButtonText: '确定', | 
 |  |  |           cancelButtonText: '取消', | 
 |  |  |           center: true, | 
 |  |  |           type: 'warning' | 
 |  |  |         }).then(() => { | 
 |  |  |           this.saveForm() | 
 |  |  |         }).catch(() => { | 
 |  |  |  | 
 |  |  |         }); | 
 |  |  |       }else { | 
 |  |  |         this.saveForm() | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     saveForm: function (){ | 
 |  |  |       var that = this; | 
 |  |  |       that.$axios({ | 
 |  |  |         method: 'post', | 
 |  |  |         url: this.saveUrl, | 
 |  |  |         data: that.platform | 
 |  |  |       }).then(function (res) { | 
 |  |  |           if (res.data.code === 0) { | 
 |  |  |             that.$message({ | 
 |  |  |               showClose: true, | 
 |  |  |               message: "保存成功", | 
 |  |  |               type: "success", | 
 |  |  |             }); | 
 |  |  |             that.showDialog = false; | 
 |  |  |             if (that.listChangeCallback != null) { | 
 |  |  |               that.listChangeCallback(); | 
 |  |  |             } | 
 |  |  |           }else { | 
 |  |  |             that.$message({ | 
 |  |  |               showClose: true, | 
 |  |  |               message: res.data.msg, | 
 |  |  |               type: "error", | 
 |  |  |             }); | 
 |  |  |         if (res.data.code === 0) { | 
 |  |  |           that.$message({ | 
 |  |  |             showClose: true, | 
 |  |  |             message: "保存成功", | 
 |  |  |             type: "success", | 
 |  |  |           }); | 
 |  |  |           that.showDialog = false; | 
 |  |  |           if (that.listChangeCallback != null) { | 
 |  |  |             that.listChangeCallback(); | 
 |  |  |           } | 
 |  |  |         }).catch(function (error) { | 
 |  |  |           console.log(error); | 
 |  |  |         }); | 
 |  |  |         }else { | 
 |  |  |           that.$message({ | 
 |  |  |             showClose: true, | 
 |  |  |             message: res.data.msg, | 
 |  |  |             type: "error", | 
 |  |  |           }); | 
 |  |  |         } | 
 |  |  |       }).catch(function (error) { | 
 |  |  |         console.log(error); | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |     close: function () { | 
 |  |  |       this.showDialog = false; | 
 |  |  | 
 |  |  |         rtcp: false, | 
 |  |  |         name: null, | 
 |  |  |         serverGBId: null, | 
 |  |  |         administrativeDivision: null, | 
 |  |  |         serverGBDomain: null, | 
 |  |  |         serverIP: null, | 
 |  |  |         serverPort: null, | 
 |  |  | 
 |  |  |         keepTimeout: 60, | 
 |  |  |         transport: "UDP", | 
 |  |  |         characterSet: "GB2312", | 
 |  |  |         shareAllLiveStream: false, | 
 |  |  |         treeType: "BusinessGroup", | 
 |  |  |         startOfflinePush: false, | 
 |  |  |         catalogGroup: 1, | 
 |  |  |       } |