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