调试

快乐的昕的电脑

2025-11-24 8e0803ee24969d1b54d1c6f6a3ecf4fe391b257f

 pages/index.vue

@@ -346,6 +346,8 @@
      methods: {
            onRowClick(index) {
                this.selectedIndexs = [index]; // 单选
                // 手动触发 selectionChange 以同步复选框
                this.selectionChange({ detail: { index } });
            },
         checkForUpdate() {
            this.$post({
@@ -752,6 +754,14 @@

<style lang="scss">

    :deep(.checkbox),
    :deep(.checkbox__inner) {
        padding: 10px !important;
        width: 44px !important;
        min-width: 44px !important;
        box-sizing: border-box;
    }

    .row-selected {
        background-color: #e0f3ff !important;
    }
@@ -994,16 +1004,15 @@
      align-items: center;
   }

   .popup {
      background-color: #fff;
      padding: 2vh;
      border: 1px solid #ccc;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      width: 90vw;
      height: 70vh;
      font-size: 1.6vw;
      /* Increased font size within popups */
   }
    .popup {
        background-color: #fff;
        padding: 2vh;
        border: 1px solid #ccc;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        width: 90vw;
        height: 85vh; /* 原70vh，调高 */
        font-size: 1.6vw;
    }

   .print-btn {
      float: left;
@@ -1035,6 +1044,17 @@
        display: block;
    }

/*    //v-deep .checkbox {
    //    padding: 10 10px;
    //    width: 26px;
    //    padding-left: 12px;
    //    display: table-cell;
    //    vertical-align: middle;
    //    color: #333;
    //    font-weight: 500;
    //    border-bottom: 1px #ebeef5 solid;
    //    font-size: 14px;
    //}*/

   @media screen and (max-width: 1920px) {
      .tab-item {
@@ -1057,78 +1077,14 @@
        /* 可选：设置最大宽度，防止撑破表格 */
        max-width: 180px;
        overflow-wrap: break-word;
    }
    }onRowClick(index) {


    :deep(.el-checkbox) {
        min-width: 60px !important;
        min-height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        /* 可选：让内容居中 */
    }

    :deep(.el-checkbox__input) {
        width: 44px !important;
        height: 44px !important;
        font-size: 44px !important;
    }

    :deep(.el-checkbox__inner) {
        width: 44px !important;
        height: 44px !important;
        border-radius: 8px !important;
        border: 2px solid #007aff !important;
    }

    :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
        background-color: #007aff !important;
        border-color: #007aff !important;
    }

     /* 覆盖 uni-table 选择列大小与内边距（H5 与非 H5 通用） */
     .uni-table .uni-table-tr > .checkbox {
         padding: 10px 10px 10px 14px !important; /* 你的要求：padding=10px，可稍微左缩进 */
         width: 90px !important; /* 扩宽整列 */
         box-sizing: border-box;
        
    }

     .uni-table .uni-table-tr > .checkbox .uni-table-checkbox {
         margin: 0 !important; /* 去掉内部默认上下 margin */
        
    }

     .uni-table .uni-table-tr > .checkbox .checkbox__inner {
         width: 36px !important;
         height: 36px !important;
         border-radius: 6px !important;
         border: 2px solid #007aff !important;
        
    }

     .uni-table .uni-table-tr > .checkbox .checkbox__inner.is-checked {
         background-color: #007aff !important;
         border-color: #007aff !important;
        
    }

     .uni-table .uni-table-tr > .checkbox .checkbox__inner-icon {
         top: 6px !important;
         left: 11px !important;
         height: 18px !important;
         width: 8px !important;
         border-width: 3px !important;
        
    }

    
     /* 表头行（第一行）checkbox 也加大（H5 的 <th class="checkbox">） */
     table.uni-table tr .checkbox {
         padding: 10px 10px 10px 14px !important;
         width: 90px !important;
        
    // 放大弹窗内表格字体（表头和内容）
    .popup .large-selection-table,
    .popup .large-selection-table .uni-th,
    .popup .large-selection-table .uni-td,
    .popup .large-selection-table input.form-input {
        font-size: 2.2vw !important; // 可根据实际需求调整
    }

   /* 针对1280x800的平板使用媒体查询进行适配 */