From 67271e43ba60ea115e0e92d9639ecb5a50e59e2c Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期一, 16 十月 2023 21:33:30 +0800 Subject: [PATCH] # --- pages/component/demo.vue | 121 ++++++++++++++++++++++++++++++++++++++-- 1 files changed, 114 insertions(+), 7 deletions(-) diff --git a/pages/component/demo.vue b/pages/component/demo.vue index b4106ff..f4e6e87 100644 --- a/pages/component/demo.vue +++ b/pages/component/demo.vue @@ -2,21 +2,42 @@ <view> <z-input v-for="it in zInputList" :desc="it.desc" :btn="it.btn" :btn-name="it.btnName" v-model="it.val" - :lenCheck="it.lenCheck" :focus="it.focus" @clickBtn='entry(it.name)'> + :lenCheck="it.lenCheck" :focus="it.focus" @clickBtn='entry(it.name)' @input='input'> </z-input> <view>杈撳叆妗�1</view> <view>{{zInputList[0].val}}</view> + <view>杈撳叆妗�2</view> <view>{{zInputList[1].val}}</view> + <view>杈撳叆妗�2</view> <view>{{zInputList[2].val}}</view> + <button @click="focus">focus</button> + <hr> - <z-data-list></z-data-list> + + <z-data-list class="data-list" + v-for="(it,i) in zDataList" + :key="i" + :list="it.detl" + :index="i+1" + @goDetail='goDetail(it.detl,i)' + + ></z-data-list> + + + <button @click="add">add</button> + + <hr> + + <!-- 鍨珮 --> + <view style="height: 100rpx;"></view> </view> </template> <script> + import addMat from '../api/addMat.js' export default { data() { return { @@ -26,18 +47,72 @@ {name: 'aaa',desc: '鐗╂枡鐮�',btn: true,btnName: '鎻愬彇',placeholder: '',val: '1',focus: false} ], zDataList: [ - {name: 'asd',orderNo: 'CK123',barcode: 'bar321'} - ] - + { + detl: [ + {key: '鍟嗗搧鐮�',value: 'LSH90152025',valText: 'val-text'}, + {key: '鍟嗗搧鍚嶇О',value: '灏奸緳澶达紙鐏扮櫧锛�5.2x25'}, + {key: '瑙勬牸',value: '700*699*80'}, + {key: '鎵瑰彿',value: '20231007204944',type: 'input'}, + {key: '鏁伴噺',value: 951326478,type: 'number-box',valText: 'val-num'}, + {key: '搴忓彿',value: 1}, + ] + }, + { + detl: [ + {key: '鍟嗗搧鐮�',value: 'LSH90152025',valText: 'val-text'}, + {key: '鍟嗗搧鍚嶇О',value: '灏奸緳澶达紙鐏扮櫧锛�5.2x25'}, + {key: '瑙勬牸',value: '700*699*80'}, + {key: '鎵瑰彿',value: '20231007204944',type: 'input'}, + {key: '鏁伴噺',value: 951326478,type: 'number-box',valText: 'val-num'}, + {key: '搴忓彿',value: 2}, + ] + }, + { + detl: [ + {key: '鍟嗗搧鐮�',value: 'LSH90152025',valText: 'val-text'}, + {key: '鍟嗗搧鍚嶇О',value: '灏奸緳澶达紙鐏扮櫧锛�5.2x25'}, + {key: '瑙勬牸',value: '700*699*80'}, + {key: '鎵瑰彿',value: '20231007204944',type: 'input'}, + {key: '鏁伴噺',value: 951326478,type: 'number-box',valText: 'val-num'}, + {key: '搴忓彿',value: 3}, + ] + }, + { + detl: [ + {key: '鍟嗗搧鐮�',value: 'LSH90152025',valText: 'val-text'}, + {key: '鍟嗗搧鍚嶇О',value: '灏奸緳澶达紙鐏扮櫧锛�5.2x25'}, + {key: '瑙勬牸',value: '700*699*80'}, + {key: '鎵瑰彿',value: '20231007204944',type: 'input'}, + {key: '鏁伴噺',value: 951326478,type: 'number-box',valText: 'val-num'}, + {key: '搴忓彿',value: 4}, + ] + }, + { + detl: [ + {key: '鍟嗗搧鐮�',value: 'LSH90152025',valText: 'val-text'}, + {key: '鍟嗗搧鍚嶇О',value: '灏奸緳澶达紙鐏扮櫧锛�'}, + {key: '瑙勬牸',value: '700*699*80'}, + {key: '鎵瑰彿',value: '20231007204944',type: 'input'}, + {key: '鏁伴噺',value: 951326478,type: 'number-box',valText: 'val-num'}, + {key: '搴忓彿',value: 5}, + ] + } + ], } }, methods: { entry(e) { }, + input(val) { + console.log(val); + }, ccc() { }, - aaa() { - + async add() { + let mat = await addMat.addMat() + if (!addMat.isEmpty(mat)) { + this.zDataList.push(mat) + } }, focus() { if (this.zInputList[0].focus) { @@ -54,6 +129,28 @@ this.zInputList[2].focus = false } + }, + goDetail(param,index) { + let _this = this + uni.navigateTo({ + url: '/pages/common/data-list/dataDetail', + // 浼� + success: function(data) { + data.eventChannel.emit('param', { + param: param, + index: index + }) + }, + // 鎺� + events: { + dataList: function(data) { + console.log(data); + }, + del: function(data) { + _this.zDataList.splice(data.data,1) + } + }, + }) } } @@ -61,4 +158,14 @@ </script> <style> + .data-list { + + } + .data-list:last-child { + margin-bottom: 100px; + } + hr { + margin-top: 10px; + margin-bottom: 10px; + } </style> \ No newline at end of file -- Gitblit v1.9.1