1.重构全局页面结构，从之前每个页面独立绘制改为路由嵌套 2.全局页面样式优化，如滚动条、标题栏等

xiaoxie

2022-04-21 fb843d41c1e186b2109bfeea73509cad2b135cdc

 web_src/src/components/StreamProxyList.vue

@@ -1,16 +1,11 @@
<template>
   <div id="streamProxyList">
      <el-container>
         <el-header>
            <uiHeader></uiHeader>
         </el-header>
         <el-main>
            <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
               <span style="font-size: 1rem; font-weight: bold;">拉流代理列表</span>
            </div>
            <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;font-size: 14px;">
   <div id="streamProxyList" style="width: 100%">
    <div class="page-header">
      <div class="page-title">拉流代理列表</div>
      <div class="page-header-btn">
               <el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="addStreamProxy">添加代理</el-button>
               <el-button v-if="false" icon="el-icon-search" size="mini" style="margin-right: 1rem;" type="primary" @click="addOnvif">搜索ONVIF</el-button>
      </div>
            </div>
            <devicePlayer ref="devicePlayer"></devicePlayer>
            <el-table :data="streamProxyList" border style="width: 100%" :height="winHeight">
@@ -108,8 +103,6 @@
            </el-pagination>
         <streamProxyEdit ref="streamProxyEdit" ></streamProxyEdit>
         <onvifEdit ref="onvifEdit" ></onvifEdit>
         </el-main>
      </el-container>
   </div>
</template>

@@ -117,7 +110,7 @@
   import streamProxyEdit from './dialog/StreamProxyEdit.vue'
   import onvifEdit from './dialog/onvifEdit.vue'
   import devicePlayer from './dialog/devicePlayer.vue'
   import uiHeader from './UiHeader.vue'
   import uiHeader from '../layout/UiHeader.vue'
   export default {
      name: 'streamProxyList',
      components: {