2022/2/9 肖辉 部门管理处理

odc.xiaohui

2023-02-09 eafd90c248a7e0560f98c957eaf05cb6e71e2f3b

 src/views/operate/myWait/index.vue

@@ -16,19 +16,13 @@
      <div class="mainContent">
        <!-- 数据展示 -->
        <el-table
          ref="multipleTable"
          :header-cell-style="{
            background: '#06122c',
            'font-size': '12px',
            color: '#4b9bb7',
            'font-weight': '650',
            'line-height': '45px',
          }"
          :data="tableData"
          style="width: 100%"
          :row-class-name="tableRowClassName"
          @selection-change="tableChange"
        >
            border
            stripe
            ref="multipleTable" :header-cell-style="{
          'background':'#F5F5F5',
          'font-weight': '650',
          'line-height': '45px',
        }" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
          <el-table-column type="selection" min-width="5"> </el-table-column>
          <el-table-column prop="code" label="事件编号" min-width="10">
          </el-table-column>
@@ -58,25 +52,11 @@
          <el-table-column min-width="10"> </el-table-column>
        </el-table>
        <!-- 查看修改页面 -->
        <el-dialog
          :visible.sync="dialogUpdate"
          width="80%"
          :title="title"
          :destroy-on-close="true"
          :key="updateFlag"
          :before-close="handleClose"
        >
          <component
            v-if="dialogUpdate"
            @closeDialog="changeDialog"
            @changeDialog="changeDialog"
            v-bind:is="currentTabComponent"
            :caseId="caseId"
            :id="caseId"
            :mycode="caseCode"
            :info="info"
            :vioData="vioData"
          ></component>
        <el-dialog :visible.sync="dialogUpdate" width="60%" :title="title" :destroy-on-close="true" :key="updateFlag"
          :before-close="handleClose">
          <component v-if="dialogUpdate" @closeDialog="changeDialog" @changeDialog="changeDialog"
            v-bind:is="currentTabComponent" :caseId="caseId" :id="caseId" :mycode="caseCode" :info="info"
            :vioData="vioData"></component>
          <!-- <updateUser
            v-if="dialogUpdate"
            :updateFlag="updateFlag"
@@ -89,41 +69,22 @@
        <div class="tools">
          <div class="funs">
            <div class="funsItem">
              <el-checkbox v-model="all" @change="selectAll()"
                >全选</el-checkbox
              >
              <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
            </div>
            <div class="funsItem">
              <el-checkbox v-model="unsame" @change="disSame(tableData)"
                >反选</el-checkbox
              >
              <el-checkbox v-model="unsame" @change="disSame(tableData)">反选</el-checkbox>
            </div>
            <div class="funsItem">
              <el-select
                v-model="myIdx"
                placeholder="批量操作"
                @change="selectChange"
              >
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                  :disabled="item.disabled"
                >
              <el-select v-model="myIdx" placeholder="批量操作" @change="selectChange">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"
                  :disabled="item.disabled">
                </el-option>
              </el-select>
            </div>
          </div>
          <div class="pagination">
            <el-pagination
              background
              :current-page="currentPage"
              layout="prev, pager, next"
              :total="totalNum"
              :page-size="pageSize"
              @current-change="changeCurrentPage"
            >
            <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
              :page-size="pageSize" @current-change="changeCurrentPage">
            </el-pagination>
          </div>
        </div>
@@ -171,7 +132,7 @@
      dialogUpdate: false,
      updateFlag: false,
      userInfo: "",
      totalNum: null,
      totalNum: 1,
      pageSize: 10,
      currentPage: 1,
      all: false,
@@ -207,15 +168,16 @@
    getTableData() {
      myWait
        .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
        .then(({ records }) => {
        .then(({ records, total }) => {
          this.tableData = records;
          this.tableData = this.tableData.filter((item) => !!item);
          this.totalNum = total;
        })
        .catch((err) => this.$message({ type: "error", message: err }));
    },

    // 批量删除
    mulDelete(idArr) {},
    mulDelete(idArr) { },
    // 执行下拉框操作
    selectChange(val) {
      let ids = [];
@@ -249,7 +211,7 @@
      });
    },
    // 删除单条数据
    handleDelete({ number }) {},
    handleDelete({ number }) { },
    // 设置表格斑马纹
    tableRowClassName({ row, rowIndex }) {
      if ((rowIndex + 1) % 2 === 0) {
@@ -275,7 +237,7 @@
          this.dialogUpdate = false;
          done();
        })
        .catch(() => {});
        .catch(() => { });
    },
    // 计算时间
    getRestTime(time2) {
@@ -347,18 +309,18 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  padding: 10px 20px;
  color: #4b9bb7;

  border: 1px solid #ccc;
  .headerTitle {
    line-height: 40px;
  }

  header {
    background-color: #09152f;
    background-color: white;

    .headerContent {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -377,8 +339,8 @@
          color: #1d3f57;

          &::v-deep .el-input__inner {
            background-color: #09152f;
            border: 1px solid #17324c;
            background-color: #fff;
            //border: 1px solid #17324c;
          }
        }
      }
@@ -392,7 +354,7 @@

        .el-button {
          padding: 12px 25px;
          border-radius: 20px;
          //border-radius: 20px;
        }
      }

@@ -406,7 +368,7 @@
  }

  main {
    background-color: #09152f;
    background-color: #fff;
    margin-top: 20px;
    padding-bottom: 50px;

@@ -427,7 +389,7 @@
          line-height: 28px;
          display: flex;
          align-items: center;
          border: 1px solid #17324c;
          border: 1px solid #DCDFE6;
          border-radius: 4px;
          font-size: 12px;
          margin-left: 10px;
@@ -443,7 +405,7 @@

          &::v-deep .el-input__inner {
            border: none;
            background-color: #09152f;
            // background-color: #09152f;
          }

          &:hover {
@@ -463,10 +425,11 @@
        justify-content: center;

        .el-pagination {

          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
            background-color: #071f39;
            // background-color: #071f39;
            color: #4b9bb7;
          }

@@ -479,8 +442,8 @@
    }

    .el-table {
      color: #4b9bb7;
      font-size: 10px;
      // color: #4b9bb7;
      // font-size: 10px;

      &::v-deep .cell {
        text-overflow: ellipsis;
@@ -489,7 +452,7 @@
      }

      &::v-deep .el-table__empty-block {
        background-color: #09152f;
        // background-color: #09152f;
      }

      &::v-deep .el-table__empty-block {
@@ -510,11 +473,11 @@
    }

    .el-table::v-deep .warning-row {
      background: #06122c;
      // background: #06122c;
    }

    .el-table::v-deep .success-row {
      background: #071f39;
      // background: #071f39;
    }

    &::v-deep .switchStyle .el-switch__label {
@@ -549,7 +512,7 @@

  &::v-deep .el-dialog__header,
  &::v-deep .el-dialog__body {
    background-color: #06122c;
    // background-color: #06122c;
  }

  &::v-deep .el-dialog__header {
@@ -567,11 +530,10 @@
  &::v-deep .el-dialog__close {
    width: 20px;
    height: 20px;
    // color: #fff;
  }

  &::v-deep .el-dialog__body {
    padding: 0;
  }
}
</style>
</style>