森语-搬运工对账单-详情

src/views/oa/modules/SyCarryDetailModal.vue

@@ -76,9 +76,12 @@
         :columns="syCarryBTable.columns"
         :data-source="syCarryBTable.dataSource"
         :loading="syCarryBTable.loading"
-        :scroll="{x: 2500, y:300}"
+        :scroll="{x: 2000, y:220}"
         :pagination="false"
       >
+      <div :title="record.containerNo" :style="{maxWidth: '250px',whiteSpace: 'nowrap',textOverflow: 'ellipsis',overflow: 'hidden', wordWrap: 'break-word', wordBreak: 'break-all' }" slot="containerNo" slot-scope="text, record">
+        {{record.containerNo}}
+      </div>
         <!-- 操作 -->
          <span slot="option" slot-scope="text, record, index">
            <a-popconfirm title="确定签字?" @confirm="handelAutograph(record)" okText="确定" cancelText="取消">
@@ -158,20 +161,20 @@
             title: '日期',
             align: "center",
             dataIndex: 'orderDate',
-            width: '6%',
+            width: 150,
             ellipsis: true,
           },
           {
             title: '入库单号/发票号',
             align: "center",
             dataIndex: 'invoiceNo',
-            width: '6%',
+            width: 140,
             ellipsis: true,
           },
           {
             title: '外销发票号',
             dataIndex: 'saleInvoiceNo',
-            width: '9%',
+            width: 140,
              ellipsis: true,
              scopedSlots: { customRender: 'saleInvoiceNo' },
              className: 'replacecolor',
@@ -180,21 +183,21 @@
            {
             title: '总件数',
             dataIndex: 'allNum',
-            width:  '5%',
+            width:  120,
             ellipsis: true,
              className: 'replacecolor',
            },
            {
             title: '柜子数量',
             dataIndex: 'cabinets',
-             width:  '5%',
+             width:  120,
              ellipsis: true,
              className: 'replacecolor'
            },
            {
             title: '明细',
             dataIndex: 'detailedNum',
-             width:  '5%',
+             width:  120,
              ellipsis: true,
              className: 'replacecolor',
             //  slots:{title:'detailedNumTitle'}
@@ -202,64 +205,66 @@
            {
             title: '衣架/吨数',
             dataIndex: 'coatHanger',
-           width:'6%',
+           width:120,
              ellipsis: true,
              className: 'replacecolor'
            },
            {
             title: '集装箱号',
             dataIndex: 'containerNo',
-             width: '15%',
+             width: 290,
              className: 'replacecolor',
-             customRender: (t) => ellipsis(t,40),
+            //  customRender: (t) => ellipsis(t,30),
+            scopedSlots: { customRender: 'containerNo' },
            },
            {
              title: '单价',
              dataIndex: 'price',
-             width: '5%',
+             width: 100,
              ellipsis: true,
              className: 'replacecolor',
            },
              {
             title: '总价',
             dataIndex: 'totalPrice',
-            width: '5%',
+            width: 100,
              ellipsis: true,
              className: 'replacecolor',
            },
            {
             title: '计划员',
             dataIndex: 'jhyNameData',
-             width: '7%',
+             width: 240,
              ellipsis: true,
              className: 'replacecolor',
            },
            {
             title: '签名',
             dataIndex: 'jhyName',
-            width: '5',
+            width: 100,
              ellipsis: true,
              className: 'replacecolor'
            },
            {
             title: '原因',
             dataIndex: 'reason',
-            width: '10%',
+            width: 180,
              ellipsis: true,
              className: 'replacecolor',
            },
            {
             title: '备注',
             dataIndex: 'demo',
-             width: '12%',
+             width: 180,
              ellipsis: true,
              className: 'replacecolor'
            } ,
            {
             title: '操作',
             dataIndex: 'option',
-             width: 120,
+             width: 180,
              ellipsis: true,
+             fixed:'right',
              scopedSlots: { customRender: 'option' },
              className: 'replacecolor'
            }                     
@@ -400,5 +405,21 @@
 /deep/.ant-table-tbody>tr>td{
   white-space: break-spaces;
 }
+/deep/ .ant-calendar-picker{
+  width: 113px !important;
+}
+/deep/ .ant-table-fixed-left table,.ant-table-fixed-right table{ 
+  width: min-content;
+}
+/deep/ .ant-table-fixed-left table,.ant-table-fixed-right table{
+  width: min-content;
+}
+/deep/ .ant-table-tbody .ant-table-row td {
+    padding-top: 7px !important;
+    padding-bottom: 7px !important;
+}
+/deep/ .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
+    padding: 7px 16px;
+}
 
 </style>