7x31
/
anylink
mirror of https://github.com/bjdgyc/anylink.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

解决大量路由导致弹窗卡顿的问题（当点击“路由设置”时，才加载路由）

This commit is contained in:
lanrenwo 2023-12-04 13:08:37 +08:00
parent 5d24eda7fc
commit 3d03f6adb8
1 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
web/src/pages/group/List.vue
View File

@ -291,19 +291,21 @@
@click.prevent="openIpListDialog('route_include')"></el-button> @click.prevent="openIpListDialog('route_include')"></el-button>
</el-col> </el-col>
</el-row> </el-row>
<el-row v-for="(item,index) in ruleForm.route_include" <templete v-if="activeTab == 'route'">
:key="index" style="margin-bottom: 5px" :gutter="10"> <el-row v-for="(item,index) in ruleForm.route_include"
<el-col :span="10"> :key="index" style="margin-bottom: 5px" :gutter="10">
<el-input v-model="item.val"></el-input> <el-col :span="10">
</el-col> <el-input v-model="item.val"></el-input>
<el-col :span="12"> </el-col>
<el-input v-model="item.note" placeholder="备注"></el-input> <el-col :span="12">
</el-col> <el-input v-model="item.note" placeholder="备注"></el-input>
<el-col :span="2"> </el-col>
<el-button size="mini" type="danger" icon="el-icon-minus" circle <el-col :span="2">
@click.prevent="removeDomain(ruleForm.route_include,index)"></el-button> <el-button size="mini" type="danger" icon="el-icon-minus" circle
</el-col> @click.prevent="removeDomain(ruleForm.route_include,index)"></el-button>
</el-row> </el-col>
</el-row>
</templete>
</el-form-item> </el-form-item>
<el-form-item label="排除路由" prop="route_exclude"> <el-form-item label="排除路由" prop="route_exclude">
@ -318,19 +320,21 @@
@click.prevent="openIpListDialog('route_exclude')"></el-button> @click.prevent="openIpListDialog('route_exclude')"></el-button>
</el-col> </el-col>
</el-row> </el-row>
<el-row v-for="(item,index) in ruleForm.route_exclude" <templete v-if="activeTab == 'route'">
:key="index" style="margin-bottom: 5px" :gutter="10"> <el-row v-for="(item,index) in ruleForm.route_exclude"
<el-col :span="10"> :key="index" style="margin-bottom: 5px" :gutter="10">
<el-input v-model="item.val"></el-input> <el-col :span="10">
</el-col> <el-input v-model="item.val"></el-input>
<el-col :span="12"> </el-col>
<el-input v-model="item.note" placeholder="备注"></el-input> <el-col :span="12">
</el-col> <el-input v-model="item.note" placeholder="备注"></el-input>
<el-col :span="2"> </el-col>
<el-button size="mini" type="danger" icon="el-icon-minus" circle <el-col :span="2">
@click.prevent="removeDomain(ruleForm.route_exclude,index)"></el-button> <el-button size="mini" type="danger" icon="el-icon-minus" circle
</el-col> @click.prevent="removeDomain(ruleForm.route_exclude,index)"></el-button>
</el-row> </el-col>
</el-row>
</templete>
</el-form-item> </el-form-item>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="权限控制" name="link_acl"> <el-tab-pane label="权限控制" name="link_acl">
@ -341,8 +345,8 @@
<el-button size="mini" type="success" icon="el-icon-plus" circle <el-button size="mini" type="success" icon="el-icon-plus" circle
@click.prevent="addDomain(ruleForm.link_acl)"></el-button> @click.prevent="addDomain(ruleForm.link_acl)"></el-button>
</el-col> </el-col>
</el-row> </el-row>
<el-row v-for="(item,index) in ruleForm.link_acl" <el-row v-for="(item,index) in ruleForm.link_acl"
:key="index" style="margin-bottom: 5px" :gutter="5"> :key="index" style="margin-bottom: 5px" :gutter="5">
<el-col :span="11"> <el-col :span="11">