删除

public/index.html

@@ -95,7 +95,7 @@
     <% for (var i in htmlWebpackPlugin.options.cdn && htmlWebpackPlugin.options.cdn.css) { %>
     <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" />
     <% } %>
-    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3756681_0fq09e7lpdgo.css" />
+    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3756681_3qd552jcyau.css" />
     <!-- 1.8K仔百度收录 -->
     <meta name="baidu-site-verification" content="code-QVfBYJ5laQ" />
   </head>

src/api/modular/main/BookingLedger.js

@@ -763,3 +763,11 @@ export function GetTenantLineList(parameter) {
     params: parameter
   })
 }
+
+// 删除
+export function DeleteBookingOrder(parameter) {
+  return axios({
+    url: '/BookingOrder/Delete?Ids=' + parameter,
+    method: 'post'
+  })
+}

src/views/main/BookingLedger/list/index.vue

@@ -79,6 +79,15 @@
                   <div class="nav" @click="copyBookingMore"><i class="iconfont icon-fuzhi1"></i>复制多票</div>
                   <div class="nav" @click="batchEditing"><i class="iconfont icon-bianjiwenjian"></i>批量编辑</div>
                   <div class="nav"><i class="iconfont icon-shujushangchuan-shixin"></i>批量VGM</div>
+                  <a-popconfirm
+                    title="确定删除当前选中订舱？"
+                    ok-text="是"
+                    cancel-text="否"
+                    @confirm="removeMoreFun"
+                    @cancel="cancelRemove"
+                  >
+                    <div class="nav"><i class="iconfont icon-shanchu2"></i>删除</div>
+                  </a-popconfirm>
                   <div class="nav"><i class="iconfont icon-shishijifei"></i>定时订舱</div>
                   <div class="nav"><i class="iconfont icon-xiaopiaodayin"></i>小票状态</div>
                   <div class="nav" @click="openTraceModel"><i class="iconfont icon-yunshu1"></i>运踪订阅</div>
@@ -140,6 +149,15 @@
               </template>
               <template #operate="{ row }">
                 <vxe-button class="operate-btn" type="text" icon="vxe-icon-edit" @click="editColumns(row)"></vxe-button>
+                <a-popconfirm
+                  title="确定删除当前订舱？"
+                  ok-text="是"
+                  cancel-text="否"
+                  @confirm="removeFun(row)"
+                  @cancel="cancelRemove"
+                >
+                  <vxe-button class="operate-btn" type="text" icon="vxe-icon-delete"></vxe-button>
+                </a-popconfirm>
               </template>
               <!-- <template #bookstatus="{ row }">
                 <span class="book-btn" v-for="(btn,bindex) in row.bookstatus" :class="btn.staCode" :key="bindex"> {{ enmuBookingBtn(btn.staCode) }}<i>/</i></span>
@@ -476,7 +494,8 @@ import {
   GetFrt,
   GetService,
   GetForwarderlist,
-  DjyUserConfigMulti
+  DjyUserConfigMulti,
+  DeleteBookingOrder
 } from '@/api/modular/main/BookingLedger'
 
 import initData from './modules/initData'
@@ -492,6 +511,7 @@ const formInitData = [
 ]
 export default {
   name: 'BookingLedger',
+  inject: ['reload'],
   components: {
     XCard,
     columnSetting,
@@ -897,11 +917,14 @@ export default {
     },
     setTableList (data) {
       if (data && JSON.parse(data.configJson).length) {
-        this.gridOptions.columns = JSON.parse(data.configJson)
         this.formTableData = JSON.parse(data.configJson)
         const nowTableArr = this.formTableData.map((item, index) => {
+          if (item.field === 'operate') {
+            item.width = 100
+          }
           return item.field
         })
+        this.gridOptions.columns = JSON.parse(JSON.stringify(this.formTableData))
         const moreTableArr = []
         this.fromTableAllData.map((item, index) => {
           if (!nowTableArr.includes(item.field)) {
@@ -1553,6 +1576,39 @@ export default {
           this.$refs[`fromlabel-${form.label}`][0].$data.dataList = data
         })
       }
+    },
+
+    removeMoreFun () {
+      const select = this.$refs.xGrid.getCheckboxRecords()
+      if (select.length === 0) {
+        this.$message.error('请选择操作订单')
+        return false
+      }
+      const removeArr = select.map((item, index) => {
+        return item.id
+      })
+      this.deleteBookingOrder(removeArr)
+    },
+    removeFun (data) {
+      this.deleteBookingOrder([data.id])
+    },
+    deleteBookingOrder (arr) {
+      DeleteBookingOrder(arr.toString()).then(res => {
+        if (res.success) {
+          this.$message.success('删除成功')
+          this.gridOptions.data = this.gridOptions.data.filter(item => !arr.includes(item.id))
+          this.gridOptions.pagerConfig.total = this.gridOptions.pagerConfig.total - arr.length
+          this.$forceUpdate()
+        } else {
+          this.$message.error(res.message)
+        }
+      })
+      .catch(err => {
+        console.log(err)
+      })
+    },
+    cancelRemove () {
+      console.log('== 取消 ==')
     }
   }
 }
@@ -1712,6 +1768,15 @@ export default {
         box-shadow: 0 0 10px #eee;
       }
     }
+    &:nth-of-type(9) {
+      .iconfont {
+        color: #f6826b;
+      }
+      &:hover {
+        background: #fff;
+        box-shadow: 0 0 10px #eee;
+      }
+    }
   }
 }
 

src/views/main/BookingLedger/list/modules/initData.js

@@ -15,7 +15,7 @@ export default {
     { field: 'createdUserName', label: 'CREATEDUSERNAME', width: 120, title: '创建人', showHeaderOverflow: true, sortable: true },
     { field: 'createdTime', label: 'CREATEDTIME', width: 160, title: '创建日期', showHeaderOverflow: true, sortable: true },
     { field: 'cntrtotal', label: 'CNTRTOTAL', width: 120, title: '箱型*箱量', showHeaderOverflow: true, sortable: true },
-    { field: 'operate', title: '操作', width: 80, noDraggable: true, slots: { default: 'operate' }, fixed: 'right', resizable: false }
+    { field: 'operate', title: '操作', width: 100, noDraggable: true, slots: { default: 'operate' }, fixed: 'right', resizable: false }
   ],
   columnsAllData: [
     { field: 'mblno', label: 'MBLNO', width: 160, title: '主提单号', showHeaderOverflow: true, showOverflow: false, sortable: true, slots: { default: 'mblno' } },