haoxuan
2024-04-19 3286b2af0a85f46644bc09cfb16171f4d399890d
src/views/supplierManage/outsourceSupplier/index.vue
@@ -1,19 +1,21 @@
<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">
@@ -32,10 +34,11 @@
        <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>
@@ -241,7 +244,7 @@
    },
    // 搜索触发
    async getEnterpriseList(val) {
      this.searchParam.keyword = val
      this.searchParam.keyword = val?val:''
      this.pagerOptions.currPage = 1
      this.getData()
    },
@@ -307,35 +310,51 @@
</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 {