|
|
@@ -3,47 +3,63 @@
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
border
|
|
|
+ class="table"
|
|
|
:span-method="objectSpanMethod"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
v-loading="loading"
|
|
|
style="min-width: 100%; margin-top: 20px;overflow:auto">
|
|
|
|
|
|
- <el-table-column prop="pRightName" label="权要" align="center" width="200px">
|
|
|
+ <el-table-column prop="right" label="权要" align="center" width="200px">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-tooltip class="item" effect="dark" :content="scope.row.pContent" placement="top">
|
|
|
- <span>{{scope.row.pRightName}}</span>
|
|
|
+ <el-tooltip class="item" effect="dark" :content="scope.row.right" placement="top">
|
|
|
+ <span>{{scope.row.right}}</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-checkbox :label="scope.row.content" @change="getFunInfo(scope.row)" style="display: flex; align-items: center;">
|
|
|
- <el-input type="textarea" style="width:250px" autosize v-model="scope.row.content"> {{scope.row.content}}</el-input>
|
|
|
+ <div >
|
|
|
+ <el-checkbox-group v-model="checkList" >
|
|
|
+ <el-checkbox :label="scope.row.content" @change="getFunInfo(scope.row)" >
|
|
|
+ <p>对比组合{{(scope.$index+1)}}</p>
|
|
|
</el-checkbox>
|
|
|
-
|
|
|
- </el-checkbox-group>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </div>
|
|
|
+
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="content" label="特征" align="center" width="200px">
|
|
|
+ <el-table-column prop="assoRecordsFeatures" label="特征" align="center" width="200px">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{scope.row.content}}</span>
|
|
|
+ <!-- <span>{{scope.row.content}}</span> -->
|
|
|
+ <div class="innerTable" v-if="scope.row.assoRecordsFeatures" style="width:calc(100% + 20px);margin-left:-10px">
|
|
|
+ <p v-for="i in scope.row.assoRecordsFeatures">
|
|
|
+ <el-tooltip class="item" effect="dark" :content="i.features.content" placement="top">
|
|
|
+ <span>特征{{i.features.featuresOrder}}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="patentNo" label="对比专利" align="center" width="200px">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{scope.row.patentNo}}</span>
|
|
|
+ <!-- <span>{{scope.row.patentNo}}</span> -->
|
|
|
+ <div class="innerTable" v-if="scope.row.assoRecordsFeatures" style="width:calc(100% + 20px);margin-left:-10px">
|
|
|
+ <p v-for="i in scope.row.assoRecordsFeatures">{{i.compareRecords.patentNo}}</p>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="content" label="对比内容" align="center" width="200px">
|
|
|
+ <el-table-column prop="content" label="对比内容" align="center" min-width="200px">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{scope.row.content}}</span>
|
|
|
+ <!-- <span>{{scope.row.content}}</span> -->
|
|
|
+ <div class="innerTable" v-if="scope.row.assoRecordsFeatures" style="width:calc(100% + 20px);margin-left:-10px">
|
|
|
+ <p v-for="i in scope.row.assoRecordsFeatures">{{i.compareRecords.content}}</p>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="result" label="对比结论/理由" align="center" width="200px">
|
|
|
+ <el-table-column prop="contrastResult" label="对比结论/理由" align="center" width="300px">
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{scope.row.content}}</span>
|
|
|
+ <span>{{scope.row.contrastResult}}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -55,20 +71,31 @@ export default {
|
|
|
props:['reportId'],
|
|
|
data() {
|
|
|
return {
|
|
|
+ checkList:[],
|
|
|
tableData:[],
|
|
|
loading:false,
|
|
|
mergeObj: {},
|
|
|
- mergeArr: ['id', 'pRightName'],
|
|
|
+ mergeArr: [ 'right'],
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getContrastPlan()
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 表格隔行变色
|
|
|
+ tableRowClassName({ row, rowIndex }) {
|
|
|
+ if (rowIndex % 2 === 0) {
|
|
|
+ return 'success-row'
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ },
|
|
|
getContrastPlan(){
|
|
|
this.$api.selectCompareScenarios({reportID:this.reportId}).then(response=>{
|
|
|
if(response.code == 200){
|
|
|
console.log(response.data)
|
|
|
+ this.tableData = response.data
|
|
|
+ this.getSpanArr(this.tableData)
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -102,4 +129,25 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
}
|
|
|
-</script>
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+.success-row {
|
|
|
+ background-color:#eaf3fb !important;
|
|
|
+}
|
|
|
+.success-row:first-child td:first-child{
|
|
|
+ background-color: #FFF;
|
|
|
+}
|
|
|
+</style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.innerTable p{
|
|
|
+ padding:0 0 20px 0;
|
|
|
+border-bottom:1px solid #EBEEF5;
|
|
|
+}
|
|
|
+.innerTable p:last-child{
|
|
|
+ padding: 20px 0 0 0;
|
|
|
+ border-bottom: none;
|
|
|
+}
|
|
|
+.table{
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+</style>
|