소스 검색

实验室看板样式修改

cyy 1 년 전
부모
커밋
b3383eb2bb
2개의 변경된 파일8개의 추가작업 그리고 9개의 파일을 삭제
  1. 5 6
      src/views/business/labManagement/components/tabular.vue
  2. 3 3
      src/views/business/labManagement/index.vue

+ 5 - 6
src/views/business/labManagement/components/tabular.vue

@@ -72,7 +72,7 @@ export default {
                     i.data = {
                         number: [i.value],
                         content: '{nt}',
-                        textAlign: 'right',
+                        textAlign: 'center',
                         style: {
                             fill: colorGenerator.next().value,
                             fontWeight: 'bold'
@@ -132,17 +132,16 @@ export default {
                     width: 33%;
                     .label{
                         text-align: center;
-                        font-size: 16px;
+                        font-size: 14px;
                     }
                     .count {
                         display: flex;
                         align-items: center;
                         justify-content: center;
                         .flop {
-                            width: 60px;
-                            height: 40px;
-                            margin-left: -20px;
-                            font-size: 18px;
+                            width: 88px;
+                            height: 35px;
+                            font-size: 14px;
                         }
                         .unit {
                             margin-left: 10px;

+ 3 - 3
src/views/business/labManagement/index.vue

@@ -184,12 +184,12 @@ export default {
             .dv-border-box-1 .border-box-content{
                 height: calc(100vh - 90px);
                 .vessel{
-                    width: 98%;
+                    width: 100%;
                     height: 98%;
-                    padding: 30px 1%;
+                    padding: 30px 0;
                     display: flex;
                     .tabular{
-                        width: 20%;
+                        width: 30%;
                     }
                     .merge{
                         width: 80%;