|
@@ -11,77 +11,89 @@
|
|
<el-button @click="tasks" type="primary">协同任务</el-button>
|
|
<el-button @click="tasks" type="primary">协同任务</el-button>
|
|
</div> -->
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
- <!-- table -->
|
|
|
|
<div>
|
|
<div>
|
|
- <!-- table按钮部分 -->
|
|
|
|
- <div style="margin-top:20px;display: flex;justify-content: space-between;">
|
|
|
|
- <el-button-group v-if="show" >
|
|
|
|
- <el-button @click="merge" :disabled="row.length>0?false:true">合并</el-button>
|
|
|
|
- <el-button @click="split" :disabled="row.length>0?false:true">拆分</el-button>
|
|
|
|
- </el-button-group>
|
|
|
|
- <div>
|
|
|
|
- <el-select placeholder="请选择拆分类型" v-model="splitType1" style="margin-left: 50px;" @change="splitTypeSelect($event)" >
|
|
|
|
- <el-option label="仅拆主权要" value="0"></el-option>
|
|
|
|
- <el-option label="全部拆分" value="1"></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- <el-select placeholder="请选择拆分符号" v-model="splitBy1" style="margin-left: 10px;" @change="splitBySelect($event)">
|
|
|
|
- <el-option label="逗号拆分" value="0"></el-option>
|
|
|
|
- <el-option label="分号拆分" value="1"></el-option>
|
|
|
|
- <el-option label="逗号和分号拆分" value="2"></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- <el-select placeholder="请选择显示类型" v-model="Type" style="margin-left: 10px;" @change="TypeSelect($event)" >
|
|
|
|
- <el-option label="仅显示主权要" value="1"></el-option>
|
|
|
|
- <el-option label="全部显示" value="0"></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </div>
|
|
|
|
- <el-button @click="keep" type="primary" style="float: right;" :loading="btnLoading">保存</el-button>
|
|
|
|
- </div>
|
|
|
|
- <!-- 表格部分 -->
|
|
|
|
- <el-table
|
|
|
|
- :data="tableData"
|
|
|
|
- ref="table"
|
|
|
|
- border
|
|
|
|
- :height="tableHeight"
|
|
|
|
- :span-method="objectSpanMethod"
|
|
|
|
- v-loading="loading"
|
|
|
|
- style="min-width: 100%; margin-top: 20px;overflow:auto">
|
|
|
|
|
|
+ <!-- table按钮部分 -->
|
|
|
|
+ <div style="margin-top:20px;display: flex;justify-content: space-between;">
|
|
|
|
+ <el-button-group v-if="show" >
|
|
|
|
+ <el-button @click="merge" :disabled="row.length>0?false:true">合并</el-button>
|
|
|
|
+ <el-button @click="split" :disabled="row.length>0?false:true">拆分</el-button>
|
|
|
|
+ </el-button-group>
|
|
|
|
+ <div>
|
|
|
|
+ <el-select placeholder="请选择拆分类型" v-model="splitType1" style="margin-left: 50px;" @change="splitTypeSelect($event)" >
|
|
|
|
+ <el-option label="仅拆主权要" value="0"></el-option>
|
|
|
|
+ <el-option label="全部拆分" value="1"></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ <el-select placeholder="请选择拆分符号" v-model="splitBy1" style="margin-left: 10px;" @change="splitBySelect($event)">
|
|
|
|
+ <el-option label="逗号拆分" value="0"></el-option>
|
|
|
|
+ <el-option label="分号拆分" value="1"></el-option>
|
|
|
|
+ <el-option label="逗号和分号拆分" value="2"></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ <el-select placeholder="请选择显示类型" v-model="Type" style="margin-left: 10px;" @change="TypeSelect($event)" >
|
|
|
|
+ <el-option label="仅显示主权要" value="1"></el-option>
|
|
|
|
+ <el-option label="全部显示" value="0"></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </div>
|
|
|
|
+ <div>
|
|
|
|
+ <el-button @click="width='50%'" v-if="width=='100%'"> 查看详情</el-button>
|
|
|
|
+ <el-button @click="width='100%'" v-else> 关闭详情</el-button>
|
|
|
|
+ <el-button @click="keep" type="primary" style="float: right;" :loading="btnLoading">保存</el-button>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ <el-container>
|
|
|
|
+ <el-aside :style="{width:width,border:0}">
|
|
|
|
+ <!-- 表格部分 -->
|
|
|
|
+ <el-table
|
|
|
|
+ :data="tableData"
|
|
|
|
+ ref="table"
|
|
|
|
+ border
|
|
|
|
+ :height="tableHeight"
|
|
|
|
+ :span-method="objectSpanMethod"
|
|
|
|
+ v-loading="loading"
|
|
|
|
+ style="min-width: 100%; margin-top: 20px;overflow:auto">
|
|
|
|
|
|
- <el-table-column prop="pRightName" label="权要" align="center" width="200px">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-tooltip class="item" effect="dark" :content="scope.row.pContent" placement="top">
|
|
|
|
- <!-- <span>{{scope.row.pContent}}</span> -->
|
|
|
|
- <span>{{scope.row.pRightName}}</span>
|
|
|
|
- </el-tooltip>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
|
|
+ <el-table-column prop="pRightName" label="权要" align="center" width="200px">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-tooltip class="item" effect="dark" :content="scope.row.pContent" placement="top">
|
|
|
|
+ <!-- <span>{{scope.row.pContent}}</span> -->
|
|
|
|
+ <span>{{scope.row.pRightName}}</span>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column prop="content" label="特征" align="center" width="300px">
|
|
|
|
- <template slot-scope="scope" >
|
|
|
|
- <el-checkbox-group v-model="checkList" >
|
|
|
|
|
|
+ <el-table-column prop="content" label="特征" align="center" width="300px">
|
|
|
|
+ <template slot-scope="scope" >
|
|
|
|
+ <el-checkbox-group v-model="checkList" >
|
|
|
|
|
|
- <el-checkbox :label="scope.row.id" @change="getFunInfo(scope.row,scope)" style="display: flex; align-items: center;">
|
|
|
|
- <el-input type="textarea" style="width:250px" autosize v-model="scope.row.content"> {{scope.row.content}}</el-input>
|
|
|
|
- </el-checkbox>
|
|
|
|
|
|
+ <el-checkbox :label="scope.row.id" @change="getFunInfo(scope.row,scope)" style="display: flex; align-items: center;">
|
|
|
|
+ <el-input type="textarea" style="width:250px" autosize v-model="scope.row.content"> {{scope.row.content}}</el-input>
|
|
|
|
+ </el-checkbox>
|
|
|
|
|
|
- </el-checkbox-group>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
-
|
|
|
|
- <el-table-column prop="explainText" align="center" label="解释(可粘贴图片)">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <!-- <div>
|
|
|
|
- <el-input type="textarea" style="width:100%" autosize v-model="scope.row.explainText"> {{scope.row.explainText}}</el-input>
|
|
|
|
- </div> -->
|
|
|
|
- <div style="width:100%;outline: #dcdfe6;border:1px solid #DCDFE6;border-radius:5px" id="preview" contenteditable="true"
|
|
|
|
- v-html="scope.row.explainText" @input="saveValue($event.target.innerHTML)" @click="saveValue($event.target.innerHTML)"
|
|
|
|
- @blur="getValue(scope.row,'explainText')" v-on:paste="handlePaste($event,scope.row,'explainText')">
|
|
|
|
- <!-- {{scope.row.explainText}} -->
|
|
|
|
- </div>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
|
|
+ </el-checkbox-group>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+
|
|
|
|
+ <el-table-column prop="explainText" align="center" label="解释(可粘贴图片)">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <!-- <div>
|
|
|
|
+ <el-input type="textarea" style="width:100%" autosize v-model="scope.row.explainText"> {{scope.row.explainText}}</el-input>
|
|
|
|
+ </div> -->
|
|
|
|
+ <div style="width:100%;outline: #dcdfe6;border:1px solid #DCDFE6;border-radius:5px" id="preview" contenteditable="true"
|
|
|
|
+ v-html="scope.row.explainText" @input="saveValue($event.target.innerHTML)" @click="saveValue($event.target.innerHTML)"
|
|
|
|
+ @blur="getValue(scope.row,'explainText')" v-on:paste="handlePaste($event,scope.row,'explainText')">
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- </el-table>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </el-table>
|
|
|
|
+
|
|
|
|
+ </el-aside>
|
|
|
|
+ <el-main v-show="width!='100%'" :style="{height:height+'px',overflow:'hidden'}">
|
|
|
|
+ <Patent-Detail :publicNo="patentNo" :reportId="reportId"></Patent-Detail>
|
|
|
|
+ </el-main>
|
|
|
|
+ </el-container>
|
|
|
|
+ <!-- table -->
|
|
|
|
+ </div>
|
|
<sendCollaboration ref="CollaborationDialog"></sendCollaboration>
|
|
<sendCollaboration ref="CollaborationDialog"></sendCollaboration>
|
|
<taskList ref="TaskList"></taskList>
|
|
<taskList ref="TaskList"></taskList>
|
|
</div>
|
|
</div>
|
|
@@ -93,15 +105,19 @@ import sendCollaboration from "@/views/report/components/sendCollaboration.vue"
|
|
import taskList from "@/views/report/components/taskList.vue"
|
|
import taskList from "@/views/report/components/taskList.vue"
|
|
import {explain} from '../../components/mixins'
|
|
import {explain} from '../../components/mixins'
|
|
import { PatentDetails } from '@/views/components/common/mixins';
|
|
import { PatentDetails } from '@/views/components/common/mixins';
|
|
|
|
+import PatentDetail from '@/views/components/articles/ContrastIndex.vue';
|
|
export default {
|
|
export default {
|
|
props: ['isshow', 'patentNo', "reportId",'splitType','splitBy'],
|
|
props: ['isshow', 'patentNo', "reportId",'splitType','splitBy'],
|
|
mixins:[explain,PatentDetails],
|
|
mixins:[explain,PatentDetails],
|
|
components: {
|
|
components: {
|
|
sendCollaboration,
|
|
sendCollaboration,
|
|
taskList,
|
|
taskList,
|
|
|
|
+ PatentDetail
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ height:'',
|
|
|
|
+ width:'100%',
|
|
btnLoading:false,
|
|
btnLoading:false,
|
|
show: true,
|
|
show: true,
|
|
checkList: [],
|
|
checkList: [],
|
|
@@ -135,6 +151,7 @@ export default {
|
|
methods: {
|
|
methods: {
|
|
setHeight() {
|
|
setHeight() {
|
|
const offsetTop = window.innerHeight - this.$refs.table.$el.offsetTop - 40
|
|
const offsetTop = window.innerHeight - this.$refs.table.$el.offsetTop - 40
|
|
|
|
+ this.height = offsetTop
|
|
const body = document.querySelector('.el-table__body')
|
|
const body = document.querySelector('.el-table__body')
|
|
if (!body) {
|
|
if (!body) {
|
|
return false
|
|
return false
|