<template>
  <div class="real">
    <van-nav-bar title="预警处置下发" left-arrow @click-left="onClickLeft" />
    <div class="main">
      <van-cell-group class="file">
        <van-cell title="文件上传">
          <van-uploader>
            <van-button icon="plus" size="small" plain type="primary"
              >上传文件</van-button
            >
          </van-uploader>
        </van-cell>
      </van-cell-group>
      <textarea type="text" placeholder="信息描述" v-model="inputValue">
      </textarea>
    </div>
    <van-button class="shangbao" type="primary">上报</van-button>
  </div>
</template>

<script>
export default {
  name: 'Real2',
  data () {
    return {
      inputValue: ''
    }
  },
  methods: {
    onClickLeft () {
      this.$router.back()
    }
  }
}
</script>

<style lang="scss" scoped>
.real {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  z-index: 2;
  .main {
    width: 100%;
    flex: 1;
    padding-bottom: 10px;
    overflow: auto;
    textarea {
      width: 100%;
      height: 170px;
      background-color: #fff;
      padding: 10px;
      font-size: 12px;
      color: #000;
      line-height: 20px;
    }
    .file {
      span {
        color: #333;
      }
      .van-cell {
        display: flex;
        align-items: center;
        height: 50px;
        .van-button__text {
          color: #12b085;
        }
      }
    }
  }
  .shangbao {
    width: 90%;
    margin: 8px auto;
    border-radius: 5px;
    background-color: #12b085;
  }
}
</style>
