hookehuyr

fix 购物车列表一次性全查出来

1 <!-- 1 <!--
2 * @Date: 2024-07-23 12:53:15 2 * @Date: 2024-07-23 12:53:15
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2024-07-24 18:26:06 4 + * @LastEditTime: 2024-07-25 13:21:17
5 * @FilePath: /temple_material_request/src/views/material_pre_request.vue 5 * @FilePath: /temple_material_request/src/views/material_pre_request.vue
6 * @Description: 待申领物资页面 6 * @Description: 待申领物资页面
7 --> 7 -->
...@@ -29,42 +29,35 @@ ...@@ -29,42 +29,35 @@
29 </van-col> 29 </van-col>
30 </van-row> 30 </van-row>
31 </van-sticky> 31 </van-sticky>
32 - <van-list 32 + <div v-for="item in list" :id="item.id" :key="item" class="list-boxer">
33 - v-model:loading="loading" 33 + <van-row align="center" justify="space-between">
34 - :finished="finished" 34 + <van-col span="16" style="display: flex;">
35 - finished-text="没有更多了" 35 + <span v-if="item.edit">
36 - @load="onLoad" 36 + <van-icon v-if="item.checked" @click="onCheck(item)" name="checked" size="1.25rem" :color="styleColor.baseColor" />
37 - > 37 + <van-icon v-else name="passed" @click="onCheck(item)" size="1.25rem" />&nbsp;&nbsp;
38 - <div v-for="item in list" :id="item.id" :key="item" class="list-boxer"> 38 + </span>
39 - <van-row align="center" justify="space-between"> 39 + <div class="van-ellipsis" :style="{ color: styleColor.baseColor, textDecoration: 'underline' }" @click="onClickTitle(item)">
40 - <van-col span="16" style="display: flex;"> 40 + {{ item.name }}
41 - <span v-if="item.edit"> 41 + </div>
42 - <van-icon v-if="item.checked" @click="onCheck(item)" name="checked" size="1.25rem" :color="styleColor.baseColor" /> 42 + </van-col>
43 - <van-icon v-else name="passed" @click="onCheck(item)" size="1.25rem" />&nbsp;&nbsp; 43 + <van-col span="8" style="display: flex; align-items: center;">
44 - </span> 44 + <van-field
45 - <div class="van-ellipsis" :style="{ color: styleColor.baseColor, textDecoration: 'underline' }" @click="onClickTitle(item)"> 45 + v-model="item.num"
46 - {{ item.name }} 46 + style="border: 1px solid #f0f0f0; padding: 0; border-radius: 5px;"
47 - </div> 47 + label=""
48 - </van-col> 48 + label-width="0"
49 - <van-col span="8" style="display: flex; align-items: center;"> 49 + input-align="center"
50 - <van-field 50 + placeholder="数量"
51 - v-model="item.num" 51 + type="number"
52 - style="border: 1px solid #f0f0f0; padding: 0; border-radius: 5px;" 52 + :disabled="!item.edit"
53 - label="" 53 + @blur="onBlur(item)"
54 - label-width="0" 54 + >
55 - input-align="center" 55 + <template #left-icon></template>
56 - placeholder="数量" 56 + </van-field>&nbsp;&nbsp;<span style="font-size: 0.9rem; color: #666;">个</span>
57 - type="number" 57 + </van-col>
58 - :disabled="!item.edit" 58 + </van-row>
59 - @blur="onBlur(item)" 59 + <div v-if="item.error" style="padding: 0.5rem 2rem 0 0; font-size: 0.85rem; color: red; text-align: right;">输入值有误</div>
60 - > 60 + </div>
61 - <template #left-icon></template>
62 - </van-field>&nbsp;&nbsp;<span style="font-size: 0.9rem; color: #666;">个</span>
63 - </van-col>
64 - </van-row>
65 - <div v-if="item.error" style="padding: 0.5rem 2rem 0 0; font-size: 0.85rem; color: red; text-align: right;">输入值有误</div>
66 - </div>
67 - </van-list>
68 <div style="height: 6rem;"></div> 61 <div style="height: 6rem;"></div>
69 <div style="position: fixed; left: 0; right: 0; bottom:4.5rem; padding: 1rem;"> 62 <div style="position: fixed; left: 0; right: 0; bottom:4.5rem; padding: 1rem;">
70 <van-button icon="plus" type="primary" :color="styleColor.baseColor" plain block @click="addMore">添加更多</van-button> 63 <van-button icon="plus" type="primary" :color="styleColor.baseColor" plain block @click="addMore">添加更多</van-button>
...@@ -287,7 +280,9 @@ const onConfirm = ({ selectedValues, selectedOptions }) => { ...@@ -287,7 +280,9 @@ const onConfirm = ({ selectedValues, selectedOptions }) => {
287 }; 280 };
288 281
289 onMounted(() => { 282 onMounted(() => {
290 - minDate.value = new Date() 283 + minDate.value = new Date();
284 + // 测试
285 + onLoad()
291 }) 286 })
292 287
293 const addMore = () => { // 添加更多回调 288 const addMore = () => { // 添加更多回调
......