diff --git a/code/VideoAccess-VCMP/web/client/assets/images/application/背景@2x (1).png b/code/VideoAccess-VCMP/web/client/assets/images/application/背景@2x (1).png
new file mode 100644
index 0000000..3c9cbb3
Binary files /dev/null and b/code/VideoAccess-VCMP/web/client/assets/images/application/背景@2x (1).png differ
diff --git a/code/VideoAccess-VCMP/web/client/src/app.jsx b/code/VideoAccess-VCMP/web/client/src/app.jsx
index 7674e71..bf0dea3 100644
--- a/code/VideoAccess-VCMP/web/client/src/app.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/app.jsx
@@ -20,7 +20,9 @@ const App = props => {
    const { projectName } = props
 
    useEffect(() => {
-      document.title = projectName;
+      if (!window.__MICRO_APP_ENVIRONMENT__) {
+         document.title = projectName;
+      }
    }, [])
 
    return (
diff --git a/code/VideoAccess-VCMP/web/client/src/layout/components/header/index.jsx b/code/VideoAccess-VCMP/web/client/src/layout/components/header/index.jsx
index ee70c87..91d4233 100644
--- a/code/VideoAccess-VCMP/web/client/src/layout/components/header/index.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/layout/components/header/index.jsx
@@ -4,92 +4,95 @@ import { connect } from "react-redux";
 import { Nav, Avatar, Dropdown } from "@douyinfe/semi-ui";
 
 const Header = (props) => {
-    const { dispatch, history, user, actions, socket } = props;
+   const { dispatch, history, user, actions, socket } = props;
 
-    return (
-        <>
-            <Nav
-                mode={"horizontal"}
-                onClick={({ itemKey }) => {
-                    if (itemKey == "logout") {
-                        dispatch(actions.auth.logout(user));
-                        const iotAuth = document.getElementById('iotAuth').contentWindow;
-                        iotAuth.postMessage({ action: 'logout' }, '*');
-                        if (socket) {
-                            socket.disconnect();
-                        }
-                        history.push(`/signin`);
-                    }
-                }}
-                style={{
-                    height: 60,
-                    minWidth: 520,
-                    background: `url(${__webpack_public_path__}assets/images/background/header.png)`,
-                    backgroundSize: "100% 100%",
-                    color: "white",
-                }}
-                header={{
-                    logo: (
+   return (
+      <>
+         <Nav
+            mode={"horizontal"}
+            onClick={({ itemKey }) => {
+               if (itemKey == "logout") {
+                  dispatch(actions.auth.logout(user));
+                  if (!window.__MICRO_APP_ENVIRONMENT__) {
+                     const iotAuth = document.getElementById('iotAuth').contentWindow;
+                     iotAuth.postMessage({ action: 'logout' }, '*');
+                  }
+
+                  if (socket) {
+                     socket.disconnect();
+                  }
+                  history.push(`/signin`);
+               }
+            }}
+            style={{
+               height: 60,
+               minWidth: 520,
+               background: `url(${__webpack_public_path__}assets/images/background/header.png)`,
+               backgroundSize: "100% 100%",
+               color: "white",
+            }}
+            header={{
+               logo: (
+                  <img
+                     src="/assets/images/background/logo.png"
+                     style={{ display: "inline-block", width: 280, height: 52 }}
+                  />
+               ),
+               text: "",
+            }}
+            footer={
+               <Nav.Sub
+                  itemKey={"user"}
+                  text={
+                     <div
+                        style={{
+                           marginLeft: 20,
+                           display: "inline-block",
+                           color: "white",
+                        }}
+                     >
                         <img
-                            src="/assets/images/background/logo.png"
-                            style={{ display: "inline-block", width: 280, height: 52 }}
+                           src="/assets/images/background/notice.png"
+                           style={{
+                              display: "inline-block",
+                              width: 18,
+                              height: 18,
+                              position: "relative",
+                              top: 6,
+                              left: -10,
+                           }}
                         />
-                    ),
-                    text: "",
-                }}
-                footer={
-                    <Nav.Sub
-                        itemKey={"user"}
-                        text={
-                            <div
-                                style={{
-                                    marginLeft: 20,
-                                    display: "inline-block",
-                                    color: "white",
-                                }}
-                            >
-                                <img
-                                    src="/assets/images/background/notice.png"
-                                    style={{
-                                        display: "inline-block",
-                                        width: 18,
-                                        height: 18,
-                                        position: "relative",
-                                        top: 6,
-                                        left: -10,
-                                    }}
-                                />
 
-                                <Avatar size="small" color="light-blue" style={{marginRight:4}}>
-                                    <img src="/assets/images/avatar/6.png" />
-                                </Avatar>
-                                <div style={{
-                                    display: "inline-block", position: "relative",
-                                    top: 10,
-                                    left: 4,
-                                    marginRight: 4,
-                                }}>
-                                    <div>你好！</div>
-                                    <div>{user && user.displayName}</div>
-                                </div>
-                            </div>
-                        }
-                    >
-                        <Nav.Item itemKey={"logout"} text={"退出"} />
-                    </Nav.Sub>
-                }
-            />
-        </>
-    );
+                        <Avatar size="small" color="light-blue" style={{ marginRight: 4 }}>
+                           <img src="/assets/images/avatar/6.png" />
+                        </Avatar>
+                        <div style={{
+                           display: "inline-block", position: "relative",
+                           top: 10,
+                           left: 4,
+                           marginRight: 4,
+                        }}>
+                           <div>你好！</div>
+                           <div>{user && user.displayName}</div>
+                        </div>
+                     </div>
+                  }
+               >
+                  <Nav.Item itemKey={"logout"} text={"退出"} />
+               </Nav.Sub>
+            }
+         />
+      </>
+   );
 };
 
 function mapStateToProps (state) {
-    const { global, auth, webSocket } = state;
-    return {
-        actions: global.actions,
-        user: auth.user,
-        socket: webSocket.socket,
-    };
+   const { global, auth, webSocket } = state;
+   return {
+      actions: global.actions,
+      user: auth.user,
+      socket: webSocket.socket,
+   };
 }
 
 export default connect(mapStateToProps)(Header);
diff --git a/code/VideoAccess-VCMP/web/client/src/layout/index.jsx b/code/VideoAccess-VCMP/web/client/src/layout/index.jsx
index bb3e97c..ced72fb 100644
--- a/code/VideoAccess-VCMP/web/client/src/layout/index.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/layout/index.jsx
@@ -19,7 +19,7 @@ moment.locale('zh-cn');
 const { initLayout, initApiRoot, resize, initWebSocket } = layoutActions;
 
 const Root = props => {
-   const { sections, title, copyright } = props;
+   const { sections, title, copyright, actions } = props;
    const [history, setHistory] = useState(null)
    const [store, setStore] = useState(null)
    const [outerRoutes, setOuterRoutes] = useState([])
@@ -172,6 +172,9 @@ const Root = props => {
 
       // MicroApp
       const microAppListen = async (data) => {
+         console.log(actions);
+         console.log('mid：' + data.data.mid);
+
          if (data.action == 'initMicro') {
             await store.dispatch(actions.auth.initAuth({
                authorized: true,
@@ -179,7 +182,13 @@ const Root = props => {
                // mirrorId: data.data.mirrorId
                ...(data.data || {})
             }))
-            // await store.dispatch(push('/noMatch'));
+            if (data?.data?.mid) {
+               console.log(22315348);
+               await store.dispatch(push('/callService'));
+            } else {
+               await store.dispatch(push('/noMatch'));
+
+            }
             setMicroAppWaiting(false)
          }
       }
@@ -227,7 +236,7 @@ const Root = props => {
                : ''
          }
          {
-            resourceRoot.iotAuthWeb ?
+            resourceRoot.iotAuthWeb && !window.__MICRO_APP_ENVIRONMENT__ ?
                <iframe id="iotAuth" src={`${resourceRoot.iotAuthWeb}/cross`} style={{ position: 'absolute', top: 0, height: 1, visibility: 'hidden' }} frameBorder={0} >
                   <p>你的浏览器不支持 iframe。</p>
                </iframe>
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/auth/containers/login.jsx b/code/VideoAccess-VCMP/web/client/src/sections/auth/containers/login.jsx
index 01da4b8..8cf996a 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/auth/containers/login.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/sections/auth/containers/login.jsx
@@ -8,110 +8,112 @@ import { IconLock, IconUser } from '@douyinfe/semi-icons';
 import '../style.less'
 
 const Login = props => {
-    const { dispatch, user, error, actions, apiRoot, isRequesting } = props
-    const form = useRef();
+   const { dispatch, user, error, actions, apiRoot, isRequesting } = props
+   const form = useRef();
 
-    useEffect(() => {
-        if (error) {
-            Toast.error(error);
-            form.current.setValue('password', '')
-        }
-    }, [error])
+   useEffect(() => {
+      if (error) {
+         Toast.error(error);
+         form.current.setValue('password', '')
+      }
+   }, [error])
 
-    useEffect(() => {
-        if (user && user.authorized) {
+   useEffect(() => {
+      if (user && user.authorized) {
+         if (!window.__MICRO_APP_ENVIRONMENT__) {
             const iotAuth = document.getElementById('iotAuth').contentWindow;
             iotAuth.postMessage({ action: 'login', user: user }, '*');
-            dispatch(push('/equipmentWarehouse/nvr'));
-            localStorage.setItem('vcmp_selected_sider', JSON.stringify(['nvr']))
-            localStorage.setItem('vcmp_open_sider', JSON.stringify(['equipmentWarehouse']))
-        }
-    }, [user])
+         }
+         dispatch(push('/equipmentWarehouse/nvr'));
+         localStorage.setItem('vcmp_selected_sider', JSON.stringify(['nvr']))
+         localStorage.setItem('vcmp_open_sider', JSON.stringify(['equipmentWarehouse']))
+      }
+   }, [user])
 
-    return (
-        <div style={{
-            // height: '100vh',
-            //  backgroundImage: "url('/assets/images/background/loginBackground.gif')",
-            // backgroundSize: 'cover',
-            // backgroundRepeat: 'no-repeat',
-            // position: 'relative',
-        }}>
-            <video
-                autoPlay loop muted
-                style={{
-                    width: "100%", objectFit: "cover", objectPosition: 'left top', height: 'calc(100vh - 4px)'
-                }}
-                src="/assets/video/login_bg.mp4"
-                type="video/mp4"
-            />
-            <img src='/assets/images/background/loginBackground.gif' style={{
-                width: "100%",
-                height: 'calc(100vh - 4px)',
-                objectFit: "cover",
-                objectPosition: 'left top',
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                zIndex: "5"
-            }} />
-            <div style={{
-                width: 446,
-                height: 348,
-                padding: '45px 60px',
-                background: 'linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,.3))',
-                backdropFilter: "saturate(100%) contrast(100%) blur(17px)",
-                position: 'absolute',
-                top: '33.89%',
-                right: '16.43%',
-                zIndex: "6"
-            }}>
-                <div style={{ width: 113, height: 24, marginTop: 3, marginLeft: 5 }}>
-                    <img src="/assets/images/background/user_login.png" alt="" style={{ width: '100%', height: '100%' }} />
-                </div>
-                <Form
-                    onSubmit={values => {
-                        dispatch(login(values.username, values.password)).then(res => {
-                            const data = res.payload.user
-                            dispatch(actions.layout.initWebSocket({ ioUrl: apiRoot, token: data.token }))
-                        })
-                    }}
-                    getFormApi={formApi => form.current = formApi}
-                >
-                    <Form.Input
-                        className='inputbgc'
-                        field='username'
-                        noLabel={true}
-                        label='用户名'
-                        placeholder='请输入账号'
-                        prefix={<IconUser style={{ color: '#1859C1', marginRight: 14, marginLeft: 8 }} />}
-                        style={{ background: 'rgba(24, 89, 193, 0.08)', height: 40, marginTop: 26 }}
-                    />
-                    <Form.Input
-                        field='password'
-                        noLabel={true}
-                        mode="password"
-                        autoComplete=""
-                        placeholder='请输入密码'
-                        label='密码'
-                        prefix={<IconLock style={{ color: '#1859C1', marginRight: 14, marginLeft: 8 }} />}
-                        style={{ background: 'rgba(24, 89, 193, 0.08)', height: 40 }}
-                    />
-                    <Button htmlType='submit' block theme="solid" style={{ marginTop: 17, height: 40, backgroundColor: '#1859C1' }}>立即登录</Button>
-                </Form>
+   return (
+      <div style={{
+         // height: '100vh',
+         //  backgroundImage: "url('/assets/images/background/loginBackground.gif')",
+         // backgroundSize: 'cover',
+         // backgroundRepeat: 'no-repeat',
+         // position: 'relative',
+      }}>
+         <video
+            autoPlay loop muted
+            style={{
+               width: "100%", objectFit: "cover", objectPosition: 'left top', height: 'calc(100vh - 4px)'
+            }}
+            src="/assets/video/login_bg.mp4"
+            type="video/mp4"
+         />
+         <img src='/assets/images/background/loginBackground.gif' style={{
+            width: "100%",
+            height: 'calc(100vh - 4px)',
+            objectFit: "cover",
+            objectPosition: 'left top',
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            zIndex: "5"
+         }} />
+         <div style={{
+            width: 446,
+            height: 348,
+            padding: '45px 60px',
+            background: 'linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,.3))',
+            backdropFilter: "saturate(100%) contrast(100%) blur(17px)",
+            position: 'absolute',
+            top: '33.89%',
+            right: '16.43%',
+            zIndex: "6"
+         }}>
+            <div style={{ width: 113, height: 24, marginTop: 3, marginLeft: 5 }}>
+               <img src="/assets/images/background/user_login.png" alt="" style={{ width: '100%', height: '100%' }} />
             </div>
-        </div>
-    );
+            <Form
+               onSubmit={values => {
+                  dispatch(login(values.username, values.password)).then(res => {
+                     const data = res.payload.user
+                     dispatch(actions.layout.initWebSocket({ ioUrl: apiRoot, token: data.token }))
+                  })
+               }}
+               getFormApi={formApi => form.current = formApi}
+            >
+               <Form.Input
+                  className='inputbgc'
+                  field='username'
+                  noLabel={true}
+                  label='用户名'
+                  placeholder='请输入账号'
+                  prefix={<IconUser style={{ color: '#1859C1', marginRight: 14, marginLeft: 8 }} />}
+                  style={{ background: 'rgba(24, 89, 193, 0.08)', height: 40, marginTop: 26 }}
+               />
+               <Form.Input
+                  field='password'
+                  noLabel={true}
+                  mode="password"
+                  autoComplete=""
+                  placeholder='请输入密码'
+                  label='密码'
+                  prefix={<IconLock style={{ color: '#1859C1', marginRight: 14, marginLeft: 8 }} />}
+                  style={{ background: 'rgba(24, 89, 193, 0.08)', height: 40 }}
+               />
+               <Button htmlType='submit' block theme="solid" style={{ marginTop: 17, height: 40, backgroundColor: '#1859C1' }}>立即登录</Button>
+            </Form>
+         </div>
+      </div>
+   );
 }
 
 function mapStateToProps (state) {
-    const { auth, global } = state;
-    return {
-        user: auth.user,
-        error: auth.error,
-        actions: global.actions,
-        apiRoot: global.apiRoot,
-        isRequesting: auth.isRequesting
-    }
+   const { auth, global } = state;
+   return {
+      user: auth.user,
+      error: auth.error,
+      actions: global.actions,
+      apiRoot: global.apiRoot,
+      isRequesting: auth.isRequesting
+   }
 }
 
 export default connect(mapStateToProps)(Login);
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/openness/actions/mirroring.js b/code/VideoAccess-VCMP/web/client/src/sections/openness/actions/mirroring.js
index 39b49a5..c557566 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/openness/actions/mirroring.js
+++ b/code/VideoAccess-VCMP/web/client/src/sections/openness/actions/mirroring.js
@@ -1,111 +1,124 @@
 "use strict";
 
-import { ApiTable,basicAction } from "$utils";
+import { ApiTable, basicAction } from "$utils";
 
-export function getCamera(query) {
-  return (dispatch) =>
-    basicAction({
-      type: "get",
-      dispatch: dispatch,
-      actionType: "GET_CAMREA",
-      query: query,
-      url: `${ApiTable.getCamera}`,
-      msg: { option: "获取摄像头列表信息" },
-      reducer: { name: "equipmentWarehouseCamera", params: { noClear: true } },
-    });
+export function getCamera (query) {
+   return (dispatch) =>
+      basicAction({
+         type: "get",
+         dispatch: dispatch,
+         actionType: "GET_CAMREA",
+         query: query,
+         url: `${ApiTable.getCamera}`,
+         msg: { option: "获取摄像头列表信息" },
+         reducer: { name: "equipmentWarehouseCamera", params: { noClear: true } },
+      });
 }
-export function getCameraListAll() {//获取摄像头能力列表
-    return (dispatch) =>
+export function getCameraListAll () {//获取摄像头能力列表
+   return (dispatch) =>
       basicAction({
-        type: "get",
-        dispatch: dispatch,
-        actionType: "GET_CAMERA_LIST_ALL",
-        url: `${ApiTable.getCameraListAll}`,
-        msg: { option: "" }, 
-        reducer: { name: "" },
-    });
+         type: "get",
+         dispatch: dispatch,
+         actionType: "GET_CAMERA_LIST_ALL",
+         url: `${ApiTable.getCameraListAll}`,
+         msg: { option: "" },
+         reducer: { name: "" },
+      });
 }
-export function getMirrorList() {//获取摄像头能力列表
-    return (dispatch) =>
+export function getMirrorList () {//获取镜像信息列表
+   return (dispatch) =>
       basicAction({
-        type: "get",
-        dispatch: dispatch,
-        actionType: "GET_MIRROR_LIST",
-        url: `${ApiTable.getMirrorList}`,
-        msg: { option: "" }, 
-        reducer: { name: "" },
-    });
+         type: "get",
+         dispatch: dispatch,
+         actionType: "GET_MIRROR_LIST",
+         url: `${ApiTable.getMirrorList}`,
+         msg: { option: "" },
+         reducer: { name: "" },
+      });
 }
-export function delMirror(orgId) {//删除镜像信息
-    return (dispatch) =>
+export function delMirror (orgId) {//删除镜像信息
+   return (dispatch) =>
       basicAction({
-        type: "del",
-        dispatch: dispatch,
-        actionType: "DEL_MIRROR",
-        url: `${ApiTable.delMirror.replace("{mirrorId}", orgId)}`,
-        msg: {
-          option:
-            "删除镜像信息",
-        },
-        reducer: { name: "" },
-    });
+         type: "del",
+         dispatch: dispatch,
+         actionType: "DEL_MIRROR",
+         url: `${ApiTable.delMirror.replace("{mirrorId}", orgId)}`,
+         msg: {
+            option:
+               "删除镜像信息",
+         },
+         reducer: { name: "" },
+      });
 }
-export function putMirrorCopy(orgId) { //编辑推送配置
-    return (dispatch) =>
+export function putMirrorCopy (orgId) { //编辑推送配置
+   return (dispatch) =>
       basicAction({
-        type: "put",
-        dispatch: dispatch,
-        actionType: "PUT_MIRROR_COPY",
-        url: `${ApiTable.putMirrorCopy.replace("{mirrorId}", orgId)}`,
-        msg: { option: '复制镜像信息' },
-        reducer: {},
-    });
+         type: "put",
+         dispatch: dispatch,
+         actionType: "PUT_MIRROR_COPY",
+         url: `${ApiTable.putMirrorCopy.replace("{mirrorId}", orgId)}`,
+         msg: { option: '复制镜像信息' },
+         reducer: {},
+      });
 }
-export function putMirrorPublish(orgId) { //编辑推送配置
-    return (dispatch) =>
+export function putMirrorPublish (orgId) { //编辑推送配置
+   return (dispatch) =>
       basicAction({
-        type: "put",
-        dispatch: dispatch,
-        actionType: "PUT_MIRROR_PUBLISH",
-        url: `${ApiTable.putMirrorPublish.replace("{mirrorId}", orgId)}`,
-        msg: { option: '发布镜像信息' },
-        reducer: {},
-    });
+         type: "put",
+         dispatch: dispatch,
+         actionType: "PUT_MIRROR_PUBLISH",
+         url: `${ApiTable.putMirrorPublish.replace("{mirrorId}", orgId)}`,
+         msg: { option: '发布镜像信息' },
+         reducer: {},
+      });
 }
 
-export function getMirrorDetail(orgId) {//获取摄像头能力列表
-    return (dispatch) =>
+export function getMirrorDetail (orgId) {//获取摄像头能力列表
+   return (dispatch) =>
       basicAction({
-        type: "get",
-        dispatch: dispatch,
-        actionType: "GET_MIRROR",
-        url: `${ApiTable.getMirror.replace("{mid}", orgId)}`,
-        msg: { option: "" }, 
-        reducer: { name: "" },
-    });
+         type: "get",
+         dispatch: dispatch,
+         actionType: "GET_MIRROR",
+         url: `${ApiTable.getMirror.replace("{mid}", orgId)}`,
+         msg: { option: "" },
+         reducer: { name: "" },
+      });
 }
-export function putMirror(data) { //编辑推送配置
-    return (dispatch) =>
+export function putMirror (data) { //编辑推送配置
+   return (dispatch) =>
       basicAction({
-        type: "put",
-        dispatch: dispatch,
-        data,
-        actionType: "PUT_MIRROR",
-        url: `${ApiTable.putMirror}`,
-        msg: { option: '编辑镜像信息' },
-        reducer: {},
-    });
+         type: "put",
+         dispatch: dispatch,
+         data,
+         actionType: "PUT_MIRROR",
+         url: `${ApiTable.putMirror}`,
+         msg: { option: '编辑镜像信息' },
+         reducer: {},
+      });
 }
 
