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

同步代码

Browse Source
This commit is contained in:
GaoHao
2025-02-07 14:49:20 +08:00
commit 0740c3f349
1141 changed files with 167372 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
pageConsumables/components/my-action-sheet.vue Normal file
View File

@@ -0,0 +1,108 @@
<template>
<view class="action-sheet" @tap="close" v-if="show">
<view class="box">
<slot name="title">
</slot>
<view class="item" @tap.stop="itemClick(index)" v-for="(item,index) in props.list" :key="index">
<button class="bg-fff btn" hover-class="btn-hover-class" :style="{color:index==0?'red':''}" :class="{'color-main':active==index}">{{item}}</button>
</view>
<view class="bock-gary"></view>
<view class="cancel-btn" @tap="close">
<button>取消</button>
</view>
</view>
</view>
</template>
<script setup>
import { ref } from 'vue';
const props=defineProps({
//那个按钮文字高亮
active:{
type:Number,
default:-1
},
autoClose:{
type:Boolean,
default:true
},
title:{
type:String,
default:'耗材报损'
},
list:{
type:Array,
default:['编辑','删除']
},
show:{
type:Boolean,
default:false
}
})
const emits=defineEmits(['itemClick','close'])
let show=ref(false)
function open(){
show.value=true
}
function close(){
show.value=false
emits('close')
}
function itemClick(index){
if(props.autoClose){
close()
}
emits('itemClick',index)
}
defineExpose({
open,close
})
</script>
<style lang="scss">
$bg:rgb(240, 240, 240);
.action-sheet{
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(51,51,51,.5);
z-index: 999;
.box{
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-radius: 20rpx 20rpx 0rpx 0rpx;
overflow: hidden;
background-color: #fff;
/* #ifndef H5 */
padding-bottom: calc(24rpx + constant(safe-area-inset-bottom));
padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
/* #endif */
.item{
text-align: center;
font-size: 32rpx;
border-bottom: 1px solid $bg;
.btn{
border-radius: 0;
}
}
}
}
.bock-gary{
background-color: $bg;
height: 20rpx;
}
.cancel-btn{
text-align: center;
font-size: 32rpx;
}
.btn-hover-class{
background-color: rgb(222, 222, 222);
}
</style>

448
pageConsumables/components/my-date-pickerview.vue Normal file
View File

