zhanghua
2024-03-12 a3b4eb017a0f948348ef7732267c7ed0d4bca8c0
src/views/operate/myWait/index.vue
@@ -1,6 +1,6 @@
<template>
  <div class="userList">
    <div class="headerTitle">运营管理》我的待办</div>
    <!--    <div class="headerTitle">运营管理》我的待办</div>-->
    <header>
      <div class="headerContent">
        <div class="search">
@@ -15,10 +15,20 @@
    <main>
      <div class="mainContent">
        <!-- 数据展示 -->
        <el-table ref="multipleTable" :header-cell-style="{
          'font-weight': '650',
          'line-height': '45px',
        }" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
        <el-table
          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>
@@ -36,7 +46,7 @@
          </el-table-column>
          <el-table-column prop="limitTime" label="剩余时间" min-width="10">
          </el-table-column>
          <el-table-column prop="stepName" label="问题状态" min-width="10">
          <el-table-column prop="stepName" label="操作" min-width="10">
            <template slot-scope="scope">
              <div class="operation">
                <span @click="handleOperation(scope.row)">{{
@@ -48,11 +58,25 @@
          <el-table-column min-width="10"> </el-table-column>
        </el-table>
        <!-- 查看修改页面 -->
        <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>
        <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"
@@ -65,22 +89,41 @@
        <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>
@@ -163,7 +206,11 @@
  methods: {
    getTableData() {
      myWait
        .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize })
        .getMybackLog({
          num: this.context,
          current: this.currentPage,
          pageSize: this.pageSize,
        })
        .then(({ records, total }) => {
          this.tableData = records;
          this.tableData = this.tableData.filter((item) => !!item);
@@ -173,7 +220,7 @@
    },
    // 批量删除
    mulDelete(idArr) { },
    mulDelete(idArr) {},
    // 执行下拉框操作
    selectChange(val) {
      let ids = [];
@@ -207,7 +254,7 @@
      });
    },
    // 删除单条数据
    handleDelete({ number }) { },
    handleDelete({ number }) {},
    // 设置表格斑马纹
    tableRowClassName({ row, rowIndex }) {
      if ((rowIndex + 1) % 2 === 0) {
@@ -233,7 +280,7 @@
          this.dialogUpdate = false;
          done();
        })
        .catch(() => { });
        .catch(() => {});
    },
    // 计算时间
    getRestTime(time2) {
@@ -295,7 +342,7 @@
        url: `sccg/base_case/baseCaseDetail/${row.code}`,
      }).then((res) => {
        this.info = res.data;
        this.vioData = res.data.currentSitVo;
        if (res.data) this.vioData = res.data.currentSitVo;
        this.dialogUpdate = true;
      });
    },
@@ -305,18 +352,18 @@
<style lang="scss" scoped>
.userList {
  text-align: left;
  margin: 10px 20px;
  color: #4b9bb7;
  padding: 10px 20px;
  // color: #4b9bb7;
  border: 1px solid #ccc;
  .headerTitle {
    line-height: 40px;
  }
  header {
    background-color: white;
    //background-color: white;
    .headerContent {
      padding: 0 40px;
      padding: 0;
      display: flex;
      line-height: 100px;
      justify-content: space-between;
@@ -336,7 +383,7 @@
          &::v-deep .el-input__inner {
            background-color: #fff;
            border: 1px solid #17324c;
            //border: 1px solid #17324c;
          }
        }
      }
@@ -350,7 +397,7 @@
        .el-button {
          padding: 12px 25px;
          border-radius: 20px;
          //border-radius: 20px;
        }
      }
@@ -364,7 +411,7 @@
  }
  main {
    background-color: #fff;
    //background-color: #fff;
    margin-top: 20px;
    padding-bottom: 50px;
@@ -385,7 +432,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;
@@ -421,7 +468,6 @@
        justify-content: center;
        .el-pagination {
          &::v-deep li,
          &::v-deep .btn-prev,
          &::v-deep .btn-next {
@@ -457,11 +503,11 @@
      .operation {
        display: flex;
        color: var(--operation-color);
        .line {
          padding: 0 5px;
        }
        color: var(--operation-color);
        span:hover {
          cursor: pointer;
        }
@@ -532,4 +578,4 @@
    padding: 0;
  }
}
</style>
</style>