From a1e8a2e6ff842b7dde122d5b7f91275fcfac934e Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: Wed, 14 Aug 2024 17:52:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=B4=E6=97=B6=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web_src/src/components/PlatformEdit.vue       | 291 ++++++++++++++++++
 ...arentPlatformList.vue => PlatformList.vue} |   0
 web_src/src/layout/UiHeader.vue               |   2 +-
 web_src/src/router/index.js                   |   8 +-
 4 files changed, 296 insertions(+), 5 deletions(-)
 create mode 100644 web_src/src/components/PlatformEdit.vue
 rename web_src/src/components/{ParentPlatformList.vue => PlatformList.vue} (100%)

diff --git a/web_src/src/components/PlatformEdit.vue b/web_src/src/components/PlatformEdit.vue
new file mode 100644
index 00000000..7f3c8970
--- /dev/null
+++ b/web_src/src/components/PlatformEdit.vue
@@ -0,0 +1,291 @@
+<template>
+  <div id="StreamProxyEdit" style="width: 100%">
+    <div class="page-header">
+      <div class="page-title">
+        <el-button icon="el-icon-back" size="mini" style="font-size: 20px; color: #000;" type="text" @click="close" ></el-button>
+        <el-divider direction="vertical"></el-divider>
+        编辑拉流代理信息
+      </div>
+      <div class="page-header-btn">
+        <div style="display: inline;">
+          <el-button icon="el-icon-close" size="mini" style="font-size: 20px; color: #000;" type="text" @click="close" ></el-button>
+        </div>
+      </div>
+    </div>
+    <div id="shared" style="text-align: right; margin-top: 1rem">
+      <el-row :gutter="24">
+        <el-col :span="11">
+          <el-form ref="platform1" :rules="rules" :model="platform" label-width="160px">
+            <el-form-item label="名称" prop="name">
+              <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 @input="serverGBIdChange"></el-input>
+            </el-form-item>
+            <el-form-item label="SIP服务国标域" prop="serverGBDomain">
+              <el-input v-model="platform.serverGBDomain" clearable></el-input>
+            </el-form-item>
+            <el-form-item label="SIP服务IP" prop="serverIP">
+              <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 type="number"></el-input>
+            </el-form-item>
+            <el-form-item label="设备国标编号" prop="deviceGBId">
+              <el-input v-model="platform.deviceGBId" clearable @input="deviceGBIdChange"></el-input>
+            </el-form-item>
+            <el-form-item label="本地IP" prop="deviceIp">
+              <el-select v-model="platform.deviceIp" placeholder="请选择与上级相通的网卡" style="width: 100%">
+                <el-option
+                  v-for="ip in deviceIps"
+                  :key="ip"
+                  :label="ip"
+                  :value="ip">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <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="SDP发流IP" prop="sendStreamIp">
+              <el-input v-model="platform.sendStreamIp"></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="行政区划" prop="administrativeDivision">
+              <el-input v-model="platform.administrativeDivision" clearable></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-item label="SIP认证密码" prop="password">
+              <el-input v-model="platform.password"></el-input>
+            </el-form-item>
+            <el-form-item label="注册周期(秒)" prop="expires">
+              <el-input v-model="platform.expires"></el-input>
+            </el-form-item>
+            <el-form-item label="心跳周期(秒)" prop="keepTimeout">
+              <el-input v-model="platform.keepTimeout"></el-input>
+            </el-form-item>
+            <el-form-item label="信令传输" prop="transport">
+              <el-select
+                v-model="platform.transport"
+                style="width: 100%"
+                placeholder="请选择信令传输方式"
+              >
+                <el-option label="UDP" value="UDP"></el-option>
+                <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="characterSet">
+              <el-select
+                v-model="platform.characterSet"
+                style="width: 100%"
+                placeholder="请选择字符集"
+              >
+                <el-option label="GB2312" value="GB2312"></el-option>
+                <el-option label="UTF-8" value="UTF-8"></el-option>
+              </el-select>
+            </el-form-item>
+            <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.startOfflinePush"></el-checkbox>
+              <el-checkbox label="RTCP保活" v-model="platform.rtcp" @change="rtcpCheckBoxChange"></el-checkbox>
+              <el-checkbox label="消息通道" v-model="platform.asMessageChannel"></el-checkbox>
+              <el-checkbox label="推送通道" v-model="platform.autoPushChannel"></el-checkbox>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="onSubmit">{{
+                  onSubmit_text
+                }}
+              </el-button>
+              <el-button @click="close">取消</el-button>
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "platformEdit",
+  props: [ 'value', 'closeEdit'],
+  components: {
+  },
+  created() {},
+  watch: {
+    value(newValue, oldValue){
+      this.streamProxy = newValue;
+    }
+  },
+  data() {
+    return {
+      listChangeCallback: null,
+      showDialog: false,
+      isLoging: false,
+      onSubmit_text: "立即创建",
+      saveUrl: "/api/platform/save",
+
+      platform: {
+        id: null,
+        enable: true,
+        ptz: true,
+        rtcp: false,
+        asMessageChannel: false,
+        autoPushChannel: false,
+        name: null,
+        serverGBId: null,
+        serverGBDomain: null,
+        serverIP: null,
+        serverPort: null,
+        deviceGBId: null,
+        deviceIp: null,
+        devicePort: null,
+        username: null,
+        password: null,
+        expires: 3600,
+        keepTimeout: 60,
+        transport: "UDP",
+        characterSet: "GB2312",
+        startOfflinePush: false,
+        catalogGroup: 1,
+        administrativeDivision: "",
+        sendStreamIp: null,
+      },
+      deviceIps: [], // 存储用户设备IP数组
+      rules: {
+        name: [{required: true, message: "请输入平台名称", trigger: "blur"}],
+        serverGBId: [
+          {required: true, message: "请输入SIP服务国标编码", trigger: "blur"},
+        ],
+        serverGBDomain: [
+          {required: true, message: "请输入SIP服务国标域", trigger: "blur"},
+        ],
+        serverIP: [{required: true, message: "请输入SIP服务IP", trigger: "blur"}],
+        serverPort: [{required: true, message: "请输入SIP服务端口", trigger: "blur"}],
+        deviceGBId: [{validator: deviceGBIdRules, trigger: "blur"}],
+        username: [{required: false, message: "请输入SIP认证用户名", trigger: "blur"}],
+        password: [{required: false, message: "请输入SIP认证密码", trigger: "blur"}],
+        expires: [{required: true, message: "请输入注册周期", trigger: "blur"}],
+        keepTimeout: [{required: true, message: "请输入心跳周期", trigger: "blur"}],
+        transport: [{required: true, message: "请选择信令传输", trigger: "blur"}],
+        characterSet: [{required: true, message: "请选择编码字符集", trigger: "blur"}],
+        deviceIp: [{required: true, message: "请选择本地IP", trigger: "blur"}],
+      },
+
+      saveLoading: false,
+    };
+  },
+  methods: {
+    onSubmit: function () {
+      console.log(typeof this.streamProxy.noneReader)
+      this.saveLoading = true;
+
+      this.noneReaderHandler();
+      if (this.streamProxy.id) {
+        this.$axios({
+          method: 'post',
+          url:`/api/proxy/update`,
+          data: this.streamProxy
+        }).then((res)=> {
+          this.saveLoading = false;
+          if (typeof (res.data.code) != "undefined" && res.data.code === 0) {
+            this.$message.success("保存成功");
+            console.log(res.data.data)
+            this.streamProxy = res.data.data
+          }else {
+            this.$message.error(res.data.msg);
+          }
+          this.saveLoading = false;
+        }).catch((error) =>{
+          this.$message.error(error);
+          this.saveLoading = false;
+        }).finally(()=>{
+          console.log("finally==finally")
+          this.saveLoading = false;
+        })
+      }else {
+        this.$axios({
+          method: 'post',
+          url:`/api/proxy/add`,
+          data: this.streamProxy
+        }).then((res)=> {
+          this.saveLoading = false;
+          if (typeof (res.data.code) != "undefined" && res.data.code === 0) {
+            this.$message.success("保存成功");
+            this.streamProxy = res.data.data
+          }else {
+            this.$message.error(res.data.msg);
+          }
+        }).catch((error) =>{
+          this.$message.error(res.data.error);
+          this.saveLoading = false;
+        }).finally(()=>{
+          this.saveLoading = false;
+        })
+      }
+
+    },
+    close: function () {
+      this.closeEdit()
+    },
+    mediaServerIdChange:function (){
+      if (this.streamProxy.mediaServerId !== "auto"){
+        this.$axios({
+          method: 'get',
+          url:`/api/proxy/ffmpeg_cmd/list`,
+          params: {
+            mediaServerId: this.streamProxy.mediaServerId
+          }
+        }).then((res)=> {
+          this.ffmpegCmdList = res.data.data;
+          this.streamProxy.ffmpegCmdKey = Object.keys(res.data.data)[0];
+        }).catch(function (error) {
+          console.log(error);
+        });
+      }
+
+    },
+    noneReaderHandler: function() {
+      console.log(this.streamProxy)
+      if (!this.streamProxy.noneReader || this.streamProxy.noneReader === 0 ) {
+        this.streamProxy.enableDisableNoneReader = false;
+        this.streamProxy.enableRemoveNoneReader = false;
+      }else if (this.streamProxy.noneReader === 1){
+        this.streamProxy.enableDisableNoneReader = true;
+        this.streamProxy.enableRemoveNoneReader = false;
+      }else if (this.streamProxy.noneReader ===2){
+        this.streamProxy.enableDisableNoneReader = false;
+        this.streamProxy.enableRemoveNoneReader = true;
+      }
+    },
+  },
+};
+</script>
+<style>
+.channel-form {
+  display: grid;
+  background-color: #FFFFFF;
+  padding: 1rem 2rem 0 2rem;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 1rem;
+}
+</style>
diff --git a/web_src/src/components/ParentPlatformList.vue b/web_src/src/components/PlatformList.vue
similarity index 100%
rename from web_src/src/components/ParentPlatformList.vue
rename to web_src/src/components/PlatformList.vue
diff --git a/web_src/src/layout/UiHeader.vue b/web_src/src/layout/UiHeader.vue
index 6378cb44..c090f20d 100755
--- a/web_src/src/layout/UiHeader.vue
+++ b/web_src/src/layout/UiHeader.vue
@@ -17,7 +17,7 @@
       </el-submenu>
       <el-menu-item index="/cloudRecord">云端录像</el-menu-item>
       <el-menu-item index="/mediaServerManger">节点管理</el-menu-item>
