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 | 146 +++++++++++++++++++++++++-----------------------
1 files changed, 77 insertions(+), 69 deletions(-)
diff --git a/src/views/inspectionManagement/commissionInspection/index.vue b/src/views/inspectionManagement/commissionInspection/index.vue
index 9de7d5f..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>
@@ -244,33 +251,33 @@
// 灏哸llDepartmentNames杞崲涓簅ptions闇�瑕佺殑鏍煎紡
this.options = allDepartmentNames.map(name => ({ value: name, label: name }))
- },
- // 鏌ヨ鏂规硶
- async search() {
- // 灏嗘悳绱㈡潯浠朵綔涓哄弬鏁颁紶閫掔粰getCommisionList鏂规硶
- let res
- if(this.radioValue === 0){
- res = await getCommisionList({
- pageNo: this.currentPage,
- pageSize: this.pageSize,
- entrustCoding: this.searchData.code,
- sampleName: this.searchData.name,
- entrusted: this.searchData.department,
- })
- }else{
- res = await getCommisionList({
- pageNo: this.currentPage,
- pageSize: this.pageSize,
- entrustCoding: this.searchData.code,
- sampleName: this.searchData.name,
- entrusted: this.searchData.department,
- inspectionStatus: this.radioValue
- })
- }
- // console.log(res)
- this.commisionTable = res.data.row
- this.total = res.data.total
- },
+ },
+ // 鏌ヨ鏂规硶
+ async search() {
+ // 灏嗘悳绱㈡潯浠朵綔涓哄弬鏁颁紶閫掔粰getCommisionList鏂规硶
+ let res
+ if (this.radioValue === 0) {
+ res = await getCommisionList({
+ pageNo: this.currentPage,
+ pageSize: this.pageSize,
+ entrustCoding: this.searchData.code,
+ sampleName: this.searchData.name,
+ entrusted: this.searchData.department,
+ })
+ } else {
+ res = await getCommisionList({
+ pageNo: this.currentPage,
+ pageSize: this.pageSize,
+ entrustCoding: this.searchData.code,
+ sampleName: this.searchData.name,
+ entrusted: this.searchData.department,
+ inspectionStatus: this.radioValue
+ })
+ }
+ // console.log(res)
+ this.commisionTable = res.data.row
+ this.total = res.data.total
+ },
// 閲嶇疆鏂规硶
reset() {
@@ -327,7 +334,13 @@
}
</script>
-<style scoped>
+<style lang="scss" scoped>
+ .top-bar {
+ margin: -25px -15px;
+ background: #fff;
+ display: flex;
+ justify-content: space-between;
+ padding: 5px 24px 0px 24px;
.top-bar{
margin: -25px -15px;
@@ -358,38 +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;
- }
- }
- }
-</style>
+ .rightBtn {
+ background-color: rgb(1, 102, 226);
+ }
+
+
+
+ }
+ .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