FTO添加对比文件增加显示栏位管理

RMS-FrontEnd/src/views/report/FTO/FTOPage/ChosePatent.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 对比文件2 -->
-  <div style="padding:20px">
+  <div style="padding:20px" class="ChosePatentTable">
     <div style="display: flex; justify-content: space-between;">
       <div :style="{visibility: selectedTotal>0?'visible':'hidden'}" >
         已勾选 <b>{{ selectedTotal }}</b> 条
@@ -35,6 +35,7 @@
             </el-button>
           </el-popover>
           <el-button type="text" size="small" class="margin-left_10" @click="handleCancelSelectNumber">取消选择</el-button> 
+          <el-button size="small" type="warning" @click="handleFieldManage" style="margin-right: 10px;">显示栏位管理</el-button> 
           <!-- 自定义收缩栏 -->
           <el-tooltip class="item" effect="dark" :content="(showRight ? '隐藏' : '显示') + '右侧菜单'" placement="top" >
             <i :class="showRight ? 'el-icon-s-unfold' : 'el-icon-s-fold'" style="font-size: 25px;right: 10px; margin-left: 10px;margin-top: 5px;color: #2f2f2f; cursor: pointer" @click="showRight = !showRight"></i>
@@ -71,17 +72,23 @@
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column
-                prop="name"
-                label="专利标题"
-                align="center"
-                width="300px">
-              </el-table-column>
-              <el-table-column
-                prop="simpleStatus"
-                align="center"
-                label="状态">
-              </el-table-column>
+              <!-- <el-table-column prop="name" label="专利标题" align="center" width="300px"> </el-table-column>
+              <el-table-column prop="simpleStatus" align="center" label="状态"> </el-table-column> -->
+            <el-table-column v-for="column in fields" :label="column.name" show-overflow-tooltip align="center">
+              <template slot-scope="scope">
+                <div style="" v-for="data in getColumnValue(scope.row, column)">
+                  <template v-if="column.key === 'name'">
+                    <span v-html="getViewDom2(scope.row, 'name')"></span>
+                  </template>
+                  <template v-else-if="column.key === 'abstractStr'">
+                    <span v-html="getViewDom2(scope.row, 'abstractStr')"></span>
+                  </template>
+                  <template v-else>
+                    <span v-html="getViewDom(data)"></span>
+                  </template>
+                </div>
+              </template> 
+            </el-table-column>
             </el-table>
             <div class="pagination">
               <el-pagination :current-page.sync="queryParams.current" :page-size="queryParams.size" :total="total" @current-change="handleCurrentChange" layout="total, prev, pager, next, jumper" background></el-pagination>
@@ -132,19 +139,24 @@
           <el-button @click="close2">关 闭</el-button>
         </div>
     </el-dialog>
+    <patent-view-field @close="close" @reset="getPatentViewField(true)" @update="updatePatentViewField" ref="patentViewField" />
   </div>
 </template>
 <script>
 import SelectedPatent from '../../components/SelectedPatent.vue'
 import ChoseList from '../../Invalid/InvalidPage/ChoseList.vue'
 import { PatentDetails } from '@/views/components/common/mixins';
+// import { Contrast } from '@/views/task/components/mixins';
 import { importPatent } from '../../components/mixins';
+import PatentViewField from "@/views/product/components/relatedPatents/components/dialog/PatentViewField.vue";
+import { PatentViewFieldJs,changeTranslation, patentKeywordsHighlight } from "@/views/task/components/PatentViewField";
 export default {
 components:{
     SelectedPatent,
-    ChoseList
+    ChoseList,
+    PatentViewField
 },
-mixins:[PatentDetails,importPatent],
+mixins:[PatentDetails,importPatent,PatentViewFieldJs,changeTranslation, patentKeywordsHighlight],
   props: ['reportId',"ChosePatentSure"],
   data() {
     return {
@@ -762,6 +774,9 @@ mixins:[PatentDetails,importPatent],
 </script>
 
 <style lang="scss" >
+.ChosePatentTable .el-table .cell.el-tooltip{
+  white-space: normal; 
+}
 .btn1 {
   background: #909399;
 }