From 95fda13c28cb664a57336dd2e01d5b41ec4f717f Mon Sep 17 00:00:00 2001
From: 王震 <10952869+daywangzhen@user.noreply.gitee.com>
Date: 星期五, 25 八月 2023 12:57:19 +0800
Subject: [PATCH] 查看详情页
---
src/views/inspectionManagement/commissionInspection/index.vue | 115 +++++++++++++++++----------------------------------------
1 files changed, 35 insertions(+), 80 deletions(-)
diff --git a/src/views/inspectionManagement/commissionInspection/index.vue b/src/views/inspectionManagement/commissionInspection/index.vue
index 58579bc..3860a33 100644
--- a/src/views/inspectionManagement/commissionInspection/index.vue
+++ b/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>
\ No newline at end of file
--
Gitblit v1.9.3