czg_team/cashier_admin_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

耗材列表

Browse Source
This commit is contained in:
duan
2024-10-09 16:48:21 +08:00
parent a175a76deb
commit 4557cbef79
15 changed files with 1789 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
pageConsumables/warehouseEntry.vue
View File

@@ -1,52 +1,52 @@
<template>
<view class="warehouseEntry">
<ul>
<li>
<view>
耗材名称
</view>
<view>
耗材
</view>
</li>
<li>
<view>
现有库存
</view>
<view>
耗材
</view>
</li>
<li>
<view>
入库数量
</view>
<view>
<input type="text" placeholder="输入数量" name="" id="">
<input type="text" placeholder="请输入数量" v-model="datas.form.list.stockNumber" name="" id="">
</view>
</li>
<li>
<view>
进价
</view>
<view>
<input type="text" placeholder="请输入进价(元)" v-model="datas.form.list.price" name="" id="">
</view>
</li>
<li>
<view>
应付金额
</view>
<view>
{{datas.form.list.stockNumber*datas.form.list.price|0}}
</view>
</li>
<li>
<view>
实付金额
</view>
<view>
<input placeholder="请输入现有库存" type="text" v-model="datas.form.actualPayment" />
</view>
</li>
<!-- <li>
<view>
总价值
</view>
<view>
<input type="text" placeholder="输入总价值(元)" name="" id="">
<input type="text" placeholder="请输入总价值(元)" name="" id="">
</view>
</li>
<li>
<view>
单价
</view>
<view>
耗材
</view>
</li>
</li> -->
<li style="justify-content: space-between;">
<view>
供应商
</view>
<view style="width: 54%;" @tap="showStatusToggle">
{{status[nowStatusIndex]}}
{{datas.status[nowStatusIndex]}}
</view>
<uni-icons type="bottom" size="16"></uni-icons>
<up-button type="text" style="color: #318AFE;width: 64rpx;" @tap="toggle" :plain="true"
@@ -55,7 +55,7 @@
</ul>
<view :style="{height:showStatus?statusHeight:0}" class="tranistion status overflow-hide">
<view @tap="changeNowStatusIndex(index)" class="u-flex u-p-l-30 lh30 u-p-r-30 u-row-between"
v-for="(item,index) in status" :key="index">
v-for="(item,index) in datas.status" :key="index">
<view :class="{'color-main':nowStatusIndex===index}">{{item}}</view>
<uni-icons v-if="nowStatusIndex===index" type="checkmarkempty" :color="color.ColorMain"></uni-icons>
</view>
@@ -63,10 +63,10 @@
</view>
</view>
<view class="bottombutton">
<up-button type="primary" style="background-color: #318AFE;color: #fff;" @tap="toggle" :plain="true"
<up-button type="primary" style="background-color: #318AFE;color: #fff;" @tap="sumbit" :plain="true"
text="保存"></up-button>
<up-button type="text" style="background-color: #f9f9f9;color: #999;" @tap="toggle" :plain="true"
text="取消"></up-button>
<!-- <up-button type="text" style="background-color: #f9f9f9;color: #999;" @tap="toggle" :plain="true"
text="取消"></up-button> -->
</view>
</template>
@@ -74,10 +74,51 @@
<script setup>
import {
ref,
computed
computed,
reactive,
onMounted
} from 'vue';
import color from '@/commons/color.js';
import go from '@/commons/utils/go.js';
import {
tbConsInfostockInOut,
tbConsInfoList,
tbShopPurveyor
} from '@/http/yskApi/requestAll.js';
let showStatus = ref(false)
let datas = reactive({
// 供应商列表
list: [],
// 供应商渲染数组
status: [],
form: {
shopId: uni.getStorageSync("shopId"),
type: "in",
list: {},
actualPayment: 0
},
})
const props = defineProps({
consId: {
type: String
}
})
onMounted(() => {
getList()
})
function getList() {
tbShopPurveyor({
shopId: uni.getStorageSync("shopId"),
page: 0,
size: 100,
}).then(res => {
datas.list = res.content
res.content.forEach(ele => {
datas.status.push(ele.purveyorName)
})
})
}
function showStatusToggle() {
showStatus.value = !showStatus.value
@@ -88,9 +129,23 @@
nowStatusIndex.value = i
showStatus.value = false
}
const status = ['开多钱', '好像上次', '海峡市场']
function sumbit() {
datas.form.list.conInfoId = props.consId
datas.form.list = [datas.form.list]
tbConsInfostockInOut({
...datas.form,
// 供应商id
supplierId: datas.list[nowStatusIndex.value].id,
accountsPayable: datas.form.list[0].stockNumber * datas.form.list[0].price,
}).then(res => {
go.to('PAGES_SALES_CONSUMABLES')
})
}
// 获取供应商
const statusHeight = computed(() => {
return 30 * status.length + 14 + 'px'
return 30 * datas.status.length + 14 + 'px'
})
</script>
@@ -122,7 +177,7 @@
.warehouseEntry {
width: 694rpx;
height: 740rpx;
height: 640rpx;
background: #FFFFFF;
border-radius: 18rpx 18rpx 18rpx 18rpx;
margin: 32rpx;