fix:添加已作废

quanyawei

2023-11-16 c68b0d8b0b7b21e0d5eb7ea54f7642495d8088fc

fix:添加已作废

 src/views/toCarryOutLegislativeReforms/components/workOrderInformation.vue

@@ -195,6 +195,8 @@
          </el-form>
        </div>
      </div>
      <el-alert v-if="parentFormData.isInvalid===1" title="已作废" type="warning" show-icon :description="`理由：${parentFormData.invalidReason}`" :closable="false">
      </el-alert>
      <div slot="footer" class="dialog-footer">
        <el-button @click="close()">关闭</el-button>
        <el-button v-if="dialogData.pageType ==='approve'" type="danger" @click="handleSubmit(50)">拒绝</el-button>

 src/views/toCarryOutLegislativeReforms/reform/index.vue

@@ -12,6 +12,18 @@
            <el-button :disabled="!(selectionRows.length>0)" type="info" size="mini" @click="exportData">导出</el-button>
          </div>
        </div>

        <div style="position: relative;">
          <div>
            <div v-if="sealList.length>0">
              <div v-for="(item,index) in sealList" :key="index" :style="{'height':item.styleHeight}">
                <div class="yingzhang" v-if="item.isInvalid===1">
                  <div class="seal-red"> 已作废 </div>
                </div>
              </div>
            </div>
          </div>
          <div style="position: absolute;top:0;width: 100%;">
        <el-table size="mini" :data="tableData" border max-height="680" style="width: 100%" @selection-change="handleSelectionChange" :header-cell-style="{
            color: '#101111',
            fontSize: '16px'
@@ -69,7 +81,7 @@
              </el-tag>
            </template>
          </el-table-column>
          <el-table-column align="center" prop="isInvalid" label="是否作废" width="60px" :formatter="isInvalidFormatter" />
              <!-- <el-table-column align="center" prop="isInvalid" label="是否作废" width="60px" :formatter="isInvalidFormatter" /> -->
          <el-table-column align="center" width="150px">
            <template slot="header">
              <div>上报单位</div>
@@ -80,7 +92,7 @@
              <div>{{ updatUnitIdFormatter(scope.row) }}</div>
            </template>
          </el-table-column>
          <el-table-column align="center" width="150px">
              <el-table-column align="center">
            <template slot="header">
              <div>操作人</div>
              <div>操作时间</div>
@@ -121,6 +133,8 @@
            </template>
          </el-table-column>
        </el-table>
          </div>
        </div>
      </div>
      <div class="pagina">
        <el-pagination background :current-page="pagination.currentPage" :page-sizes="pagination.pageSizes" :page-size="pagination.pageSize" :total="pagination.totalCount" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
@@ -196,6 +210,7 @@

<script>
import axios from 'axios'
import _ from 'lodash'
import qs from 'qs'
import searchBar from '@/views/toCarryOutLegislativeReforms/components/queryForm'
import newWorkOrder from '@/views/toCarryOutLegislativeReforms/components/newWorkOrder'
@@ -250,7 +265,8 @@
        polluteType: '',
        unitId: ''
      },
      operatingLog: []
      operatingLog: [],
      sealList: []
    }
  },
  computed: {
@@ -558,7 +574,21 @@
      }).then(res => {
        if (res.code === 0) {
          this.tableData = res.data.list
          this.sealList = _.cloneDeep(res.data.list) || []
          this.sealList.unshift({ isInvalid: 0 })
          this.sealList.forEach(item => {
            item.styleHeight = null
          })
          this.pagination.totalCount = res.data.page.totalNum
          this.$nextTick(() => {
            var rows = this.$el.querySelectorAll('table tr')
            for (var i = 0; i < rows.length; i++) {
              var row = rows[i]
              var height = row.getBoundingClientRect().height
              this.sealList[i]['styleHeight'] = height + 'px'
            }
            this.$forceUpdate()
          })
        } else {
          this.$message.error(res.message)
        }
@@ -610,7 +640,7 @@
          }
        } else if (type === 'detail') {
          this.dialogData = {
            title: '交办单',
            title: '交办单详情',
            parentFormData: res.data,
            pageType: 'detail'
          }
@@ -637,6 +667,7 @@
  overflow: overlay;
}
.tab {
  min-height: 160px;
  margin-top: 0px;
  /deep/ .el-tag {
    font-size: 16px;
@@ -683,4 +714,34 @@
  align-items: center;
  margin-bottom: 10px;
}
.yingzhang {
  position: relative;

  .seal-red {
    position: absolute;
    left: 85px;
    top: 18px;
    z-index: 999;
    // top: -85px;
    display: inline-block;
    border: solid 2px #e93e00;
    border-radius: 0.2em;
    color: #e24c06;
    font-size: 19px;
    line-height: 1;
    opacity: 0;
    padding: 0.1em 0.5em;
    text-transform: uppercase;
    opacity: 0;
    transform: rotate(-2deg) scale(5);
    animation: seal 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335) forwards;
  }

  @keyframes seal {
    100% {
      opacity: 0.75;
      transform: rotate(-15deg) scale(1);
    }
  }
}
</style>