<template>
  <div class="app-container">
    <div class="header_main">
      查农药
      <div class="return_btn" @click="onClickLeft"></div>
      <div class="jg"></div>
    </div>

    <div class="main">

      <div class="main_box">
        <van-cell title="登记证号" :border="false" v-model="form.recordCode" />
        <van-cell title="登记证持有人" :border="false" v-model="form.recordHolder" />
        <van-cell title="农药名称" :border="false" v-model="form.productName" />
        <van-cell title="农药种类" :border="false" v-model="form.category" />
        <van-cell title="剂型" :border="false" v-model="form.agent" />
        <van-cell title="总含量" :border="false" v-model="form.content" />
        <van-cell title="有效期始" :border="false" v-model="form.firstApprovalDate" />
        <van-cell title="有效期至" :border="false" v-model="form.effectiveDate" />
        <van-cell title="防治作物和场所" :border="false" v-model="form.preventPlace" />
        <van-cell title="毒性" :border="false" v-model="form.virulence" />
        <van-cell title="有效成分及含量" :border="false" v-model="form.activeContent" />
      </div>

      <div class="main_box" style="margin-top: 10PX;">
        <van-cell title="防治对象" :border="false" v-model="form.preventObject" />
        <van-cell title="用药量" :border="false" v-model="form.useDosage" />
        <van-cell title="施用方法" :border="false" v-model="form.useMethod" />
        <van-cell title="生产厂家" :border="false" v-model="form.factory" />
        <van-cell title="厂家地址" :border="false" v-model="form.factoryAddress" />
        <van-cell title="厂家电话" :border="false" v-model="form.factoryPhone" />
        <van-cell title="厂家邮编" :border="false" v-model="form.factoryPostal" />
        <van-cell title="厂家传真" :border="false" v-model="form.factoryFax" />
        <van-cell title="备注" :border="false" v-model="form.remark" />
      </div>

    </div>

  </div>
</template>

<script>
  import { getScheme } from "@/api/lawEnforcement/index";
  export default {
    name: "programmeDetail",
    data() {
      return {
        form:{},
      };
    },
    created() {
      var content = this.$route.query.content;
      this.form = content;
    },
    methods: {

    },
  }
</script>

<style scoped lang="scss">
  .jg{
    height: 180PX;
  }
  .app-container {

  }
  .main{
    position: relative;
    top: -170PX;
  }
  /deep/ .van-cell{
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 10PX;
    &:last-child{
      margin-bottom: 0;
    }
  }
  .header_main{
    /*height: 116px;*/
    background: url('../../../../static/images/lawEnforcement/new/header_bg.png') no-repeat;
    background-size: 100% 100%;
    /*position: fixed;*/
    top: 0;
    left: 0;
    width: 100%;
    font-size: 36px;
    line-height: 116px;
    text-align: center;
    color: #fff;
    z-index: 999;
    .return_btn{
      width: 24px;
      height: 43.2px;
      background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
      background-size: 20px 36px;
      position: absolute;
      left: 38px;
      top: 36px;
    }
    .add_btn{
      width: 56.4px;
      height: 40.8px;
      background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;
      background-size: 47px 34px;
      position: absolute;
      right: 38px;
      top: 36px;
    }
  }
  .main_box{
    width: 96%;
    margin: 0 auto;
    border-radius: 10PX;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    overflow: hidden;
    background-color: #FFF;
    padding: 20PX 5PX;
    .van-icon{
      vertical-align: middle;
    }
    .custom-title{
      font-size: 17PX;
      color: #333333;
      vertical-align: middle;
      line-height: 1;
      position: relative;
    }
    .tap{
      color: #1D6FE9;
    }
    .bgBlue{
      display: block;
      position: absolute;
      width: 17PX;
      height: 17PX;
      border-radius: 50%;
      background-color: rgba(29,111,233,0.26);
      top: -2PX;
      right: -8PX;
    }
  }
</style>