-export function getErrorCode(query) {//查取指定状态码信息
+export function getErrorCode (query) {//查取指定状态码信息
    return (dispatch) =>
-     basicAction({
-       type: "get",
-       dispatch: dispatch,
-       query,
-       actionType: "GET_ERRORCODE",
-       url: `${ApiTable.getErrorCode}`,
-       msg: { option: "" }, 
-       reducer: { name: "" },
-   });
+      basicAction({
+         type: "get",
+         dispatch: dispatch,
+         query,
+         actionType: "GET_ERRORCODE",
+         url: `${ApiTable.getErrorCode}`,
+         msg: { option: "" },
+         reducer: { name: "" },
+      });
 }
+
+
+export function getMirrorMid (orgId) {//获取指定镜像信息
+   return (dispatch) =>
+      basicAction({
+         type: "get",
+         dispatch: dispatch,
+         actionType: "GET_MIRRORMID",
+         url: `${ApiTable.getMirrorMid.replace("{mid}", orgId)}`,
+         msg: { option: "" },
+         reducer: { name: "" },
+      })
+}
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/openness/components/container.jsx b/code/VideoAccess-VCMP/web/client/src/sections/openness/components/container.jsx
index 294dd77..3ab6a05 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/openness/components/container.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/sections/openness/components/container.jsx
@@ -40,7 +40,7 @@ const Container = ({ videoObj, pageSize, showHeader, videoPlay, mould }) => {
                videoStyle='true'
                containerId={videoObj.key}
                local={true} /> :
-            <img src={`/assets/images/openness/${pageSize == 1 || pageSize == 4 ? mould('blue2', 'white2', 'black2') : mould('blue1.5', 'white1.5', 'black1.5')}.png`} style={{
+            <img src={`${__webpack_public_path__}assets/images/openness/${pageSize == 1 || pageSize == 4 ? mould('blue2', 'white2', 'black2') : mould('blue1.5', 'white1.5', 'black1.5')}.png`} style={{
                display: 'inline-block', width: videoWidth - 10, height: videoHeight - 30,
             }} /> : ""}
          <div style={{ lineHeight: '30px', paddingLeft: 6, color: mould('#FFFFFF', '#615E5E', '#FFFFFF') }}>{videoObj?.label}</div>
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/openness/components/videoScreen.jsx b/code/VideoAccess-VCMP/web/client/src/sections/openness/components/videoScreen.jsx
index dae2ea7..f71c0e4 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/openness/components/videoScreen.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/sections/openness/components/videoScreen.jsx
@@ -9,8 +9,8 @@ import PerfectScrollbar from "perfect-scrollbar";
 let timing
 let projectScrollbar;
 const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, showHeader }) => {
-   // console.log({ 视频: treeData });
-   // console.log(filterGroup);
+   // console.log('视频信息', treeData);
+   // console.log('筛选组', filterGroup);
    // console.log(headerName);
    // console.log(videoPlay);
    // console.log(template);
@@ -57,50 +57,6 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
    //             }
    //          },
    //       ]
-   //    },
-   //    {
-   //       label: '外部',
-   //       value: '外部',
-   //       key: '25425425',
-   //       children: [
-   //          {
-   //             label: '水库',
-   //             value: '水库',
-   //             key: '2542542542542',
-   //             children: [
-   //                {
-   //                   label: '房子',
-   //                   value: '房子',
-   //                   key: '2542542542542',
-   //                   videoData: {
-   //                      channelNo: null,
-   //                      content: ['5442542542', '452345', '234524525'],
-   //                      serialNo: "G56384764",
-   //                      type: "yingshi",
-   //                      yingshiToken: "at.c7dnknnvd4irh8zddul3dgkpb4f3oz83-4n6u7zv8st-1gxz7ny-lgffyh25z",
-   //                   }
-   //                },
-   //             ]
-   //          },
-   //       ]
-   //    }, {
-   //       label: '外',
-   //       value: '外',
-   //       key: '0-3',
-   //       children: [
-   //          {
-   //             label: '库',
-   //             value: '库',
-   //             key: '0-3-1',
-   //             children: [
-   //                {
-   //                   label: '子',
-   //                   value: '子',
-   //                   key: '0-3-1-1',
-   //                },
-   //             ]
-   //          },
-   //       ]
    //    }]
 
    const [pageSize, setPageSize] = useState(4) //每页视频数量
@@ -215,7 +171,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
             setSelectAll(true)
          }
       }
