real3d-portalsite/src/views/farmlandProtection/components/fxjg.vue

<template>
  <div class="fxjg">
    分析结果sdskdhsjkhdsdk
    <div>
        dhsaudhaskdhksadhsa 
      <span class="xmmc">
        项目名称：
        <span class="text">{{ rzMc }}</span>
      </span>
      <div
        class="eicon"
        :class="isshowAll ? 'eyes' : 'close_eyes'"
        @click="allChange('all')"
      ></div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.fxjg{
  // height: calc(100vh - 108px);
  // height: 49vh;
  height: 100%;
  min-width: 300px;
  box-sizing: border-box;
  padding: 0px 10px;

  .xmmc {
    width: calc(100% - 60px);
    display: inline-block;
  }

  .blue {
    color: #409eff;
  }

  .title {
    button {
      padding: 0;
      float: right;
      margin-right: 5px;
      min-height: unset;
    }

    .export {
      display: inline-block;
      background-color: #0f7ac8;
      text-align: center;
      width: 95px;
      height: 28px;
      line-height: 28px;
      float: right;
    }
  }

  .el-form-item {
    margin-bottom: 0;
  }

  .xz-btn {
    width: 100%;
    position: absolute;
    height: 55px;
    z-index: 2;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
  }


}
</style>