| | |
| | | style="width: 200px" |
| | | v-model="queryInfo.ip" |
| | | :placeholder="$t('operatManage.BWL.blackListIPHolder')" |
| | | /> |
| | | > |
| | | <i slot="suffix" class="el-icon-search" @click="queryBlackInfo"></i> |
| | | </el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item--> |
| | | <!-- :label="$t('operatManage.BWL.interceptionNumber')"--> |
| | |
| | | <!-- </el-form-item>--> |
| | | </div> |
| | | <div> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | @click="queryBlackInfo()" |
| | | size="small" |
| | | icon="el-icon-search" |
| | | >{{ $t("operatManage.BWL.search") }} |
| | | </el-button> |
| | | </el-form-item> |
| | | <!-- <el-form-item>--> |
| | | <!-- <el-button--> |
| | | <!-- type="primary"--> |
| | | <!-- @click="queryBlackInfo()"--> |
| | | <!-- size="small"--> |
| | | <!-- icon="el-icon-search"--> |
| | | <!-- >{{ $t("operatManage.BWL.search") }}--> |
| | | <!-- </el-button>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item> |
| | | <el-button |
| | | icon="el-icon-edit" |
| | |
| | | <div class="table_box subpage_Div" :style="styleVar"> |
| | | <el-table |
| | | :data="BTableData" |
| | | border |
| | | @selection-change="blackSelectionChange" |
| | | style="width: 100%" |
| | | height="calc(100% - 45px)" |
| | |
| | | style="width: 200px" |
| | | v-model="queryInfo.ip" |
| | | :placeholder="$t('operatManage.BWL.whiteListIPHolder')" |
| | | /> |
| | | > |
| | | <i slot="suffix" class="el-icon-search" @click="queryWhiteInfo"></i> |
| | | </el-input> |
| | | </el-form-item> |
| | | <!-- <el-form-item--> |
| | | <!-- :label="$t('operatManage.BWL.interceptionNumber')"--> |
| | |
| | | <!-- </el-form-item>--> |
| | | </div> |
| | | <div> |
| | | <!-- <el-form-item>--> |
| | | <!-- <el-button size="small" type="primary" @click="queryWhiteInfo"--> |
| | | <!-- ><i class="el-icon-search"></i> {{--> |
| | | <!-- $t("operatManage.BWL.search")--> |
| | | <!-- }}</el-button--> |
| | | <!-- >--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item> |
| | | <el-button |
| | | @click="resetForm('queryInfo')" |
| | | type="info" |
| | | size="small" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t("operatManage.BWL.reset") |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button size="small" type="primary" @click="queryWhiteInfo" |
| | | ><i class="el-icon-search"></i> {{ |
| | | $t("operatManage.BWL.search") |
| | | }}</el-button |
| | | type="success" |
| | | size="small" |
| | | icon="el-icon-edit" |
| | | v-if="menuStatus.insert" |
| | | @click="showInsertdialog(2)" |
| | | >{{ $t("common.append") }}</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button |
| | | type="success" |
| | | size="small" |
| | | icon="el-icon-edit" |
| | | v-if="menuStatus.insert" |
| | | @click="showInsertdialog(2)" |
| | | >{{ $t("common.append") }}</el-button |
| | | @click="resetForm('queryInfo')" |
| | | type="info" |
| | | size="small" |
| | | ><i class="el-icon-delete"></i> {{ |
| | | $t("operatManage.BWL.reset") |
| | | }}</el-button |
| | | > |
| | | </el-form-item> |
| | | </div> |
| | |
| | | <div class="table_box subpage_Div" :style="styleVar"> |
| | | <el-table |
| | | :data="WTableData" |
| | | border |
| | | @selection-change="blackSelectionChange" |
| | | style="width: 100%" |
| | | height="calc(100% - 45px)" |
| | |
| | | <el-dialog |
| | | :title="$t('common.append')" |
| | | :visible.sync="InsertFormdialog" |
| | | :before-close="handleClose" |
| | | > |
| | | |
| | | <el-form ref="insertform" :model="insertform" label-position="top"> |
| | |
| | | :title="$t('common.update')" |
| | | style="overflow: hidden" |
| | | :visible.sync="updateFormdialog" |
| | | :before-close="handleCloseEdit" |
| | | > |
| | | <el-form ref="editfrom" :model="editfrom" label-position="top"> |
| | | <el-form-item :label-width="formLabelWidth" label="IP地址"> |
| | |
| | | }); |
| | | }, |
| | | editFromDataClose() { |
| | | this.updateFormdialog = false; |
| | | this.$nextTick(() => { |
| | | this.editForm = JSON.parse(this.initialForm); |
| | | }); |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.updateFormdialog = false; |
| | | this.$nextTick(() => { |
| | | this.editForm = JSON.parse(this.initialForm); |
| | | }); |
| | | this.BGetList(); |
| | | this.WGetList(); |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | queryBlackInfo() { |
| | | let searchData = { |
| | |
| | | this.InsertFormdialog = true; |
| | | }, |
| | | insertFromDataClose() { |
| | | this.InsertFormdialog = false; |
| | | this.insertform = {}; |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.InsertFormdialog = false; |
| | | this.insertform = {}; |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | async insertFromData() { |
| | | var count = await blacklistSelectCount(this.insertform); |
| | |
| | | break; |
| | | } |
| | | }, |
| | | handleClose() { |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.InsertFormdialog = false |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | handleCloseEdit() { |
| | | this.$confirm("关闭后无法保存,是否关闭?") |
| | | .then((_) => { |
| | | this.updateFormdialog = false |
| | | }) |
| | | .catch((_) => { }); |
| | | }, |
| | | }, |
| | | mounted() { |
| | | window.addEventListener("resize", this.onResize); |