订单数据页面调整

src/views/order/manualModal.vue

@@ -54,7 +54,7 @@
                 :row-key="record => record.id"
                 :columns="manualColumns"
                 :data-source="manualData"
-                :scroll="{x: 1500,y:300 }"
+                :scroll="{x: 1200,y:300 }"
                 :pagination="pagination"
                  @change="handleTableChange"
               >
@@ -319,6 +319,20 @@
   }
   /deep/.ant-form-item{
     margin-bottom: 0px !important;
+  }
+   /deep/.ant-table-tbody .ant-table-row td{
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+  /deep/ .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
+  padding: 9px 16px
+ }
+ /deep/.ant-card-body{
+  padding-top: 10px !important;
+  padding-bottom: 0px !important;
+  }
+   /deep/ .table-page-search-wrapper .table-page-search-submitButtons{
+    margin-bottom: 8px;
   }
   </style>
   

src/views/order/orderDetailDrawer.vue

@@ -43,7 +43,7 @@
 
             <a-col :md="6" :sm="8">
               <a-form-model-item label="客户名称" prop="customerName">
-                {{ orderDetail.customerName }}
+                {{ orderDetail.customerName | ellipsis}}
               </a-form-model-item>
             </a-col>
 
@@ -238,6 +238,16 @@ export default {
   created() {
     this.getOrderChild()
   },
+    filters: {
+                //文字数超出时，超出部分使用...
+                ellipsis(value) {
+                    if (!value) return ''
+                    if (value.length > 20) {
+                        return value.slice(0, 20) + '...'
+                    }
+                    return value
+                }
+            },
   methods: {
     // 子表信息获取
     getOrderChild() {

src/views/order/orderList.vue

@@ -183,7 +183,7 @@ export default {
         },
         {
           title: '订单号',
-          width: 260,
+          width: 200,
           dataIndex: 'orderNumber',
           fixed: 'left',
           className: 'replacecolor',
@@ -435,20 +435,20 @@ export default {
 @import '~@assets/less/common.less';
 @import '~@assets/less/overwriter.less';
 /deep/ .ant-table-thead > tr > th {
-  text-align: center;
+  text-align: center !important;
   // font-weight: 700;
 }
 
 /deep/ .ant-table-tbody {
-  text-align: center;
+  text-align: center !important;
 }
-
 // /deep/ th.replacecolor {
 //   background-color: #ccc;
 // }
 /deep/ .ant-table-tbody .ant-table-row td{
     padding-top: 8px;
     padding-bottom: 8px;
+     text-align: center !important;
 }
 /deep/.ant-card-body{
 padding-top: 10px !important;

src/views/order/subcontractOrderModal.vue

@@ -46,7 +46,7 @@
                 :columns="subcontractOrderColumns"
                 :data-source="subcontractOrderData"
                 :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
-                :scroll="{x: 1500,y:300 }"
+                :scroll="{x: 1200,y:300 }"
                 :pagination="pagination"
                 @change="handleTableChange"
               >
@@ -107,14 +107,14 @@
         subcontractOrderColumns:[
         {
           title: '委外订单号',
-          width: 120,
+          width: 100,
           dataIndex: 'ccode',
           className: 'replacecolor',
           ellipsis: true
         },
         {
           title: '委外订单行号',
-          width: 140,
+          width: 120,
           dataIndex: 'ivouchRowNo',
           className: 'replacecolor',
           ellipsis: true
@@ -254,6 +254,20 @@
   }
   /deep/.ant-form-item{
     margin-bottom: 0px !important;
+  }
+     /deep/.ant-table-tbody .ant-table-row td{
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+  /deep/ .ant-table-thead > tr > th, .ant-table-tbody > tr > td{
+  padding: 9px 16px
+ }
+ /deep/.ant-card-body{
+  padding-top: 10px !important;
+  padding-bottom: 0px !important;
+  }
+   /deep/ .table-page-search-wrapper .table-page-search-submitButtons{
+    margin-bottom: 8px;
   }
   </style>