-   
+
    }, [leftValue])  //树状勾选结果
 
    useEffect(() => {
@@ -356,7 +312,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
             className={template}
             style={{
                width: '100%', height: '100%',
-               background: `url(/assets/images/application/${mould('buleBackground', "whiteBackground", "blackBackground")}.png)`,
+               background: `url(${__webpack_public_path__}assets/images/application/${mould('buleBackground', "whiteBackground", "blackBackground")}.png)`,
                color: '#FFFFFF',
                //  minWidth: 1000,
             }}>
@@ -375,7 +331,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
                   color: mould('#FFFFFF', 'rgba(0,0,0,0.65)', '#FFFFFF'),
                   lineHeight: '70px',
                   letterSpacing: '5px',
-                  background: `url(/assets/images/application/${mould('buletitleBottom', "whitetitleBottom", "blacktitleBottom")}.png)`,
+                  background: `url(${__webpack_public_path__}assets/images/application/${mould('buletitleBottom', "whitetitleBottom", "blacktitleBottom")}.png)`,
                   backgroundSize: '100% 100%',
                }} >{headerName}</div>
             </div> : ""}
@@ -581,7 +537,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
                      </div>
                      {/* 视频设置 */}
                      <div style={{
-                       marginTop:5, width: 64, height: 476, background: mould('#01185F', ' linear-gradient(197deg, rgba(255,255,255,0.65) 0%, #E4E4E4 100%)', 'linear-gradient(216deg, #979797 0%, #BEBEBE 53%, #969696 100%)'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28,96,254,0.4000)', 'rgba(97,94,94,0.5)', 'rgba(132,132,132,0.5)')}`, borderRadius: ' 1px', textAlign: 'center',
+                        marginTop: 5, width: 64, height: 476, background: mould('#01185F', ' linear-gradient(197deg, rgba(255,255,255,0.65) 0%, #E4E4E4 100%)', 'linear-gradient(216deg, #979797 0%, #BEBEBE 53%, #969696 100%)'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28,96,254,0.4000)', 'rgba(97,94,94,0.5)', 'rgba(132,132,132,0.5)')}`, borderRadius: ' 1px', textAlign: 'center',
                      }}>
                         {[{ img: mould('blueGongge', 'whiteGongge', 'blackGongge'), value: '宫格设置', screen: [{ img: mould('blueScreen1', 'whiteScreen1', 'blackScreen1'), value: '单屏' }, { img: mould('blueScreen4', 'whiteScreen4', 'blackScreen4'), value: '4分屏' }, { img: mould('blueScreen6', 'whiteScreen6', 'blackScreen6'), value: '6分屏' }, { img: mould('blueScreen12', 'whiteScreen12', 'blackScreen12'), value: '12分屏' },] },
                         { img: mould('bluePolling', 'whitePolling', 'blackPolling'), value: '轮询设置', },
@@ -597,7 +553,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
                                           return <div style={{ height: 69, background: mould('#01185F', 'linear-gradient(245deg, #FFFFFF 0%, #EAEBEC 100%)', 'linear-gradient(311deg, #9D9D9D 0%, #8C8C8C 50%, #7E7E7E 100%)'), boxShadow: `inset 0px 0px 5px 1px ${mould('rgba(28,96,254,0.2500)', 'rgba(97,94,94,0.39)', 'rgba(132,132,132,0.5)')}`, display: 'flex', justifyContent: 'space-evenly', alignItems: 'center' }}>
                                              {v.screen.map((item) => {
                                                 return <div key={item.img} onClick={() => { flipScreens(item.value); setMultiScreen(item.value) }}>
-                                                   <img src={`/assets/images/application/${item.img}.png`} alt="" style={{ width: 40, height: 40, }} />
+                                                   <img src={`${__webpack_public_path__}assets/images/application/${item.img}.png`} alt="" style={{ width: 40, height: 40, }} />
                                                    <div style={{ width: 40, fontWeight: 400, color: mould('#D9D9D9', '#615E5E', '#D9D9D9'), fontSize: 12, textAlign: 'center' }}>{item.value}</div>
                                                 </div>
                                              })}
@@ -623,7 +579,7 @@ const VideoScreen = ({ treeData, filterGroup, videoPlay, template, headerName, s
                                     }
                                  }}
                               >
-                                 <img src={`/assets/images/application/${v.img}.png`} alt="" style={{ width: 54, height: 54, margin: '20px 0 0px 10px' }}
+                                 <img src={`${__webpack_public_path__}assets/images/application/${v.img}.png`} alt="" style={{ width: 54, height: 54, margin: '20px 0 0px 10px' }}
                                     onClick={() => {
                                        if (v.value == '背投') document.getElementById('rearProjection').requestFullscreen()
                                     }} />
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/callService.jsx b/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/callService.jsx
new file mode 100644
index 0000000..58eecaf
--- /dev/null
+++ b/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/callService.jsx
@@ -0,0 +1,76 @@
+import React, { useEffect, useState } from 'react';
+import { connect } from 'react-redux';
+import { tree } from './mirroringDetail';
+import VideoScreen from '../components/videoScreen';
+
+
+
+
+const CallService = (props) => {
+   const { dispatch, actions, user } = props
+   const [treeData, setTreeData] = useState([])   //树形控件数据
+   const [headerName, setHeaderName] = useState('dfvbfdbe')
+   const [showHeader, setShowHeader] = useState(true)  //是否展示头部
+   const [filterGroup, setFilterGroup] = useState([])    //筛选项数据
+   const [template, setTemplate] = useState('')   //主题颜色
+   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) => {
+               if (r?.success) {
+                  let data = r?.payload?.data || {}
+
+                  let filterGrouplist =data.filterGroup
+                  for (let i = 0; i < filterGrouplist.length; i++) {
+                      filterGrouplist[i].num = i
+                      if (filterGrouplist[i].filters.length > 0) {
+                          for (let j = 0; j < filterGrouplist[i].filters.length; j++) {
+                              filterGrouplist[i].filters[j].num = j
+                          }
+                      }
+                  }
+                  setTreeData(tree(data.tree))
+                  setHeaderName(data.title)
+                  setShowHeader(data.showHeader)
+                  setFilterGroup(filterGrouplist)
+                  setTemplate(data.template)
+               }
+            })
+         } else {
+            dispatch(push('/callService'));
+         }
+      })
+
+   }, [])
+
+   return (
+      <div style={{ width: '100%', height: '100%' }}>
+
+         {treeData ? <VideoScreen
+            treeData={treeData}
+            headerName={headerName}
+            showHeader={showHeader}
+            filterGroup={filterGroup}
+            template={template}
+            videoPlay={videoPlay} /> : ""}
+      </div>
+   )
+}
+
+function mapStateToProps (state) {
+   const { auth, global, members } = state;
+   console.log('ccccccccccc', state)
+   return {
+      loading: members.isRequesting,
+      user: auth.user,
+      actions: global.actions,
+      global: global,
+      members: members.data,
+   };
+}
+
+export default connect(mapStateToProps)(CallService);
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/index.js b/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/index.js
index 5d62cd6..3f4cc6f 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/index.js
+++ b/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/index.js
@@ -2,5 +2,6 @@
 
 import Mirroring from './mirroring';
 import MirroringDetail from './mirroringDetail';
