From d68b036a3b3c67273b8effa3c9925ef3869a91ba Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期三, 07 二月 2024 13:56:50 +0800
Subject: [PATCH] wms项目 wms系统参数设置的页面开发+路由+是否显示表头配置

---
 src/components/makepager/TableCommonView.vue |   88 ++++++++++++++++++++++++++++++++++++++------
 1 files changed, 76 insertions(+), 12 deletions(-)

diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index 70254b3..d49367e 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -33,6 +33,7 @@
         :min-width="item.min"
         show-overflow-tooltip
         :sortable="item.sortable"
+        :align="item.textAlign"
         v-if="item.isShowColumn"
       >
         <template slot-scope="scope">
@@ -42,10 +43,10 @@
             <span
               class="Badge"
               :class="{
-                greenSlot: scope.row.status == '4',
+                greenSlot: scope.row.status == '4'||scope.row.status ==  '瀹屾垚',
                 redSlot: scope.row.status == '5',
-                blueSlot: scope.row.status == '3',
-                graySlot: scope.row.status == '1'
+                blueSlot: scope.row.status == '3'||scope.row.status ==  '灏辩华',
+                graySlot: scope.row.status == '1',
               }"
               >{{
                 item.isCallMethod ? item.getCallMethod(scope.row[item.prop], scope.row) : scope.row[item.prop]
@@ -65,7 +66,7 @@
             >{{ timeAgo(scope.row[item.prop]) }}</span
           >
           <div v-else-if="item.conversion">
-            <span>{{ item.getStatus(scope.row[item.prop]) }}</span>
+            <p class="exceed_width">{{ item.getStatus(scope.row[item.prop]) }}</p>
           </div>
           <span
             v-else-if="item.isClick && scope.row[item.prop]"
@@ -88,7 +89,7 @@
     </el-table>
     <div class="overSpread1" v-show="iscolopen" @click="onMaskClick"></div>
     <div v-if="showCheckcol" class="styleBtn">
-      <i @click="checkcol()" class="label">...</i>
+      <i @click="checkcol()" class="label" v-if="colOpenShow">...</i>
       <el-checkbox-group v-model="showcolList" v-show="iscolopen" class="checkbox-group" @change="selCeckBoxList">
         <el-checkbox v-for="item in tableList.allcol" :label="item" :key="item">{{ item }} </el-checkbox>
       </el-checkbox-group>
@@ -115,7 +116,7 @@
           highlight: false,
           tableColumn: [
             // table琛ㄥ崟
-            { label: "", prop: "", min: 200, tooltip: true }
+            { label: "", prop: "", min: 200, tooltip: true,textAlign:"center"}
           ]
         }
       },
@@ -150,7 +151,12 @@
     showSummary: {
       type: Boolean,
       default: false
-    }
+    },
+    // 鏄惁鍙互閰嶇疆鍒楄〃 琛ㄥご
+    colOpenShow: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
@@ -238,10 +244,11 @@
                   if (!isNaN(value)) {
                     return prev + curr
                   } else {
-                    return prev
+                    return prev 
                   }
                 }, 0)
-                sums[index] = this.tableList.tableColumn[index - 1].unit + "" + sums[index]
+                let unitIndex = this.tableList.tableColumn.findIndex(obj => obj.label === column.label);  
+                sums[index]=this.tableList.tableColumn[unitIndex].unit+sums[index]
               } else {
                 sums[index] = ""
               }
@@ -298,16 +305,18 @@
   .styleBtn {
     position: absolute;
     width: 30px;
-    height: 48px;
+    height: 35px;
     // line-height: 26px;
-    background: #f1f3f8;
+    background: transparent;
     border-top-right-radius: 8px;
     top: 0px;
     right: 2px;
+    display: flex;
+    align-items: center;
     // z-index: 9999;
     .label {
       position: absolute;
-      top: 12px;
+      top: 6px;
       font-size: 20px;
       cursor: pointer;
       color: #000;
@@ -344,6 +353,61 @@
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     overflow: auto;
+    .exceed_width{
+      width: 100%;  
+      white-space: nowrap;  
+      overflow: hidden;  
+      text-overflow: ellipsis;
+    }
   }
 }
+
+::v-deep .el-table .cell {
+  font-size: 12px;
+  line-height: 17px;
+  font-family: PingFangSC;
+  color: rgba(0, 0, 0, 0.9);
+  .el-button--text {
+    width: auto;
+    height: auto;
+    font-family: PingFangSC-Medium, sans-serif;
+  }
+}
+::v-deep .el-table .el-table__cell {
+  padding: 6px 0 !important;
+  height: 35px;
+  text-align: center;
+}
+
+::v-deep {
+  .el-table .cell .el-button--text.el-button--small {
+    padding: 4px 0;
+  }
+  .el-table .el-table__cell {
+    padding: 6px 0 !important;
+    height: 35px;
+    text-align: center;
+  }
+  .el-table__body-wrapper{
+    height: unset !important;
+  }
+  .el-table__cell.is-left{
+    text-align: left !important;
+  }
+  .el-table__cell.is-right{
+    text-align: right !important;
+  }
+}
+.overSpread1 {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0);
+  z-index: 10;
+}
+.el-table__cell{
+  text-align: unset !important;
+}
 </style>

--
Gitblit v1.8.0