From 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 16 一月 2023 10:35:15 +0800 Subject: [PATCH] 廊坊代码更新 --- src/views/maintenance/blackwhiteList.vue | 414 ++++++++++++++++++++++++++++++++++------------------------ 1 files changed, 240 insertions(+), 174 deletions(-) diff --git a/src/views/maintenance/blackwhiteList.vue b/src/views/maintenance/blackwhiteList.vue index 07785bc..cca8ec1 100644 --- a/src/views/maintenance/blackwhiteList.vue +++ b/src/views/maintenance/blackwhiteList.vue @@ -1,19 +1,174 @@ <template> <div class="logLog_box"> - <My-bread - :list="[ + <My-bread :list="[ `${$t('operatManage.operatManage')}`, `${$t('operatManage.blackwhiteList')}`, - ]" - ></My-bread> + ]"></My-bread> <el-divider /> - <el-tabs v-model="activeName" @tab-click="handleClick"> - <el-tab-pane :label="$t('operatManage.BWL.blackList')" name="first"> + <el-tabs + v-model="activeName" + @tab-click="handleClick" + > + <el-tab-pane + :label="$t('operatManage.BWL.blackList')" + name="first" + > + <div> + <div class="inquire"> + <el-form + ref="queryInfo" + :model="queryInfo" + :inline="true" + > + <el-form-item + :label="$t('operatManage.BWL.blackListIP')" + prop="blackListIP" + > + <el-input + v-model="queryInfo.ip" + :placeholder="$t('operatManage.BWL.listIPInfo')" + /> + </el-form-item> + <el-form-item + :label="$t('operatManage.BWL.interceptionNumber')" + prop="visit" + > + <el-input + v-model="queryInfo.visit" + :placeholder="$t('operatManage.BWL.interceptionNumber')" + /> + </el-form-item> + <el-form-item> + <el-button + type="primary" + @click="queryBlackInfo()" + style=" + background: #409eff; + border: 1px solid #409eff; + color: white; + " + icon="el-icon-search" + >{{ $t("operatManage.BWL.search") }} + </el-button> + </el-form-item> + <el-form-item> + <el-button + type="info" + @click="resetInfo('queryInfo')" + icon="el-icon-refresh" + >{{ $t("operatManage.BWL.reset") }}</el-button> + </el-form-item> + <el-form-item> + <el-button + icon="el-icon-edit" + v-if="menuStatus.insert" + type="success" + @click="showInsertdialog(1)" + >{{ $t("common.append") }}</el-button> + </el-form-item> + <el-form-item> + <el-button + icon="el-icon-delete" + v-if="menuStatus.delete" + type="danger" + @click="delBWList" + >{{ $t("common.delete") }}</el-button> + </el-form-item> + </el-form> + </div> + <div class="table_box"> + <el-table + :data="BTableData" + @selection-change="blackSelectionChange" + style="width: 100%" + > + <el-table-column + type="selection" + width="55" + /> + <el-table-column + align="center" + type="index" + :label="$t('operatManage.BWL.index')" + width="70px" + /> + <el-table-column + prop="ip" + :label="$t('operatManage.BWL.blackListIP')" + /> + <el-table-column + prop="visit" + :label="$t('operatManage.BWL.PageView')" + /> + <el-table-column + prop="descr" + :label="$t('operatManage.BWL.description')" + /> + <el-table-column + prop="createName" + :label="$t('operatManage.BWL.creator')" + /> + <el-table-column + :formatter="formatData" + prop="createTime" + :label="$t('operatManage.BWL.creationTime')" + /> + <el-table-column + prop="updateName" + :label="$t('operatManage.BWL.update')" + /> + <el-table-column + :formatter="formatData" + prop="updateTime" + :label="$t('operatManage.BWL.UpdateTime')" + /> + <el-table-column + v-if="menuStatus.update" + :label="$t('operatManage.tokentoolObj.operation')" + width="320" + align="center" + > + <template slot-scope="scope"> + <el-button + @click="handleEdit(scope.row)" + type="warning" + plain + size="small" + >{{ $t("common.update") }}</el-button> + </template> + </el-table-column> + </el-table> + <div + style="margin-top: 20px" + class="pagination_box" + > + <el-pagination + @size-change="BhandleSizeChange" + @current-change="BhandleCurrentChange" + :current-page="BListData.pageIndex" + :page-sizes="[10, 20, 30, 40]" + :page-size="BListData.pageSize" + layout="total, sizes, prev, pager, next, jumper" + :total="Bcount" + > + </el-pagination> + </div> + </div> + </div> + </el-tab-pane> + <el-tab-pane + :label="$t('operatManage.BWL.whiteList')" + name="second" + > <div class="inquire"> - <el-form ref="queryInfo" :model="queryInfo" :inline="true"> + <el-form + ref="queryInfo" + :model="queryInfo" + :inline="true" + > <el-form-item - :label="$t('operatManage.BWL.blackListIP')" - prop="blackListIP" + :label="$t('operatManage.BWL.whiteListIP')" + prop="ip" > <el-input v-model="queryInfo.ip" @@ -31,53 +186,53 @@ </el-form-item> <el-form-item> <el-button - type="primary" - @click="queryBlackInfo()" - style=" - background: #409eff; - border: 1px solid #409eff; - color: white; - " - icon="el-icon-search" - >{{ $t("operatManage.BWL.search") }} - </el-button> + style="background: #409eff; border: 1px solid #409eff; color: white" + @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" - @click="resetInfo('queryInfo')" - icon="el-icon-refresh" - >{{ $t("operatManage.BWL.reset") }}</el-button - > + ><i class="el-icon-delete"></i> {{ + $t('operatManage.BWL.reset') + }}</el-button> </el-form-item> <el-form-item> <el-button + type="success" icon="el-icon-edit" v-if="menuStatus.insert" - type="success" - @click="showInsertdialog(1)" - >{{ $t("common.append") }}</el-button - > + @click="showInsertdialog(2)" + >{{ + $t('common.append') + }}</el-button> </el-form-item> <el-form-item> <el-button + type="danger" icon="el-icon-delete" v-if="menuStatus.delete" - type="danger" @click="delBWList" - >{{ $t("common.delete") }}</el-button - > + >{{ + $t('common.delete') + }}</el-button> </el-form-item> </el-form> </div> - <div class="table_box"> + <div class="table_box1"> <el-table - :data="BTableData" + :data="WTableData" @selection-change="blackSelectionChange" style="width: 100%" - height="85%" + > - <el-table-column type="selection" width="55" /> + <el-table-column + type="selection" + width="55" + /> <el-table-column align="center" type="index" @@ -86,7 +241,7 @@ /> <el-table-column prop="ip" - :label="$t('operatManage.BWL.blackListIP')" + :label="$t('operatManage.BWL.whiteListIP')" /> <el-table-column prop="visit" @@ -126,132 +281,15 @@ type="warning" plain size="small" - >{{ $t("common.update") }}</el-button - > - </template> - </el-table-column> - </el-table> - <div style="margin-top: 20px" class="pagination_box"> - <el-pagination - @size-change="BhandleSizeChange" - @current-change="BhandleCurrentChange" - :current-page="BListData.pageIndex" - :page-sizes="[10, 20, 30, 40]" - :page-size="BListData.pageSize" - layout="total, sizes, prev, pager, next, jumper" - :total="Bcount" - > - </el-pagination> - </div> - </div> - </el-tab-pane> - <el-tab-pane :label="$t('operatManage.BWL.whiteList')" name="second" - ><div class="inquire"> - <el-form ref="queryInfo" :model="queryInfo" :inline="true"> - <el-form-item - :label="$t('operatManage.BWL.whiteListIP')" - prop="ip" - > - <el-input - v-model="queryInfo.ip" - :placeholder="$t('operatManage.BWL.listIPInfo')" - /> - </el-form-item> - <el-form-item - :label="$t('operatManage.BWL.interceptionNumber')" - prop="visit" - > - <el-input - v-model="queryInfo.visit" - :placeholder="$t('operatManage.BWL.interceptionNumber')" - /> - </el-form-item> - <el-form-item> - <el-button style="background: #409eff; border: 1px solid #409eff; color: white" @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" - ><i class="el-icon-delete"></i> {{ - $t('operatManage.BWL.reset') - }}</el-button - > - </el-form-item> - <el-form-item> - <el-button type="success" icon="el-icon-edit" v-if="menuStatus.insert" @click="showInsertdialog(2)">{{ - $t('common.append') - }}</el-button> - </el-form-item> - <el-form-item> - <el-button type="danger" icon="el-icon-delete" v-if="menuStatus.delete" @click="delBWList">{{ - $t('common.delete') - }}</el-button> - </el-form-item> - </el-form> - </div> - <div class="table_box1"> - <el-table :data="WTableData" - @selection-change="blackSelectionChange" - style="width: 100%" height="85%"> - <el-table-column type="selection" width="55" /> - <el-table-column - align="center" - type="index" - :label="$t('operatManage.BWL.index')" - width="70px" - /> - <el-table-column - prop="ip" - :label="$t('operatManage.BWL.whiteListIP')" - /> - <el-table-column - prop="visit" - :label="$t('operatManage.BWL.PageView')" - /> - <el-table-column - prop="descr" - :label="$t('operatManage.BWL.description')" - /> - <el-table-column - prop="createName" - :label="$t('operatManage.BWL.creator')" - /> - <el-table-column - :formatter="formatData" - prop="createTime" - :label="$t('operatManage.BWL.creationTime')" - /> - <el-table-column - prop="updateName" - :label="$t('operatManage.BWL.update')" - /> - <el-table-column - :formatter="formatData" - prop="updateTime" - :label="$t('operatManage.BWL.UpdateTime')" - /> - <el-table-column - v-if="menuStatus.update" - :label="$t('operatManage.tokentoolObj.operation')" - width="320" - align="center" - > - <template slot-scope="scope"> - <el-button - @click="handleEdit(scope.row)" - type="warning" - plain - size="small" - >{{ $t('common.update') }}</el-button - > + >{{ $t('common.update') }}</el-button> </template> </el-table-column> </el-table> </el-table> - <div style="margin-top: 20px" class="pagination_box"> + <div + style="margin-top: 20px" + class="pagination_box" + > <el-pagination @size-change="WhandleSizeChange" @current-change="WhandleCurrentChange" @@ -262,8 +300,9 @@ :total="Wcount" > </el-pagination> - </div></div - ></el-tab-pane> + </div> + </div> + </el-tab-pane> </el-tabs> <el-dialog :title="$t('common.append')" @@ -271,7 +310,10 @@ :visible.sync="InsertFormdialog" width="30%" > - <el-form ref="insertform" :model="insertform"> + <el-form + ref="insertform" + :model="insertform" + > <el-form-item :label-width="formLabelWidth" :label="$t('operatManage.tokentoolObj.ip')" @@ -300,11 +342,17 @@ /> </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> + <div + slot="footer" + class="dialog-footer" + > <el-button @click="insertFromDataClose">{{ $t("common.close") }}</el-button> - <el-button @click="insertFromData" type="primary">{{ + <el-button + @click="insertFromData" + type="primary" + >{{ $t("common.confirm") }}</el-button> </div> @@ -315,31 +363,49 @@ :visible.sync="updateFormdialog" width="30%" > - <el-form ref="editfrom" :model="editfrom"> - <el-form-item :label-width="formLabelWidth" label="IP鍦板潃"> + <el-form + ref="editfrom" + :model="editfrom" + > + <el-form-item + :label-width="formLabelWidth" + label="IP鍦板潃" + > <el-input v-model="editfrom.ip" :placeholder="$t('common.pleaseInput')" /> </el-form-item> - <el-form-item :label-width="formLabelWidth" label="璁块棶娆℃暟"> + <el-form-item + :label-width="formLabelWidth" + label="璁块棶娆℃暟" + > <el-input v-model="editfrom.visit" :placeholder="$t('common.pleaseInput')" /> </el-form-item> - <el-form-item :label-width="formLabelWidth" label="鎻忚堪"> + <el-form-item + :label-width="formLabelWidth" + label="鎻忚堪" + > <el-input v-model="editfrom.descr" :placeholder="$t('common.pleaseInput')" /> </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> + <div + slot="footer" + class="dialog-footer" + > <el-button @click="editFromDataClose">{{ $t("common.close") }}</el-button> - <el-button @click="editFromData" type="primary">{{ + <el-button + @click="editFromData" + type="primary" + >{{ $t("common.confirm") }}</el-button> </div> @@ -635,10 +701,10 @@ <style lang="less" scoped> //@import url(); 寮曞叆鍏叡css绫� .logLog_box { - border-radius: 10px; - height: 100%; - - box-sizing: border-box; + height: 98%; + width: 98%; + padding: 1%; + position: absolute; .el-input { width: 300px; } @@ -654,14 +720,14 @@ border-radius: 5px; border: 1px solid rgb(202, 201, 204); overflow: auto; - height: 410px; + height: 322px; } .table_box1 { padding: 10px; border-radius: 5px; border: 1px solid rgb(202, 201, 204); overflow: auto; - height: 460px; + height: 322px; } .text-center { text-align: center; -- Gitblit v1.9.3