+import CallService from './callService';
 
-export { Mirroring,MirroringDetail};
\ No newline at end of file
+export { Mirroring,MirroringDetail,CallService};
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/mirroringDetail.jsx b/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/mirroringDetail.jsx
index da1366c..09e3295 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/mirroringDetail.jsx
+++ b/code/VideoAccess-VCMP/web/client/src/sections/openness/containers/mirroringDetail.jsx
@@ -5,6 +5,56 @@ import { Tree, Popconfirm, Typography, Input, Switch, Modal, Checkbox, CheckboxG
 import VideoScreen from '../components/videoScreen';
 import { set } from 'nprogress';
 
+export const tree= (res)=>{
+   let mytreeData = res
+   for (let i = 0; i < mytreeData.length; i++) {//第一层
+       mytreeData[i].value = mytreeData[i].key
+       for (let j = 0; j < mytreeData[i].children.length; j++) {//第二层
+           mytreeData[i].children[j].value = mytreeData[i].children[j].key
+           if (mytreeData[i].children[j].camera) {
+               if (mytreeData[i].children[j].camera.type == 'yingshi') {
+                   mytreeData[i].children[j].camera.content = mytreeData[i].children[j].camera.cameraRemarks.map(v => v.remark),
+                       mytreeData[i].children[j].camera.yingshiToken = mytreeData[i].children[j].camera.secretYingshi.token
+               }
+               else {
+                   mytreeData[i].children[j].camera.content = mytreeData[i].children[j].camera.cameraRemarks.map(v => v.remark),
+                       mytreeData[i].children[j].camera.yingshiToken = null
+               }
+           }
+           else {
+               for (let k = 0; k < mytreeData[i].children[j].children.length; k++) {//第三层
+                   mytreeData[i].children[j].children[k].value = mytreeData[i].children[j].children[k].key
+                   if (mytreeData[i].children[j].children[k].camera) {
+                       if (mytreeData[i].children[j].children[k].camera.type == 'yingshi') {
+                           mytreeData[i].children[j].children[k].camera.content = mytreeData[i].children[j].children[k].camera.cameraRemarks.map(v => v.remark),
+                               mytreeData[i].children[j].children[k].camera.yingshiToken = mytreeData[i].children[j].children[k].camera.secretYingshi.token
+                       }
+                       else {
+                           mytreeData[i].children[j].children[k].camera.content = mytreeData[i].children[j].children[k].camera.cameraRemarks.map(v => v.remark),
+                               mytreeData[i].children[j].children[k].camera.yingshiToken = null
+                       }
+                   }
+                   else {
+                       for (let l = 0; l < mytreeData[i].children[j].children[k].children.length; l++) {
+                           mytreeData[i].children[j].children[k].children[l].value = mytreeData[i].children[j].children[k].children[l].key
+                           if (mytreeData[i].children[j].children[k].children[l].camera) {
+                               if (mytreeData[i].children[j].children[k].children[l].camera.type == 'yingshi') {
+                                   mytreeData[i].children[j].children[k].children[l].camera.content = mytreeData[i].children[j].children[k].children[l].camera.cameraRemarks.map(v => v.remark),
+                                       mytreeData[i].children[j].children[k].children[l].camera.yingshiToken = mytreeData[i].children[j].children[k].children[l].camera.secretYingshi.token
+                               }
+                               else {
+                                   mytreeData[i].children[j].children[k].children[l].camera.content = mytreeData[i].children[j].children[k].children[l].camera.cameraRemarks.map(v => v.remark),
+                                       mytreeData[i].children[j].children[k].children[l].camera.yingshiToken = null
+                               }
+                           }
+                       }
+                   }
+               }
+           }
+       }
+   }
+   return mytreeData
+}
 
 const MirroringDetail = (props) => {
     const { history, dispatch, actions, user, loading, StatusPushList } = props;
@@ -32,54 +82,9 @@ const MirroringDetail = (props) => {
                 setMirrorId(res.payload.data.id);//id
                 setShowHeader(res.payload.data.showHeader);
                 setHeaderName(res.payload.data.title);
-                let mytreeData = res.payload.data.tree
-                for (let i = 0; i < mytreeData.length; i++) {//第一层
-                    mytreeData[i].value = mytreeData[i].key
-                    for (let j = 0; j < mytreeData[i].children.length; j++) {//第二层
-                        mytreeData[i].children[j].value = mytreeData[i].children[j].key
-                        if (mytreeData[i].children[j].camera) {
-                            if (mytreeData[i].children[j].camera.type == 'yingshi') {
-                                mytreeData[i].children[j].camera.content = mytreeData[i].children[j].camera.cameraRemarks.map(v => v.remark),
-                                    mytreeData[i].children[j].camera.yingshiToken = mytreeData[i].children[j].camera.secretYingshi.token
-                            }
-                            else {
-                                mytreeData[i].children[j].camera.content = mytreeData[i].children[j].camera.cameraRemarks.map(v => v.remark),
-                                    mytreeData[i].children[j].camera.yingshiToken = null
-                            }
-                        }
-                        else {
-                            for (let k = 0; k < mytreeData[i].children[j].children.length; k++) {//第三层
-                                mytreeData[i].children[j].children[k].value = mytreeData[i].children[j].children[k].key
-                                if (mytreeData[i].children[j].children[k].camera) {
-                                    if (mytreeData[i].children[j].children[k].camera.type == 'yingshi') {
-                                        mytreeData[i].children[j].children[k].camera.content = mytreeData[i].children[j].children[k].camera.cameraRemarks.map(v => v.remark),
-                                            mytreeData[i].children[j].children[k].camera.yingshiToken = mytreeData[i].children[j].children[k].camera.secretYingshi.token
-                                    }
-                                    else {
-                                        mytreeData[i].children[j].children[k].camera.content = mytreeData[i].children[j].children[k].camera.cameraRemarks.map(v => v.remark),
-                                            mytreeData[i].children[j].children[k].camera.yingshiToken = null
-                                    }
-                                }
-                                else {
-                                    for (let l = 0; l < mytreeData[i].children[j].children[k].children.length; l++) {
-                                        mytreeData[i].children[j].children[k].children[l].value = mytreeData[i].children[j].children[k].children[l].key
-                                        if (mytreeData[i].children[j].children[k].children[l].camera) {
-                                            if (mytreeData[i].children[j].children[k].children[l].camera.type == 'yingshi') {
-                                                mytreeData[i].children[j].children[k].children[l].camera.content = mytreeData[i].children[j].children[k].children[l].camera.cameraRemarks.map(v => v.remark),
-                                                    mytreeData[i].children[j].children[k].children[l].camera.yingshiToken = mytreeData[i].children[j].children[k].children[l].camera.secretYingshi.token
-                                            }
-                                            else {
-                                                mytreeData[i].children[j].children[k].children[l].camera.content = mytreeData[i].children[j].children[k].children[l].camera.cameraRemarks.map(v => v.remark),
-                                                    mytreeData[i].children[j].children[k].children[l].camera.yingshiToken = null
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-                setTreeData(mytreeData);
+              
+                let mytreeDatas= tree(res.payload.data.tree)
+                setTreeData(mytreeDatas);
             })
         }
         equipmentGetCamera();
diff --git a/code/VideoAccess-VCMP/web/client/src/sections/openness/routes.js b/code/VideoAccess-VCMP/web/client/src/sections/openness/routes.js
index 74c3a0d..2c8d2dd 100644
--- a/code/VideoAccess-VCMP/web/client/src/sections/openness/routes.js
+++ b/code/VideoAccess-VCMP/web/client/src/sections/openness/routes.js
@@ -1,5 +1,5 @@
 'use strict';
-import { Mirroring,MirroringDetail } from './containers';
+import { Mirroring,MirroringDetail,CallService } from './containers';
 
 export default [{
    type: 'inner',
@@ -22,4 +22,11 @@ export default [{
        key: 'MirroringDetail',
        component: MirroringDetail,
     }
+},{
+   type: 'outer',
+   route: {
+      path: '/callService',
+      key: 'CallService',
+      component: CallService,
+   }
 }];
\ No newline at end of file
diff --git a/code/VideoAccess-VCMP/web/client/src/utils/webapi.js b/code/VideoAccess-VCMP/web/client/src/utils/webapi.js
index 944f6c7..7359ab8 100644
--- a/code/VideoAccess-VCMP/web/client/src/utils/webapi.js
+++ b/code/VideoAccess-VCMP/web/client/src/utils/webapi.js
@@ -77,6 +77,8 @@ export const ApiTable = {
    putMirrorPublish: 'mirror/{mirrorId}/publish',   //发布镜像信息
    getMirror: 'mirror/{mid}',   //获取指定镜像信息
    putMirror: 'mirror',   //编辑镜像信息
+   getMirrorMid:'mirror/{mid}' ,   //获取指定镜像信息
+
 
 };