将侧栏菜单数据存储进vuex

zuozhengqing

2023-12-20 15bcbd44b6a3b2ec34092bc5ed3e213fa9c55de4

 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">
@@ -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]"
@@ -115,7 +116,7 @@
          highlight: false,
          tableColumn: [
            // table表单
            { label: "", prop: "", min: 200, tooltip: true }
            { label: "", prop: "", min: 200, tooltip: true,textAlign:"center"}
          ]
        }
      },
@@ -242,7 +243,7 @@
                  }
                }, 0)
                let unitIndex = this.tableList.tableColumn.findIndex(obj => obj.label === column.label);  
                sums[index]+=this.tableList.tableColumn[unitIndex].unit
                sums[index]=this.tableList.tableColumn[unitIndex].unit+sums[index]
              } else {
                sums[index] = ""
              }
@@ -347,6 +348,12 @@
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: auto;
    .exceed_width{
      width: 100%;  
      white-space: nowrap;  
      overflow: hidden;  
      text-overflow: ellipsis;
    }
  }
}

@@ -371,14 +378,21 @@
  .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;
  }
}

::v-deep .el-table .el-table__cell {
  padding: 6px 0 !important;
  height: 35px;
  text-align: center;
}

.overSpread1 {
  width: 100%;
  height: 100%;
@@ -388,4 +402,7 @@
  background: rgba(0, 0, 0, 0);
  z-index: 10;
}
.el-table__cell{
  text-align: unset !important;
}
</style>