yiliangyiyun-pc/src/views/tradeServicesManagement/dataAnalysisPlatform.vue

//贸易服务管理
<template>
  <div class="content">
    <dv-full-screen-container class="screen-container">
      <!-- <div class="host-body">
        <div class="d-flex jc-center title_wrap">
          <div class="zuojuxing"></div>
          <div class="youjuxing"></div>
          <div class="guang"></div>
          <div class="d-flex jc-center">
            <div class="title">
              <span class="title-text">易粮易运大数据分析平台</span>
            </div>
          </div>
        </div>
      </div>
      <div class="row-content">
        <div class="left">1</div>
        <div class="center">2</div>
        <div class="right">3</div>
      </div> -->
    </dv-full-screen-container>
  </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: '',

    }
  },
  activated() { },
  beforeCreate() {

  },
  mounted() {
    // let height = document.body.offsetHeight - 57
    // document.querySelector('.container').setAttribute('style', 'height:' + height + 'px;')
    // let _showPage = localStorage.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 = localStorage.getItem('ws-pf_compId')
    // this.getList()
    // // this.getWarehouseList()
    // this.tradeServicesList = [{
    //   authenticationStatus: 'test'
    // }]
  },
  methods: {
    // 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
    //     })
    // },
  }
}
</script>
<style lang="scss" scoped>
.content {
  width: 100%;
  height: 100%;
  padding: 16px 16px 10px 16px;
  box-sizing: border-box;
  background-image: url("../../assets/images/sj.png");
  background-size: cover;
  background-position: center center;
  position: relative;
}

.screen-container {
  position: absolute !important;
  left: 0;
  top: 0;
}

.host-body {

  .title_wrap {
    height: 60px;
    background-image: url("../../assets/images/top.png");
    background-size: cover;
    background-position: center center;
    position: relative;
    margin-bottom: 4px;

    .guang {
      position: absolute;
      bottom: 0px;
      background: url("../../assets/images/guang.gif") no-repeat center;
      background-position: cover;
      height: 1px;
      left: 0;
      right: 0;
      margin: auto;
      width: 40%
    }

    .zuojuxing,
    .youjuxing {
      position: absolute;
      top: -2px;
      width: 140px;
      height: 6px;
      background: url("../../assets/images/headers/juxing1.png");

    }

    .titlebgc {
      background: url("../../assets//top.gif") no-repeat center;
      background-size: cover;
    }

    .zuojuxing {

      left: 11%;
    }

    .youjuxing {
      right: 11%;
      transform: rotate(180deg);
    }

    .timers {
      position: absolute;
      right: 0;
      top: 30px;
      font-size: 18px;
      display: flex;
      align-items: center;
      color: #fff;

      .blq-icon-shezhi02 {
        cursor: pointer;
      }
    }

    .btn {
      position: absolute;
      left: 0;
      top: 30px;
      font-size: 18px;
      display: flex;
      align-items: center;
      color: #fff;
    }
  }

  .title {
    position: relative;
    // width: 500px;
    text-align: center;
    background-size: cover;
    color: transparent;
    height: 60px;
    line-height: 46px;

    .title-text {
      font-size: 38px;
      font-weight: 900;
      letter-spacing: 6px;
      width: 100%;
      background: linear-gradient(92deg, #0072FF 0%, #00EAFF 48.8525390625%, #01AAFF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }
}

.row-content {
  display: flex;

  .left {
    background: rgba(2, 0, 77, 0.7);

    border: 2px solid rgba(13, 83, 183, 1);

    box-shadow: inset 0px 0px 34px rgba(17, 40, 255, 0.66);
    width: 22%;

  }

  .right {
    background: rgba(2, 0, 77, 0.7);

    border: 2px solid rgba(13, 83, 183, 1);

    box-shadow: inset 0px 0px 34px rgba(17, 40, 255, 0.66);
    width: 22%;
  }

  .center {
    background: green;
    width: 44%;
  }
}</style>