月球大数据地理空间分析展示平台-【中台】
Surpriseplus
2023-09-15 cd6722665d20ed6a9221a44d381b5e0901fc918d
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;