|
|
@@ -1,21 +1,366 @@
|
|
|
<template>
|
|
|
- <div></div>
|
|
|
+ <div>
|
|
|
+
|
|
|
+ <div class="message">
|
|
|
+ <div class="title">
|
|
|
+ 报告信息
|
|
|
+ <span>
|
|
|
+ <i v-if="!show.showReportMessage" class="el-icon-caret-right" @click="show.showReportMessage = !show.showReportMessage"></i>
|
|
|
+ <i v-else class="el-icon-caret-bottom" @click="show.showReportMessage = !show.showReportMessage"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-show="show.showReportMessage">
|
|
|
+ <el-card shadow="always">
|
|
|
+ <el-form style="width:100%" :model="reportMessage" label-width="140px">
|
|
|
+ <template v-if="reportMessage.reportType == 8">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="客户案号" prop="clientNo">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'clientNo' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="内部案号" prop="volumeNumber">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'volumeNumber' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="申请单位" prop="appCompany">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'appCompany' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="发明人" prop="inventor">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'inventor' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="IPR" prop="IPR">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'IPR' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="技术接口人" prop="interfaceName">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'interfaceName' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <template>
|
|
|
+ <div>
|
|
|
+ <el-form-item label="委托方：" prop="entrustId" v-if="userinfo.tenantType == 1">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'entrustName' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="委托部门：" prop="departmentId" v-else>
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'departmentName' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="承担部门：" prop="departmentId">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'departmentName' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="检索单位" prop="searchUnit">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'searchUnit' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="负责人" prop="searchPerson">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'headName' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="检索员联系方式" prop="searchPersonNumber">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'searchPersonNumber' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="检索审核人" prop="reviewer">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'reviewer' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+ <el-form-item label="是否完成：">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'status' })==3?'是':'否'"></div>
|
|
|
+ </el-form-item>
|
|
|
+ <template v-if="reportMessage.status == 3">
|
|
|
+ <div>
|
|
|
+ <el-form-item label="报告结果：">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'Array', value: 'cronNames' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="结果论述：">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'cronDescription' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="产品/技术：">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'productOrTech' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="关联报告：">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'associateReportName' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <template>
|
|
|
+ <div>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="事件：">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'Array', value: 'eventNames' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="调查类型：" prop="matterIds">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'Array', value: 'matterNames' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <el-form-item label="附件：">
|
|
|
+ <div class="box1">
|
|
|
+ <div v-for="item in reportMessage.systemFileList" style="display:flex;align-items:center" :key="item.guid">
|
|
|
+ <div style="margin-right:20px">{{ item.originalName }}</div>
|
|
|
+ <my-menu :data="item" :deleted="false"></my-menu>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="备注：" prop="description">
|
|
|
+ <div class="box1" v-html="$commonJS.getColumnData(reportMessage, { type: 'String', value: 'description' })"></div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="message">
|
|
|
+ <div class="title">
|
|
|
+ 案件结论
|
|
|
+ <span>
|
|
|
+ <i v-if="!show.showCaseMessage" class="el-icon-caret-right" @click="show.showCaseMessage = !show.showCaseMessage"></i>
|
|
|
+ <i v-else class="el-icon-caret-bottom" @click="show.showCaseMessage = !show.showCaseMessage"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-show="show.showCaseMessage">
|
|
|
+ <el-card shadow="always">
|
|
|
+ <el-form style="width:100%" :model="reportMessage" label-width="140px">
|
|
|
+ <el-form-item label="案件名称：">
|
|
|
+ <div class="box1" v-html="reportMessage.signPatentNo"></div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="初步结论：">
|
|
|
+ <div v-if="!editField.conclusion" class="flex_center">
|
|
|
+ <div v-html="reportMessage.conclusion" class="div_MAX_Height" style="color:#000000 !important;"></div>
|
|
|
+ <span @click="edit(reportMessage,'conclusion')">
|
|
|
+ <el-link type="primary">
|
|
|
+ <i class="iconfont icon-bianji" style="font-size:28px"></i>
|
|
|
+ </el-link>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-else class="width_100 flex_center">
|
|
|
+ <el-select style="width:100%" v-model="reportMessage.conclusion" placeholder="请选择">
|
|
|
+ <el-option v-for="item in conclusionList" :key="item" :label="item" :value="item"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="el-icon-check" circle style="font-size:15px" @click="submit(reportMessage,'conclusion')"></el-button>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="iconfont icon-fanhui" circle style="font-size:15px" @click="cancel(reportMessage,'conclusion')"></el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否具有专利性：">
|
|
|
+ <div v-if="!editField.patentability" class="flex_center">
|
|
|
+ <div v-html="reportMessage.patentability" class="div_MAX_Height" style="color:#000000 !important;"></div>
|
|
|
+ <span @click="edit(reportMessage,'patentability')">
|
|
|
+ <el-link type="primary">
|
|
|
+ <i class="iconfont icon-bianji" style="font-size:28px"></i>
|
|
|
+ </el-link>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-else class="width_100 flex_center">
|
|
|
+ <el-select style="width:100%" v-model="reportMessage.patentability" placeholder="请选择">
|
|
|
+ <el-option v-for="item in patentabilityList" :key="item" :label="item" :value="item"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="el-icon-check" circle style="font-size:15px" @click="submit(reportMessage,'patentability')"></el-button>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="iconfont icon-fanhui" circle style="font-size:15px" @click="cancel(reportMessage,'patentability')"></el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申请建议：">
|
|
|
+ <div v-if="!editField.applicationSuggestion" class="flex_center">
|
|
|
+ <div v-html="reportMessage.applicationSuggestion" class="div_MAX_Height" style="color:#000000 !important;"></div>
|
|
|
+ <span @click="edit(reportMessage,'applicationSuggestion')">
|
|
|
+ <el-link type="primary">
|
|
|
+ <i class="iconfont icon-bianji" style="font-size:28px"></i>
|
|
|
+ </el-link>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-else class="width_100 flex_center">
|
|
|
+ <el-select style="width:100%" v-model="reportMessage.applicationSuggestion" placeholder="请选择">
|
|
|
+ <el-option v-for="item in applicationSuggestionList" :key="item" :label="item" :value="item"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="el-icon-check" circle style="font-size:15px" @click="submit(reportMessage,'applicationSuggestion')"></el-button>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="iconfont icon-fanhui" circle style="font-size:15px" @click="cancel(reportMessage,'applicationSuggestion')"></el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申请描述：">
|
|
|
+ <div v-if="!editField.applicationSuggestionDescription" class="flex_center">
|
|
|
+ <div v-html="reportMessage.applicationSuggestionDescription" class="div_MAX_Height" style="color:#000000 !important;"></div>
|
|
|
+ <span @click="edit(reportMessage,'applicationSuggestionDescription')">
|
|
|
+ <el-link type="primary">
|
|
|
+ <i class="iconfont icon-bianji" style="font-size:28px"></i>
|
|
|
+ </el-link>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-else class="wdith_100 flex_center">
|
|
|
+ <myRich-Text style="width:100%" v-model="reportMessage.applicationSuggestionDescription" placeholder="请输入"></myRich-Text>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="el-icon-check" circle style="font-size:15px" @click="submit(reportMessage,'applicationSuggestionDescription')"></el-button>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="iconfont icon-fanhui" circle style="font-size:15px" @click="cancel(reportMessage,'applicationSuggestionDescription')"></el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="需要补充资料：">
|
|
|
+ <div v-if="!editField.additionalInformation" class="flex_center">
|
|
|
+ <div v-html="reportMessage.additionalInformation" class="div_MAX_Height" style="color:#000000 !important;"></div>
|
|
|
+ <span @click="edit(reportMessage,'additionalInformation')">
|
|
|
+ <el-link type="primary">
|
|
|
+ <i class="iconfont icon-bianji" style="font-size:28px"></i>
|
|
|
+ </el-link>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-else class="wdith_100 flex_center">
|
|
|
+ <myRich-Text style="width:100%" v-model="reportMessage.additionalInformation" placeholder="请输入"></myRich-Text>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="el-icon-check" circle style="font-size:15px" @click="submit(reportMessage,'additionalInformation')"></el-button>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="iconfont icon-fanhui" circle style="font-size:15px" @click="cancel(reportMessage,'additionalInformation')"></el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="撰写要点建议：">
|
|
|
+ <div v-if="!editField.writingSuggestions" class="flex_center">
|
|
|
+ <div v-html="reportMessage.writingSuggestions" class="div_MAX_Height" style="color:#000000 !important;"></div>
|
|
|
+ <span @click="edit(reportMessage,'writingSuggestions')">
|
|
|
+ <el-link type="primary">
|
|
|
+ <i class="iconfont icon-bianji" style="font-size:28px"></i>
|
|
|
+ </el-link>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-else class="wdith_100 flex_center">
|
|
|
+ <myRich-Text style="width:100%" v-model="reportMessage.writingSuggestions" placeholder="请输入"></myRich-Text>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="el-icon-check" circle style="font-size:15px" @click="submit(reportMessage,'writingSuggestions')"></el-button>
|
|
|
+ <el-button type="primary" class="margin-left_10" icon="iconfont icon-fanhui" circle style="font-size:15px" @click="cancel(reportMessage,'writingSuggestions')"></el-button>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { mapGetters } from 'vuex';
|
|
|
export default {
|
|
|
- components: {},
|
|
|
- props: {},
|
|
|
+ components: {
|
|
|
+ },
|
|
|
+ mixins:[],
|
|
|
+ props: {
|
|
|
+ projectId:{
|
|
|
+ default:0
|
|
|
+ },
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
+ editMessage:{},
|
|
|
+ editField:{},
|
|
|
+ loading:{},
|
|
|
+ show:{
|
|
|
+ showCaseMessage:true,
|
|
|
+ showReportMessage:true,
|
|
|
+ },
|
|
|
+ conclusionList:['未检索到影响其专利性的对比文件','检索到影响其创造性的对比文件','检索到影响其新颖性的对比文件'],
|
|
|
+ applicationSuggestionList:['发明','实用新型','外观设计','补充资料，然后再进行评估','结案'],
|
|
|
+ patentabilityList:['是','否','公开不充分'],
|
|
|
+ reportMessage:{},
|
|
|
};
|
|
|
},
|
|
|
watch: {},
|
|
|
- computed: {},
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(['userinfo']),
|
|
|
+ },
|
|
|
created() {},
|
|
|
- mounted() {},
|
|
|
- methods: {},
|
|
|
+ mounted() {
|
|
|
+ this.getReportMessage()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getReportMessage(){
|
|
|
+ this.reportMessage = {
|
|
|
+ reportType:8,
|
|
|
+ signPatentNo:'一种技术',
|
|
|
+ name:'查新报告',
|
|
|
+ clientNo:'123',
|
|
|
+ volumeNumber:'235',
|
|
|
+ appCompany:'华为',
|
|
|
+ inventor:'z',
|
|
|
+ IPR:'ws',
|
|
|
+ interfaceName:'',
|
|
|
+ entrustName:'华为',
|
|
|
+ departmentName:'君龙',
|
|
|
+ searchUnit:'威世博',
|
|
|
+ headName:'管理员',
|
|
|
+ reviewer:'s',
|
|
|
+ status:2,
|
|
|
+ conclusion:'未检索到影响其专利性的对比文件'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //编辑信息
|
|
|
+ edit(data,field){
|
|
|
+ this.$set(this.editField,field,true)
|
|
|
+ this.$set(this.editMessage,field,data[field])
|
|
|
+ },
|
|
|
+ //取消编辑
|
|
|
+ cancel(data,field){
|
|
|
+ this.$set(this.editField,field,false)
|
|
|
+ this.$set(data,field,this.editMessage[field])
|
|
|
+ },
|
|
|
+
|
|
|
+ //提交填写的信息
|
|
|
+ submit(field) {
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
+.message{
|
|
|
+ margin: 20px 0;
|
|
|
+ .title{
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.box1{
|
|
|
+ // border: 2px solid var(--color1);
|
|
|
+ // border-radius: 5px;
|
|
|
+ padding: 0px 10px;
|
|
|
+ color: var(--color1);
|
|
|
+ font-size: medium;
|
|
|
+}
|
|
|
+.width_100{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.flex_center{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
</style>
|
