1.模具外借 100% 2.模具归还 100%

loulijun2021

2023-10-25 f31735c3e7abba7308abea5d144def509f8e57e0

1.模具外借 100%   2.模具归还 100%

 pages/mjgl/mjgh.vue

@@ -1,8 +1,252 @@
<template>
    <view>
        <page-nav title="模具归还"></page-nav>


        <view v-show="topContent.length===0">
            <div class="sacnBody">
                <div class="scanImg" @click="topScanClick"></div>
                <div class="scanText">扫描模具编码</div>
            </div>
        </view>


        <view v-show="topContent.length!==0">
            <view class="mainContent">
                <view>
                    <u-gap height="10" bgColor="#eff0f1"></u-gap>
                    <view class="head" style="max-height: 410rpx;overflow:scroll;">
                        <view class="head_block">
                            <view class="head_left">
                                <view class="head_bar"></view>
                                <view class="head_title">
                                    模具信息
                                </view>
                            </view>

                            <view class="marginRight20">
                                <u-icon name="scan" @click="topScanClick" color="red" size="24"></u-icon>
                            </view>

                        </view>

                        <view class="marginTop20 marginLeft20 marginRight20 flex_column">
                            <view class="marginBottom20 flex_between" v-for="item in topContent" :key="item.code">
                                <view style="display: flex;">
                                    <view class="flex_column titleFont">
                                        <view>模具编码：</view>
                                        <view>模具名称：</view>
                                        <view>规格型号：</view>
                                        <view>预计寿命：</view>
                                        <view>剩余寿命：</view>

                                    </view>
                                    <view class="flex_column contentFont">
                                        <view>{{item.mould_code}}</view>
                                        <view>{{item.mould_name}}</view>
                                        <view>{{item.mould_spec?item.mould_spec:'/'}}</view>
                                        <view>{{item.surp_life}}</view>
                                        <view>{{item.resi_life}}</view>

                                    </view>
                                </view>
                            </view>

                        </view>

                    </view>

                    <u-gap height="10" bgColor="#eff0f1"></u-gap>

                    <view class="head" style="padding-bottom: 10rpx;">
                        <view class="head_block" style="margin-bottom: 10rpx;margin-top:20rpx;">
                            <view class="head_left">
                                <view class="head_bar"></view>
                                <view class="head_title">
                                    归借描述
                                </view>
                            </view>
                        </view>
                        <view class='inputClass  contentFont' style="margin: 0 20rpx; width: 95%;">
                            <u--textarea placeholder="请输入" confirm-type="send" border="surround" height='80'
                                v-model="descMessage">
                            </u--textarea>
                        </view>




                    </view>

                </view>
            </view>


            <view class="footer">
                <u-button size="large" :loading="isDisabledSubmitButton" :disabled="descMessage.length===0"
                    loadingText="正在提交,请稍等..." type="primary" @click="submit" text="确认提交">
                </u-button>
            </view>

        </view>



        <u-action-sheet :actions="eqpArr" @select="selectClick" round='20' :closeOnClickOverlay='true'
            @close="show=false" :closeOnClickAction="true" :safeAreaInsetBottom='true' :show="show"></u-action-sheet>




    </view>
</template>

