fix:立行立改

quanyawei

2023-10-07 4c47995afd18c31cfb9547f8254b0c4472aa94a4

 src/views/toCarryOutLegislativeReforms/reform/index.vue

@@ -13,9 +13,10 @@
      />
      <div class="tab">
        <el-table
          size="mini"
          :data="tableData"
          border
          max-height="500px"
          max-height="680"
          style="width: 100%"
          :header-cell-style="{
            color: '#101111', fontSize: '16px'
@@ -24,14 +25,22 @@
          <el-table-column
            type="index"
            label="序号"
            width="100px"
            width="60px"
            align="center"
          />
          <el-table-column
            align="center"
            prop="escalationTime"
            label="单号上报时间"
          />
          >
            <template slot="header">
              <div>单号</div>
              <div>上报时间</div>
            </template>
            <template slot-scope="scope">
              <div> {{ scope.row.allocationNum }}</div>
              <div> {{ scope.row.escalationTime }}</div>

            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="unitId"
@@ -42,48 +51,59 @@
            align="center"
            prop="polluteType"
            label="污染分类"
            width="120px"
            :formatter="polluteTypeFormatter"
          />
          <el-table-column
            align="center"
          >
            <template slot="header" slot-scope="scope">
              <p>整改方式</p>
              <p>剩余天数</p>
            <template slot="header">
              <div>整改方式</div>
              <div>剩余天数</div>
            </template>
            <template slot-scope="scope">
              <p>  {{ dictObj.changeEnum[scope.row.changeType] }}</p>
              <p v-show="scope.row.changeType && scope.row.changeType===2">  {{ scope.row.residueDay }}天</p>
              <div>  {{ dictObj.changeEnum[scope.row.changeType] }}</div>
              <div v-show="scope.row.changeType && scope.row.changeType===2" :class="[Number(scope.row.residueDay) < 0 ? errorClass : '']">
                <span v-if="Number(scope.row.residueDay) < 0">
                  延期 {{ Math.abs(scope.row.residueDay) }}天
                </span>
                <span v-else>
                  {{ scope.row.residueDay }}天
                </span>

              </div>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="investigationType"
            label="排查方式"
            width="100px"
            :formatter="investigationTypeFormatter"
          />
          <el-table-column
            align="center"
            prop="state"
            width="100px"
            label="流程状态"
          >
            <template slot-scope="scope">
              <el-tag v-if="scope.row.state===40" type="success" size="medium ">
              <el-tag v-if="scope.row.state===40" type="success">
                {{ stateFormatter(scope.row) }}
              </el-tag>
              <el-tag v-if="scope.row.state===50" type="danger" size="medium ">
              <el-tag v-if="scope.row.state===50" type="danger">
                {{ stateFormatter(scope.row) }}
              </el-tag>
              <el-tag v-if="scope.row.state===9" type="info" size="medium ">
              <el-tag v-if="scope.row.state===9" type="info">
                {{ stateFormatter(scope.row) }}
              </el-tag>
              <el-tag v-if="scope.row.state===20" type="warning" size="medium ">
              <el-tag v-if="scope.row.state===20" type="warning">
                {{ stateFormatter(scope.row) }}
              </el-tag>
              <el-tag v-if="scope.row.state===10" type="warning" size="medium ">
              <el-tag v-if="scope.row.state===10" type="warning">
                {{ stateFormatter(scope.row) }}
              </el-tag>
              <el-tag v-if="scope.row.state===30" type="warning" size="medium ">
              <el-tag v-if="scope.row.state===30" type="warning">
                {{ stateFormatter(scope.row) }}
              </el-tag>
            </template>
