From c7632afe9ac57ba258553285d8c3c177cba455a0 Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期二, 26 九月 2023 10:48:13 +0800 Subject: [PATCH] style: 合同管理模块样式调整; 删除无用样式 --- src/views/client/contacts/index.vue | 9 -- src/views/client/client/index.vue | 9 -- src/views/sales/subOrder/index.vue | 9 -- src/views/client/salesLead/index.vue | 9 -- src/views/sales/salesReturn/index.vue | 9 -- src/views/client/followupRecords/index.vue | 9 -- src/views/sales/salesOpportunity/index.vue | 9 -- src/views/sales/masterOrder/index.vue | 9 -- src/views/sales/refundForm/index.vue | 9 -- src/views/sales/contractManage/index.vue | 124 +++++++++++++++++++----------- src/views/sales/quotation/index.vue | 9 -- src/views/sales/salesDetails/index.vue | 9 -- 12 files changed, 78 insertions(+), 145 deletions(-) diff --git a/src/views/client/client/index.vue b/src/views/client/client/index.vue index 50d9c17..a1c4e19 100644 --- a/src/views/client/client/index.vue +++ b/src/views/client/client/index.vue @@ -419,15 +419,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/client/contacts/index.vue b/src/views/client/contacts/index.vue index 71cd609..93e61cd 100644 --- a/src/views/client/contacts/index.vue +++ b/src/views/client/contacts/index.vue @@ -315,15 +315,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/client/followupRecords/index.vue b/src/views/client/followupRecords/index.vue index d41f3e7..889334a 100644 --- a/src/views/client/followupRecords/index.vue +++ b/src/views/client/followupRecords/index.vue @@ -326,15 +326,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/client/salesLead/index.vue b/src/views/client/salesLead/index.vue index f0ce845..0eb1f72 100644 --- a/src/views/client/salesLead/index.vue +++ b/src/views/client/salesLead/index.vue @@ -304,15 +304,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/sales/contractManage/index.vue b/src/views/sales/contractManage/index.vue index 3f755e0..964874b 100644 --- a/src/views/sales/contractManage/index.vue +++ b/src/views/sales/contractManage/index.vue @@ -1,41 +1,47 @@ <template> <div class="contract-manage"> - <div class="top"> - <SearchCommonView - ref="searchCommonView" - :label-search="true" - :query-class-options="queryClassOptions" - :search-options="searchOptions" - @searchClick="searchClick" - @resetClick="resetClick" - :search-sel="searchSel" - /> - <div class="btn-pager"> - <PublicFunctionBtnView - :receive="false" - :submit-approval="true" - ::statistics="true" - :operates-list="operatesList" - @batchDelete="delClick" - /> - <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> + <div class="filter"> + <div class="filter-card"> + <CommonSearch + :show-add="false" + :show-download="false" + :amount-view="false" + :show-action-btn="false" + placeholder="璇疯緭鍏ュ崟鎹紪鍙�" + @searchClick="onFilterSearch" + > + <template slot="leftButton"> + <el-button size="small" type="primary" @click="addBtnClick">鏂板缓</el-button> + <el-button size="small" @click="delClick">鍒犻櫎</el-button> + </template> + </CommonSearch> </div> </div> - <TableCommonView - ref="tableListRef" - :table-list="tableList" - @selCommonClick="selCommonClick" - @getSelectArray="getSelectArray" - > - <template slot="tableButton"> - <el-table-column label="鎿嶄綔" width="100"> - <template slot-scope="scope"> - <el-button @click="handleClick(scope.row)" type="text" size="small">缂栬緫</el-button> - <!-- <el-button @click="delClick(scope.row.id)" type="text" size="small">鍒犻櫎</el-button> --> - </template> - </el-table-column> - </template> - </TableCommonView> + + <div class="body"> + <div class="body-card"> + <div class="list-view"> + <TableCommonView + ref="tableListRef" + :table-list="tableList" + @selCommonClick="selCommonClick" + @getSelectArray="getSelectArray" + > + <template slot="tableButton"> + <el-table-column label="鎿嶄綔" width="100"> + <template slot-scope="scope"> + <el-button @click="handleClick(scope.row)" type="text" size="small">缂栬緫</el-button> + <!-- <el-button @click="delClick(scope.row.id)" 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> + </div> + </div> <!-- 鏂板缓/缂栬緫 --> <AddContractManageDialog v-if="editConfig.visible" :edit-common-config="editConfig" /> <!-- 鏈轰細璇︽儏 --> @@ -169,15 +175,9 @@ }) }, // 鎼滅储 - searchClick(val, content) { - console.log(val, content) - this.search_map = { - [val.value]: content - } - this.getData() - }, - resetClick() { - this.search_map = {} + onFilterSearch(searchText){ + this.search_map.number = searchText ?? '' + this.pagerOptions.currPage = 1 this.getData() }, // 鏂板缓 @@ -236,11 +236,43 @@ <!-- Add "scoped" attribute to limit CSS to this component only --> <style lang="scss" scoped> -.contract-manage { - .top { - margin-bottom: 20px; +.contract-manage{ + 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; + } + .list-view { + height: calc(100% - 60px); + overflow: hidden; + } .btn-pager { display: flex; + margin-top: 10px; .page { margin-left: auto; } diff --git a/src/views/sales/masterOrder/index.vue b/src/views/sales/masterOrder/index.vue index 09a375d..7705a43 100644 --- a/src/views/sales/masterOrder/index.vue +++ b/src/views/sales/masterOrder/index.vue @@ -310,15 +310,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/sales/quotation/index.vue b/src/views/sales/quotation/index.vue index 101e84f..0dd853d 100644 --- a/src/views/sales/quotation/index.vue +++ b/src/views/sales/quotation/index.vue @@ -314,15 +314,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/sales/refundForm/index.vue b/src/views/sales/refundForm/index.vue index 567df0a..f144d1b 100644 --- a/src/views/sales/refundForm/index.vue +++ b/src/views/sales/refundForm/index.vue @@ -302,15 +302,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/sales/salesDetails/index.vue b/src/views/sales/salesDetails/index.vue index 891d1df..edbe6fc 100644 --- a/src/views/sales/salesDetails/index.vue +++ b/src/views/sales/salesDetails/index.vue @@ -361,15 +361,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/sales/salesOpportunity/index.vue b/src/views/sales/salesOpportunity/index.vue index e6bf34c..2c1af06 100644 --- a/src/views/sales/salesOpportunity/index.vue +++ b/src/views/sales/salesOpportunity/index.vue @@ -348,15 +348,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/sales/salesReturn/index.vue b/src/views/sales/salesReturn/index.vue index 59630cb..f4821d4 100644 --- a/src/views/sales/salesReturn/index.vue +++ b/src/views/sales/salesReturn/index.vue @@ -308,15 +308,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; diff --git a/src/views/sales/subOrder/index.vue b/src/views/sales/subOrder/index.vue index f2dff7f..1a39691 100644 --- a/src/views/sales/subOrder/index.vue +++ b/src/views/sales/subOrder/index.vue @@ -347,15 +347,6 @@ height: 100%; overflow: hidden; } - - .supplier-search { - display: flex; - align-items: center; - .add-view { - margin-left: auto; - margin-right: 20px; - } - } .list-view { height: calc(100% - 60px); overflow: hidden; -- Gitblit v1.8.0