1.模具下机 100%

loulijun2021

2023-10-24 bec563ee992d1b8a2efb8eb332c8c9b36a92234e

1.模具下机 100%

 pages/login/index.vue

@@ -72,10 +72,7 @@
                userpassword: '123',
                isView: false, //密码是否可见



                isDisabledSubmitButton: false, //提交按钮是否处于加载中


                isShowCancelButton: false,
                isShow: false,

 pages/mjgl/mjxj.vue

@@ -1,8 +1,292 @@
<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>
                                    </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>{{item.eqp_name}}</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" style="align-items: center;">
                                <view class="head_bar" style="margin-top: 0rpx;"></view>
                                <view class="head_title">
                                    本次使用
                                </view>

                                <view class="marginLeft20">

                                    <view class='inputClass'>
                                        <u--input placeholder="请输入" type='number' border="surround"
                                            v-model="selectValue"></u--input>
                                    </view>

                                </view>

                                <view style="margin-left: 20rpx;">
                                    次
                                </view>

                            </view>



                            <!--     <view class="marginRight20 marginBottom10" v-if='eqpArr.length!==0'>
                                <u-button @click="show = true" type='primary' size="small" plain
                                    shape='circle'>请选择</u-button>
                            </view>

                            <view class="marginRight20 marginBottom10" v-if='eqpArr.length===0'>
                                暂无空余设备，请先下机
                            </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" 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 {
        MouldDownQrCodeData,

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

                isDisabledSubmitButton: false,

                topContent: [],

                scanContent: '',


                selectValue: '',

                descMessage: '',

                show: false,
                eqpArr: []
            }
        },
        created() {
            // this.getMouldDownQrCodeData('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.getMouldDownQrCodeData(that.scanContent);
                        }
                    },
                    complete: function(res) {

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

                });
            },

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

                const res = await MouldDownQrCodeData(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,
                    eqp_code: this.topContent[0].eqp_code,
                    usecount_life: this.selectValue.length === 0 ? 0 : this.selectValue,
                    description: this.descMessage
                }

                console.log(JSON.stringify(data))

                this.isDisabledSubmitButton = true
                const res = await MouldDownSave(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>