<template>
  <div id="info-1">
    <van-row>
      <van-col span="24" class="main">
        <van-col :span="24" class="one">
          <van-form label-width="5em">
            <van-field v-model="info.create_number" name="create_number" label="申请号" readonly />
            <van-field v-model="info.patent_name" name="patent_name" label="专利名称" readonly />
            <van-field v-model="info.contact" name="contact" label="联系人" readonly />
            <van-field v-model="info.phone" name="phone" label="联系电话" readonly />
            <van-field v-model="info.email" name="email" label="电子邮箱" readonly />
            <van-field v-model="info.budget" name="budget" type="digit" label="意向价格" readonly />
            <van-field v-model="info.type" name="type" label="交易类型" readonly />
            <van-field name="is_report" label="评估报告">
              <template #input>
                <van-radio-group v-model="info.is_report" direction="horizontal" disabled>
                  <van-radio :name="true">有</van-radio>
                  <van-radio :name="false">无</van-radio>
                </van-radio-group>
                <van-button type="info" size="small" v-if="info.is_report == true" @click="download(info.report)">下载报告</van-button>
              </template>
            </van-field>
            <van-field v-model="info.requirementdesc" name="requirementdesc" label="技术说明" rows="2" autosize type="textarea" readonly />
            <van-field v-model="info.expect" name="expect" label="商业预期" rows="2" autosize type="textarea" readonly />
            <van-field v-model="info.condition" name="condition" label="条件及要求" rows="2" autosize type="textarea" readonly />
          </van-form>
        </van-col>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'info-1',
  props: {
    info: { type: Object },
  },
  components: {},
  data: function () {
    return {};
  },
  created() {},
  methods: {},
  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped></style>
