| | |
| | | <template> |
| | | <d2-container> |
| | | <template slot="header"> |
| | | <div class="top"> |
| | | <SearchCommonView |
| | | <div class="outsource-supplier-manage"> |
| | | <div class="filter"> |
| | | <div class="filter-card"> |
| | | <CommonSearch |
| | | :add-title="'新增企业'" |
| | | :total-object="totalObject" |
| | | :other-options="otherOptions" |
| | | :placeholder="'请输入名称'" |
| | | @addCommonClick="addEnterpriseClick" |
| | | @searchClick="getEnterpriseList" |
| | | @clearClick="getEnterpriseList" |
| | | /> |
| | | </div> |
| | | </template> |
| | | </div> |
| | | <div class="content"> |
| | | <div class="content-top"> |
| | | <div class="body-card"> |
| | | <div class="list-view"> |
| | | <TableCommonView ref="tableListRef" :table-list="tableList" @selTableCol="selTableCol"> |
| | | <template slot="tableButton"> |
| | | <el-table-column label="操作" width="160" fixed="right"> |
| | |
| | | <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="overSpread" v-show="isopen || isCreateShop"></div> --> |
| | | <!-- 添加/编辑备件 --> |
| | | <AddEnterprise ref="add" :showList="showList" :titleName="titleName" :editRow="editRow" @shutdown="shutdown" /> |
| | | </d2-container> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | }, |
| | | // 搜索触发 |
| | | async getEnterpriseList(val) { |
| | | this.searchParam.keyword = val |
| | | this.searchParam.keyword = val?val:'' |
| | | this.pagerOptions.currPage = 1 |
| | | this.getData() |
| | | }, |
| | |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .top { |
| | | width: 100%; |
| | | height: 61px; |
| | | .outsource-supplier-manage{ |
| | | height: 100%; |
| | | overflow: hidden; |
| | | .filter { |
| | | height: 80px; |
| | | display: flex; |
| | | align-items: center; |
| | | .fon_weight { |
| | | font-size: 28px; |
| | | height: 32px; |
| | | } |
| | | .top_right_bottom { |
| | | font-size: 14px; |
| | | line-height: 20px; |
| | | color: #000; |
| | | opacity: 0.6; |
| | | margin-top: 9px; |
| | | font-family: "PingFangSC-Medium," sans-serif; |
| | | 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; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .el-button { |
| | | font-family: "PingFangSC"; |
| | | } |
| | | .content { |
| | | width: 100%; |
| | | height: calc(100% - 30px); |
| | | background: #fff; |
| | | // width: 100%; |
| | | height: calc(100% - 92px); |
| | | border-radius: 12px; |
| | | box-sizing: border-box; |
| | | .content-top { |
| | | padding: 10px 20px; |
| | | .body-card { |
| | | background-color: #fff; |
| | | border-radius: 12px; |
| | | height: 100%; |
| | | overflow: hidden; |
| | | } |
| | | .list-view { |
| | | height: calc(100% - 60px); |
| | | overflow: hidden; |
| | | } |
| | | .btn-pager { |
| | | display: flex; |
| | | .page { |
| | | margin-left: auto; |
| | | } |
| | | } |
| | | } |
| | | ::v-deep { |