From cd6722665d20ed6a9221a44d381b5e0901fc918d Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期五, 15 九月 2023 17:12:09 +0800 Subject: [PATCH] 颜色别表更新 --- src/views/maintenance/blackwhiteList.vue | 292 ++++++++++++++++++++++++++++++++++++---------------------- 1 files changed, 180 insertions(+), 112 deletions(-) diff --git a/src/views/maintenance/blackwhiteList.vue b/src/views/maintenance/blackwhiteList.vue index 8d62b15..ad59b43 100644 --- a/src/views/maintenance/blackwhiteList.vue +++ b/src/views/maintenance/blackwhiteList.vue @@ -1,16 +1,27 @@ <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"> - <div class="inquire subpage_Div" ref="container"> - <el-form ref="queryInfo" :model="queryInfo" :inline="true"> + <el-tabs + v-model="activeName" + @tab-click="handleClick" + > + <el-tab-pane + :label="$t('operatManage.BWL.blackList')" + name="first" + > + <div + class="inquire subpage_Div" + ref="container" + > + <el-form + ref="queryInfo" + :model="queryInfo" + :inline="true" + > <div class="flex_box"> <div style="margin-right: auto"> <el-form-item @@ -18,45 +29,48 @@ prop="blackListIP" > <el-input - size="small" + size="small" style="width: 200px" v-model="queryInfo.ip" :placeholder="$t('operatManage.BWL.blackListIPHolder')" > - <i slot="suffix" class="el-icon-search" @click="queryBlackInfo"></i> + <i + slot="suffix" + class="el-icon-search" + @click="queryBlackInfo" + ></i> </el-input> </el-form-item> -<!-- <el-form-item--> -<!-- :label="$t('operatManage.BWL.interceptionNumber')"--> -<!-- prop="visit"--> -<!-- >--> -<!-- <el-input--> -<!-- size="small"--> -<!-- style="width: 200px"--> -<!-- v-model="queryInfo.visit"--> -<!-- :placeholder="$t('operatManage.BWL.interceptionNumber')"--> -<!-- />--> -<!-- </el-form-item>--> + <!-- <el-form-item--> + <!-- :label="$t('operatManage.BWL.interceptionNumber')"--> + <!-- prop="visit"--> + <!-- >--> + <!-- <el-input--> + <!-- size="small"--> + <!-- style="width: 200px"--> + <!-- v-model="queryInfo.visit"--> + <!-- :placeholder="$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" - v-if="menuStatus.insert" - type="success" - size="small" - @click="showInsertdialog(1)" - >{{ $t("common.append") }}</el-button - > + icon="el-icon-edit" + v-if="menuStatus.insert" + type="success" + size="small" + @click="showInsertdialog(1)" + >{{ $t("common.append") }}</el-button> </el-form-item> <el-form-item> <el-button @@ -65,23 +79,24 @@ type="danger" size="small" @click="delBWList" - >{{ $t("common.delete") }}</el-button - > + >{{ $t("common.delete") }}</el-button> </el-form-item> <el-form-item> <el-button - type="info" - @click="resetInfo('queryInfo')" - icon="el-icon-refresh" - size="small" - >{{ $t("operatManage.BWL.reset") }}</el-button - > + type="info" + @click="resetInfo('queryInfo')" + icon="el-icon-refresh" + size="small" + >{{ $t("operatManage.BWL.reset") }}</el-button> </el-form-item> </div> </div> </el-form> </div> - <div class="table_box subpage_Div" :style="styleVar"> + <div + class="table_box subpage_Div" + :style="styleVar" + > <el-table :data="BTableData" border @@ -89,7 +104,10 @@ style="width: 100%" height="calc(100% - 45px)" > - <el-table-column type="selection" width="55" /> + <el-table-column + type="selection" + width="55" + /> <el-table-column align="center" type="index" @@ -138,12 +156,14 @@ type="warning" plain size="small" - >{{ $t("common.update") }}</el-button - > + >{{ $t("common.update") }}</el-button> </template> </el-table-column> </el-table> - <div class="pagination_box" style="margin-top: 10px"> + <div + class="pagination_box" + style="margin-top: 10px" + > <el-pagination @size-change="BhandleSizeChange" @current-change="BhandleCurrentChange" @@ -157,9 +177,16 @@ </div> </div> </el-tab-pane> - <el-tab-pane :label="$t('operatManage.BWL.whiteList')" name="second"> + <el-tab-pane + :label="$t('operatManage.BWL.whiteList')" + name="second" + > <div class="inquire subpage_Div"> - <el-form ref="queryInfo" :model="queryInfo" :inline="true"> + <el-form + ref="queryInfo" + :model="queryInfo" + :inline="true" + > <div class="flex_box"> <div style="margin-right: auto"> <el-form-item @@ -167,43 +194,46 @@ prop="ip" > <el-input - size="small" + size="small" style="width: 200px" v-model="queryInfo.ip" :placeholder="$t('operatManage.BWL.whiteListIPHolder')" > - <i slot="suffix" class="el-icon-search" @click="queryWhiteInfo"></i> + <i + slot="suffix" + class="el-icon-search" + @click="queryWhiteInfo" + ></i> </el-input> </el-form-item> -<!-- <el-form-item--> -<!-- :label="$t('operatManage.BWL.interceptionNumber')"--> -<!-- prop="visit"--> -<!-- >--> -<!-- <el-input--> -<!-- size="small"--> -<!-- style="width: 200px"--> -<!-- v-model="queryInfo.visit"--> -<!-- :placeholder="$t('operatManage.BWL.interceptionNumber')"--> -<!-- />--> -<!-- </el-form-item>--> + <!-- <el-form-item--> + <!-- :label="$t('operatManage.BWL.interceptionNumber')"--> + <!-- prop="visit"--> + <!-- >--> + <!-- <el-input--> + <!-- size="small"--> + <!-- style="width: 200px"--> + <!-- v-model="queryInfo.visit"--> + <!-- :placeholder="$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 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 - type="success" - size="small" - icon="el-icon-edit" - v-if="menuStatus.insert" - @click="showInsertdialog(2)" - >{{ $t("common.append") }}</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-button @@ -212,24 +242,25 @@ icon="el-icon-delete" v-if="menuStatus.delete" @click="delBWList" - >{{ $t("common.delete") }}</el-button - > + >{{ $t("common.delete") }}</el-button> </el-form-item> <el-form-item> <el-button - @click="resetForm('queryInfo')" - type="info" - size="small" + @click="resetForm('queryInfo')" + type="info" + size="small" ><i class="el-icon-delete"></i> {{ $t("operatManage.BWL.reset") - }}</el-button - > + }}</el-button> </el-form-item> </div> </div> </el-form> </div> - <div class="table_box subpage_Div" :style="styleVar"> + <div + class="table_box subpage_Div" + :style="styleVar" + > <el-table :data="WTableData" border @@ -237,7 +268,10 @@ style="width: 100%" height="calc(100% - 45px)" > - <el-table-column type="selection" width="55" /> + <el-table-column + type="selection" + width="55" + /> <el-table-column align="center" type="index" @@ -286,13 +320,15 @@ type="warning" plain size="small" - >{{ $t("common.update") }}</el-button - > + >{{ $t("common.update") }}</el-button> </template> </el-table-column> </el-table> - <div class="pagination_box" style="margin-top: 10px"> + <div + class="pagination_box" + style="margin-top: 10px" + > <el-pagination @size-change="WhandleSizeChange" @current-change="WhandleCurrentChange" @@ -313,7 +349,11 @@ :before-close="handleClose" > - <el-form ref="insertform" :model="insertform" label-position="top"> + <el-form + ref="insertform" + :model="insertform" + label-position="top" + > <el-form-item :label-width="formLabelWidth" :label="$t('operatManage.tokentoolObj.ip')" @@ -321,7 +361,7 @@ <el-input v-model="insertform.ip" :placeholder="$t('common.pleaseInput')" - style="width:85%" + style="width:85%" /> </el-form-item> <el-form-item @@ -331,7 +371,7 @@ <el-input v-model="insertform.visit" :placeholder="$t('common.pleaseInput')" - style="width:85%" + style="width:85%" /> </el-form-item> <el-form-item @@ -341,16 +381,26 @@ <el-input v-model="insertform.descr" :placeholder="$t('common.pleaseInput')" - style="width:85%" + style="width:85%" /> </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> - <el-button size="small" @click="insertFromDataClose">{{ + <div + slot="footer" + class="dialog-footer" + > + <el-button + size="small" + @click="insertFromDataClose" + >{{ $t("common.close") }}</el-button> - <el-button @click="insertFromData" type="primary" size="small">{{ + <el-button + @click="insertFromData" + type="primary" + size="small" + >{{ $t("common.confirm") }}</el-button> </div> @@ -361,22 +411,35 @@ :visible.sync="updateFormdialog" :before-close="handleCloseEdit" > - <el-form ref="editfrom" :model="editfrom" label-position="top"> - <el-form-item :label-width="formLabelWidth" label="IP鍦板潃"> + <el-form + ref="editfrom" + :model="editfrom" + label-position="top" + > + <el-form-item + :label-width="formLabelWidth" + label="IP鍦板潃" + > <el-input v-model="editfrom.ip" :placeholder="$t('common.pleaseInput')" style="width:85%" /> </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')" style="width:85%" /> </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')" @@ -384,11 +447,21 @@ /> </el-form-item> </el-form> - <div slot="footer" class="dialog-footer"> - <el-button size="small" @click="editFromDataClose">{{ + <div + slot="footer" + class="dialog-footer" + > + <el-button + size="small" + @click="editFromDataClose" + >{{ $t("common.close") }}</el-button> - <el-button @click="editFromData" type="primary" size="small">{{ + <el-button + @click="editFromData" + type="primary" + size="small" + >{{ $t("common.confirm") }}</el-button> </div> @@ -654,12 +727,7 @@ var s = time.getSeconds(); return ( y + "-" + this.add0(m) + "-" + this.add0(d) - // " " + - // this.add0(h) + - // ":" + - // this.add0(mm) + - // ":" + - // this.add0(s) + ); }, //鏍煎紡鍖栧垪琛� @@ -769,7 +837,7 @@ width: 300px; } .inquire { - padding:0 8px; + padding: 0 8px; //margin-top: 20px; border-radius: 5px; -- Gitblit v1.9.3