样式调整

zhanghua

2022-12-05 27eb73bc930577f950afbcb7d7f264a87fe9d211

 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
@@ -147,7 +154,7 @@
  </div>
</template>
<script>
import {downloadFile, getNowDate} from "@/utils/helper";
import { downloadFile, getNowDate } from "@/utils/helper";
import helper from "@/utils/mydate";
import { parseTime } from "@/utils/index";
import { createNamespacedHelpers } from "vuex";
@@ -342,8 +349,7 @@
            }
          });
        })
        .catch((err) => {
        });
        .catch((err) => {});
    },
    // 表格监听
    tableChange(list) {
@@ -405,8 +411,7 @@
        .then((_) => {
          done();
        })
        .catch((err) => {
        });
        .catch((err) => {});
    },
    // 自定义关闭弹窗
    closeDialog({ flag, index }) {
@@ -415,8 +420,7 @@
      }
    },
    //
    timechange(data) {
    },
    timechange(data) {},
  },
};
</script>
@@ -442,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;
@@ -471,7 +478,9 @@
          background-color: #09152f;
        }
      }

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