From 8a801deecc5e0d8ecc8f68e11e69ad745af860ea Mon Sep 17 00:00:00 2001
From: chenhaozhe <cgz@hz-kingdee.com>
Date: 星期四, 13 十一月 2025 15:35:25 +0800
Subject: [PATCH] 调整 组托扫码 拆托扫码 扫码数据呈现样式 表格->卡片
---
pages/chaituosaoma/UnPackUnionBill.vue | 82 ++++++++++++++++++--------
pages/chaixiang/form.vue | 6 +-
pages/zutuosaoma/PackUnionBill.vue | 67 ++++++++++++++--------
3 files changed, 101 insertions(+), 54 deletions(-)
diff --git a/pages/chaituosaoma/UnPackUnionBill.vue b/pages/chaituosaoma/UnPackUnionBill.vue
index 8eb11b1..8ce6446 100644
--- a/pages/chaituosaoma/UnPackUnionBill.vue
+++ b/pages/chaituosaoma/UnPackUnionBill.vue
@@ -4,7 +4,8 @@
<view class="form-item">
<view class="title">鎵樻潯鐮�</view>
<view class="right">
- <input type="text" :focus="HBarCodePackFocus" v-model="HBarCode_Pack" @confirm="GetMeesageByBarCode_Pack(HBarCode_Pack)" />
+ <input type="text" :focus="HBarCodePackFocus" v-model="HBarCode_Pack"
+ @confirm="GetMeesageByBarCode_Pack(HBarCode_Pack)" />
</view>
<view class="right-icon">
<uni-icons class="right-icon" type="scan"
@@ -30,9 +31,32 @@
</view>
<!-- 鎷嗙淇℃伅 -->
<view v-if="tabs == 0">
- <zb-table id="list-table" :fit="true" :style="{height: `${listTableHeight}px`}" :columns="columns" :data="listData"
+ <!-- <zb-table id="list-table" :fit="true" :style="{height: `${listTableHeight}px`}" :columns="columns" :data="listData"
:show-header="true" :border="true" :row-key="row => row.index" @toggleRowSelection="handleSelect"
- @toggleAllSelection="handleSelectAll" />
+ @toggleAllSelection="handleSelectAll" /> -->
+
+ <view class="item-wrapper">
+ <view v-for="(item, index) in listData" :key="index">
+ <uni-card :title="item['鐗╂枡鍚嶇О']" :extra="`鏉＄爜鏁伴噺: ${item['鏉＄爜涓暟']}`">
+ <view class="detail" v-if="item['鏉＄爜缂栧彿']">
+ <text>鏉＄爜缂栧彿锛�</text>{{item['鏉＄爜缂栧彿']}}
+ </view>
+ <view class="detail" v-if="item['鏁伴噺']">
+ <text>鏁伴噺锛�</text>{{item['鏁伴噺']}}
+ </view>
+ <view class="detail" v-if="item['鐗╂枡浠ｇ爜']">
+ <text>鐗╂枡浠ｇ爜锛�</text>{{item['鐗╂枡浠ｇ爜']}}
+ </view>
+ <view class="detail" v-if="item['鐗╂枡鍚嶇О']">
+ <text>鐗╂枡鍚嶇О锛�</text>{{item['鐗╂枡鍚嶇О']}}
+ </view>
+ <view class="detail" v-if="item['瑙勬牸鍨嬪彿']">
+ <text>瑙勬牸鍨嬪彿锛�</text>{{item['瑙勬牸鍨嬪彿']}}
+ </view>
+ </uni-card>
+ </view>
+ <view class="over" v-if="listData.length == 0">鏆傛棤鏁版嵁</view>
+ </view>
</view>
<!-- 鍗曟嵁淇℃伅 -->
<view v-if="tabs == 1">
@@ -80,7 +104,8 @@
</view>
</view>
<view class="bottom-btn" id="bottom-btn">
- <button :class="EnableSubmit?'btn-a':'btn-c'" :disabled="!EnableSubmit" size="mini" @tap="cmdSubmit">鎷嗘墭</button>
+ <button :class="EnableSubmit?'btn-a':'btn-c'" :disabled="!EnableSubmit" size="mini"
+ @tap="cmdSubmit">鎷嗘墭</button>
<view style="flex: 1;"></view>
<!-- <button class="btn-d" size="mini" @tap="cmdDelete">鍒犻櫎</button> -->
<button class="btn-c" size="mini" @tap="cmdExit">閫�鍑�</button>
@@ -118,8 +143,7 @@
HMaterNumber_Pack: "", //鎵樻潯鐮佸搴旂墿鏂欎唬鐮�
listOption: [],
listData: [],
- columns: [
- {
+ columns: [{
name: 'index',
label: '搴忓彿',
width: 60,
@@ -174,17 +198,17 @@
}
},
methods: {
- async HBarCodeFocusRefresh(){
- this.HBarCode = ''
- this.HBarCodeFocus = false
- await this.$nextTick()
- this.HBarCodeFocus = true
+ async HBarCodeFocusRefresh() {
+ this.HBarCode = ''
+ this.HBarCodeFocus = false
+ await this.$nextTick()
+ this.HBarCodeFocus = true
},
- async HBarCodePackFocusRefresh(){
- this.HBarCode_Pack = ''
- this.HBarCodePackFocus = false
- await this.$nextTick()
- this.HBarCodePackFocus = true
+ async HBarCodePackFocusRefresh() {
+ this.HBarCode_Pack = ''
+ this.HBarCodePackFocus = false
+ await this.$nextTick()
+ this.HBarCodePackFocus = true
},
toScanCode() {
MpaasScan.scanCode((scanCode) => {
@@ -473,28 +497,35 @@
"HMaker": this.hform.HMaker,
},
resFunction: (res) => {
- let {data, count, Message} = res.data
- if(count == 1){
+ let {
+ data,
+ count,
+ Message
+ } = res.data
+ if (count == 1) {
uni.showModal({
title: '娓╅Θ鎻愮ず',
content: Message,
confirmText: "鏂板",
cancelText: '鍏抽棴',
- success: ({confirm,cancel}) => {
- if(confirm) {
+ success: ({
+ confirm,
+ cancel
+ }) => {
+ if (confirm) {
uni.redirectTo({
url: "/pages/zutuosaoma/PackUnionBill"
})
}
-
- if(cancel) {
+
+ if (cancel) {
uni.navigateBack()
}
}
})
- }else {
+ } else {
uni.showToast({
- icon:'none',
+ icon: 'none',
title: Message
})
}
@@ -544,7 +575,7 @@
} else if (this.OperationType == 2) {
}
-
+
this.HBarCodePackFocusRefresh()
}
}
@@ -674,5 +705,4 @@
color: #fff;
}
}
-
</style>
\ No newline at end of file
diff --git a/pages/chaixiang/form.vue b/pages/chaixiang/form.vue
index 43265ce..0c37e10 100644
--- a/pages/chaixiang/form.vue
+++ b/pages/chaixiang/form.vue
@@ -14,14 +14,14 @@
</view>
</view>
<view class="tabs">
- <view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">瑁呯淇℃伅</view>
+ <view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">鎷嗙淇℃伅</view>
<view :class="tabs == 1 ? 'on':''" @tap="tabs = 1">鍗曟嵁淇℃伅</view>
</view>
<!-- 鎷嗙淇℃伅 -->
<view v-if="tabs == 0">
- <zb-table id="list-table" :fit="true" :style="{height: `${listTableHeight}px`}" :columns="columns" :data="listData"
+ <!-- <zb-table id="list-table" :fit="true" :style="{height: `${listTableHeight}px`}" :columns="columns" :data="listData"
:show-header="true" :border="true" :row-key="row => row.index" @toggleRowSelection="handleSelect"
- @toggleAllSelection="handleSelectAll" />
+ @toggleAllSelection="handleSelectAll" /> -->
</view>
<!-- 鍗曟嵁淇℃伅 -->
<view v-if="tabs == 1">
diff --git a/pages/zutuosaoma/PackUnionBill.vue b/pages/zutuosaoma/PackUnionBill.vue
index 5082084..e72330b 100644
--- a/pages/zutuosaoma/PackUnionBill.vue
+++ b/pages/zutuosaoma/PackUnionBill.vue
@@ -8,7 +8,7 @@
@confirm="GetMeesageByBarCode_Pack(HBarCode_Pack)" />
</view>
<view class="right-icon">
- <uni-icons class="right-icon" :class="[EnableScanBarCodePack?'disabled':'']" type="scan"
+ <uni-icons class="right-icon" :class="[EnableScanBarCodePack?'disabled':'']" type="scan"
style="background-color: #3A78FF;padding: 6rpx;color: #fff;border-radius: 100%;" size="20"
@click="toScanCode"></uni-icons>
</view>
@@ -27,14 +27,37 @@
</view>
</view>
<view class="tabs">
- <view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">瑁呯淇℃伅</view>
+ <view :class="tabs == 0 ? 'on':''" @tap="tabs = 0">缁勬墭淇℃伅</view>
<view :class="tabs == 1 ? 'on':''" @tap="tabs = 1">鍗曟嵁淇℃伅</view>
</view>
<!-- 瑁呯淇℃伅 -->
<view v-if="tabs == 0">
- <zb-table id="list-table" :checked-highlight="true" :fit="true" :style="{height: `${listTableHeight}px`}" :columns="columns" :data="listData"
+ <!-- <zb-table id="list-table" :checked-highlight="true" :fit="true" :style="{height: `${listTableHeight}px`}" :columns="columns" :data="listData"
:show-header="true" :border="true" :row-key="row => row.index" @toggleRowSelection="handleSelect"
- @toggleAllSelection="handleSelectAll" @rowClick="onTableRowClickHandler" />
+ @toggleAllSelection="handleSelectAll" @rowClick="onTableRowClickHandler" /> -->
+
+ <view class="item-wrapper">
+ <view v-for="(item, index) in listData" :key="index">
+ <uni-card :title="item['鐗╂枡鍚嶇О']" :extra="`鏉＄爜鏁伴噺: ${item['鏉＄爜涓暟']}`" @tap="cmdDelete(item)">
+ <view class="detail" v-if="item['鏉＄爜缂栧彿']">
+ <text>鏉＄爜缂栧彿锛�</text>{{item['鏉＄爜缂栧彿']}}
+ </view>
+ <view class="detail" v-if="item['鏁伴噺']">
+ <text>鏁伴噺锛�</text>{{item['鏁伴噺']}}
+ </view>
+ <view class="detail" v-if="item['鐗╂枡浠ｇ爜']">
+ <text>鐗╂枡浠ｇ爜锛�</text>{{item['鐗╂枡浠ｇ爜']}}
+ </view>
+ <view class="detail" v-if="item['鐗╂枡鍚嶇О']">
+ <text>鐗╂枡鍚嶇О锛�</text>{{item['鐗╂枡鍚嶇О']}}
+ </view>
+ <view class="detail" v-if="item['瑙勬牸鍨嬪彿']">
+ <text>瑙勬牸鍨嬪彿锛�</text>{{item['瑙勬牸鍨嬪彿']}}
+ </view>
+ </uni-card>
+ </view>
+ <view class="over" v-if="listData.length == 0">鏆傛棤鏁版嵁</view>
+ </view>
</view>
<!-- 鍗曟嵁淇℃伅 -->
<view v-if="tabs == 1">
@@ -82,17 +105,18 @@
</view>
<view class="bill-info">
<checkbox-group @change="checkboxGroupChangeHandler">
- <view class="form-item" style="justify-content: right;">
- <view class="title">璐ㄩ噺瀹℃壒</view>
- <checkbox value="qualityApproval"></checkbox>
- </view>
+ <view class="form-item" style="justify-content: right;">
+ <view class="title">璐ㄩ噺瀹℃壒</view>
+ <checkbox value="qualityApproval"></checkbox>
+ </view>
</checkbox-group>
</view>
</view>
<view class="bottom-btn" id="bottom-btn">
- <button :class="EnableSubmit?'btn-a':'btn-c'" :disabled="!EnableSubmit" size="mini" @tap="cmdSubmit">鎻愪氦</button>
+ <button :class="EnableSubmit?'btn-a':'btn-c'" :disabled="!EnableSubmit" size="mini"
+ @tap="cmdSubmit">鎻愪氦</button>
<view style="flex: 1;"></view>
- <button class="btn-d" size="mini" @tap="cmdDelete">鍒犻櫎</button>
+ <!-- <button class="btn-d" size="mini" @tap="cmdDelete">鍒犻櫎</button> -->
<button class="btn-c" size="mini" @tap="cmdExit">閫�鍑�</button>
</view>
</view>
@@ -181,7 +205,7 @@
HInterID: '',
HStockOrgName: uni.getStorageSync("Organization"),
HStockOrgID: uni.getStorageSync("OrganizationID"),
-
+
HQualityApproval: false,
},
// 鍒嗛〉妯″潡鍏冩暟鎹�
@@ -193,17 +217,17 @@
methods: {
checkboxGroupChangeHandler(e) {
let checkBoxValues = Array.from(e.detail.value)
- if(checkBoxValues.findIndex(elem => elem == 'qualityApproval') != -1) {
+ if (checkBoxValues.findIndex(elem => elem == 'qualityApproval') != -1) {
this.hform.HQualityApproval = true
- }else {
+ } else {
this.hform.HQualityApproval = false
}
},
onTableRowClickHandler(row, index) {
- console.log('row: ',row);
- if(!this.listData[index].checked){
+ console.log('row: ', row);
+ if (!this.listData[index].checked) {
this.$set(this.listData[index], 'checked', true)
- }else {
+ } else {
this.listData[index].checked = !this.listData[index].checked
}
},
@@ -446,14 +470,7 @@
}
return true
},
- cmdDelete() {
- console.log('this.selectedRows: ', this.selectedRows);
- if (this.selectedRows.length != 1) {
- return uni.showToast({
- icon: 'none',
- title: '璇烽�夋嫨涓�琛岃褰曪紝杩涜鍒犻櫎锛�'
- })
- }
+ cmdDelete(item) {
uni.showModal({
title: '鍒犻櫎纭',
content: '纭瑕佸垹闄ら�変腑琛屾墍鏈夋壂鐮佽褰曪紵鍒犻櫎鍚庡皢涓嶅彲鎭㈠!',
@@ -464,7 +481,7 @@
data: {
HInterID: this.hform.HInterID,
HBillType: this.HBillType,
- HBarCode: this.selectedRows[0].HBarCode
+ HBarCode: item.HBarCode
},
resFunction: (res) => {
let {
--
Gitblit v1.9.1