|
@@ -0,0 +1,81 @@
|
|
|
+<template>
|
|
|
+ <div id="info-1">
|
|
|
+ <van-row>
|
|
|
+ <van-col span="24" class="main">
|
|
|
+ <van-col :span="24" class="one">
|
|
|
+ <van-image :src="img_url"> </van-image>
|
|
|
+ <van-form>
|
|
|
+ <van-field v-model="info.term" label="专利有效性" readonly />
|
|
|
+ <van-field v-model="info.name" label="专利名称" type="textarea" autosize readonly />
|
|
|
+ <van-field v-model="info.create_number" label="申请号" readonly />
|
|
|
+ <van-field v-model="info.create_date" label="申请日" readonly />
|
|
|
+ <van-field v-model="info.success_number" label="公开(公告)号" readonly />
|
|
|
+ <van-field v-model="info.success_date" label="公开(公告)日" readonly />
|
|
|
+ <van-field v-model="info.type" label="专利类型" readonly />
|
|
|
+ <van-field v-model="info.inventor" label="发明人" type="textarea" autosize readonly />
|
|
|
+ <van-field v-model="info.address" label="发明人地址" readonly />
|
|
|
+ <van-field v-model="info.apply_personal" label="申请人" readonly />
|
|
|
+ <van-field v-model="info.agent_personal" label="代理人" readonly />
|
|
|
+ <van-field v-model="info.agent" label="代理机构" readonly />
|
|
|
+ <van-field v-model="info.abstract" label="摘要" type="textarea" autosize 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 {
|
|
|
+ img_url: '',
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ searchImg(data) {
|
|
|
+ if (data && data.length > 0) {
|
|
|
+ var url = data.map((item) => item.url)[0];
|
|
|
+ this.$set(this, `img_url`, url);
|
|
|
+ } else {
|
|
|
+ var url = require('@/assets/fmzl.jpg');
|
|
|
+ this.$set(this, `img_url`, url);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ info: {
|
|
|
+ deep: true,
|
|
|
+ immediate: true,
|
|
|
+ handler(val) {
|
|
|
+ this.searchImg(val.img_url);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.main {
|
|
|
+ .one {
|
|
|
+ .van-image {
|
|
|
+ width: 100%;
|
|
|
+ height: 220px;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|