|
@@ -0,0 +1,196 @@
|
|
|
|
+<template>
|
|
|
|
+ <view class="warp">
|
|
|
|
+ <view class="content">
|
|
|
|
+ <view class="title">
|
|
|
|
+ 基本信息
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row">
|
|
|
|
+ <view class="left">仓库</view>
|
|
|
|
+ <view class="right">仓库仓库仓库仓库仓库1</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row">
|
|
|
|
+ <view class="left">合同编号</view>
|
|
|
|
+ <view class="right">仓库仓库仓库仓库仓库1</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row">
|
|
|
|
+ <view class="left">货名</view>
|
|
|
|
+ <view class="right">仓库仓库仓库仓库仓库1</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row">
|
|
|
|
+ <view class="left">车牌号</view>
|
|
|
|
+ <view class="right">仓库仓库仓库仓库仓库1</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row">
|
|
|
|
+ <view class="left">仓位号</view>
|
|
|
|
+ <view class="right">仓库仓库仓库仓库仓库1</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row">
|
|
|
|
+ <view class="left">囤位号</view>
|
|
|
|
+ <view class="right">仓库仓库仓库仓库仓库1</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row">
|
|
|
|
+ <view class="left">出库类型</view>
|
|
|
|
+ <view class="right">仓库仓库仓库仓库仓库1</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row">
|
|
|
|
+ <view class="left">货名</view>
|
|
|
|
+ <view class="right">仓库仓库仓库仓库仓库1</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content1">
|
|
|
|
+ <view class="title">
|
|
|
|
+ 检斤信息
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row row-bottom">
|
|
|
|
+ <view class="left">皮重(公斤)</view>
|
|
|
|
+ <input class="right-bottom" placeholder="输入皮重"></input>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row row-bottom">
|
|
|
|
+ <view class="left">毛重(公斤)</view>
|
|
|
|
+ <input class="right-bottom" placeholder="输入毛重"></input>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="row row-bottom" style="border: 0;">
|
|
|
|
+ <view class="left">净重(公斤)</view>
|
|
|
|
+ <input class="right-bottom" disabled placeholder="自动计算"></input>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content2">
|
|
|
|
+ <view class="left">上传榜单</view>
|
|
|
|
+ <upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="1"
|
|
|
|
+ :size-type="['compressed']" @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
|
|
|
|
+ @on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress"></upload>
|
|
|
|
+ </view>
|
|
|
|
+ <u-toast ref="uToast"/>
|
|
|
|
+ <u-button type="primary" class="submit" @click="submit">提交</u-button>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ import upload from '@/components/upload.vue';
|
|
|
|
+ export default {
|
|
|
|
+ components: {
|
|
|
|
+ upload
|
|
|
|
+ },
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ action: this.$uploadUrl,
|
|
|
|
+ maxSize: 50 * 1024 * 1024, //限制文件大小 50M
|
|
|
|
+ btnLoading: false, //防止重复点击
|
|
|
|
+ isAdd: true,
|
|
|
|
+ detailData: {
|
|
|
|
+ name: ""
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ onShow() {},
|
|
|
|
+ onLoad(options) {
|
|
|
|
+ // this.detailData = JSON.parse(options.detailData)
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ filterFileType(index, lists) {
|
|
|
|
+ if (lists[index].fileType != 'jpg' && lists[index].fileType != 'png' && lists[index].fileType != 'gif') {
|
|
|
|
+ lists.splice(index, 1);
|
|
|
|
+ // 当前文件不支持
|
|
|
|
+ uni.showModal({
|
|
|
|
+ title: '暂不支持当前图片类型',
|
|
|
|
+ showCancel: false
|
|
|
|
+ });
|
|
|
|
+ } else {
|
|
|
|
+ this.isAdd = false;
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ getImgUrl(res) {
|
|
|
|
+ console.log(res)
|
|
|
|
+ console.log('------------res-----------')
|
|
|
|
+ },
|
|
|
|
+ onError(error) {
|
|
|
|
+ alert(error)
|
|
|
|
+ console.log('------------error-----------')
|
|
|
|
+ console.log(error)
|
|
|
|
+ },
|
|
|
|
+ onProgress(e) {
|
|
|
|
+ console.log(e)
|
|
|
|
+ },
|
|
|
|
+ onRemove(index) {},
|
|
|
|
+ submit(){
|
|
|
|
+ let that = this
|
|
|
|
+ uni.showModal({
|
|
|
|
+ content:"确定提交检斤信息?",
|
|
|
|
+ success() {
|
|
|
|
+ that.$refs.uToast.show({
|
|
|
|
+ title: '提交成功',
|
|
|
|
+ type: 'success',
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style scoped lang="scss">
|
|
|
|
+ uni-page-body {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .warp {
|
|
|
|
+ margin: 10rpx;
|
|
|
|
+ padding: 20rpx 20rpx 140rpx 20rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .content,
|
|
|
|
+ .content1,
|
|
|
|
+ .content2
|
|
|
|
+ {
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ background: white;
|
|
|
|
+ padding: 20rpx;
|
|
|
|
+ .title{
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ color: #333333;
|
|
|
|
+ }
|
|
|
|
+ .row {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ border-bottom: 1px solid #EEEEEE;
|
|
|
|
+ padding: 21rpx 0;
|
|
|
|
+
|
|
|
|
+ .right {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ color: #333333;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .row-bottom {
|
|
|
|
+
|
|
|
|
+ // border: 0;
|
|
|
|
+ .right-bottom {
|
|
|
|
+ width: 300rpx;
|
|
|
|
+ text-align: right;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .content1{
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
+ }
|
|
|
|
+ .content2{
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ .left{
|
|
|
|
+ margin-right: 20px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .submit {
|
|
|
|
+ position: fixed;
|
|
|
|
+ bottom: 40rpx;
|
|
|
|
+ width: 90%;
|
|
|
|
+ background: #22C572;
|
|
|
|
+ border-radius: 50rpx;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+</style>
|