@@ -0,0 +1,448 @@
<template>
<view class="mask" v-if="show" @tap="close">
<view class="box" @tap.stop="nullFunction">
<view class="u-flex u-relative u-row-center u-p-30 top">
<view class="font-bold u-font-32">筛选日期时间</view>
<view class="close" @tap="close">
<uni-icons type="closeempty" size="24"></uni-icons>
</view>
</view>
<!-- <view class="u-p-30 u-flex u-flex-wrap gap-20 fastTime">
<view class="item" v-for="(item,index) in fastTime" :key="index" @tap="changeTime(item.key)">
{{item.title}}
</view>
</view> -->
<picker-view :immediate-change="true" @pickend="pickend" :value="value" @change="bindChange"
class="picker-view">
<picker-view-column>
<view class="item" v-for="(item,index) in years" :key="index">{{item}}年</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in months" :key="index">{{item}}月</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in days" :key="index">{{item}}日</view>
</picker-view-column>
<!-- <picker-view-column>
<view class="item" v-for="(item,index) in hours" :key="index">{{item}}时</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in minutes" :key="index">{{item}}分</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in seconds" :key="index">{{item}}秒</view>
</picker-view-column> -->
</picker-view>
<view class="u-text-center color-999">至</view>
<picker-view :immediate-change="true" :value="value1" @pickend="pickend1" @change="bindChange1"
class="picker-view">
<picker-view-column>
<view class="item" v-for="(item,index) in years" :key="index">{{item}}年</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in months" :key="index">{{item}}月</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in days1" :key="index">{{item}}日</view>
</picker-view-column>
<!-- <picker-view-column>
<view class="item" v-for="(item,index) in hours" :key="index">{{item}}时</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in minutes" :key="index">{{item}}分</view>
</picker-view-column>
<picker-view-column>
<view class="item" v-for="(item,index) in seconds" :key="index">{{item}}秒</view>
</picker-view-column> -->
</picker-view>
<!-- 站位 -->
<view style="height: 80px;"></view>
<view class="fixed_b">
<my-button shape="circle" @tap="confirm">确定</my-button>
</view>
</view>
</view>
</template>
<script setup>
import myButton from "@/components/my-components/my-button.vue"
import {
reactive,
ref
} from 'vue';
const $nowDate = new Date()
const nowDate = {
year: $nowDate.getFullYear(),
month: $nowDate.getMonth() + 1,
day: $nowDate.getDate(),
hours: $nowDate.getHours(),
minutes: $nowDate.getMinutes(),
seconds: $nowDate.getSeconds()
}
const yearsLen = 30
const years = new Array(yearsLen).fill(1).map((v, index) => {
return nowDate.year - index
}).reverse()
const months = new Array(12).fill(1).map((v, index) => {
return index + 1
})
const days = ref(new Array(getMonthArea($nowDate, 'end').getDate()).fill(1).map((v, index) => {
return index + 1
}))
const days1 = ref(new Array(getMonthArea($nowDate, 'end').getDate()).fill(1).map((v, index) => {
return index + 1
}))
const hours = new Array(24).fill(1).map((v, index) => {
return index
})
const minutes = new Array(60).fill(1).map((v, index) => {
return index
})
const seconds = new Array(60).fill(1).map((v, index) => {
return index
})
const fastTime = reactive([{
title: '今日',
key: 'now'
},
{
title: '昨日',
key: 'prve'
},
{
title: '本月',
key: 'nowMonth'
},
{
title: '上月',
key: 'prveMonth'
}
])
function setPrveDay() {
}
function setNowMoneth() {
}
function setprveMoneth() {
}
function setDay(start, end) {
value.value = [
start.year,
start.month,
start.day,
0,
0,
0,
]
value1.value = [
end.year,
end.month,
end.day,
23,
59,
59,
]
}
function changeTime(key) {
const yearIndex = years.findIndex(v => v == nowDate.year)
const prveyearIndex = years.findIndex(v => v == nowDate.year) - 1
const nowMonthIndex = nowDate.month - 1
const nowDayIndex = nowDate.day - 1
const dataMap = {
now: function() {
return {
start: {
year: yearIndex,
month: nowMonthIndex,
day: nowDayIndex
},
end: {
year: yearIndex,
month: nowMonthIndex,
day: nowDayIndex
}
}
},
prve: function() {
const oneDay=1000*60*60*24
const date=new Date(new Date(nowDate.year,nowDate.month,nowDate.day,0,0,0).getTime()-oneDay)
return {
start: {
year:years.findIndex(v=>v==date.getFullYear()),
month:date.getMonth()-1<0?11:date.getMonth()-1,
day: date.getDate()-1
},
end: {
year:years.findIndex(v=>v==date.getFullYear()),
month:date.getMonth()-1<0?11:date.getMonth()-1,
day: date.getDate()-1
}
}
},
nowMonth: function() {
return {
start: {
year:yearIndex,
month:nowMonthIndex,
day: 0
},
end: {
year:yearIndex,
month:nowMonthIndex,
day:new Date(nowDate.year, nowDate.month , 0).getDate() - 1
}
}
},
prveMonth: function() {
const oneDay=1000*60*60*24
const date=new Date(new Date(nowDate.year, nowDate.month-1,0,0,0).getTime()-oneDay)
console.log(date.getMonth());
return {
start: {
year:years.findIndex(v=>v==date.getFullYear()),
month:date.getMonth(),
day: 0
},
end: {
year:years.findIndex(v=>v==date.getFullYear()),
month:date.getMonth(),
day: date.getDate()
}
}
}
}
const data = dataMap[key]()
setDay(data.start, data.end)
changeDays(false,value.value)
changeDays(true,value1.value)
console.log(value1.value);
const start = returnDateString(value.value)
const end = returnDateString(value1.value)
emits('confirm', {
text: `${start}——${end}`,
start,
end
})
close()
}
let value = ref([
years.length - 1,
nowDate.month - 1,
nowDate.day - 1,
0,
0,
0,
])
let value1 = ref([
years.length - 1,
nowDate.month - 1,
nowDate.day - 1,
23,
59,
59,
])
let show = ref(false)
const emits = defineEmits('close', 'open', 'confirm')
function toggle() {
show.value = !show.value
if (show.value) {
emits('open', true)
} else {
emits('close', false)
}
}
function close() {
show.value = false
emits('close', false)
}
function open() {
show.value = true
emits('open', true)
}
function returnDateString(arr) {
const year = years[arr[0]]
const month = arr[1] + 1
const day = arr[2] + 1
const hour = ('0' + arr[3]).slice(-2)
const min = ('0' + arr[4]).slice(-2)
const sen = ('0' + arr[5]).slice(-2)
return `${year}-${month}-${day} ${hour}:${min}:${sen}`
}
function confirm(e) {
const start = returnDateString(value.value)
const end = returnDateString(value1.value)
console.log(start);
console.log(end);
emits('confirm', {
text: `${start}——${end}`,
start,
end
})
close()
}
function returnMonthStart(arr) {
return new Date(years[arr[0]], months[arr[1]] - 1, 1).getDate();
}
function returnMonthEnd(arr) {
return new Date(years[arr[0]], months[arr[1]], 0).getDate();
}
function changeDays(isDays1,arr){
const end = returnMonthEnd(arr)
if (end) {
if(isDays1){
days1.value= new Array(end).fill(1).map((v,
index) => {
return index + 1
})
}else{
days.value= new Array(end).fill(1).map((v,
index) => {
return index + 1
})
}
}
}
function bindChange(e) {
value.value = e.detail.value
changeDays(false, e.detail.value)
}
function bindChange1(e) {
value1.value = e.detail.value
changeDays(true, e.detail.value)
}
function getDayDate(date = new Date(), type) {
const now = date
if (type === 'start') {
const startOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());
return startOfDay
}
if (type === 'end') {
const endOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 23, 59, 59, 999);
return endOfDay;
}
}
function getMonthArea(date = new Date(), type) {
let now = date
let currentMonthStart = new Date(now.getFullYear(), now.getMonth(), 1);
let currentMonthEnd = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59, 999);
if (type === 'start') {
return currentMonthStart
}
if (type === 'end') {
return currentMonthEnd;
}
return {
start: currentMonthStart,
end: currentMonthEnd
};
}
function nullFunction() {
}
function pickend(e) {
console.log(e);
}
function pickend1(e) {
console.log(e);
}
defineExpose({
close,
open,
confirm,
toggle
})
</script>
<style lang="scss">
.fastTime {
.item {
background-color: rgb(247, 247, 247);
padding: 6rpx 40rpx;
border-radius: 6rpx;
font-size: 32rpx;
}
}
.top {
border-bottom: 1px solid #eee;
}
.close {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30rpx;
}
.mask {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, .7);
.box {
position: absolute;
background-color: #fff;
bottom: 0;
left: 0;
right: 0;
border-radius: 16rpx 16rpx 0 0;
}
}
.fixed_b {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 30rpx;
z-index: 100;
background-color: #fff;
}
.picker-view {
width: 750rpx;
height: 300rpx;
}
.item {
line-height: 34px;
text-align: center;
}
</style>

