From 9b3f629cb2d15d0e77d7ecd827f84629ddd0c9a9 Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期三, 01 十一月 2023 21:50:28 +0800 Subject: [PATCH] # --- pages/project/pakin/pakin.vue | 173 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 169 insertions(+), 4 deletions(-) diff --git a/pages/project/pakin/pakin.vue b/pages/project/pakin/pakin.vue index ddc6279..5f42961 100644 --- a/pages/project/pakin/pakin.vue +++ b/pages/project/pakin/pakin.vue @@ -1,24 +1,189 @@ <template> <view> + <view class="head"> + <z-input v-for="it in page" + :desc="it.title" + :name="it.name" + :btn="it.btn" + :btn-name="it.btnName" + v-model="it.val" + :index="it.id" + :lenCheck="it.lenCheck" + :focus="it.focus" + @inputVal='input2' + ></z-input> + </view> + + <u-sticky > + <view class="sticky">鍟嗗搧鍒楄〃</view> + </u-sticky> + + <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> + + <!-- 鍨珮 --> + <view style="height: 100rpx;"></view> + + <view class="z-floor"> + <view class="z-default">閲嶇疆</view> + <view class="z-primary">缁勬墭</view> + </view> </view> </template> <script> import { mapState } from 'vuex' + import addMat from '@/pages/api/addMat.js' export default { data() { - return {} + return { + zDataList: [ + { + 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}, + ] + }, + { + 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}, + ] + } + ], + list: [ + {} + ] + } }, onShow() { console.log(this.page); }, computed: mapState({ - page: state => state.project.menu - }) + page: state => state.project.menu[0].page.input + }), + methods: { + input2(arr) { + if(arr[1] == 'matnr') { + this.getMat(arr[0]) + } + }, + async getMat(matnr) { + let mat = await addMat.addMat() + if (!addMat.isEmpty(mat)) { + this.zDataList.push(mat) + } + }, + } } </script> <style> - + .head { + /* margin-top: -8px; */ + } + .sticky { + height: 70rpx; + box-shadow: 0px 4px 4px #e2e2e2; + text-align: center; + background-color: #fff; + display: flex; + align-items: center; + justify-content: center; + } </style> + -- Gitblit v1.9.1