修改

src/views/home/components/bottomMiddleContainer.vue

@@ -6,6 +6,8 @@
         <span class="title-text">
           {{ name }}
         </span>
+        <svg-icon @click="handleShow" v-if="tableShow" class="title-icon" style="position: absolute;right: 20;" :icon-class="'orderReturn'" />
+
       </div>
     </div>
     <div class="container-body">
@@ -21,12 +23,16 @@ export default {
   name: 'Container',
   components: {},
   // eslint-disable-next-line vue/require-prop-types
-  props: ['name', 'size', 'icon', 'nameTwo'],
+  props: ['name', 'size', 'icon', 'nameTwo','tableShow'],
   data() {
     return {};
   },
   computed: {},
-  methods: {},
+  methods: {
+    handleShow() {
+      this.$emit('handleShow',false)
+    }
+  },
 };
 </script>
 
@@ -83,7 +89,7 @@ export default {
     position: absolute;
     top: 0;
     left: 0;
-    width: 100%;
+    width: 50%;
     height: 100%;
     border: 1px solid;
     border-image: linear-gradient(277deg, rgba(255, 255, 255, 0), rgba(92, 140, 255, 1)) 1 1;