1

src/views/noveltySearch/components/details/components/basicMessage/basicMessage.vue

@@ -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>

src/views/noveltySearch/components/details/components/basicMessage/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <basicMessage></basicMessage>
+    <basicMessage :projectId="projectId"></basicMessage>
   </div>
 </template>
 
@@ -16,7 +16,11 @@ export default {
     };
   },
   watch: {},
-  computed: {},
+  computed: {
+    projectId(){
+        return this.$route.query.projectId
+    }
+  },
   created() {},
   mounted() {},
   methods: {},

src/views/noveltySearch/components/details/details.vue

@@ -20,8 +20,11 @@
 </template>
 
 <script>
+import basicMessageVue from './components/basicMessage/basicMessage.vue';
 export default {
-  components: {},
+  components: {
+    basicMessageVue
+  },
   props: {
     projectId:{}
   },
@@ -29,8 +32,13 @@ export default {
     return {
       isCollapse:true,
       width:'200px',
-      activeMenu: '',
-      menuList:[],
+      activeMenu: 'basicMessageVue',
+      menuList:[
+        {
+          label: '基本信息',
+          name: "basicMessageVue",
+        }
+      ],
     };
   },
   watch: {},