From ce58040e3959fc8b23fce4289b170a6dbc2e71a4 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 25 四月 2024 16:49:48 +0800
Subject: [PATCH] 增加用户名的显示和退出登录的操作

---
 src/components/makepager/TableCommonView.vue |   37 ++++++++++++++++++++++++++++++++-----
 1 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index cf76fd4..9562caa 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -39,6 +39,17 @@
         :fixed="item.fixed"
         v-if="item.isShowColumn"
       >
+      
+      <template slot="header">
+          {{ item.label }}
+          <span v-if="item.iconRight">
+            <i
+              :class="item.iconRight"
+              style="font-size: 16px; margin-left: 5px; cursor: pointer"
+              @click="handleShow(item)"
+            ></i>
+          </span>
+        </template>
         <template slot-scope="scope">
           <span v-if="item.price">{{ "锟�" + number_format(scope.row[item.prop], 2, ".", ",") }}</span>
           <div v-else-if="item.status" :class="scope.row.status">{{ scope.row[item.prop] }}</div>
@@ -84,8 +95,17 @@
           <span
             v-else-if="item.isCommonClick && scope.row[item.prop]"
             class="sel-name"
-            @click="selCommonClick(scope.row)"
-            >{{ scope.row[item.prop] }}</span
+            @click="selCommonClick(scope.row,item.prop,item)"
+            >
+            <div v-if="item.isCallMethod">
+              <span :class="item.isClass ? item.getClassName(scope.row[item.prop], scope.row) : ''">
+              
+              <span v-if="item.isIcon" v-html="item.getCallMethod(scope.row[item.prop], scope.row)"></span>
+              <span v-else>{{ item.getCallMethod(scope.row[item.prop], scope.row) }}</span> 
+              </span>
+            </div>
+            <span v-else>{{ scope.row[item.prop] }}</span> 
+            </span
           >
           <div v-else-if="item.isProductName" class="product-view">
             <ul v-if="scope.row.products && scope.row.products.length > 0">
@@ -389,8 +409,8 @@
       this.$emit("selServiceOrderClick", row)
     },
     // 鍏叡锛堥攢鍞満浼氥�佹姤浠峰崟銆侀攢鍞�诲崟銆侀攢鍞瓙鍗曘�傘�傘�傦級
-    selCommonClick(row) {
-      this.$emit("selCommonClick", row)
+    selCommonClick(row,prop,item) {
+      this.$emit("selCommonClick", row,prop,item)
     },
     // 琛岀偣鍑�
     tableRowClick(row, column, event) {
@@ -412,7 +432,11 @@
       } else {
         return false
       }
-    }
+    },
+    // 鑷畾涔夎〃澶寸偣鍑讳簨浠�
+    handleShow(item) {
+      this.$emit("handleShow", item);
+    },
   }
 }
 </script>
@@ -464,6 +488,9 @@
       font-weight: bold;
     }
   }
+  .el-table__fixed-body-wrapper{
+    top:37px!important;
+  }
 }
 
 ::v-deep .el-table .cell {

--
Gitblit v1.8.0