镜像

code/VideoAccess-VCMP/api/config.js

@@ -101,7 +101,8 @@ const product = {
                { p: '/status/alarm', o: 'POST' },
                { p: '/camera/unique/all', o: 'GET' },
                { p: '/status/alarm/confirm', o: 'PUT' },
-               { p: '/status/check', o: 'GET' }
+               { p: '/status/check', o: 'GET' },
+               { p: '/mirror/:mirrorId', o: 'GET' },
             ], // 不做认证的路由，也可以使用 exclude: ["*"]  跳过所有路由
             redis: {
                host: IOTA_REDIS_SERVER_HOST,

code/VideoAccess-VCMP/web/client/src/layout/containers/layout/index.jsx

@@ -49,7 +49,7 @@ const LayoutContainer = props => {
 
    useEffect(() => {
       NProgress.done();
-      if ((!user || !user.authorized) && !authCrossLoading && props.location.pathname != '/video_play_status') {
+      if ((!user || !user.authorized) && !authCrossLoading && props.location.pathname != '/video_play_status'&& props.location.pathname != '/callService') {
          history.push('/signin');
       }
       if (msg) {

code/VideoAccess-VCMP/web/client/src/sections/openness/actions/mirroring.js

@@ -111,10 +111,11 @@ export function getErrorCode (query) {//查取指定状态码信息
 }
 
 
-export function getMirrorMid (orgId) {//获取指定镜像信息
+export function getMirrorMid (orgId,query) {//获取指定镜像信息
    return (dispatch) =>
       basicAction({
          type: "get",
+         query,
          dispatch: dispatch,
          actionType: "GET_MIRRORMID",
          url: `${ApiTable.getMirrorMid.replace("{mid}", orgId)}`,
@@ -122,3 +123,15 @@ export function getMirrorMid (orgId) {//获取指定镜像信息
          reducer: { name: "" },
       })
 }
+
+export function putUpdateMid (orgId) { //编辑推送配置
+   return (dispatch) =>
+      basicAction({
+         type: "put",
+         dispatch: dispatch,
+         actionType: "PUT_UPDATE_MID",
+         url: `${ApiTable.putUpdateMid.replace('{mirrorId}', orgId)}`,
+         msg: { option: '更新镜像服务ID' },
+         reducer: {},
+      });
+}

code/VideoAccess-VCMP/web/client/src/sections/openness/containers/callService.jsx

@@ -2,12 +2,14 @@ import React, { useEffect, useState } from 'react';
 import { connect } from 'react-redux';
 import { tree } from './mirroringDetail';
 import VideoScreen from '../components/videoScreen';
-
+import { push } from 'react-router-redux';
+import qs from "qs";
+import { Notification } from '@douyinfe/semi-ui';
 
 
 
 const CallService = (props) => {
-   const { dispatch, actions, user } = props
+   const { dispatch, actions, user, } = props
    const [treeData, setTreeData] = useState([])   //树形控件数据
    const [headerName, setHeaderName] = useState('dfvbfdbe')
    const [showHeader, setShowHeader] = useState(true)  //是否展示头部
@@ -16,14 +18,10 @@ const CallService = (props) => {
    const [videoPlay, setVideoPlay] = useState(true)   //视频预览
 
    useEffect(() => {
-
-
-      dispatch(actions.openness.getMirrorList()).then((res) => {
-         if (res?.success && res?.payload?.data?.some(v => v.mid == user?.mid)) {
-            dispatch(actions.openness.getMirrorMid(user?.mid)).then((r) => {
+      const mid = qs.parse(props.location.search.slice(1))?.mid
+      dispatch(actions.openness.getMirrorMid(user?.mid || mid, { check: true })).then((r) => {
          if (r?.success) {
             let data = r?.payload?.data || {}
-
             let filterGrouplist = data.filterGroup
             for (let i = 0; i < filterGrouplist.length; i++) {
                filterGrouplist[i].num = i
@@ -38,10 +36,12 @@ const CallService = (props) => {
             setShowHeader(data.showHeader)
             setFilterGroup(filterGrouplist)
             setTemplate(data.template)
-               }
-            })
          } else {
-            dispatch(push('/callService'));
+            dispatch(push('/noMatch'))
+            Notification.error({
+               content: '获取镜像服务失败',
+               duration: 3,
+            })
          }
       })
 

code/VideoAccess-VCMP/web/client/src/sections/openness/containers/mirroring.jsx

@@ -2,9 +2,10 @@ import React, { useEffect, useState, useRef } from 'react';
 import { connect } from 'react-redux';
 import { push } from 'react-router-redux';
 import '../style.less'
-import { Notification, Popconfirm } from "@douyinfe/semi-ui";
+import { Notification, Popconfirm, Modal } from "@douyinfe/semi-ui";
 import copy from "copy-to-clipboard";
 import moment from "moment";
+import { IconRefresh } from '@douyinfe/semi-icons';
 
 const Mirroring = (props) => {
    const { history, dispatch, actions, user, loading, StatusPushList } = props;
@@ -26,6 +27,8 @@ const Mirroring = (props) => {
    ]);
 
    const [myCustomList, setMyCustomList] = useState([])//我的自定义镜像服务
+   const [isUpdate, setIsUpate] = useState(false)
+   const [updateId, setUpdateId] = useState()
    useEffect(() => {
       getMirror()
    }, []);
@@ -262,8 +265,13 @@ const Mirroring = (props) => {
                            最后发布于：{getTime(item.publishTime)}
                         </div>
                         <div style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center', marginTop: 12 }}>
+                           <IconRefresh style={{ color: 'rgb(74 129 205 / 93%)', marginRight: 4 }} onClick={() => {
+                              setIsUpate(true)
+                              setUpdateId(item.id)
+                           }} />
                            <div style={{ display: 'flex', alignItems: 'center', cursor: 'pointer' }} onClick={() => {
-                                        copy(item.mid ? item.mid : "暂无id");
+                              const url = document.location?.toString()?.split("/") || []
+                              copy(item.mid ? `${url[0] + '//' + url[2] + '/callService?mid=' + item.mid}` : "暂无id");
                               Notification.success({
                                  content: "复制成功",
                                  duration: 2,
@@ -284,6 +292,32 @@ const Mirroring = (props) => {
                })}
             </div>
          </div>
+         {isUpdate ? <Modal
+            title="更新mid"
+            visible={true}
+            onOk={() => {
+               dispatch(openness.putUpdateMid(updateId)).then(res => {
+                  if (res.success) {
+                     myCustomList?.forEach(v => {
+                        if (v.id == updateId) {
+                           v.mid = res.payload.data?.mid
+                        }
+                     })
+                     setMyCustomList([...myCustomList])
+                     setIsUpate(false)
+                     setUpdateId('')
+                  }
+               })
+            }}
+            onCancel={() => {
+               setIsUpate(false)
+               setUpdateId('')
+            }}
+            closeOnEsc={true}
+         >
+            更新镜像服务的mid后，历史复制的镜像播放地址无效，需复制新的镜像地址。
+         </Modal> : ""
+         }
       </>
    )
 }

code/VideoAccess-VCMP/web/client/src/utils/webapi.js

@@ -78,6 +78,7 @@ export const ApiTable = {
    getMirror: 'mirror/{mid}',   //获取指定镜像信息
    putMirror: 'mirror',   //编辑镜像信息
    getMirrorMid:'mirror/{mid}' ,   //获取指定镜像信息
+   putUpdateMid:'mirror/{mirrorId}/id',  //更新镜像服务ID
 
 
 };