caimei-applets-mcare/pages/goods/procurementAdd.vue

<template>
    <view class="release">
        <uni-forms>
            <uni-forms-item label="申请人" name="Name">
                <uni-easyinput v-model="form.Name" placeholder="请输入申请人" />
            </uni-forms-item>
            <!-- <view class="uni-form-item uni-column">
                <view class="title">商品图片</view>
                <view class="uploadComp">
                    <proUpload />
                </view>
            </view>
            <view class="uni-form-item uni-column">
                <view class="title"><span>*</span>商品名称</view>
                <view>
                    <input class="uni-input" focus placeholder="自动获得焦点" v-model='formData.productName' />
                </view>
            </view>
            <view class="uni-form-item uni-column">
                <view class="title"><span>*</span>期望单价</view>
                <view>
                    <input class="uni-input" focus placeholder="自动获得焦点" v-model="formData.price" />
                </view>
            </view>
            <view class="uni-form-item uni-column">
                <view class="title"><span>*</span>采购数量</view>
                <view>
                    <input class="uni-input" focus placeholder="自动获得焦点" v-model="formData.number" />
                </view>
            </view> -->
        </uni-forms>
        <view class="release_btn">
            <proBtn width="600rpx" height="90rpx" background='#E2E2E2' color='#999999' fontSize='32rpx' @click="handlerSave">发布</proBtn>
        </view>
    </view>
</template>

<script>
    import proBtn from './components/procurement-btn.vue'
    import proUpload from './components/upload.vue'
    export default {
        components: {
            proUpload,
            proBtn
        },
        data() {
            return {
                // 发布需求
                formData: {
                    userId: 1,
                    productImage: '',
                    productName: '',
                    price: '',
                    number: ''
                }
            }
        },
        onLoad(e) {},
        onShow() {},
        methods: {
            // submit 发布
            handlerSave() {
                console.log(this.formData)
            },
        },
    }
</script>

<style lang="scss" scoped>
    .release {
        padding: 24rpx;
    }
    span{
        color: #F85050;
        font-size: 28rpx;
    }
    .title {
        font-size: 28rpx;
        color: #666666;
        margin-bottom: 24rpx;
    }
    .uploadComp {
        margin-bottom: 40rpx;
    }
    .uni-input {
        height: 90rpx;
        border: 1px solid #B2B2B2;
        border-radius: 6rpx 6rpx 6rpx 6rpx;
        font-size: 28rpx;
        padding-left: 47rpx;
        margin-bottom: 40rpx;
    }
    .release_btn {
        position: fixed;
        left: 0;
        bottom: 0;
        margin-bottom: 76rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
</style>