已上报到市批量操作按钮隐藏

fangyuan

2022-12-16 9ff66017debadfc89bc0c1b796684a4d1dbe2bc3

 src/views/operate/log/index.vue

@@ -3,35 +3,42 @@
    <header>
      <div class="header-nav">
        <span class="nav-left">数据筛选</span>
        <span class="nav-right">高级搜索</span>
        <!-- <span class="nav-right">高级搜索</span> -->
      </div>
      <div class="header-content">
        <div class="search">
          <span>输入查询:</span>
          <el-input placeholder="内容信息" v-model="context"></el-input>

          <div class="option">
            <el-input placeholder="内容信息" v-model="context"></el-input>
          </div>
        </div>
        <div class="message-status">
          <span>操作类型:</span>
          <el-select v-model="operationType">
            <el-option
              v-for="item in operationTypeList"
              :key="item.id"
              :label="item.operationType"
              :value="item.operationType"
            >
            </el-option>
          </el-select>
          <div class="option">
            <el-select v-model="operationType">
              <el-option
                v-for="item in operationTypeList"
                :key="item.id"
                :label="item.operationType"
                :value="item.operationType"
              >
              </el-option>
            </el-select>
          </div>
        </div>
        <div class="message-kind">
          <span>时间范围:</span>
          <el-date-picker
            v-model="mytime"
            type="daterange"
            range-separator="-"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
          >
          </el-date-picker>
          <div class="option">
            <el-date-picker
              v-model="mytime"
              type="daterange"
              range-separator="-"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            >
            </el-date-picker>
          </div>
        </div>
        <div class="find">
          <el-button
@@ -63,7 +70,6 @@
        <!-- 数据展示 -->
        <el-table
          ref="multipleTable"
          :default-sort="{ prop: 'createTime' }"
          :header-cell-style="{
            background: '#06122c',
            'font-size': '12px',
@@ -82,7 +88,7 @@
            prop="createTime"
            label="日志时间"
            min-width="10"
            :sort-orders="['descending','ascending']"
            :sort-orders="['descending', 'ascending']"
            sortable="custom"
          >
            <template slot-scope="scope">
@@ -148,7 +154,7 @@
  </div>
</template>
<script>
import {getNowDate} from '@/utils/helper'
import { downloadFile, getNowDate } from "@/utils/helper";
import helper from "@/utils/mydate";
import { parseTime } from "@/utils/index";
import { createNamespacedHelpers } from "vuex";
@@ -202,7 +208,6 @@
    async handleExport() {
      const { currentPage, pageSize, context, operationType, mysort, mytime } =
        this;
      console.log(mytime);
      let arr = await this.exportLogs({
        content: context,
        current: currentPage,
@@ -210,7 +215,7 @@
        id: "",
        operationType: operationType === "全部" ? "" : operationType,
        portEquipment: "",
        size: pageSize,
        size: 50000,
        startTime: mytime[0] !== "" ? parseTime(mytime[0]) : "",
        sort: mysort,
      });
@@ -224,7 +229,7 @@
      const href = window.URL.createObjectURL(blob);
      downloadElement.href = href;
      // // 下载后文件名
      downloadElement.download = fileName + '日志数据.xlsx';
      downloadElement.download = fileName + "日志数据.xlsx";
      document.body.appendChild(downloadElement);
      // 点击下载
      downloadElement.click();
@@ -285,7 +290,6 @@
    async getLogList() {
      const { currentPage, pageSize, context, operationType, mysort, mytime } =
        this;
      console.log(mytime);
      let arr = await this.getLogsList({
        content: context,
        current: currentPage,
@@ -297,12 +301,10 @@
        startTime: mytime[0] !== "" ? parseTime(mytime[0]) : "",
        sort: mysort,
      });
      console.log(arr);
      return arr.data.data;
    },
    // 批量下拉框操作
    async selectChange(list) {
      console.log(this.tempList);
      if (this.tempList.length !== 0) {
        this.preMyIdx = list;
        if (list === 3) {
@@ -345,12 +347,9 @@
                message: res.message,
              });
            }
            console.log(res);
          });
        })
        .catch((err) => {
          console.log(err);
        });
        .catch((err) => {});
    },
    // 表格监听
    tableChange(list) {
@@ -412,9 +411,7 @@
        .then((_) => {
          done();
        })
        .catch((err) => {
          console.log(err);
        });
        .catch((err) => {});
    },
    // 自定义关闭弹窗
    closeDialog({ flag, index }) {
@@ -423,9 +420,7 @@
      }
    },
    //
    timechange(data) {
      console.log(data);
    },
    timechange(data) {},
  },
};
</script>
@@ -451,16 +446,19 @@
      padding: 0 40px;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
      // justify-content: space-between;
      align-items: center;

      span {
        min-width: 120px;
        padding-left: 15px;
      }
      .search,
      .message-status,
      .message-kind {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex: 1;
        // flex: 1;
        .el-input {
          flex: 1;
          color: #1d3f57;
@@ -480,7 +478,9 @@
          background-color: #09152f;
        }
      }

      .find {
        margin-left: 15px;
      }
      .findBtn {
        line-height: 100px;
        margin-left: 15px;