This commit is contained in:
zmj 2024-05-11 10:31:59 +08:00
parent 56668bb2e0
commit dc02bca062
1 changed files with 109 additions and 99 deletions

View File

@ -20,6 +20,7 @@
</up-sticky> </up-sticky>
<view class="content"> <view class="content">
<!-- 报价列表 --> <!-- 报价列表 -->
<view v-if="showGoods1">
<up-transition :show="showGoods1" mode="slide-left"> <up-transition :show="showGoods1" mode="slide-left">
<view class="" v-if="goodsList1.length>0"> <view class="" v-if="goodsList1.length>0">
<view class="card" v-for="(item,index) in goodsList1" :key='index'> <view class="card" v-for="(item,index) in goodsList1" :key='index'>
@ -42,15 +43,18 @@
需求量 {{item.need_num}}{{item.unit_name}} 需求量 {{item.need_num}}{{item.unit_name}}
</view> </view>
<view class="ipt"> <view class="ipt">
<up-input placeholderStyle='fontSize:24rpx' placeholder="点击数入报价数量" <up-input :placeholderStyle="{fontSize:'20rpx'}" placeholder="输入报价数量"
:readonly="tabIndex==2" v-model="item.nums" :readonly="tabIndex==2" v-model="item.nums"
style="margin-right: 10rpx;background-color:#F6F6F6;border: none;"></up-input> style="background-color:#F6F6F6;border: none;"></up-input>
<!-- <up-input placeholderStyle='fontSize:24rpx' placeholder="点击数入报价数量" :readonly="tabIndex==2" <!-- <up-input placeholderStyle='fontSize:24rpx' placeholder="点击数入报价数量" :readonly="tabIndex==2"
v-model="item.num" v-model="item.num"
style="margin-right: 10rpx;background-color:#F6F6F6;border: none;"></up-input> --> style="margin-right: 10rpx;background-color:#F6F6F6;border: none;"></up-input> -->
<up-input placeholderStyle='fontSize:24rpx' <view style="width: 10rpx;">
style="background-color: #F6F6F6;border: none;" placeholder="点击数入产品报价"
@blur="priceBlur(index)" :readonly="tabIndex==2" </view>
<up-input :placeholderStyle="{fontSize:'20rpx'}"
style="background-color: #F6F6F6;border: none;" placeholder="输入产品报价"
@blur="priceBlur(index,goodsList1)" :readonly="tabIndex==2"
v-model="item.price"></up-input> v-model="item.price"></up-input>
</view> </view>
</view> </view>
@ -59,21 +63,22 @@
</image> </image>
</view> </view>
</view> </view>
<view class="card-footer" v-if="item.nums &&item.price"> <view class="card-footer" v-if="item.nums && item.price">
{{item.nums}}{{item.unit_name}}&nbsp; &nbsp;合计:<text {{item.nums}}{{item.unit_name}}&nbsp; &nbsp;合计:<text
style="font-size: 28rpx;color: #FC452F;font-weight: 700;">{{item.nums*item.price}}</text> style="font-size: 28rpx;color: #FC452F;font-weight: 700;">{{item.nums*item.price}}</text>
</view> </view>
<up-line style="margin-top: 30rpx;" color="#F3F3F3"></up-line> <up-line style="margin-top: 30rpx;" color="#F3F3F3"></up-line>
</view> </view>
<view class="submit-btn" v-if="tabIndex==1">
<up-button shape='circle' color='#20B128' @click="submit" text="提交"></up-button>
</view>
</view> </view>
<up-empty @click='test2' v-else mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png"> <up-empty @click='test2' v-else mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</up-empty> </up-empty>
<button @click="test2">叫我按钮</button> <!-- <button @click="test2">叫我按钮</button> -->
</up-transition> </up-transition>
</view>
<!-- 报价记录 --> <!-- 报价记录 -->
<view v-if="showGoods2">
<up-transition :show="showGoods2" mode="slide-right"> <up-transition :show="showGoods2" mode="slide-right">
<view class="" v-if="goodsList2.length>0"> <view class="" v-if="goodsList2.length>0">
<view class="card" v-for="(item,index) in goodsList2" :key='index'> <view class="card" v-for="(item,index) in goodsList2" :key='index'>
@ -104,7 +109,7 @@
style="margin-right: 10rpx;background-color:#F6F6F6;border: none;"></up-input> --> style="margin-right: 10rpx;background-color:#F6F6F6;border: none;"></up-input> -->
<up-input placeholderStyle='fontSize:24rpx' <up-input placeholderStyle='fontSize:24rpx'
style="background-color: #F6F6F6;border: none;" placeholder="点击数入产品报价" style="background-color: #F6F6F6;border: none;" placeholder="点击数入产品报价"
@blur="priceBlur(index)" :readonly="tabIndex==2" @blur="priceBlur(index,goodsList2)" :readonly="tabIndex==2"
v-model="item.price"></up-input> v-model="item.price"></up-input>
</view> </view>
</view> </view>
@ -125,6 +130,13 @@
<up-empty v-else mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png"> <up-empty v-else mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
</up-empty> </up-empty>
</up-transition> </up-transition>
</view>
<view class="submit-btn" v-if="tabIndex==1">
<up-button shape='circle' color='#20B128' @click="submit" text="提交"></up-button>
</view>
</view> </view>
</view> </view>
</template> </template>
@ -160,8 +172,8 @@
const tabsRight = ref(tabsLeft.value + (windowWidth / 2)) const tabsRight = ref(tabsLeft.value + (windowWidth / 2))
// tabsindex // tabsindex
const priceBlur = (index) => { const priceBlur = (index, goodsList) => {
goodsList.value[index].price = Number(goodsList.value[index].price).toFixed(2) goodsList[index].price = Number(goodsList[index].price).toFixed(2)
} }
// //
@ -208,7 +220,7 @@
getGoodsList(tabIndex.value) getGoodsList(tabIndex.value)
// //
const submit = async () => { const submit = async () => {
let datas = goodsList.value.map(item => ({ let datas = goodsList1.value.map(item => ({
id: item.id, id: item.id,
nums: item.nums, nums: item.nums,
price: item.price price: item.price
@ -219,8 +231,6 @@
newData.push(item) newData.push(item)
} }
}) })
let res = await OpurchaseGoodsOfferApi({ let res = await OpurchaseGoodsOfferApi({
data: newData data: newData
}) })