From 1aa570665def8283d4cb00c941c348a1f96538ad Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期五, 22 九月 2023 14:28:22 +0800 Subject: [PATCH] style: 采购质检单模块样式调整 --- src/views/purchaseManage/quality/index.vue | 175 +++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 119 insertions(+), 56 deletions(-) diff --git a/src/views/purchaseManage/quality/index.vue b/src/views/purchaseManage/quality/index.vue index 9aaffae..9b57852 100644 --- a/src/views/purchaseManage/quality/index.vue +++ b/src/views/purchaseManage/quality/index.vue @@ -1,39 +1,45 @@ <template> - <div class="rightContent"> - <div class="content-box"> - <div class="supplier-search"> - <SearchCommonView - ref="searchCommonView" - :inputSelect="false" - placeholder="鍙緭鍏ヤ緵搴斿晢,鐗╂枡,閲囪喘鍗曠瓑鎼滅储" - @searchClick="searchClick" - @resetClick="resetClick" + <div class="quality"> + <div class="filter"> + <div class="filter-card"> + <CommonSearch + :show-add="false" + :show-download="false" + :amount-view="false" + :show-action-btn="false" + :placeholder="'璇疯緭鍏ヤ緵搴斿晢/鐗╂枡/閲囪喘鍗曠瓑'" + @searchClick="onFilterSearch" /> </div> - <template> - <TableCommonView - class="content-table" - ref="tableListRef" - :table-list="tableList" - @selCommonClick="selCommonClick" - > - <template slot="tableButton"> - <el-table-column label="鐘舵��" width="120"> - <template slot-scope="scope"> - {{ getQualityStatus(scope.row.member_name) }} - </template> - </el-table-column> - <el-table-column label="鎿嶄綔" width="120" fixed="right"> - <template slot-scope="scope"> - <el-button @click="qualityClick(scope.row)" type="text" size="small">鍘昏川妫�</el-button> - </template> - </el-table-column> - </template> - </TableCommonView> + </div> + + <div class="body"> + <div class="body-card"> + <div class="list-view"> + <TableCommonView + class="content-table" + ref="tableListRef" + :table-list="tableList" + @selCommonClick="selCommonClick" + > + <template slot="tableButton"> + <el-table-column align="center" label="鐘舵��" width="120"> + <template slot-scope="scope"> + {{ getQualityStatus(scope.row.member_name) }} + </template> + </el-table-column> + <el-table-column align="center" label="鎿嶄綔" width="120" fixed="right"> + <template slot-scope="scope"> + <el-button @click="qualityClick(scope.row)" type="text" size="small">鍘昏川妫�</el-button> + </template> + </el-table-column> + </template> + </TableCommonView> + </div> <div class="btn-pager"> <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> </div> - </template> + </div> </div> <!-- 鏂板缓/缂栬緫閿�鍞嚎绱� --> @@ -128,6 +134,10 @@ this.search = '' this.getData() }, + onFilterSearch(searchText){ + this.search = searchText ?? '' + this.getData() + }, // 纭鍙戣揣 qualityClick() { @@ -171,11 +181,82 @@ <!-- Add "scoped" attribute to limit CSS to this component only --> <style lang="scss" scoped> -.rightContent { - width:100%; - height:calc(100% - 10px); - .content-box { - height:100%; +//.rightContent { +// width:100%; +// height:calc(100% - 10px); +// .content-box { +// height:100%; +// .supplier-search { +// display: flex; +// align-items: center; +// .add-view { +// margin-left: auto; +// margin-right: 20px; +// } +// } +// .content-table{ +// // height:calc(100% - 60px - 42px); +// } +// .btn-pager { +// display: flex; +// .page { +// margin-left: auto; +// } +// } +// } +// .bottom { +// .product-search { +// display: flex; +// align-items: center; +// .search { +// margin-left: auto; +// } +// .add-view { +// margin-left: 20px; +// margin-right: 20px; +// } +// } +// .btn-pager { +// display: flex; +// .page { +// margin-left: auto; +// } +// } +// } +//} + + +.quality{ + height: 100%; + overflow: hidden; + .filter{ + height: 80px; + display: flex; + align-items: center; + padding: 12px 20px 0 20px; + &-card{ + height: 80px; + display: flex; + align-items: center; + box-sizing: border-box; + padding: 10px 20px; + flex: 1; + border-radius: 12px; + background-color: #fff; + } + } + .body{ + box-sizing: border-box; + padding: 10px 20px; + border-radius: 12px; + height: calc(100% - 92px); + .body-card { + background-color: #fff; + border-radius: 12px; + height: 100%; + overflow: hidden; + } + .supplier-search { display: flex; align-items: center; @@ -184,27 +265,9 @@ margin-right: 20px; } } - .content-table{ - // height:calc(100% - 60px - 42px); - } - .btn-pager { - display: flex; - .page { - margin-left: auto; - } - } - } - .bottom { - .product-search { - display: flex; - align-items: center; - .search { - margin-left: auto; - } - .add-view { - margin-left: 20px; - margin-right: 20px; - } + .list-view { + height: calc(100% - 60px); + overflow: hidden; } .btn-pager { display: flex; -- Gitblit v1.8.0