[update] 表格拖拽换j-table

src/views/businessSupport/DataCenter.vue

@@ -111,10 +111,10 @@
             </div>
           </div>
           <div>
-            <a-table
+            <j-table
               ref="table"
               size="middle"
-              :components="drag(columns,'columns')"
+              :can-drag="true"
               :loading="loading"
               :pagination="ipagination"
               rowKey="id"
@@ -124,24 +124,24 @@
               :columns="columns"
               @change="handleTableChange"
             >
-                  <span slot="projectName" slot-scope="text" :title="text">
-                      {{ text }}
-                  </span>
-              <span slot="fileName" slot-scope="text" :title="text">
-                      {{ text }}
-                  </span>
-              <span slot="operation" slot-scope="text,record">
-                    <a class="text-operation"
-                       v-has="'externalReport:download'"
-                       @click="download(record)">{{$t('download')}}</a>
-                    <a class="text-operation"
-                       v-has="'externalReport:edit'"
-                       @click="handleEdit(record)" v-if='authmanage'>{{$t('edit')}}</a>
-                    <a class="text-operation"
-                       v-has="'externalReport:delete'"
-                       @click="batchDel(record)" v-if='authmanage'>{{$t('delete')}}</a>
-                  </span>
-            </a-table>
+              <template v-slot:projectName="{text}" :title="text">
+                  {{ text }}
+              </template>
+              <template v-slot:fileName="{text}" :title="text">
+                  {{ text }}
+              </template>
+              <template v-slot:operation="{text, record}">
+                <a class="text-operation"
+                   v-has="'externalReport:download'"
+                   @click="download(record)">{{$t('download')}}</a>
+                <a class="text-operation"
+                   v-has="'externalReport:edit'"
+                   @click="handleEdit(record)" v-if='authmanage'>{{$t('edit')}}</a>
+                <a class="text-operation"
+                   v-has="'externalReport:delete'"
+                   @click="batchDel(record)" v-if='authmanage'>{{$t('delete')}}</a>
+              </template>
+            </j-table>
           </div>
           <!--  上传文件-->
           <addModel ref="addModelRef" @addModelList="addModelList"/>
@@ -154,21 +154,22 @@
 </template>
 
 <script>
+import JTable from '@/components/jero/JTable'
 // 上传文件弹框
 import AddModel from './modules/AddModel'
 // 添加节点弹框
 import AddNodeModal from './modules/AddNodeModal'
 import { getAction, postAction, downloadFile, deleteAction } from '@/api/manage'
-import { ResizeHeader, ResizeColumnProvide } from '@/mixins/header'
 import { JeroListMixin } from '@/mixins/JeroListMixin'
 
 export default {
   name: 'DataCenter',
   components: {
+    JTable,
     AddModel,
     AddNodeModal
   },
-  mixins: [ResizeHeader, ResizeColumnProvide, JeroListMixin],
+  mixins: [JeroListMixin],
   data () {
     return {
       labelCol: { span: 6 },
@@ -462,10 +463,6 @@ export default {
       this.queryParam = {}
       this.loadData()
     },
-    // 查看
-    handlelist () {
-      this.$refs.handleModelRef.addModel()
-    },
     // 编辑
     handleEdit (item) {
       this.$refs.addModelRef.editModel(JSON.parse(JSON.stringify(item)))