From 75ea1362b54946c8a8b6aa8260c2f4e5843154ab Mon Sep 17 00:00:00 2001
From: whycq <whycq>
Date: 星期一, 28 二月 2022 16:58:28 +0800
Subject: [PATCH] #
---
pages/basics/combPro.vue | 112 +++++++++++++++++++++++++++++++++++++++++--------------
1 files changed, 83 insertions(+), 29 deletions(-)
diff --git a/pages/basics/combPro.vue b/pages/basics/combPro.vue
index 5f11f3b..5374feb 100644
--- a/pages/basics/combPro.vue
+++ b/pages/basics/combPro.vue
@@ -11,30 +11,41 @@
</view>
</form>
<view class="margin-top">
- <uni-table ref="table" border stripe emptyText="鏆傛棤鏇村鏁版嵁" rowKey="">
+ <uni-table ref="table" border stripe emptyText="鏆傛棤鏇村鏁版嵁" type="selection" @selection-change="selectionChange">
<uni-tr>
- <uni-th align="center" width="90">搴忓彿</uni-th>
<uni-th align="center" width="90">鏁伴噺</uni-th>
+ <uni-th align="center" width="90">缁勬墭鏁伴噺</uni-th>
+ <uni-th align="center" width="90">浜у搧浠ｅ彿</uni-th>
+ <uni-th align="center" width="90">浜у搧缂栫爜</uni-th>
<uni-th align="center" width="90">浜у搧鍚嶇О</uni-th>
- <uni-th align="center" width="90">浜у搧ID</uni-th>
- <uni-th align="center" width="200">缁勬墭鏁伴噺</uni-th>
+ <uni-th align="center" width="90">搴忓彿</uni-th>
+ <uni-th align="center" width="90">鎵瑰彿</uni-th>
+
</uni-tr>
<uni-tr v-for="(item, index) in matData" :key="index">
- <uni-td align="center">{{item.seqNo}}</uni-td>
<uni-td align="center">{{item.count}}</uni-td>
- <uni-td align="center">{{item.matName}}</uni-td>
- <uni-td align="center">{{item.matNo}}</uni-td>
<uni-td align="center">
- <button class="uni-button" size="mini" type="primary" @click="confirm(index,item)">淇敼</button>
- <button class="uni-button" size="mini" type="warn" @click="remove(index,item)">鍒犻櫎</button>
+ <button class ="cu-btn bg-orange margin-xs" @click="confirm(index,item)">淇� 鏀�</button>
+ <!-- <button class="uni-button" size="mini" type="warn" @click="remove(index,item)">鍒犻櫎</button> -->
</uni-td>
+ <uni-td align="center">{{item.size}}</uni-td>
+ <uni-td align="center">{{item.matNo}}</uni-td>
+ <uni-td align="center">{{item.matName}}</uni-td>
+ <uni-td align="center">{{item.seqNo}}</uni-td>
+ <uni-td align="center">{{item.itemBatch}}</uni-td>
+
</uni-tr>
</uni-table>
</view>
- <view>
- <button class="cu-btn bg-yellow pda-btn" @click="comb()">缁� 鎵�</button>
- <button class="cu-btn bg-grey pda-btn" @click="reset">閲� 缃�</button>
+ <view class="flex solid-bottom justify-between">
+ <button class ="cu-btn bg-red margin-xs" @click="delTable">鎵归噺鍒犻櫎</button>
+ <button class ="cu-btn bg-olive margin-xs" @click="reSelection">鍙嶉��</button>
+ <button class ="cu-btn bg-cyan margin-xs" @click="clearSel">娓呯┖閫夋嫨</button>
+ </view>
+ <view class="flex solid-bottom padding justify-around">
+ <button class="cu-btn bg-yellow lg" @click="comb()">缁� 鎵�</button>
+ <button class="cu-btn bg-grey lg" @click="reset">閲� 缃�</button>
</view>
<view>
<!-- 鎻愮ず淇℃伅寮圭獥 -->
@@ -49,7 +60,6 @@
placeholder="璇疯緭鍏ョ粍鎵樻暟閲�" @confirm="dialogInputConfirm">
<uni-number-box :min="minCount" :max="maxCount" v-model="value" />
</uni-popup-dialog>
-
</uni-popup>
</view>
</view>
@@ -65,12 +75,14 @@
type: '',
msgType: '',
messageText: '',
- minCount:1,
+ minCount:0,
maxCount:1,
rowNum:'',
value:'',
- couChange:true, // countChange
+ couChange:true,
baseIP:'',
+ selectArr : [],
+ selectedIndexs:[],
}
@@ -80,9 +92,53 @@
this.baseIP = UIP
},
methods: {
+ // 澶氶��
+ selectionChange(e) {
+ // 鑾峰彇閫変腑鐘舵��
+ this.selectedIndexs = e.detail.index
+ this.selectedIndexs.sort(function(a,b){
+ return a-b
+ });// 閲嶆柊鎺掑簭锛堝崌搴忥級
+ },
+
+ // 鍏ㄩ��
+ // 鎵归噺鍒犻櫎鐨勬柟娉�
+ toggleSelection(rows) {
+ console.log(rows)
+ if (rows) {
+ this.$refs["table"].toggleAllSelection(rows);
+ } else {
+ this.$refs["table"].clearSelection();
+ }
+ },
+ //鎵归噺鍒犻櫎
+ delTable() {
+ // 瀹炵幇鍏ㄩ�夊垹闄ゅ拰澶氶�夊垹闄�
+ let len = this.selectedIndexs.length
+ // len.forEach(index => {
+ // console.log(index)
+ // this.matData.splice(index,1);
+ // })
+ for (let i = len-1; i >= 0; i--) {
+ console.log(this.selectedIndexs[i])
+ this.matData.splice(this.selectedIndexs[i],1) // splice鍒犻櫎鏁扮粍浼氭敼鍙樺師鏁扮粍锛屾墍浠ラ渶瑕侀�嗗悜鍒犻櫎
+ }
+ this.$refs["table"].clearSelection(); // 娓呯┖閫夋嫨
+
+ },
+ // 鍙嶉��
+ reSelection(){
+ this.toggleSelection(this.selectedIndexs)
+ },
+ // 娓呯┖
+ clearSel() {
+ this.toggleSelection()
+ },
reset:function() {
this.billNo = '';
this.code = '';
+ this.matData = [];
+ this.toggleSelection()
},
messageToggle(type) {
this.msgType = type
@@ -118,12 +174,9 @@
if(res.data.data != null){
that.addTableData(res.data.data)
}else if(res.data.code === 403){
- uni.navigateBack({
- delta: 1
- })
+
}else {
- this.messageToggle('error')
- this.messageText = res.data.msg
+
}
}
}
@@ -152,7 +205,7 @@
this.$refs.inputDialog.open()
this.maxCount = item.count
this.rowNum = index
- this.value = this.maxCount
+ this.value = this.minCount
},
// 淇敼鏁伴噺寮圭獥
dialogInputConfirm() {
@@ -200,18 +253,12 @@
},
method:'POST',
success(res) {
+
if(res.data.code === 200){
that.reset()
that.matData = []
that.messageToggle('success')
that.messageText = '缁勬墭鎴愬姛'
- } else if (res.data.code === 403) {
- uni.navigateBack({
- delta: 1
- })
- } else {
- this.messageToggle('error')
- this.messageText = res.data.msg
}
}
})
@@ -223,5 +270,12 @@
</script>
<style>
-
+ .delTable {
+ margin-left:0;
+ margin-right: auto;
+ width: 200rpx;
+ height: 80rpx;
+ font-size: 30upx;
+ font-weight: bold;
+ }
</style>
--
Gitblit v1.9.1