添加删除按钮

pages/management/receive-confirm_new.vue

@@ -1,10 +1,10 @@
 <template>
 	<view class="content">
 		<nav-bar title="收货确认"></nav-bar>
-		<view class="sticky search-confirm-wrap">
+		<view class="sticky search-confirm-wrap" style="z-index: 11;">
 			<view class="zd-row">
 				<view class="zd-col-14 zd-row jcflexstart">
-					<view class="zd-col-12"><search-box placeholder="请输入查询条件" v-model="val1" /></view>
+					<view class="zd-col-12"><search-box placeholder="关键字" v-model="val1" /></view>
 					<view class="zd-col-12 select_wraper mgl10">
 						<zxz-uni-data-select placeholder="请选择收货组织信息" v-model="value1" filterable :localdata="range1"></zxz-uni-data-select>
 					</view>
@@ -12,6 +12,7 @@
 				<view class="zd-col-10 zd-row jcflexend">
 					<button class="confirm-button" @tap="toSearch">查询</button>
 					<button class="confirm-button" :disabled="disabled1" @tap="_easOutInBillSync">同步</button>
+					<button class="confirm-button" :class="{'confirm-button_disabled': checkData.length === 0}" :disabled="disabled1" @tap="_easOutInBillDelete">删除</button>
 				</view>
 			</view>
 		</view>
@@ -19,6 +20,7 @@
 			<view class="zdrow-wrap">
 				<view class="zd-row sticky zd-th-wraper">
 					<view class="zd-col-1 zd-th"><text>序号</text></view>
+					<view class="zd-col-1 zd-th"><text>选择</text></view>
 					<view class="zd-col-3 zd-th"><text class="fontcol1">送货单号</text></view>
 					<view class="zd-col-2 zd-th"><text>送货日期</text></view>
 					<view class="zd-col-2 zd-th"><text>提交时间</text></view>
@@ -27,12 +29,15 @@
 					<view class="zd-col-2 zd-th"><text>供应商编码</text></view>
 					<view class="zd-col-2 zd-th"><text>供应商</text></view>
 					<view class="zd-col-2 zd-th"><text>到货日期</text></view>
-					<view class="zd-col-4 zd-th"><text>审核结果</text></view>
+					<view class="zd-col-3 zd-th"><text>审核结果</text></view>
 					<view class="zd-col-2 zd-th">更多</view>
 				</view>
 				<view class="zd-td-wraper" v-for="(e, i) in dataList" :key="e.id">
 					<view class="zd-row" @tap="loadSubData(e)">
 						<view class="zd-col-1 zd-td"><text>{{i+1}}</text></view>
+						<view class="zd-col-1 zd-td" @tap.stop="toCheckbox(e)">
+							<view class="zd-checkbox" :class="{'zd-checkbox_active': e.checked}"></view>
+						</view>
 						<view class="zd-col-3 zd-td fontcol1"><text>{{e.djbh}}</text></view>
 						<view class="zd-col-2 zd-td"><text>{{e.ywrq}}</text></view>
 						<view class="zd-col-2 zd-td"><text>{{e.tjsj}}</text></view>
@@ -41,7 +46,7 @@
 						<view class="zd-col-2 zd-td"><text>{{e.gysbm}}</text></view>
 						<view class="zd-col-2 zd-td"><text>{{e.gys}}</text></view>
 						<view class="zd-col-2 zd-td"><text>{{e.dhrq}}</text></view>
-						<view class="zd-col-4 zd-td"><text>{{e.shjg}}</text></view>
+						<view class="zd-col-3 zd-td"><text>{{e.shjg}}</text></view>
 						<view class="zd-col-2 zd-td" @tap.stop="getDetails(4,e)">
 							<uni-icons type="more-filled" size="14" color="#fff"></uni-icons>
 						</view>
@@ -216,7 +221,7 @@
 	import ScanInput from '@/components/ScanInput.vue'
 	import Pagination from '@/components/Pagination.vue'
 	import GridDetail from '@/components/GridDetail.vue'
-	import {getOrganizationInfo, getWarehouseInfo, receiptPage, receiptBillDetailPage, receiptBillDetailUpdate, receiptBillDetailSetStor, receiptBillConfirm, viewAssignDtl, inWarehouseAssignLocation, updateAssignDtl, addAssignDtl, easOutInBillSync, inWarehouseCommit} from '@/utils/getData2.js'
+	import {getOrganizationInfo, getWarehouseInfo, receiptPage, receiptBillDetailPage, receiptBillDetailUpdate, receiptBillDetailSetStor, receiptBillConfirm, viewAssignDtl, inWarehouseAssignLocation, updateAssignDtl, addAssignDtl, easOutInBillSync, inWarehouseCommit, easOutInBillDelete} from '@/utils/getData2.js'
 	export default {
 		components: {
 			NavBar,
@@ -227,6 +232,7 @@
 		},
 		data() {
 			return {
+				crType: '',
 				val1: '', // 模糊查询
 				value1: '', // 收货组织信息
 				range1: [],
@@ -237,6 +243,7 @@
 				},
 				currentPage1: 1,
 				dataList: [], // 一级表格数据
+				checkData: [], // 一级表格多选数组
 				val2: '',
 				popData: [], // 副表格点击物料编码弹出弹窗
 				popdisabled: false,
@@ -253,7 +260,8 @@
 				subCheckData: [] // 二级表格多选数组
 			}
 		},
-		onLoad () {
+		onLoad (options) {
+			this.crType = options.type
 			this.toSearch()
 			setTimeout(() => {
 				this._getWarehouseInfo()
@@ -327,6 +335,12 @@
 				this.currentPage1 = page
 				this._receiptPage()
 			},
+			// 一级表格多选
+			toCheckbox (e) {
+				e.checked = !e.checked
+				let arr = this.dataList.filter(el => el.checked === true)
+				this.checkData = arr.map(el => {return el.djid})
+			},
 			// 点击一级表格一行加载副表格
 			loadSubData (e) {
 				if (e.subData.length > 0) {
@@ -639,6 +653,31 @@
 				} catch (e) {
 					console.log(e)
 				} 
+			},
+			// 点击删除按钮
+			async _easOutInBillDelete () {
+				this.disabled1 = true
+				if (!this.checkData.length) {
+					this.disabled1 = false
+					return
+				}
+				try {
+					let res = await easOutInBillDelete('RECE', this.checkData)
+					if (res.code === 1) {
+						this.disabled1 = false
+						this.checkData = []
+						this.subCheckData = []
+						this._receiptPage()
+					} else {
+						this.disabled1 = false
+						uni.showToast({
+							title: res.desc,
+							icon: 'none'
+						})
+					}
+				} catch (e) {
+					this.disabled1 = false
+				}
 			}
 		}
 	}