专利清单显示

src/views/components/dialog/fields.vue

@@ -7,15 +7,15 @@
         <p></p>
         <el-checkbox-group v-model="checked" @change="handleCheckedChange">
           <template>
-            <draggable ref="el" v-model="filedList" @end="end" :options="{disabled: !order}">
-              <div v-for="(field, index) in filedList" :key="field.value" style="padding:5px 0;">
-                <el-checkbox :label="field.value">
+            <draggable ref="el" v-model="filedList" @end="end" :options="{disabled: !order}" filter=".disabled">
+              <div v-for="(field, index) in filedList" :key="field.value"  style="padding:5px 0;">
+                <el-checkbox :label="field.value" :disabled="field.disabled">
                   <div>
-                    <div :style="{'cursor':order?'move':'pointer'}">{{ field.name }}</div>
-                    <div v-if="order">
+                    <div :class="field.disabled?'disabled':''" :style="{'cursor':order?'move':'pointer'}">{{ field.name }}</div>
+                    <div v-if="order && !field.disabled">
                       <el-button type="text" :disabled="index == filedList.length - 1" class="down"> <i
                           class="el-icon-sort-down" @click.stop.prevent="down(index, field)"></i></el-button>
-                      <el-button type="text" :disabled="index == 0" class="up"><i class="el-icon-sort-up"
+                      <el-button type="text" :disabled="index == 1" class="up"><i class="el-icon-sort-up"
                           @click.stop.prevent="up(index, field)"></i></el-button>
                     </div>
                   </div>
@@ -87,12 +87,18 @@ export default {
   mounted() {
   },
   methods: {
+
     end(val){
         
     },
     //打开栏位
     open(data) {
-      this.filedList = JSON.parse(JSON.stringify(data))
+      this.filedList = JSON.parse(JSON.stringify(data)).map(item=>{
+        if(item.value == 'patentNo'){
+          item.disabled = true
+        }
+        return item
+      })
       this.checked = data.filter(item => {
         return item.ifHidden == false
       }).map(item => {
@@ -103,11 +109,17 @@ export default {
     },
     //下移
     down(index, file) {
+      if(index == this.filedList.length -1){
+        return
+      }
       var arr = this.filedList
       this.filedList.splice(index, 2, arr[index + 1], arr[index])
     },
     //上移
     up(index, file) {
+      if(index == 1){
+        return
+      }
       var arr = this.filedList
       this.filedList.splice(index - 1, 2, arr[index], arr[index - 1])
     },
@@ -209,4 +221,9 @@ export default {
     }
   }
 }
+</style>
+<style lang="scss" scoped>
+  .disabled{
+    cursor: not-allowed;
+  }
 </style>

src/views/project/patentCollection/components/views/Table.vue

@@ -2,7 +2,7 @@
   <div class="patent-table-list-view height_100" v-DivHeight="getDivHeight">
     <el-table :data="tableData" border style="width: 100%" header-row-class-name="custom-table-header"
       :maxHeight="tableHeight" @sort-change="sortChange" @cell-click="cellClick" :cell-class-name="cellClassName">
-      <el-table-column label="#" width="100" type="index" align="center">
+      <el-table-column label="#" width="100" type="index" align="center" fixed="left">
         <template slot-scope="scope">
           <div v-if="refresh">
             <el-checkbox-group :value="patentNoList" >
@@ -21,7 +21,7 @@
         </template>
       </el-table-column>
 
-      <el-table-column v-for="item in column.filter(item => !item.ifHidden)" :width="['abstractStr'].indexOf(item.value)!=-1?'500':'auto'" min-width="200"
+      <el-table-column v-for="item in column.filter(item => !item.ifHidden)" :width="['abstractStr'].indexOf(item.value)!=-1?'500':'auto'" min-width="200" :fixed="['patentNo'].indexOf(item.value)!=-1?'left':false"
         :render-header="$commonJS.renderHeaderMethods" :key="item.value" :prop="item.field" :label="item.name"
         :sortable="item.ifSort?'custom':false" align="center">
         <template slot-scope="scope">