优化界面显示

Author: saleson

spring-cloud-gray-webui/src/views/gray-instance/complex-table.vue

@@ -157,7 +157,7 @@
       </div>
     </el-dialog>
 
-    <el-dialog :title="grayInfo.type" :visible.sync="grayInfo.dialogVisible" :loading="grayInfo.loading">
+    <el-dialog custom-class="el-dialog-cus" :title="grayInfo.type" :visible.sync="grayInfo.dialogVisible" :loading="grayInfo.loading">
       <pre>{{ grayInfo.content }}</pre>
       <div slot="footer" class="dialog-footer">
         <el-button @click="grayInfo.dialogVisible = false">
@@ -488,4 +488,7 @@ export default {
   .list-button {
     margin-top: 5px;
   }
+  .el-dialog-cus{
+    width: 80%;
+  }
 </style>

spring-cloud-gray-webui/src/views/gray-instance/discovery-instances.vue

@@ -81,7 +81,7 @@
       </el-table-column>
     </el-table>
 
-    <el-dialog :title="grayInfo.type" :visible.sync="grayInfo.dialogVisible" :loading="grayInfo.loading">
+    <el-dialog custom-class="el-dialog-cus" :title="grayInfo.type" :visible.sync="grayInfo.dialogVisible" :loading="grayInfo.loading">
       <pre>{{ grayInfo.content }}</pre>
       <div slot="footer" class="dialog-footer">
         <el-button @click="grayInfo.dialogVisible = false">
@@ -292,3 +292,9 @@ export default {
   }
 }
 </script>
+
+<style>
+  .el-dialog-cus{
+    width: 80%;
+  }
+</style>