<script>
    import {
        MouldReturnQrCodeData,

        MouldReturnSave
    } from '../../config/api.js'
    export default {
        onLoad(option) {
            //   const _this = this
            // uni.$off('scancodedate') // 每次进来先 移除全局自定义事件监听器
            // uni.$on('scancodedate', function(content) {
            //     console.log("扫描到的内容为:", content)
            //     _this.getMouldReturnQrCodeData(content)
            // })
        },
        onPullDownRefresh() {
            setTimeout(() => {
                this.init(() => {
                    uni.stopPullDownRefresh();
                })
            }, 1000);
        },
        data() {
            return {
                topRightMessageCount: 0,

                isDisabledSubmitButton: false,

                topContent: [],

                scanContent: '',


                selectValue: '',

                descMessage: '',

                show: false,
                eqpArr: []
            }
        },
        created() {
            // this.getMouldReturnQrCodeData('001')

        },
        mounted() {
            this.init()


        },
        methods: {

            init() {
                uni.stopPullDownRefresh();
            },


            selectClick(val) {
                console.log(val)
                this.selectValue = val.name
            },
            // 扫码工位  的扫码框点击
            topScanClick() {
                // if (this.topContent.length > 0) {
                //     return uni.$u.toast('请先提交此维修申请！')
                // }

                let that = this;
                uni.scanCode({
                    onlyFromCamera: true,
                    // scanType: ['barCode', 'qrCode'],
                    scanType: ['qrCode'],
                    success: function(res) {
                        console.log('条码类型：' + res.scanType);
                        console.log('条码内容：' + res.result);
                        that.scanContent = res.result;
                        let flag = false
                        that.topContent.forEach(item => {
                            if (item.code === res.result) {
                                flag = true
                            }
                        })
                        if (flag) {
                            that.$u.toast('此条码已扫描，已在列表中！')
                        } else {
                            //处理扫码事件
                            that.getMouldReturnQrCodeData(that.scanContent);
                        }
                    },
                    complete: function(res) {

                    },
                    fail: function(res) {
                        console.log('条码类型：' + res.scanType);
                        console.log('条码内容：' + res.result);
                    }

                });
            },

            // 获取维修工位    
            async getMouldReturnQrCodeData(val) {
                const data = {
                    mouldcode: val
                }

                const res = await MouldReturnQrCodeData(data)
                if (res.code === '200') {
                    this.topContent = []
                    this.topContent.unshift(res.data[0])
                }
            },

            // 确认提交按钮
            async submit() {

                // if (parseFloat(this.topContent[0].resi_life) < parseFloat(this.selectValue)) {
                //     uni.$u.toast('本次使用次数不能大于剩余寿命次数！')
                // }

                const data = {
                    mouldcode: this.topContent[0].mould_code,
                    description: this.descMessage
                }

                // console.log(JSON.stringify(data))

                this.isDisabledSubmitButton = true
                const res = await MouldReturnSave(data)
                if (res.code === '200') {
                    uni.$u.toast('提交成功！')
                    this.isDisabledSubmitButton = false
                    this.topContent = []
                    this.selectValue = ''
                    this.descMessage = ''
                }

            },
        }
    }
</script>

<style>
<style lang="scss" scoped>
    @import url('@/style/global.css');

    ::v-deep .uicon-arrow-left>span {
        display: block;
    }
</style>

 pages/mjgl/mjwj.vue

@@ -1,8 +1,252 @@
<template>
    <view>
        <page-nav title="模具外借"></page-nav>


        <view v-show="topContent.length===0">
            <div class="sacnBody">
                <div class="scanImg" @click="topScanClick"></div>
                <div class="scanText">扫描模具编码</div>
            </div>
        </view>


        <view v-show="topContent.length!==0">
            <view class="mainContent">
                <view>
                    <u-gap height="10" bgColor="#eff0f1"></u-gap>
                    <view class="head" style="max-height: 410rpx;overflow:scroll;">
                        <view class="head_block">
                            <view class="head_left">
                                <view class="head_bar"></view>
                                <view class="head_title">
                                    模具信息
                                </view>
                            </view>

                            <view class="marginRight20">
                                <u-icon name="scan" @click="topScanClick" color="red" size="24"></u-icon>
                            </view>

                        </view>

                        <view class="marginTop20 marginLeft20 marginRight20 flex_column">
                            <view class="marginBottom20 flex_between" v-for="item in topContent" :key="item.code">
                                <view style="display: flex;">
                                    <view class="flex_column titleFont">
                                        <view>模具编码：</view>
                                        <view>模具名称：</view>
                                        <view>规格型号：</view>
                                        <view>预计寿命：</view>
                                        <view>剩余寿命：</view>

                                    </view>
                                    <view class="flex_column contentFont">
                                        <view>{{item.code}}</view>
                                        <view>{{item.name}}</view>
                                        <view>{{item.spec?item.spec:'/'}}</view>
                                        <view>{{item.surp_life}}</view>
                                        <view>{{item.resi_life}}</view>

                                    </view>
                                </view>
                            </view>

                        </view>

                    </view>

                    <u-gap height="10" bgColor="#eff0f1"></u-gap>

                    <view class="head" style="padding-bottom: 10rpx;">
                        <view class="head_block" style="margin-bottom: 10rpx;margin-top:20rpx;">
                            <view class="head_left">
                                <view class="head_bar"></view>
                                <view class="head_title">
                                    外借描述
                                </view>
                            </view>
                        </view>
                        <view class='inputClass  contentFont' style="margin: 0 20rpx; width: 95%;">
                            <u--textarea placeholder="请输入" confirm-type="send" border="surround" height='80'
                                v-model="descMessage">
                            </u--textarea>
                        </view>




                    </view>

                </view>
            </view>


            <view class="footer">
                <u-button size="large" :loading="isDisabledSubmitButton" :disabled="descMessage.length===0"
                    loadingText="正在提交,请稍等..." type="primary" @click="submit" text="确认提交">
                </u-button>
            </view>

        </view>



        <u-action-sheet :actions="eqpArr" @select="selectClick" round='20' :closeOnClickOverlay='true'
            @close="show=false" :closeOnClickAction="true" :safeAreaInsetBottom='true' :show="show"></u-action-sheet>




    </view>
