style update

src/views/search/search_performance_template/search_performance_template_sub/index.vue

@@ -1,53 +1,58 @@
 <template>
-  <!-- 履约模板查询 -->
-  <div class="tltRight">
-    <BtnList :btnList="headBtns"
-             @click="openComponent" />
-  </div>
-  <section>
-    <a-table :columns="columns"
-             class="srcollYTable expandLeftTable"
-             :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }"
-             :pagination="false"
-             :loading="loading"
-             :expandedRowKeys="expandedRowKeys"
-             :customRow="Rowclick"
-             :expandIcon="expandIcon"
-             :expandIconAsCell="false"
-             rowKey="key"
-             :data-source="tableList">
-      <!-- 状态 -->
-      <template #handle="{ record }">
-        <BtnList :btnList="tableBtns"
-                 :record="record"
-                 class="btn-list-sticky"
-                 @click="openComponent" />
-      </template>
+    <!-- 履约模板查询 -->
+    <div class="tltRight">
+        <BtnList :btnList="headBtns" @click="openComponent" />
+    </div>
+    <section>
+        <a-table
+            :columns="columns"
+            class="srcollYTable expandLeftTable"
+            :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }"
+            :pagination="false"
+            :loading="loading"
+            :expandedRowKeys="expandedRowKeys"
+            :customRow="Rowclick"
+            :expandIcon="expandIcon"
+            :expandIconAsCell="false"
+            rowKey="key"
+            :data-source="tableList"
+        >
+            <!-- 状态 -->
+            <template #handle="{ record }">
+                <BtnList
+                    :btnList="tableBtns"
+                    :record="record"
+                    class="btn-list-sticky"
+                    @click="openComponent"
+                />
+            </template>
 
-      <template #createtime="{ record }">
-        <span>{{ formatTime(record.createtime) }}</span>
-      </template>
-    </a-table>
-    <!-- 明细 -->
-    <Description v-if="visible"
-                 @close="closeDrawer"
-                 :tabList="tabList">
-      <a-table :columns="detailColumns"
-               class="topTable"
-               :pagination="false"
-               rowKey="key"
-               :data-source="getDetailTalbeList()"
-               :scroll="{ x: '100%', y: 'calc(100vh - 163px)' }">
-        <template #stepvalue="{ text }">
-          <span>{{ text ? (text * 100).toFixed(0) : text }}</span>
-        </template>
-      </a-table>
-    </Description>
-    <component :is="componentId"
-               v-if="componentId"
-               :selectedRow="selectedRow"
-               @cancel="closeComponent"></component>
-  </section>
+            <template #createtime="{ record }">
+                <span>{{ formatTime(record.createtime) }}</span>
+            </template>
+        </a-table>
+        <!-- 明细 -->
+        <Description v-if="visible" @close="closeDrawer" :tabList="tabList">
+            <a-table
+                :columns="detailColumns"
+                class="topTable"
+                :pagination="false"
+                rowKey="key"
+                :data-source="getDetailTalbeList()"
+                :scroll="{ x: '100%', y: 'calc(100% - 36px)' }"
+            >
+                <template #stepvalue="{ text }">
+                    <span>{{ text ? (text * 100).toFixed(0) : text }}</span>
+                </template>
+            </a-table>
+        </Description>
+        <component
+            :is="componentId"
+            v-if="componentId"
+            :selectedRow="selectedRow"
+            @cancel="closeComponent"
+        ></component>
+    </section>
 </template>
 
 <script lang="ts">
@@ -161,5 +166,15 @@ export default defineComponent({
 });
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
+/deep/.topTable {
+    .ant-table {
+        .ant-table-content {
+            height: 100%;
+            .ant-table-scroll {
+                height: 100%;
+            }
+        }
+    }
+}
 </style>;