森语-搬运工对账单-复制/删行

src/views/oa/modules/SyCarryModal.vue

@@ -78,7 +78,7 @@
         :columns="syCarryBTable.columns"
         :data-source="syCarryBTable.dataSource"
         :loading="syCarryBTable.loading"
-        :scroll="{x: 1800,y:300 }"
+        :scroll="{x: 2000,y:300 }"
         :pagination="false"
       >
          <!-- 表头--日期 -->
@@ -164,6 +164,9 @@
           </span>
           <span slot="option" slot-scope="text, record, index">
                 <a @click="copyRow(record)">复制</a>
+                 <a-divider type="vertical" />
+                <a @click="deleteRow(index)" style="color:red">删行</a>
+
           </span>
         </a-table>
           <!-- <j-editable-table
@@ -239,7 +242,7 @@
             // title: '日期',
             align: "center",
             dataIndex: 'orderDate',
-            width: '7%',
+            width: 140,
             scopedSlots: { customRender: 'orderDate' },
             slots:{title:'orderDateTitle'}
           },
@@ -247,13 +250,13 @@
             title: '入库单号/发票号',
             align: "center",
             dataIndex: 'invoiceNo',
-            width: '9%',
+            width: 140,
             scopedSlots: { customRender: 'invoiceNo' },
           },
            {
             title: '总件数',
             dataIndex: 'allNum',
-            width: '7%',
+            width: 100,
              scopedSlots: { customRender: 'allNum' },
              className: 'replacecolor',
             // slots:{title:'allNumTitle'}
@@ -261,7 +264,7 @@
            {
             title: '柜子数量',
             dataIndex: 'cabinets',
-             width: '7%',
+             width: 100,
              ellipsis: true,
              scopedSlots: { customRender: 'cabinets' },
              className: 'replacecolor'
@@ -269,7 +272,7 @@
            {
             title: '明细',
             dataIndex: 'detailedNum',
-             width: '6%',
+             width: 100,
              ellipsis: true,
              scopedSlots: { customRender: 'detailedNum' },
              className: 'replacecolor',
@@ -278,7 +281,7 @@
            {
             title: '衣架/吨数',
             dataIndex: 'coatHanger',
-           width: '7%',
+           width: 120,
              ellipsis: true,
              scopedSlots: { customRender: 'coatHanger' },
              className: 'replacecolor'
@@ -286,7 +289,7 @@
            {
             // title: '集装箱号',
             dataIndex: 'containerNo',
-           width: '9%',
+           width: 160,
              ellipsis: true,
              scopedSlots: { customRender: 'containerNo' },
              className: 'replacecolor',
@@ -304,7 +307,7 @@
            {
             //  title: '单价',
              dataIndex: 'price',
-             width: '6%',
+             width: 100,
              ellipsis: true,
              scopedSlots: { customRender: 'price' },
              className: 'replacecolor',
@@ -313,16 +316,16 @@
              {
             // title: '总价',
             dataIndex: 'totalPrice',
-            width: '6%',
+            width: 100,
              ellipsis: true,
-             scopedSlots: { customRender: 'totalPrice' },
+            //  scopedSlots: { customRender: 'totalPrice' },
              className: 'replacecolor',
              slots:{title:'totalPriceTitle'}
            },
            {
             // title: '计划员',
             dataIndex: 'jhyByData',
-             width: '8%',
+             width: 140,
              ellipsis: true,
              scopedSlots: { customRender: 'jhyByData' },
              className: 'replacecolor',
@@ -331,14 +334,14 @@
            {
             title: '签名',
             dataIndex: 'jhyName',
-            width: '6%',
+            width: 100,
              ellipsis: true,
              className: 'replacecolor'
            },
            {
             title: '原因',
             dataIndex: 'reason',
-            width: '9%',
+            width: 200,
              ellipsis: true,
              scopedSlots: { customRender: 'reason' },
              className: 'replacecolor',
@@ -347,7 +350,7 @@
            {
             title: '备注',
             dataIndex: 'demo',
-             width: '9%',
+             width: 200,
              ellipsis: true,
              scopedSlots: { customRender: 'demo' },
              className: 'replacecolor'
@@ -355,7 +358,7 @@
            {
             title: '操作',
             dataIndex: 'option',
-             width: '6%',
+             width: 120,
              ellipsis: true,
              scopedSlots: { customRender: 'option' },
              className: 'replacecolor'
@@ -452,10 +455,16 @@
 
       // 复制行
       copyRow(record){
-       this.syCarryBTable.dataSource.push(record)
+        var newObj = {...record}
+       this.syCarryBTable.dataSource.push(newObj)
        this.formState.totalNum += Number(record.totalPrice)
        this.$forceUpdate()
       },
+
+      //删行
+      deleteRow(index){
+        this.syCarryBTable.dataSource.splice(index,1)
+      },
  
       /** 调用完edit()方法之后会自动调用此方法 */
       // editAfter() {