管道基础大数据平台系统开发-【前端】-新系統界面
TreeWish
2023-03-03 b6c8e7c61f0270598ba7fdbc44f79512e010d0fe
src/views/maintenance/blackwhiteList.vue
@@ -18,40 +18,45 @@
                  prop="blackListIP"
                >
                  <el-input
                      size="small"
                    style="width: 200px"
                    v-model="queryInfo.ip"
                    :placeholder="$t('operatManage.BWL.listIPInfo')"
                  />
                    :placeholder="$t('operatManage.BWL.blackListIPHolder')"
                  >
                    <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
                    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="info"
                    @click="resetInfo('queryInfo')"
                    icon="el-icon-refresh"
                    size="small"
                    >{{ $t("operatManage.BWL.reset") }}</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
                    type="primary"
                    @click="queryBlackInfo()"
                    size="small"
                    icon="el-icon-search"
                    >{{ $t("operatManage.BWL.search") }}
                  </el-button>
                </el-form-item>
                <el-form-item>
                  <el-button
@@ -65,12 +70,11 @@
                </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
                      type="info"
                      @click="resetInfo('queryInfo')"
                      icon="el-icon-refresh"
                      size="small"
                  >{{ $t("operatManage.BWL.reset") }}</el-button
                  >
                </el-form-item>
              </div>
@@ -80,9 +84,10 @@
        <div class="table_box subpage_Div" :style="styleVar">
          <el-table
            :data="BTableData"
            border
            @selection-change="blackSelectionChange"
            style="width: 100%"
            height="calc(100% - 57px)"
            height="calc(100% - 45px)"
          >
            <el-table-column type="selection" width="55" />
            <el-table-column
@@ -124,7 +129,7 @@
            <el-table-column
              v-if="menuStatus.update"
              :label="$t('operatManage.tokentoolObj.operation')"
              width="320"
              width="120"
              align="center"
            >
              <template slot-scope="scope">
@@ -138,7 +143,7 @@
              </template>
            </el-table-column>
          </el-table>
          <div class="pagination_box">
          <div class="pagination_box" style="margin-top: 10px">
            <el-pagination
              @size-change="BhandleSizeChange"
              @current-change="BhandleCurrentChange"
@@ -162,38 +167,42 @@
                  prop="ip"
                >
                  <el-input
                      size="small"
                    style="width: 200px"
                    v-model="queryInfo.ip"
                    :placeholder="$t('operatManage.BWL.listIPInfo')"
                  />
                    :placeholder="$t('operatManage.BWL.whiteListIPHolder')"
                  >
                    <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
                    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
                    @click="resetForm('queryInfo')"
                    type="info"
                    size="small"
                    ><i class="el-icon-delete"></i> &nbsp;{{
                      $t("operatManage.BWL.reset")
                    }}</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
                      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>
@@ -208,12 +217,12 @@
                </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
                      @click="resetForm('queryInfo')"
                      type="info"
                      size="small"
                  ><i class="el-icon-delete"></i> &nbsp;{{
                      $t("operatManage.BWL.reset")
                    }}</el-button
                  >
                </el-form-item>
              </div>
@@ -223,9 +232,10 @@
        <div class="table_box subpage_Div" :style="styleVar">
          <el-table
            :data="WTableData"
            border
            @selection-change="blackSelectionChange"
            style="width: 100%"
            height="calc(100% - 57px)"
            height="calc(100% - 45px)"
          >
            <el-table-column type="selection" width="55" />
            <el-table-column
@@ -267,7 +277,7 @@
            <el-table-column
              v-if="menuStatus.update"
              :label="$t('operatManage.tokentoolObj.operation')"
              width="320"
              width="120"
              align="center"
            >
              <template slot-scope="scope">
@@ -282,7 +292,7 @@
            </el-table-column>
          </el-table>
          <div class="pagination_box">
          <div class="pagination_box" style="margin-top: 10px">
            <el-pagination
              @size-change="WhandleSizeChange"
              @current-change="WhandleCurrentChange"
