From d9278399af79ff513af399f8976651f08276cc14 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期三, 19 二月 2025 15:26:29 +0800
Subject: [PATCH] 1.table样式修改

---
 src/components/Table/lims-table.vue |   51 ++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/src/components/Table/lims-table.vue b/src/components/Table/lims-table.vue
index d6a75c2..d960129 100644
--- a/src/components/Table/lims-table.vue
+++ b/src/components/Table/lims-table.vue
@@ -19,7 +19,12 @@
       @current-change="currentChange"
       @selection-change="handleSelectionChange"
     >
-      <el-table-column type="selection" width="55" v-if="isSelection" />
+      <el-table-column
+        align="center"
+        type="selection"
+        width="55"
+        v-if="isSelection"
+      />
       <el-table-column
         align="center"
         label="搴忓彿"
@@ -43,7 +48,7 @@
         show-overflow-tooltip
         :sortable="item.sortable ? true : false"
         :type="item.type"
-        :width="item.width"
+        :width="item.dataType === 'action'? getWidth(item.operation) : item.width"
         align="center"
       >
         <!-- <div class="123" v-if="item.type == ''"> -->
@@ -170,6 +175,15 @@
               </el-upload>
             </template>
           </div>
+          <!-- 鍙偣鍑荤殑鏂囧瓧 -->
+          <div
+            v-else-if="item.dataType == 'link'"
+            class="cell link"
+            style="width: 100%"
+            @click="goLink(scope.row, item.linkMethod)"
+          >
+            <span v-if="!item.formatData">{{ scope.row[item.prop] }}</span>
+          </div>
           <!-- 榛樿绾睍绀烘暟鎹� -->
           <div v-else class="cell" style="width: 100%">
             <span v-if="!item.formatData">{{ scope.row[item.prop] }}</span>
@@ -294,7 +308,7 @@
     },
     border: {
       type: Boolean,
-      default: false,
+      default: true,
     },
     highlightCurrentRow: {
       type: Boolean,
@@ -344,6 +358,14 @@
   },
 
   methods: {
+    getWidth(row) {
+      let count = 0
+      console.log('row---', row)
+      row.forEach(a => {
+        count += a.name.length
+      })
+      return count * 15 + 40 + 'px'
+    },
     iconFn(row) {
       if (row.name === "缂栬緫" || row.name === "淇敼") {
         return "el-icon-edit";
@@ -381,6 +403,13 @@
       // return index * 2;
       return (this.page.current - 1) * this.page.size + index + 1;
     },
+    // 鐐瑰嚮鍗曞厓鏍糽ink浜嬩欢
+    goLink(row, linkMethod) {
+      if (!linkMethod) {
+        return this.$message.warning("璇烽厤缃甽ingk浜嬩欢");
+      }
+      this.$parent[linkMethod](row);
+    },
   },
 };
 </script>
@@ -389,14 +418,22 @@
 .el-table >>> .el-table__empty-text {
   text-align: center;
 }
+
+>>> .cell {
+  padding: 0 !important;
+}
 .cell {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  padding-right: 4px;
-  padding-left: 4px;
+  padding-right: 4px !important;
+  padding-left: 10px !important;
 }
->>> .cell {
-  padding: 0 !important;
+.link {
+  color: rgb(64, 158, 255);
+  cursor: pointer;
+}
+>>> .el-table__body-wrapper::-webkit-scrollbar {
+  height: 14px; /* 璁剧疆婊氬姩鏉″搴� */
 }
 </style>

--
Gitblit v1.9.3