方法的选择样式调整

spring

2025-03-05 950505f5bc2a5fe1edafb34c696d2f8864487387

 src/views/CNAS/process/method/standardNoveltyRetrieval/index.vue

@@ -1,19 +1,6 @@
<template>
  <div>
    <div>
      <div class="view-title">
        <span>标准查新</span>
        <span style="display: flex; align-items: center;">
          <el-button size="medium" type="primary" @click="openHandleOut">导 出</el-button>
          <el-upload ref='upload' :action="action" :before-upload="beforeUpload" :headers="uploadHeader"
            :on-error="onError" :on-success="handleSuccessUp" :show-file-list="false"
            accept='.jpg,.jpeg,.png,.gif,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.zip,.rar'
            style="display: inline-block; margin-left: 10px;">
            <el-button :loading="upLoading" size="medium" type="primary">导入</el-button>
          </el-upload>
          <el-button size="medium" style="margin-left: 10px;" type="primary" @click="openFormDia">新 增</el-button>
        </span>
      </div>
      <div class="search-background">
        <span v-if="tabIndex == 1" class="search-group">
          <span>年份：</span>
@@ -31,6 +18,16 @@
          <el-button size="medium" @click="resetSearchForm">重 置</el-button>
          <el-button size="medium" type="primary" @click="searchList">查 询</el-button>
        </span>
        <div class="btn">
          <el-button size="medium" type="primary" @click="openHandleOut">导 出</el-button>
          <el-upload ref='upload' :action="action" :before-upload="beforeUpload" :headers="uploadHeader"
            :on-error="onError" :on-success="handleSuccessUp" :show-file-list="false"
            accept='.jpg,.jpeg,.png,.gif,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.zip,.rar'
            style="display: inline-block; margin-left: 10px;">
            <el-button :loading="upLoading" size="medium" type="primary">导入</el-button>
          </el-upload>
          <el-button size="medium" style="margin-left: 10px;" type="primary" @click="openFormDia">新 增</el-button>
        </div>
      </div>
      <div class="table">
        <div class="table-tab">
@@ -42,21 +39,17 @@
        <div v-if="tabIndex === '0'">
          <TableCard :showForm="false" :showTitle="false">
            <template v-slot:table>
              <limsTable :column="tableColumn" :height="'calc(100vh - 26em)'" :table-data="tableData"
              <limsTable :column="tableColumn" :height="'calc(100vh - 22em)'" :table-data="tableData"
                :table-loading="tableLoading" style="padding: 0 15px;margin-bottom: 16px" :page="page"
                @pagination="pagination">
              </limsTable>
            </template>
          </TableCard>
          <el-pagination :current-page="1" :page-size="page.size" :page-sizes="[10, 20, 30, 50, 100]" :total="total"
            layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
            @current-change="handleCurrentChange">
          </el-pagination>
        </div>
        <div v-if="tabIndex === '1'">
          <TableCard :showForm="false" :showTitle="false">
            <template v-slot:table>
              <limsTable :column="oldTableColumn" :height="'calc(100vh - 27em)'" :table-data="oldTableData"
              <limsTable :column="oldTableColumn" :height="'calc(100vh - 23em)'" :table-data="oldTableData"
                :table-loading="oldTableLoading" style="padding: 0 15px;margin-bottom: 16px" :page="oldPage"
                @pagination="oldPagination">
              </limsTable>
@@ -621,10 +614,10 @@
  display: flex;
  align-items: center;
  margin: 0 20px;
  position: relative;
}

.table {
  margin-top: 20px;
  background-color: #ffffff;
  padding-top: 10px;
}
@@ -637,4 +630,10 @@
  display: inline-block;
  vertical-align: middle;
}

.btn {
  position: absolute;
  top: 16px;
  right: 20px;
}
</style>