@@ -92,36 +112,38 @@
            align="center"
            prop="isInvalid"
            label="是否作废"
            width="60px"
            :formatter="isInvalidFormatter"
          />
          <el-table-column
            align="center"
          >
            <template slot="header" slot-scope="scope">
              <p>报单位</p>
              <p>上报人</p>
            <template slot="header">
              <div>上报单位</div>
              <div>上报人</div>
            </template>
            <template slot-scope="scope">
              <p> {{ scope.row.escalationName }}</p>
              <p> {{ updatUnitIdFormatter(scope.row) }}</p>
              <div> {{ scope.row.escalationName }}</div>
              <div> {{ updatUnitIdFormatter(scope.row) }}</div>

            </template>
          </el-table-column>
          <el-table-column
            align="center"
          >
            <template slot="header" slot-scope="scope">
              <p>操作人</p>
              <p>操作时间</p>
            <template slot="header">
              <div>操作人</div>
              <div>操作时间</div>
            </template>
            <template slot-scope="scope">
              <p>{{ scope.row.updateName }}</p>
              <p>{{ scope.row.updateTime }}</p>
              <div>{{ scope.row.updateName }}</div>
              <div>{{ scope.row.updateTime }}</div>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            prop="createTime"
            width="100px"
            label="操作"
          >
            <template slot-scope="scope">
@@ -129,7 +151,7 @@
              <el-button v-if="scope.row.state===9" type="text" size="medium" @click="handleOpenDialog(scope.row,'edit')">编辑</el-button>
              <el-button v-if="scope.row.state>30&&scope.row.isInvalid===0" type="text" size="medium" @click="handleCancel(scope.row)">作废</el-button>
              <el-button v-if="scope.row.state===20" type="text" size="medium" @click="openWorkOrdinDialog(scope.row,'work')">整改</el-button>
              <el-button v-if="scope.row.state===30" type="text" size="medium" @click="openWorkOrdinDialog(scope.row,'approve')">审批</el-button>
              <el-button v-if="scope.row.state===30&&scope.row.isApprove===1" type="text" size="medium" @click="openWorkOrdinDialog(scope.row,'approve')">审批</el-button>
              <el-button v-if="scope.row.state===20&&scope.row.changeType===2&&scope.row.applyState===0" type="text" size="medium" @click="openWorkOrdinDialog(scope.row,'delay')">延期申请</el-button>
            </template>
          </el-table-column>
@@ -140,9 +162,9 @@
          background
          :current-page="pagination.currentPage"
          :page-sizes="pagination.pageSizes"
          :page-size="pagination.PageSize"
          :page-size="pagination.pageSize"
          :total="pagination.totalCount"
          layout="sizes,prev, pager, next, jumper"
          layout="total, sizes, prev, pager, next, jumper"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        />
@@ -188,6 +210,7 @@
  },
  data() {
    return {
      errorClass: 'errorClass',
      searchType: 'reform',
      pagination: {
        currentPage: 1,
@@ -218,7 +241,10 @@
      pageState: 'add',
      invalidReason: '',
      slectRow: {},
      title: ''
      title: '',
      searchData: {
        isInvalid: 0
      }
    }
  },

@@ -353,11 +379,15 @@
      })
    },
    handleSearch(obj) {
      this.searchData.isInvalid = 0
      if (obj) {
        this.searchData = obj
      }
      this.$request({
        url: '/allocation/page',
        method: 'post',
        data: {
          ...obj,
          ...this.searchData,
          'page': this.pagination
        }
      }).then((res) => {
@@ -373,14 +403,16 @@
    // 每页显示的条数
    handleSizeChange(val) {
      // 改变每页显示的条数
      this.pagination.PageSize = val
      this.pagination.pageSize = val
      // 注意：在改变每页显示的条数时，要将页码显示到第一页
      this.pagination.currentPage = 1
      this.handleSearch()
    },
    // 显示第几页
    handleCurrentChange(val) {
      // 改变默认的页数
      this.pagination.currentPage = val
      this.handleSearch()
      // console.log(val)
    },
    openWorkOrdinDialog(row, type) {
@@ -433,9 +465,15 @@
<style scoped lang="scss">
.main{
    padding: 20px;
    padding-top: 0px;
    height: 100%;
    overflow: overlay;
}
.tab {
    margin-top: 10px;
    margin-top: 0px;
   /deep/ .el-tag{
      font-size: 16px;
    }
}
// /deep/ .el-table__body-wrapper {
//     overflow: scroll;
@@ -445,6 +483,20 @@
// }
.pagina{
    margin-top: 10px;
    text-align: right;
}
/deep/ .el-table__row{
  font-size: 18px;
}
.el-pagination {
  padding: 0;
  .el-select{
    /deep/.el-input{
      margin:0;
    }
  }

}
.errorClass{
  color: red;
}
</style>