系统-日志样式修改

src/views/system/log/errorLog.vue

@@ -49,8 +49,12 @@
           </template>
         </el-table-column>
       </el-table>
-      <el-dialog :visible.sync="dialog" title="异常详情" append-to-body top="30px" width="85%">
-        <pre v-highlightjs="errorInfo"><code class="java" /></pre>
+      <el-dialog :visible.sync="dialog" title="异常详情" append-to-body top="30px">
+        <span class="dialog-right-top" />
+        <span class="dialog-left-bottom" />
+        <div class="setting-dialog">
+          <pre v-highlightjs="errorInfo"><code class="java" /></pre>
+        </div>
       </el-dialog>
       <!--分页组件-->
       <pagination />
@@ -144,12 +148,16 @@ export default {
 .demo-table-expand .el-form-item__content {
   font-size: 12px;
 }
+::v-deep .el-dialog{
+  width: 1200px !important;
+}
 ::v-deep .el-dialog__body {
   padding: 0 20px 10px 20px !important;
 }
 .java.hljs {
-  color: #444;
-  background: #ffffff !important;
+  color: #999;
+  background: transparent !important;
+  width: 100%;
   height: 630px !important;
 }
 ::v-deep .head-container{

src/views/system/logManage/operateLog/index.vue

@@ -30,7 +30,7 @@
               <span>{{ props.row.method }}</span>
             </el-form-item>
             <el-form-item label="请求参数">
-              <span>{{ props.row.params }}</span>
+              <span style="word-break:break-all;">{{ props.row.params }}</span>
             </el-form-item>
           </el-form>
         </template>
@@ -156,4 +156,21 @@ export default {
   align-items: flex-start;
   padding-bottom: 0;
 }
+.el-table td.el-table__cell div{
+  display: flex;
+  justify-content: flex-start;
+  margin-bottom: 10px;
+}
+.el-table .el-form {
+  padding: 0 10px;
+}
+::v-deep .el-form-item--small .el-form-item__label{
+  width: 80px;
+  line-height: 28px;
+}
+::v-deep .el-form-item__content{
+  flex: 1;
+  font-size: 12px;
+  line-height: 28px;
+}
 </style>