|
@@ -0,0 +1,329 @@
|
|
|
+<template>
|
|
|
+ <div id="detail">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col class="one">
|
|
|
+ <el-button type="primary" size="mini" @click="toReturn()">返回</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="two">
|
|
|
+ <el-form :model="form" :rules="rules" ref="form" label-width="140px">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="申请号" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="申请日" prop="title">
|
|
|
+ <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="公开(公告)号" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="公开(公告)日" prop="title">
|
|
|
+ <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="发明人" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="代理机构" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="代理人" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="摘要" prop="title">
|
|
|
+ <el-input type="textarea" :rows="2" placeholder="请输入内容" v-model="textarea"> </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="发明人地址" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="专利名称" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="申请人" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="专利有效性" prop="title">
|
|
|
+ <el-radio v-model="radio" label="1">有效</el-radio>
|
|
|
+ <el-radio v-model="radio" label="2">审中</el-radio>
|
|
|
+ <el-radio v-model="radio" label="3">失效</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="专利类型" prop="title">
|
|
|
+ <el-radio v-model="radio" label="1">发明申请</el-radio>
|
|
|
+ <el-radio v-model="radio" label="2">实用新型</el-radio>
|
|
|
+ <el-radio v-model="radio" label="3">外观设计</el-radio>
|
|
|
+ <el-radio v-model="radio" label="4">PCT国际申请号</el-radio>
|
|
|
+ <el-radio v-model="radio" label="5">PCT国际发布号</el-radio>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="首页附图" prop="title">
|
|
|
+ <el-upload action="#" list-type="picture-card" :auto-upload="false">
|
|
|
+ <i slot="default" class="el-icon-plus"></i>
|
|
|
+ <div slot="file" slot-scope="{ file }">
|
|
|
+ <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
|
|
|
+ <span class="el-upload-list__item-actions">
|
|
|
+ <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
|
|
|
+ <i class="el-icon-zoom-in"></i>
|
|
|
+ </span>
|
|
|
+ <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleDownload(file)">
|
|
|
+ <i class="el-icon-download"></i>
|
|
|
+ </span>
|
|
|
+ <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
|
|
|
+ <i class="el-icon-delete"></i>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ <el-dialog :visible.sync="dialogVisible">
|
|
|
+ <img width="100%" :src="dialogImageUrl" alt="" />
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="公开国别" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="IPC主分类" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="当前法律状态" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="法律状态" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="法律文书日期" prop="title">
|
|
|
+ <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="变更前权利人" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="申请人地址(其他)" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="申请人(其他)" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="法律文书编号" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="首次公开日" prop="title">
|
|
|
+ <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="授权公告日" prop="title">
|
|
|
+ <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="失效日" prop="title">
|
|
|
+ <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="实质审查生效日" prop="title">
|
|
|
+ <el-date-picker v-model="form.time" type="date" placeholder="点击选择" style="width: 100%" size="small"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="发明(设计)人(其他)" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="链接到incoPat" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="首项权利要求" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="第一申请人" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="中国申请人地市" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="工商统一社会信用代码" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="工商注册地址" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="第一发明人" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="合享价值度" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="技术稳定性" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="技术先进性" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="PCT国际申请号" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="PCT国际发布号" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="专利关联用户" prop="title">
|
|
|
+ <el-button class="btn" type="primary" size="mini" @click="onSelect('form')">选择用户</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button class="btn" type="primary" size="mini" @click="onSubmit('form')">提交</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+export default {
|
|
|
+ name: 'detail',
|
|
|
+ props: {},
|
|
|
+ components: {},
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ rules: {
|
|
|
+ //title: [{ required: true, message: '请输入', trigger: 'blur' }],
|
|
|
+ // title: [{ required: true, message: '机构代码或邀请码', trigger: 'blur' }],
|
|
|
+ // title: [{ required: true, message: '机构名称', trigger: 'blur' }],
|
|
|
+ // title: [{ required: true, message: '姓名', trigger: 'blur' }],
|
|
|
+ // title: [{ required: true, message: '手机号', trigger: 'blur' }],
|
|
|
+ // title: [{ required: true, message: '密码', trigger: 'blur' }],
|
|
|
+ },
|
|
|
+ form: {},
|
|
|
+ radio: '',
|
|
|
+ dialogImageUrl: '',
|
|
|
+ dialogVisible: false,
|
|
|
+ disabled: false,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ onSubmit(formName) {
|
|
|
+ this.$refs[formName].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ this.$emit('onSubmit', { data: this.form });
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //返回
|
|
|
+ toReturn() {
|
|
|
+ this.$router.push({ path: '/adminCenter/adminPatent/info/index' });
|
|
|
+ },
|
|
|
+ //首页附图-上传
|
|
|
+ handleRemove(file) {
|
|
|
+ console.log(file);
|
|
|
+ },
|
|
|
+ handlePictureCardPreview(file) {
|
|
|
+ this.dialogImageUrl = file.url;
|
|
|
+ this.dialogVisible = true;
|
|
|
+ },
|
|
|
+ handleDownload(file) {
|
|
|
+ console.log(file);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ test: {
|
|
|
+ deep: true,
|
|
|
+ immediate: true,
|
|
|
+ handler(val) {},
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.main {
|
|
|
+ .one {
|
|
|
+ padding: 0 0 20px 10px;
|
|
|
+ .sp {
|
|
|
+ padding: 0px 0 0 170px;
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: 700;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|