查看详情页

王震

2023-08-25 95fda13c28cb664a57336dd2e01d5b41ec4f717f

 src/views/inspectionManagement/commissionInspection/index.vue

@@ -44,7 +44,10 @@
                <el-button class="rightBtn" type="primary" @click="showLink">新增委托</el-button>
              </el-form>
          </div>
          <div class="library-table">
        </div>

          <el-card style="margin: 20px 8px;">
          <div >
            <div class="table-header">
              <div class="search-bar">
                <el-radio-group v-model="radioValue" @change="radioclick">
@@ -53,11 +56,12 @@
              </el-radio-button>
              </el-radio-group>
              </div>

              <div class="generateInsp">
                <el-button type="primary" size="mini" icon="el-icon-document" style="background-color: rgb(1, 102, 226);">生成报检单</el-button>
              </div>
            </div>
            <div class="table-box">

              <el-table
                ref="commisionTable"
                :max-height="800"
@@ -145,20 +149,23 @@
              <!-- 分页器 -->
              <div>
                <el-pagination
                  class="pagination"
                  @size-change="handleSizeChange"
                  @current-change="handleCurrentChange"
                  :current-page="currentPage"
                  :page-sizes="[5, 10, 20]"
                  :page-sizes="[10,20,30]"
                  :page-size="pageSize"
                  layout="total, sizes, prev, pager, next, jumper"
                  :total="total">
                </el-pagination>
              </div>
            </div>


          </div>
      </div>
  </div>
  </div>
        </el-card>
    
   </div>
 </div>
</template>

<script>
@@ -327,7 +334,7 @@
}
</script>

<style scoped>
<style lang="scss" scoped>
   .top-bar {
      margin: -25px -15px;
      background: #fff;
@@ -364,85 +371,33 @@
    }
  }

.library-table{
      background-color: #fff;
      flex: 1;
      margin: 0px -15px;
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      .table-header{
        padding: 20px;
        display: flex;
        justify-content: space-between;
        .el-form-item{
          margin-bottom: 30px !important;
        }
      }
      .table-box{
          padding: 0px 20px;
          margin-top: 0px;
          flex: 1;
          background: #fff;
          /* padding: 20px 20px 10px 20px; */
          display: flex;
          flex-direction: column;
          .el-table {
            flex: 1;
          }
          >div:nth-child(2){
            display: flex;
            justify-content: end;
            margin: 10px 0;
          }
      }
    }

   .rightBtn {
      background-color: rgb(1, 102, 226);
   }

   .library-table {
      background-color: #fff;
      flex: 1;
      margin: 0px -15px;
      margin-top: 40px;
      display: flex;
      flex-direction: column;

      .table-header {
         padding: 20px;
         display: flex;
         justify-content: space-between;

         .el-form-item {
            margin-bottom: 30px !important;
         }
      }

      .table-box {
         padding: 0px 20px;
         margin-top: 0px;
         flex: 1;
         background: #fff;
         /* padding: 20px 20px 10px 20px; */
         display: flex;
         flex-direction: column;

         .el-table {
            flex: 1;
         }

         >div:nth-child(2) {
            display: flex;
            justify-content: end;
            margin: 10px 0;
         }
      }
   }
   

   }
   .table-header{
    display:flex;
    margin-bottom: 10px;
    .search-bar{
      width: 50%;
    }
    .generateInsp{
      width: 50%;
      display: flex;
      justify-content: end;
    }
  }
  .pagination{
  display: flex;
  margin-top: 20px;
  justify-content: end;
}
   .vue_qr_div{
      text-align: center;
   }
}

</style>