</template>

<script>
    import {
        MouldLendOutQrCodeData,

        MouldLendOutSave
    } from '../../config/api.js'
    export default {
        onLoad(option) {
            //   const _this = this
            // uni.$off('scancodedate') // 每次进来先 移除全局自定义事件监听器
            // uni.$on('scancodedate', function(content) {
            //     console.log("扫描到的内容为:", content)
            //     _this.getMouldLendOutQrCodeData(content)
            // })
        },
        onPullDownRefresh() {
            setTimeout(() => {
                this.init(() => {
                    uni.stopPullDownRefresh();
                })
            }, 1000);
        },
        data() {
            return {
                topRightMessageCount: 0,

                isDisabledSubmitButton: false,

                topContent: [],

                scanContent: '',


                selectValue: '',

                descMessage: '',

                show: false,
                eqpArr: []
            }
        },
        created() {
            // this.getMouldLendOutQrCodeData('007')

        },
        mounted() {
            this.init()


        },
        methods: {

            init() {
                uni.stopPullDownRefresh();
            },


            selectClick(val) {
                console.log(val)
                this.selectValue = val.name
            },
            // 扫码工位  的扫码框点击
            topScanClick() {
                // if (this.topContent.length > 0) {
                //     return uni.$u.toast('请先提交此维修申请！')
                // }

                let that = this;
                uni.scanCode({
                    onlyFromCamera: true,
                    // scanType: ['barCode', 'qrCode'],
                    scanType: ['qrCode'],
                    success: function(res) {
                        console.log('条码类型：' + res.scanType);
                        console.log('条码内容：' + res.result);
                        that.scanContent = res.result;
                        let flag = false
                        that.topContent.forEach(item => {
                            if (item.code === res.result) {
                                flag = true
                            }
                        })
                        if (flag) {
                            that.$u.toast('此条码已扫描，已在列表中！')
                        } else {
                            //处理扫码事件
                            that.getMouldLendOutQrCodeData(that.scanContent);
                        }
                    },
                    complete: function(res) {

                    },
                    fail: function(res) {
                        console.log('条码类型：' + res.scanType);
                        console.log('条码内容：' + res.result);
                    }

                });
            },

            // 获取维修工位    
            async getMouldLendOutQrCodeData(val) {
                const data = {
                    mouldcode: val
                }

                const res = await MouldLendOutQrCodeData(data)
                if (res.code === '200') {
                    this.topContent = []
                    this.topContent.unshift(res.data[0])
                }
            },

            // 确认提交按钮
            async submit() {

                // if (parseFloat(this.topContent[0].resi_life) < parseFloat(this.selectValue)) {
                //     uni.$u.toast('本次使用次数不能大于剩余寿命次数！')
                // }

                const data = {
                    mouldcode: this.topContent[0].code,
                    description: this.descMessage
                }

                // console.log(JSON.stringify(data))

                this.isDisabledSubmitButton = true
                const res = await MouldLendOutSave(data)
                if (res.code === '200') {
                    uni.$u.toast('提交成功！')
                    this.isDisabledSubmitButton = false
                    this.topContent = []
                    this.selectValue = ''
                    this.descMessage = ''
                }

            },
        }
    }
</script>

<style>
<style lang="scss" scoped>
    @import url('@/style/global.css');

    ::v-deep .uicon-arrow-left>span {
        display: block;
    }
</style>