修改 请求url
hou
4 years ago
parent
ee1ccd300b
commit
0ce807b0c8
@ -0,0 +1,186 @@
|
||||
<template>
|
||||
<view class="page-raw-returning">
|
||||
<view
|
||||
class="header"
|
||||
:style="{ backgroundColor: `rgba(23, 83, 234, ${scrollTop / 100})` }"
|
||||
>
|
||||
<view class="left">
|
||||
<u-icon class="icon" name="arrow-left" @click="back" />
|
||||
</view>
|
||||
<view class="title">{{ $t("message.screen") }}</view>
|
||||
<view class="right"></view>
|
||||
</view>
|
||||
<view style="display: flex">
|
||||
<u-field
|
||||
style="background: white; border-radius: 10rpx"
|
||||
v-model="startMobile"
|
||||
placeholder="请选择开始时间"
|
||||
label="开始时间:"
|
||||
>
|
||||
</u-field>
|
||||
<u-picker
|
||||
v-model="startShow"
|
||||
:params="startParams"
|
||||
mode="time"
|
||||
@confirm="startConfirm"
|
||||
></u-picker>
|
||||
<u-button @click="startShow = true" type="primary">选择</u-button>
|
||||
</view>
|
||||
<view style="display: flex; margin-top: 20rpx">
|
||||
<u-field
|
||||
style="background: white; border-radius: 10rpx"
|
||||
v-model="endMobile"
|
||||
placeholder="请选择结束时间"
|
||||
label="结束时间:"
|
||||
>
|
||||
</u-field>
|
||||
<u-picker
|
||||
v-model="endShow"
|
||||
:params="endParams"
|
||||
mode="time"
|
||||
@confirm="endConfirm"
|
||||
></u-picker>
|
||||
<u-button @click="endShow = true" type="primary">选择</u-button>
|
||||
</view>
|
||||
<view class="table-wrapper" style="margin-top: 10rpx">
|
||||
<wyb-table
|
||||
class="table"
|
||||
ref="table"
|
||||
width="100%"
|
||||
enable-check="multiple"
|
||||
show-left-and-right-border
|
||||
:headers="headers"
|
||||
:contents="materialList"
|
||||
:show-vert-border="false"
|
||||
@onCheck="onCheck"
|
||||
></wyb-table>
|
||||
</view>
|
||||
<view class="bottom-bar">
|
||||
<u-row class="button-bar">
|
||||
<u-col :span="6">
|
||||
<u-button type="primary" @click="onSubmit">{{
|
||||
$t("message.Query")
|
||||
}}</u-button>
|
||||
</u-col>
|
||||
<u-col :span="6">
|
||||
<u-button type="error" @click="back">{{
|
||||
$t("message.po_Return")
|
||||
}}</u-button>
|
||||
</u-col>
|
||||
</u-row>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Component } from "vue-property-decorator";
|
||||
import { BasePage } from "@/components/base/page";
|
||||
import model from "./model";
|
||||
import { headers } from "./config";
|
||||
@Component({
|
||||
components: {},
|
||||
})
|
||||
export default class returningDom extends BasePage {
|
||||
model = model;
|
||||
startShow = false;
|
||||
endShow = false;
|
||||
startMobile = "";
|
||||
endMobile = "";
|
||||
materialList = [];
|
||||
startParams = {
|
||||
year: true,
|
||||
month: true,
|
||||
day: true,
|
||||
hour: false,
|
||||
minute: false,
|
||||
second: false,
|
||||
};
|
||||
endParams = {
|
||||
year: true,
|
||||
month: true,
|
||||
day: true,
|
||||
hour: false,
|
||||
minute: false,
|
||||
second: false,
|
||||
};
|
||||
headers = headers;
|
||||
startConfirm(startParams: any) {
|
||||
this.startMobile =
|
||||
startParams.year + "-" + startParams.month + "-" + startParams.day;
|
||||
}
|
||||
endConfirm(endParams: any) {
|
||||
this.endMobile =
|
||||
endParams.year + "-" + endParams.month + "-" + endParams.day;
|
||||
}
|
||||
onCheck() {}
|
||||
back() {
|
||||
uni.navigateBack({ delta: 1 });
|
||||
}
|
||||
/**
|
||||
* 上传
|
||||
*/
|
||||
async onSubmit() {
|
||||
if (this.startMobile == "" || this.endMobile == "") {
|
||||
uni.showToast({
|
||||
icon: "none",
|
||||
title: this.$t("message.time") as string,
|
||||
});
|
||||
return;
|
||||
}
|
||||
let time = {
|
||||
requireDateMin: this.startMobile,
|
||||
requireDateMax: this.endMobile,
|
||||
};
|
||||
await this.model.queryTimeInInfo(time);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.page-raw-returning {
|
||||
background: #f2f2f2
|
||||
linear-gradient(0deg, #f2f2f2 0%, #4a78ea 51%, #1753ea 100%) no-repeat;
|
||||
background-size: 100% 600rpx;
|
||||
padding: 118rpx 30rpx 162rpx;
|
||||
min-height: 100%;
|
||||
|
||||
.header {
|
||||
position: fixed;
|
||||
top: 36rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
display: flex;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
color: #fff;
|
||||
font-size: 34rpx;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
.title {
|
||||
flex: 3;
|
||||
}
|
||||
.left,
|
||||
.right {
|
||||
flex: 1;
|
||||
}
|
||||
.icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-bar {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 1rpx 20rpx 0 rgba(128, 128, 128, 0.2);
|
||||
padding: 20rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,21 @@
|
||||
/**
|
||||
* 看单明细表格列
|
||||
*/
|
||||
import vm from '@/main';
|
||||
export const headers = [
|
||||
{
|
||||
label: vm.$t('message.product_barCode'),
|
||||
key: 'barcode',
|
||||
width: 300,
|
||||
},
|
||||
{
|
||||
label: vm.$t('message.product_FGCode'),
|
||||
key: 'materialCode',
|
||||
width: 300,
|
||||
},
|
||||
{
|
||||
label: vm.$t('message.product_FGDes'),
|
||||
key: 'materialDesc',
|
||||
width: 300,
|
||||
},
|
||||
];
|
||||
Loading…
Reference in New Issue