处理外网端口映射无法跳转的问题

zhangzengfei

2020-09-17 d4cd7df0bd1484c31e37bcb0642e89ecdcf7ab29

 src/pages/settings/components/BasicSetting.vue

@@ -76,7 +76,7 @@
            <template slot="title">
              <b class="tree-font">详细信息</b>
            </template>
            <el-menu-item-group class="item-group">
            <el-menu-item-group class="item-group desc-info">
              <el-row :gutter="gutter">
                <el-col :span="12" class="flex-box">
                  <div class="xiangqin-label">ID</div>
@@ -256,7 +256,7 @@
      <el-tab-pane label="集群管理" name="third">
        <cluster-management></cluster-management>
      </el-tab-pane>
      <el-tab-pane label="外部网络" name="fourth">
      <el-tab-pane label="外部访问" name="fourth">
        <el-menu
          :default-openeds="openeds"
          background-color="#fff"
@@ -294,22 +294,7 @@
              </el-form>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="1">
            <template slot="title">
              <b class="tree-font">外部访问列表</b>
            </template>
            <el-menu-item-group class="item-group">
              <div>
                <el-table :data="ipServer.fileTable" border fit style="width: 100%">
                  <el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
                  <el-table-column prop="date" label="名称" align="center"></el-table-column>
                  <el-table-column prop="name" label="ID" align="center"></el-table-column>
                  <el-table-column prop="name" label="IP" align="center"></el-table-column>
                  <el-table-column prop="name" label="在线状态" align="center"></el-table-column>
                </el-table>
              </div>
            </el-menu-item-group>
          </el-submenu>
        
        </el-menu>
      </el-tab-pane>
      <el-tab-pane label="权限管理" name="user">
@@ -461,29 +446,6 @@
        ip: "",
        localhost: "",
        localFilePort: "",
        fileTable: [
          {
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄',
            edit: false
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄',
            edit: false
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄',
            edit: false
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄',
            edit: false
          }
        ]
      },
      locationCity: {
        province: '',
@@ -971,6 +933,16 @@
    width: 300px;
  }
}
.desc-info{
  margin-bottom: 14px;
  .flex-box{
    height: 40px;
    line-height: 40px;
    .xiangqin-label{
      width: 80px;
    }
  }
}
.menu-css,
.el-menu {
  border-right: none;