优化详情展示

src/views/demo/layer/index.vue

@@ -71,11 +71,16 @@
       </div>
       <!-- 详情 -->
       <div class="data-detail" v-if="showTable == 'detail'">
-        <a-descriptions title="详情" :column="columnVal">
-          <a-descriptions-item v-for="(item, index) in detailData" :key="index" :label="item.label">{{
-            item.value
-          }}</a-descriptions-item>
-        </a-descriptions>
+        <div class="detail-content">
+          <a-descriptions title="详情" :column="columnVal">
+            <a-descriptions-item
+              v-for="(item, index) in detailData"
+              :key="index"
+              :label="item.label"
+              >{{ item.value }}</a-descriptions-item
+            >
+          </a-descriptions>
+        </div>
         <div class="detail-button">
           <a-button type="primary" @click="showTable = 'edit'"> 编辑 </a-button>
           <a-button type="primary" @click="showTable = ''" danger> 关闭 </a-button>
@@ -338,7 +343,7 @@
     selectVal.value = record;
     formState.value = record;
     showTable.value = 'detail';
-
+    detailData.value = [];
     for (const key in record) {
       for (var i = 0; i < headData.value.length; i++) {
         if (headData.value[i].dataIndex == key) {
@@ -558,10 +563,16 @@
       position: absolute;
       bottom: 30px;
       right: 40px;
+      background-color: @component-background;
+
       button {
         margin-left: 10px;
       }
     }
+    .detail-content{
+      overflow-y: scroll;
+      height: 80vh;
+    }
   }
   .data-edit {
     position: absolute;