<template>
  <div>
    <d2-container>
      <!-- <template slot="header">首页/数据查询</template> -->
      <div class="main">
        <div class="zt_right">
          <!-- <template slot="header">首页/数据查询</template> -->
          <div class="nav">当前所在位置:首页>反馈</div>
          <div class="right_main">
            <div class="right_title">
              <i
                class="fa fa-file-archive-o"
                aria-hidden="true"
                style="padding-right: 5px"
              ></i>
              反馈
            </div>
            <div class="right_table">
              <div class="head">
                <div class="bjt"></div>
                <h4>报警反馈</h4>
              </div>
              <div class="mainContainer">
                <div class="rowStyle">
                  <div>仓房名称：</div>
                  <div>1号到谷仓</div>
                </div>
                <div class="rowStyle">
                  <div>报警类型：</div>
                  <div>设备断连</div>
                </div>
                <div class="rowStyle">
                  <div>报警时间：</div>
                  <div>2021-2-2</div>
                </div>
                <div class="rowStyle">
                  <div>已处理等待时间：</div>
                  <div>2021-2-2</div>
                </div>
                <div class="rowStyle">
                  <div>处理结果:</div>
                  <div style="width:calc(100% - 60px)">
                    <el-input
                      type="textarea"
                      placeholder="请输入处理结果"
                    ></el-input>
                  </div>
                </div>
                <div class="bottom">
                  <el-button type="primary" icon="el-icon-s-promotion" @click="submit()">提交</el-button>
                  <el-button type="primary" icon="el-icon-refresh-left" plain @click="back()">返回</el-button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </d2-container>
  </div>
</template>
<script>
import api from "@/api";
export default {
  name: "feedBack",
  data(){
    return{}
  },
  methods:{
    // 返回
    back(){
      window.history.go(-1)
    },
    // 提交
    submit(){

    }
  }
};
</script>
<style lang="scss" scoped>
.main {
  height: 100%;
  display: flex;

  .zt_right {
    width: 100%;
    // margin-left: 20px;
    // width: calc(100% - 250px);
    .nav {
      padding: 10px 0 10px 10px;
      color: #fff;

      font-size: 14px;

      background: #004a93;
    }
    color: #a9dce3;
    .right_main {
      height: calc(100% - 50px);
      .right_table{
        width:calc(100% - 40px);
          .head {
        display: flex;
        height: 40px;
        align-items: center;
        .bjt {
          width: 3px;
          height: 12px;
          background: #a9dce3;
          border-radius: 2px;
          margin-right: 3px;
        }
      }
      .mainContainer {
        margin-left: 20px;
        width:50%;
        .rowStyle {
          display: flex;
          font-size: 14px;
          margin-bottom: 20px;
        }
        .bottom{
          text-align: center;
        }
      }
      }
    
    }
  }
  ::v-deep.el-textarea__inner{
  background-color: #112f5c ;
  border:1px solid #3d608e;
    
}
.input::-webkit-input-placeholder{
  color: #a9dce3;
}
}

</style>
<style>

</style>