368
pageConsumables/components/my-reportDamage.vue Normal file
View File

@@ -0,0 +1,368 @@
<template>
<up-popup customStyle="overflow: hidden;" :show="show" round="20" mode="bottom" @close="close" @open="open">
<view class="reportDamage">
<view class="reportDamage_head">
<view class="reportDamage_title">{{title}}</view>
<up-icon name="close-circle-fill" color="#333" size="25" @tap="close"></up-icon>
</view>
<view class="reportDamage_content">
<view class="reportDamage_cell">
<view class="cell_lable">
<up-image v-if="type=='product'" class="thumbnail" radius="10" :show-loading="true"
:src="item.coverImg"></up-image>
<view>{{item.name}}</view>
</view>
<view class="cell_value">
<up-icon name="minus-circle" color="#999" size="25" @tap="minus"></up-icon>
<view class="text">{{vdata.stockNumber}}</view>
<up-icon name="plus-circle-fill" color="#318AFE" size="25" @tap="plus"></up-icon>
</view>
</view>
<view class="reportDamage_cell">
<view class="cell_lable">商品单位</view>
<view class="cell_value">
<view>{{item.unit}}</view> <up-icon name="arrow-right" color="#999999" size="15"></up-icon>
</view>
</view>
<view class="reportDamage_cell">
<view class="cell_lable">报损图片</view>
<view class="cell_value file">
<view class="file_img" v-for="(item,index) in vdata.imgUrlList">
<up-image class="file_img_item" :show-loading="true" :src="item"></up-image>
<view class="del" @tap="del(index)">
<up-icon name="trash" color="#fff" size="25" @tap="plus"></up-icon>
</view>
</view>
<view class="file" @tap="chooseAndUploadAvatar()">
<up-icon name="camera-fill" color="#E5E5E5" size="35"></up-icon>
</view>
</view>
</view>
</view>
<view class="reportDamage_footer">
<view class="reportDamage_btn" @tap="affirm">确认</view>
</view>
</view>
</up-popup>
</template>
<script setup>
import {
computed,
ref,
reactive,
onMounted,
watch
} from 'vue';
import {
$uploadFile
} from '@/http/yskApi/file.js'
// import { consumableBreakage , productBreakage } from '@/http/yskApi/breakage.js'
import {
tbConsInfoFlowfrmLoss
} from '@/http/yskApi/requestAll.js';
const props = defineProps({
show: {
type: Boolean,
default: false
},
type: {
type: String,
default: ""
},
title: {
type: String,
default: ""
},
item: {
type: Object,
},
})
const emits = defineEmits(['close', 'open', "affirm"])
const vdata = reactive({
stockNumber: 1,
imgUrlList: [],
})
let show = ref(props.show)
let type = ref(props.type)
let consId = ref()
watch(() => props.show, (newval) => {
show.value = newval
})
onMounted(() => {
})
function close() {
show.value = false;
vdata.imgUrlList = [];
vdata.stockNumber = 1;
emits('close')
}
/**
* 打开报损弹窗
*/
function open(d) {
if(d){
consId.value = d
}
show.value = true;
emits('open')
}
/**
* 报损数量减少
*/
function minus() {
if (vdata.stockNumber <= 1) {
return;
}
vdata.stockNumber--;
}
/**
* 报损数量增加
*/
function plus() {
vdata.stockNumber++;
}
/**
* 删除报损图片
*/
function del(index) {
vdata.imgUrlList.splice(index, 1)
}
/**
* 上传报损图片
*/
function chooseAndUploadAvatar() {
if (vdata.imgUrlList.length >= 6) {
uni.showToast({
title: '最多只可以上传六张',
icon: 'none'
})
return;
}
// 选择图片
uni.chooseImage({
count: 1, // 默认为1，只选择一张图片
sizeType: ['original', 'compressed'], // 图片质量，原图或压缩
sourceType: ['album', 'camera'], // 图片来源，相册或相机
success: (res) => {
let file = res.tempFiles[0];
console.log(res)
$uploadFile(file).then(res => {
console.log(res);
vdata.imgUrlList.push(res.data[0])
}).catch(res => {
console.log(res);
if (res.errMsg) {
uni.showToast({
title: '图片大小超出限制',
icon: 'error'
})
}
})
},
fail: chooseImageError => {
// 选择图片失败处理逻辑
console.log('choose image fail:', chooseImageError);
}
});
}
/**
* 确认
*/
function affirm() {
let params = {
coverImg: vdata.imgUrlList,
consId: consId.value,
amount: vdata.stockNumber,
shopId: uni.getStorageSync("shopId"),
}
tbConsInfoFlowfrmLoss(params).then((res) => {
show.value = false;
vdata.imgUrlList = [];
vdata.stockNumber = 1;
emits('affirm','')
})
}
defineExpose({
close,
open,
affirm
})
</script>
<style lang="scss">
.mask {
background-color: rgba(51, 51, 51, .5);
}
::v-deep .u-popup__content {
// background-color: transparent;
}
.reportDamage {
width: 100%;
display: flex;
flex-direction: column;
.reportDamage_head {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 32rpx;
box-sizing: border-box;
background: #F4F4F4;
.reportDamage_title {
font-weight: bold;
font-size: 32rpx;
color: #333333;
}
}
.reportDamage_content {
display: flex;
flex-direction: column;
background-color: #fff;
.reportDamage_cell {
display: flex;
align-items: center;
justify-content: space-between;
padding: 32rpx;
box-sizing: border-box;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500;
font-size: 28rpx;
color: #333333;
border-bottom: 2rpx solid #E5E5E5;
.cell_lable {
display: flex;
align-items: center;
flex-shrink: 0;
.thumbnail {
width: 112rpx;
height: 112rpx;
margin-right: 24rpx;
}
::v-deep .u-image,
.u-image__loading,
.u-image__image {
width: 100% !important;
height: 100% !important;
}
::v-deep uni-image {
width: 112rpx !important;
height: 112rpx !important;
}
}
.cell_value {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
.text {
margin-left: 20rpx;
margin-right: 20rpx;
}
.file {
padding: 30rpx;
border-radius: 8rpx 8rpx 8rpx 8rpx;
border: 2rpx solid #E5E5E5;
box-sizing: border-box;
margin-left: 20rpx;
}
.file_img {
width: 120rpx;
height: 120rpx;
margin-left: 20rpx;
margin-bottom: 20rpx;
position: relative;
border-radius: 10rpx;
overflow: hidden;
.del {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
}
.file_img_item {
width: 120rpx;
height: 120rpx;
}
::v-deep .u-image,
.u-image__loading,
.u-image__image {
width: 100% !important;
height: 100% !important;
}
::v-deep uni-image {
width: 120rpx !important;
height: 120rpx !important;
}
}
}
.cell_value.file {
// flex-direction: row-reverse;
// justify-content: flex-start;
}
}
.reportDamage_cell:last-child {
border-bottom: none;
}
}
.reportDamage_footer {
background-color: #fff;
padding: 32rpx;
padding-bottom: 68rpx;
box-sizing: border-box;
}
.reportDamage_btn {
width: 100%;
height: 80rpx;
line-height: 80rpx;
text-align: center;
background: #318AFE;
border-radius: 40rpx 40rpx 40rpx 40rpx;
font-weight: 500;
font-size: 32rpx;
color: #FFFFFF;
}
}
</style>