yiliangyiyun-pc-jj/src/views/tradeServicesManagement/onWaywarehouseReceiptRegulation.vue

//贸易服务管理
<template>
  <div class="container">
   <div class='tip'>火爆开发中...</div>
  </div>
</template>
<script>
  import mapDrag from '@/components/mapdrag/warehouseReceiptMap'
  import {
    getList
  } from '@/model/tradeServicesManagement/index'
  import {
    selectWarehouseSelf,
  } from '@/model/houseSelfCollect/index'
  export default {
    components: {
      mapDrag
    },
    data() {
      return {
        searchVal: '',
        searchKeyWord: '',
        isActive: false,
        radio: '1',
        tradeServicesList: [],
        currentPage: 1,
        pageSize: 10,
        deptBudgetTotal: 0,
        deptCircularPage: {},
        searchType: '0',
        warehouseList: [],
        compId:'',
      }
    },
    activated() {},
    beforeCreate() {
      document.querySelector('body').setAttribute('style', 'overflow:hidden;')
    },
    mounted() {
      let height = document.body.offsetHeight - 57
      document.querySelector('.container').setAttribute('style', 'height:' + height + 'px;')
      let _showPage = sessionStorage.getItem('warehouseReceiptRegulation_selectShowType')
      if (_showPage == "1") {
        this.radio = '1'
        this.isActive = false
      } else if (_showPage == "2") {
        this.radio = '2'
        this.isActive = true
      } else {
        this.radio = '1'
        this.isActive = false
      }
      this.compId = sessionStorage.getItem('ws-pf_compId')
      this.getList()
      // this.getWarehouseList()
      this.tradeServicesList = [{
        authenticationStatus: 'test'
      }]
    },
    methods: {
      findList() {
        this.currentPage=1
        this.pageSize=10
        this.getList()
      },
      handlestatus(status) {
        this.searchType = status
        // this.currentPage:=1
        // this.pageSize=10
        // this.getList()
      },
      lookBtnClick(val1, val2) {
        this.$router.push({
          name: 'warehouseReceiptLook'
        })
      },
      toExamineBtnClick(val1, val2) {
        this.$router.push({
          name: 'reviewWarehouseReceipt'
        })
      },
      approveBtnClick(val1, val2) {
        this.$router.push({
          name: 'approveWarehouseReceipt'
        })
      },
      repaymentBtnClick(val1, val2) {
        this.$router.push({
          name: 'repayment'
        })
      },
      rowEditBtnClick(val1, val2) {
        this.$router.push({
          name: 'warehouseReceiptEdit'
        })
      },
      rowDeleteBtnClick(val1, val2) {},
      handleSizeChange(val) {
        console.log(`每页 ${val} 条`)
        this.pageSize = val
        this.getWarehouseList()
        this.getList()
      },
      handleCurrentChange(val) {
        this.currentPage = val
        console.log(`当前页: ${val}`)
        this.getList()
      },
      startHacking() {
        this.isActive = true
      },
      startHacking1() {
        this.isActive = false
      },
      getWarehouseList() {
        selectWarehouseSelf({
            compId: this.compId
          })
          .toPromise()
          .then(response => {
            this.warehouseList = response
          })
      },
      getList(e, type) {
        if (type == 1) {
          this.isActive = true
        }
        getList({
            compId: this.compId,
            currentPage: this.currentPage,
            pageSize: this.pageSize,
            searchType: this.searchType,
            searchKeyWord: this.searchKeyWord,
          })
          .toPromise()
          .then((response) => {
            console.log('列表数据', response)
            this.tradeServicesList = response.data.records
          })
      },
      selectShowType(e) {
        this.activated = !this.activated;
        sessionStorage.setItem('warehouseReceiptRegulation_selectShowType', e)
      },
      add() {
        this.$router.push({
          name: 'warehouseReceiptAdd'
        })
      }
    }
  }
</script>
<style lang="scss" scoped>
  .tip{
    width: 300px;
    height: 100px;
    font-size: 48px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .container {
    position: relative;
  }
  .icon{
    transform: rotate(90deg);
    margin: 0 10px;
  }
  .active {
    height: 0 !important;
    overflow: hidden;
  }

  .bottom,
  .top {
    display: flex;
    justify-items: flex-end;
    height: 5%;
    align-content: center;

    .bottom-content,
    .top-content {
      display: flex;
      justify-content: flex-end;
      width: 100%;
      padding-right: 25px;
    }

    .bottom-item,
    .top-item {
      display: flex;
      align-items: center;
    }
  }


  .content2 {
    // background: pink;
    padding: 20px;
    height: calc(100% - 44px);

    .header {
      position: relative;

      .add {
        position: absolute;
        right: 0;
      }
    }

    .search-input {
      width: 300px;
      margin-left: 10px;
    }
  }

  .paging {
    margin-top: 10px;
    text-align: center;
  }
</style>