@@ -299,11 +309,11 @@
    </el-tabs>
    <el-dialog
      :title="$t('common.append')"
      style="overflow: hidden"
      :visible.sync="InsertFormdialog"
      width="30%"
      :before-close="handleClose"
    >
      <el-form ref="insertform" :model="insertform">
      <el-form ref="insertform" :model="insertform" label-position="top">
        <el-form-item
          :label-width="formLabelWidth"
          :label="$t('operatManage.tokentoolObj.ip')"
@@ -311,6 +321,7 @@
          <el-input
            v-model="insertform.ip"
            :placeholder="$t('common.pleaseInput')"
             style="width:85%"
          />
        </el-form-item>
        <el-form-item
@@ -320,6 +331,7 @@
          <el-input
            v-model="insertform.visit"
            :placeholder="$t('common.pleaseInput')"
             style="width:85%"
          />
        </el-form-item>
        <el-form-item
@@ -329,9 +341,11 @@
          <el-input
            v-model="insertform.descr"
            :placeholder="$t('common.pleaseInput')"
             style="width:85%"
          />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="insertFromDataClose">{{
          $t("common.close")
@@ -345,25 +359,28 @@
      :title="$t('common.update')"
      style="overflow: hidden"
      :visible.sync="updateFormdialog"
      width="30%"
      :before-close="handleCloseEdit"
    >
      <el-form ref="editfrom" :model="editfrom">
      <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-input
            v-model="editfrom.visit"
            :placeholder="$t('common.pleaseInput')"
            style="width:85%"
          />
        </el-form-item>
        <el-form-item :label-width="formLabelWidth" label="描述">
          <el-input
            v-model="editfrom.descr"
            :placeholder="$t('common.pleaseInput')"
            style="width:85%"
          />
        </el-form-item>
      </el-form>
@@ -452,14 +469,20 @@
      this.$nextTick(() => {
        const rect = this.$refs.container.getBoundingClientRect();
        this.tableHeight = `${rect.height + 40}px`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 40}px)`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 0}px)`;
      });
    },
    editFromDataClose() {
      this.updateFormdialog = false;
      this.$nextTick(() => {
        this.editForm = JSON.parse(this.initialForm);
      });
      this.$confirm("关闭后无法保存,是否关闭?")
        .then((_) => {
          this.updateFormdialog = false;
          this.$nextTick(() => {
            this.editForm = JSON.parse(this.initialForm);
          });
          this.BGetList();
          this.WGetList();
        })
        .catch((_) => { });
    },
    queryBlackInfo() {
      let searchData = {
@@ -587,8 +610,12 @@
      this.InsertFormdialog = true;
    },
    insertFromDataClose() {
      this.InsertFormdialog = false;
      this.insertform = {};
      this.$confirm("关闭后无法保存,是否关闭?")
        .then((_) => {
          this.InsertFormdialog = false;
          this.insertform = {};
        })
        .catch((_) => { });
    },
    async insertFromData() {
      var count = await blacklistSelectCount(this.insertform);
@@ -700,6 +727,20 @@
          break;
      }
    },
    handleClose() {
      this.$confirm("关闭后无法保存,是否关闭?")
        .then((_) => {
          this.InsertFormdialog = false
        })
        .catch((_) => { });
    },
    handleCloseEdit() {
      this.$confirm("关闭后无法保存,是否关闭?")
        .then((_) => {
          this.updateFormdialog = false
        })
        .catch((_) => { });
    },
  },
  mounted() {
    window.addEventListener("resize", this.onResize);
@@ -723,26 +764,28 @@
.logLog_box {
  height: 98%;
  width: 98%;
  padding: 1%;
  padding: 0.5% 1%;
  .el-input {
    width: 300px;
  }
  .inquire {
    padding: 8px;
    margin-top: 20px;
    padding:0 8px;
    //margin-top: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    //margin-bottom: 20px;
    .el-form-item {
      margin: 5px;
    }
  }
  .el-tabs {
    height: calc(100% - 70px);
    //height: calc(100% - 70px);
    height: calc(100% - 30px);
  }
  /deep/ .el-tabs__content {
    height: calc(100% - 49px);
    height: calc(100% - 54px);
    //height: calc(100% - 49px);
  }
  /deep/ .el-tab-pane {
    height: 100%;