From d09d8f11f06ee6eeeb4c7f9bd6d35e6fbd49e05f Mon Sep 17 00:00:00 2001 From: jiang <893224616@qq.com> Date: 星期四, 04 八月 2022 17:01:31 +0800 Subject: [PATCH] 修改‘修改pushkey’窗口的标题提示文案 --- web_src/src/components/dialog/platformEdit.vue | 248 ++++++++++++++++++++++++++++++++++-------------- 1 files changed, 174 insertions(+), 74 deletions(-) diff --git a/web_src/src/components/dialog/platformEdit.vue b/web_src/src/components/dialog/platformEdit.vue index 4a916e8..819c002 100644 --- a/web_src/src/components/dialog/platformEdit.vue +++ b/web_src/src/components/dialog/platformEdit.vue @@ -17,7 +17,7 @@ <el-input v-model="platform.name"></el-input> </el-form-item> <el-form-item label="SIP鏈嶅姟鍥芥爣缂栫爜" prop="serverGBId"> - <el-input v-model="platform.serverGBId" clearable></el-input> + <el-input v-model="platform.serverGBId" clearable @input="serverGBIdChange"></el-input> </el-form-item> <el-form-item label="SIP鏈嶅姟鍥芥爣鍩�" prop="serverGBDomain"> <el-input v-model="platform.serverGBDomain" clearable></el-input> @@ -26,16 +26,16 @@ <el-input v-model="platform.serverIP" clearable></el-input> </el-form-item> <el-form-item label="SIP鏈嶅姟绔彛" prop="serverPort"> - <el-input v-model="platform.serverPort" clearable></el-input> + <el-input v-model="platform.serverPort" clearable type="number"></el-input> </el-form-item> <el-form-item label="璁惧鍥芥爣缂栧彿" prop="deviceGBId"> - <el-input v-model="platform.deviceGBId" clearable></el-input> + <el-input v-model="platform.deviceGBId" clearable @input="deviceGBIdChange"></el-input> </el-form-item> <el-form-item label="鏈湴IP" prop="deviceIp"> <el-input v-model="platform.deviceIp" :disabled="true"></el-input> </el-form-item> <el-form-item label="鏈湴绔彛" prop="devicePort"> - <el-input v-model="platform.devicePort" :disabled="true"></el-input> + <el-input v-model="platform.devicePort" :disabled="true" type="number"></el-input> </el-form-item> </el-form> </el-col> @@ -43,6 +43,9 @@ <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-form-item label="SIP璁よ瘉瀵嗙爜" prop="password"> <el-input v-model="platform.password" ></el-input> @@ -63,6 +66,24 @@ <el-option label="TCP" value="TCP"></el-option> </el-select> </el-form-item> + <el-form-item label="鐩綍鍒嗙粍" prop="catalogGroup"> + <el-select + v-model="platform.catalogGroup" + style="width: 100%" + placeholder="璇烽�夋嫨鐩綍鍒嗙粍" + > + <el-option label="1" value="1"></el-option> + <el-option label="2" value="2"></el-option> + <el-option label="4" value="4"></el-option> + <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" @@ -75,8 +96,8 @@ </el-form-item> <el-form-item label="鍏朵粬閫夐」"> <el-checkbox label="鍚敤" v-model="platform.enable" @change="checkExpires"></el-checkbox> - <el-checkbox label="浜戝彴鎺у埗" v-model="platform.PTZEnable"></el-checkbox> - <el-checkbox label="RTCP淇濇椿" v-model="platform.rtcp"></el-checkbox> + <el-checkbox label="浜戝彴鎺у埗" v-model="platform.ptz"></el-checkbox> + <el-checkbox label="鎷夎捣绂荤嚎鎺ㄦ祦" v-model="platform.startOfflinePush"></el-checkbox> </el-form-item> <el-form-item> <el-button type="primary" @click="onSubmit">{{ @@ -97,7 +118,6 @@ name: "platformEdit", props: {}, computed: {}, - created() {}, data() { var deviceGBIdRules = async (rule, value, callback) => { console.log(value); @@ -105,9 +125,6 @@ callback(new Error("璇疯緭鍏ヨ澶囧浗鏍囩紪鍙�")); } else { var exit = await this.deviceGBIdExit(value); - console.log(exit); - console.log(exit == "true"); - console.log(exit === "true"); if (exit) { callback(new Error("璁惧鍥芥爣缂栧彿宸插瓨鍦�")); } else { @@ -120,43 +137,31 @@ showDialog: false, isLoging: false, onSubmit_text: "绔嬪嵆鍒涘缓", - // platform: { - // enable: false, - // PTZEnable: true, - // rtcp: false, - // name: null, - // serverGBId: null, - // serverGBDomain: null, - // serverIP: null, - // serverPort: null, - // deviceGBId: null, - // deviceIp: null, - // devicePort: null, - // username: null, - // password: null, - // expires: 300, - // keepTimeout: 60, - // transport: "UDP", - // characterSet: "GB2312", - // }, + saveUrl: "/api/platform/save", + platform: { + id: null, enable: true, - PTZEnable: true, + ptz: true, rtcp: false, - name: "娴嬭瘯001", - serverGBId: "34020000002000000001", - serverGBDomain: "3402000000", - serverIP: "192.168.1.141", - serverPort: "5060", - deviceGBId: "34020000001320001101", - deviceIp: "192.168.1.20", - devicePort: "5060", - username: "34020000001320001101", - password: "12345678", + name: null, + serverGBId: null, + serverGBDomain: null, + serverIP: null, + serverPort: null, + deviceGBId: null, + deviceIp: null, + devicePort: null, + username: null, + password: null, expires: 300, keepTimeout: 60, transport: "UDP", characterSet: "GB2312", + startOfflinePush: false, + catalogGroup: 1, + administrativeDivision: null, + treeType: "BusinessGroup", }, rules: { name: [{ required: true, message: "璇疯緭鍏ュ钩鍙板悕绉�", trigger: "blur" }], @@ -181,63 +186,147 @@ methods: { openDialog: function (platform, callback) { var that = this; - this.$axios - .get(`/api/platforms/serverconfig`) - .then(function (res) { + if (platform == null) { + this.onSubmit_text = "绔嬪嵆鍒涘缓"; + this.saveUrl = "/api/platform/add"; + this.$axios({ + method: 'get', + 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; - }) - .catch(function (error) { + that.platform.treeType = "BusinessGroup"; + that.platform.administrativeDivision = res.data.username.substr(0, 6); + }).catch(function (error) { console.log(error); }); + }else { + this.platform.id = platform.id; + this.platform.enable = platform.enable; + this.platform.ptz = platform.ptz; + this.platform.rtcp = platform.rtcp; + this.platform.name = platform.name; + this.platform.serverGBId = platform.serverGBId; + this.platform.serverGBDomain = platform.serverGBDomain; + this.platform.serverIP = platform.serverIP; + this.platform.serverPort = platform.serverPort; + this.platform.deviceGBId = platform.deviceGBId; + this.platform.deviceIp = platform.deviceIp; + this.platform.devicePort = platform.devicePort; + this.platform.username = platform.username; + this.platform.password = platform.password; + this.platform.expires = platform.expires; + this.platform.keepTimeout = platform.keepTimeout; + this.platform.transport = platform.transport; + this.platform.characterSet = platform.characterSet; + 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"; + } this.showDialog = true; this.listChangeCallback = callback; - if (platform != null) { - this.platform = platform; - this.onSubmit_text = "淇濆瓨"; - } else { - this.onSubmit_text = "绔嬪嵆鍒涘缓"; + }, + serverGBIdChange: function () { + if (this.platform.serverGBId.length > 10) { + this.platform.serverGBDomain = this.platform.serverGBId.substr(0, 10); } }, + deviceGBIdChange: function () { + + this.platform.username = this.platform.deviceGBId ; + if (this.platform.administrativeDivision == null) { + this.platform.administrativeDivision = this.platform.deviceGBId.substr(0, 6); + } + + }, onSubmit: function () { - console.log("onSubmit"); - var that = this; - that.$axios - .post(`/api/platforms/save`, that.platform) - .then(function (res) { - console.log(res); - console.log(res.data == "success"); - if (res.data == "success") { - that.$message({ - showClose: true, - message: "淇濆瓨鎴愬姛", - type: "success", - }); - that.showDialog = false; - if (that.listChangeCallback != null) { - that.listChangeCallback(); - } - } - }) - .catch(function (error) { - console.log(error); + 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", + }); + } + }).catch(function (error) { + console.log(error); + }); }, close: function () { - console.log("鍏抽棴娣诲姞瑙嗛骞冲彴"); this.showDialog = false; this.$refs.platform1.resetFields(); this.$refs.platform2.resetFields(); + this.platform = { + id: null, + enable: true, + ptz: true, + rtcp: false, + name: null, + serverGBId: null, + administrativeDivision: null, + serverGBDomain: null, + serverIP: null, + serverPort: null, + deviceGBId: null, + deviceIp: null, + devicePort: null, + username: null, + password: null, + expires: 300, + keepTimeout: 60, + transport: "UDP", + characterSet: "GB2312", + treeType: "BusinessGroup", + startOfflinePush: false, + catalogGroup: 1, + } }, deviceGBIdExit: async function (deviceGbId) { var result = false; var that = this; - await that.$axios - .post(`/api/platforms/exit/${deviceGbId}`) + await that.$axios({ + method: 'post', + url:`/api/platform/exit/${deviceGbId}`}) .then(function (res) { result = res.data; }) @@ -256,6 +345,17 @@ </script> <style> +/* 璋锋瓕 */ +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; +} +/* 鐏嫄 */ +input{ + -moz-appearance:textfield; +} .control-wrapper-not-used { position: relative; width: 6.25rem; -- Gitblit v1.8.0