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> &nbsp;{{
+                  $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> &nbsp;{{
+                  $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> &nbsp;{{
-                  $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> &nbsp;{{
-                  $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