修改

src/api/materialsStation/auth.js

@@ -92,6 +92,15 @@ export function uploadSort(data) {
   })
 }
 
+// 删除装卸单
+export function delHandlingOrder(data) {
+  return request({
+    url: '/material/back_apply_info/delHandlingOrder',
+    method: 'post',
+    data: data
+  })
+}
+
 export function getSort(data) {
   return request({
     url: '/material/back_apply_info/getSort',

src/views/business/handlingOrder/index.vue

@@ -46,22 +46,12 @@
       <el-table-column label="联系电话" align="center" width="160" prop="phone" show-overflow-tooltip />
       <el-table-column label="日期" align="center" width="150" prop="reserveDate" show-overflow-tooltip />
       <el-table-column label="排号" align="center" width="120" prop="sort" show-overflow-tooltip />
-<!--      <el-table-column-->
-<!--        label="排号"-->
-<!--        align="center"-->
-<!--        width="120"-->
-<!--        show-overflow-tooltip-->
-<!--      >-->
-<!--        &lt;!&ndash; 使用作用域插槽获取行数据 &ndash;&gt;-->
-<!--        <template #default="scope">-->
-<!--          {{ scope.row.timeType }}-{{ scope.row.sort }}-->
-<!--        </template>-->
-<!--      </el-table-column>-->
       <el-table-column label="操作" align="center" width="170">
         <template slot-scope="{ row }">
           <el-button size="mini" v-if="row.sort===null" type="success" @click="handleView(row)">排号</el-button>
-          <el-button size="mini" v-if="row.type==='装' && row.sort!==null" type="success" @click="dialogView(row)">装货单</el-button>
-          <el-button size="mini" v-if="row.type==='卸' && row.sort!==null" type="success" @click="dialogView(row)">卸货单</el-button>
+          <el-button size="mini" v-if="row.type==='装' && row.sort!==null" type="warning" @click="dialogView(row)">装货单</el-button>
+          <el-button size="mini" v-if="row.type==='卸' && row.sort!==null" type="warning" @click="dialogView(row)">卸货单</el-button>
+          <el-button size="mini" type="danger" @click="delClick(row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -78,16 +68,6 @@
     <el-dialog title="审核排号" :visible.sync="viewDialogVisible" width="500px" append-to-body>
       <el-form :model="viewForm" label-width="60px" class="view-dialog-form">
         <el-form-item label="排号：">
-<!--         <span-->
-<!--           style="display: inline-block;-->
-<!--         margin-right: 5px;-->
-<!--         color: #666;-->
-<!--         vertical-align: middle;-->
-<!--         font-size: 16px;-->
-<!--         font-weight: bold;"-->
-<!--         >-->
-<!--  {{ timeType }}- -->
-<!--</span>-->
           <el-input
             style="display: inline-block; width: auto; vertical-align: middle;"
             v-model="viewForm.sort"
@@ -239,13 +219,14 @@ import {
   getTeamList,
   sumbitAuthData,
   uploadIdCard,
-  getAuthInfo, getHandlingOrderList, uploadSort, getSort
+  getAuthInfo, getHandlingOrderList, uploadSort, getSort, delHandlingOrder
 } from '@/api/materialsStation/auth'
 import { getToken } from '@/utils/auth'
 import { validateIdCard } from '@/utils/bonus'
 import vueEasyPrint from 'vue-easy-print'
 import {acceptInnerVerifyer} from "@/api/purchase/goodsAccept";
 import printJS from "print-js";
+import {delType} from "@/api/system/dict/type";
 export default {
   components: { vueEasyPrint },
   name: 'IdCardUploadComponent',
@@ -420,17 +401,6 @@ export default {
       this.viewDialogVisible = true
       this.viewForm.sort = row.sort // 可选：将原排号显示在输入框中
       this.viewForm.id = row.id // 保存当前行的 id
-
-      // const params = {
-      //   type:''
-      // }
-      // getSort(params).then(response => {
-      //   console.log(response.data)
-      //   this.timeType=response.data.timeType,
-      //   this.viewForm.sort=response.data.sort
-      // })
-
-
     },
     // 转换时间格式
     formatTime(time) {
@@ -447,6 +417,21 @@ export default {
         this.showLoadingTicket(row);
       }
     },
+    delClick(row){
+      const params = {
+        id: row.id
+      }
+      this.$modal
+        .confirm('是否确认删除所选择的数据项？')
+        .then(function () {
+          return delHandlingOrder(params)
+        })
+        .then(() => {
+          this.getList()
+          this.$modal.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
 // 显示卸货单
     showUnloadingTicket(row) {
       this.currentTicketData = {
@@ -522,6 +507,8 @@ export default {
       max-width: 500px;
       margin: 0 auto;
       padding: 20px;
+      border: 2px solid #ddd;
+      background-color: #fff;
     }
     .loading-ticket-table {
       width: 100%;
@@ -529,14 +516,17 @@ export default {
     }
     .loading-ticket-table td {
       padding: 10px;
-      border: 1px solid #ddd;
+      border: 2px solid #ddd;
+      text-align: left;
     }
     .loading-ticket-table td:first-child {
       font-weight: bold;
       background-color: #f5f5f5;
+      width: 100px;
     }
     h2 {
       text-align: center;
+      margin-bottom: 20px;
     }
   `;