-      <el-menu-item index="/parentPlatformList/15/1">国标级联</el-menu-item>
+      <el-menu-item index="/platformList/15/1">国标级联</el-menu-item>
       <el-menu-item v-if="editUser" index="/userManager">用户管理</el-menu-item>
 
       <!--            <el-submenu index="/setting">-->
diff --git a/web_src/src/router/index.js b/web_src/src/router/index.js
index f786c71a..ba41868e 100755
--- a/web_src/src/router/index.js
+++ b/web_src/src/router/index.js
@@ -10,7 +10,7 @@ import streamPushList from '../components/StreamPushList.vue'
 import streamProxyList from '../components/StreamProxyList.vue'
 import map from '../components/map.vue'
 import login from '../components/Login.vue'
-import parentPlatformList from '../components/ParentPlatformList.vue'
+import platform from '../components/PlatformList.vue'
 import cloudRecord from '../components/CloudRecord.vue'
 import cloudRecordDetail from '../components/CloudRecordDetail.vue'
 import mediaServerManger from '../components/MediaServerManger.vue'
@@ -74,9 +74,9 @@ export default new VueRouter({
           component: gbRecordDetail,
         },
         {
-          path: '/parentPlatformList/:count/:page',
-          name: 'parentPlatformList',
-          component: parentPlatformList,
+          path: '/platformList/:count/:page',
+          name: 'platformList',
+          component: platform,
         },
         {
           path: '/map/:deviceId/:parentChannelId/:count/:page',