表头显示提示

src/utils/common.js

@@ -166,5 +166,34 @@ export default {
       }
     }
     return sortData
-  }
+  },
+
+  //显示表头数据
+  renderHeaderMethods(h, { column }, message) {
+    var message = '点击升序'
+    switch(column.order){
+      case "":
+        message = '点击升序'
+        break;
+      case "ascending":
+        message = '点击降序'
+        break;
+      case 'descending':
+        message = '点击取消排序'
+        break
+    }
+    return [
+      ,
+      h(
+        'el-tooltip',
+        {
+          props: {
+            content: message, // 鼠标悬停时要展示的文字提示
+            placement: 'top' // 悬停内容展示的位置
+          }
+        },
+        [h('span', column.label)] // 图标
+      )
+      ]
+  },
 }

src/utils/model/tooltip/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-tooltip class="item" :disabled="!disable" v-bind="$attrs" ref="myToolTip">
+  <el-tooltip class="item" :content="content" :disabled="!disable" v-bind="$attrs" ref="myToolTip">
     <template #content="scopeData">
         <slot name="content"  v-bind="scopeData || {}"></slot>
     </template>
@@ -14,7 +14,8 @@
 export default {
   components: {},
   props: {
-    disabled:Boolean
+    disabled:Boolean,
+    content:''
   },
   data() {
     return {

src/views/project/components/view/table.vue

@@ -9,11 +9,10 @@
           </template>
         </el-table-column>
 
-        <el-table-column v-for="item in column.filter(item=>!item.ifHidden)"  :key="item.value" :prop="item.value" :label="item.name" sortable="custom" align="center">
+        <el-table-column v-for="item in column.filter(item=>!item.ifHidden)" :render-header=" $commonJS.renderHeaderMethods" :key="item.value" :prop="item.value" :label="item.name" sortable="custom" align="center">
           <template slot-scope="scope">
-            <div v-if="['name'].includes(item.value)">
+            <div v-if="['name','reportProjectNum'].includes(item.value)">
               <el-link @click="handleClick(scope.row, item.value)">{{ scope.row[item.value] }}</el-link>
-
             </div>
             <div v-else v-html="$commonJS.getColumnData(scope.row, item)"></div>
           </template>
@@ -72,7 +71,7 @@ export default {
     },
     row: null,
     //操作信息
-    handleMessage:''
+    handleMessage:'',
   },
   data() {
     return {

src/views/project/index.vue

@@ -116,7 +116,12 @@ export default {
         current: 1,
       },
       //排序
-      sort: [],
+      sort: [
+        {
+          "orderBy": "createTime",
+          "orderType": 1
+        } 
+      ],
       //分组集合
       groupingOption: [],
       //分组