1.异常录入功能开发

小小儁爺

2025-07-15 49dedf908e2e0f2f317f05acc55f8f5faa1f4d2a

1.异常录入功能开发

 config/api.js

@@ -401,3 +401,26 @@
//采购入库提交-按到货标签
export const MesAppPurchInStorLabSave = (data1, data2, config = {}) => http.post(
    '/AppPurchManagement/MesAppPurchInStorLabSave' + data1, data2, config)



//查找车间  æ— å…¬å¸åç§°
export const PrentOrganizationNoCompany = (data, config = {}) => http.get(
    '/GeneralBasicData/PrentOrganizationNoCompany', {
        params: data
    })



//车间查找订单
export const WkspWrkOrderDataSelect = (data, config = {}) => http.get(
    '/GeneralBasicData/WkspWrkOrderDataSelect', {
        params: data
    })


//订单找产品
export const WrkOrderPartDataSelect = (data, config = {}) => http.get(
    '/GeneralBasicData/WrkOrderPartDataSelect', {
        params: data
    })

 pages.json

@@ -477,6 +477,13 @@
                "navigationStyle": "custom",
                "enablePullDownRefresh": false
            }
        }, {
            "path": "pages/zlgl/yclr",
            "style": {
                "navigationBarTitleText": "异常录入",
                "navigationStyle": "custom",
                "enablePullDownRefresh": false
            }
        }
    ],
    "globalStyle": {

 pages/xtsy/index.vue

@@ -217,6 +217,9 @@
                    case '2704':
                        url = 'zlgl/wgjy' //完工检验
                        break;
                    case '2706':
                        url = 'zlgl/yclr' //异常录入
                        break;




 pages/zlgl/yclr.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,570 @@
<template>
    <view>
        <page-nav title="异常录入"></page-nav>
        <view class="mainContent" :style="{maxHeight:'1260rpx',overflow: 'scroll'}">


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


            <view class="head  marginLeft10 marginRight10" style="padding: 20rpx; 0">

                <view class="flex_column">

                    <view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
                        <view style="display: flex;" class="titleFont">
                            <view style="color: red;margin-right: 6rpx;">*</view> è½¦é—´åç§°ï¼š
                        </view>
                        <view @click='workshopSheetShow = true' class="custominputClass">
                            <view v-show='workshopSheetValue===""' style="color: rgb(192, 196, 204);">请选择</view>
                            <view v-show='workshopSheetValue!==""' class="ellipsis" style="width: 390rpx;">
                                {{workshopSheetValue}}
                            </view>
                            <u-icon :name="!workshopSheetShow?'arrow-down-fill':'arrow-up-fill'"></u-icon>
                        </view>
                    </view>

                    <view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
                        <view style="display: flex;" class="titleFont">
                            <view style="color: red;margin-right: 6rpx;">*</view>
                            è®¢å•ç¼–号：
                        </view>
                        <view @click='orderSheetShow = true' class="custominputClass">
                            <view v-show='orderSheetValue===""' style="color: rgb(192, 196, 204);">请选择</view>
                            <view v-show='orderSheetValue!==""' class="ellipsis" style="width: 390rpx;">
                                {{orderSheetValue}}
                            </view>
                            <u-icon :name="!orderSheetShow?'arrow-down-fill':'arrow-up-fill'"></u-icon>
                        </view>
                    </view>

                    <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                        <view style="color: transparent;margin-right: 6rpx;">*</view> é”€å”®è®¢å•ï¼š
                        <view class='inputClass'>
                            <u--input placeholder="请输入" :adjustPosition='false' border="surround" type='number' disabled
                                v-model="saleOrder">
                            </u--input>
                        </view>
                    </view>


                    <view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
                        <view style="display: flex;" class="titleFont">
                            <view style="color: red;margin-right: 6rpx;">*</view>
                            äº§å“åç§°ï¼š
                        </view>
                        <view @click='partnameSheetShow = true' class="custominputClass">
                            <view v-show='partnameSheetValue===""' style="color: rgb(192, 196, 204);">请选择</view>
                            <view v-show='partnameSheetValue!==""' class="ellipsis" style="width: 390rpx;">
                                {{partnameSheetValue}}
                            </view>
                            <u-icon :name="!partnameSheetShow?'arrow-down-fill':'arrow-up-fill'"></u-icon>
                        </view>
                    </view>

                    <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                        <view style="color: transparent;margin-right: 6rpx;">*</view> è§„格型号：
                        <view class='inputClass'>
                            <u--input placeholder="请输入" :adjustPosition='false' border="surround" type='number' disabled
                                v-model="partdesc">
                            </u--input>
                        </view>
                    </view>


                    <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                        <view style="color: red;margin-right: 6rpx;">*</view> è®¢å•æ•°é‡ï¼š
                        <view class='inputClass'>
                            <u--input placeholder="请输入" :adjustPosition='false' border="surround" type='number' disabled
                                v-model="order_qty">
                            </u--input>
                        </view>
                    </view>

                    <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                        <view style="color: red;margin-right: 6rpx;">*</view> è®¡åˆ’数量：
                        <view class='inputClass'>
                            <u--input placeholder="请输入" :adjustPosition='false' border="surround" type='number'
                                v-model="plan_qty">
                            </u--input>
                        </view>
                    </view>


                    <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                        <view style="color: red;margin-right: 6rpx;">*</view> å®Œæˆæ•°é‡ï¼š
                        <view class='inputClass'>
                            <u--input placeholder="请输入" :adjustPosition='false' border="surround" type='number'
                                v-model="comp_qty">
                            </u--input>
                        </view>
                    </view>


                    <view class="flex_center" style="margin: 0rpx 20rpx 10rpx;line-height: 76rpx;">
                        <view style="display: flex;" class="titleFont">
                            <view style="color: red;margin-right: 6rpx;">*</view> å¼‚常等级：
                        </view>
                        <u-radio-group v-model="exceleve">
                            <u-radio shape="circle" label="普通" name="R" labelSize="16"></u-radio>
                            <u-radio shape="circle" label="严重" style="margin-left: 20rpx;" name="S" labelSize="16">
                            </u-radio>
                        </u-radio-group>
                    </view>

                    <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                        <view style="color: red;margin-right: 6rpx;">*</view> å¼‚常人数：
                        <view class='inputClass'>
                            <u--input placeholder="请输入" :adjustPosition='false' border="surround" type='number'
                                v-model="excepeople">
                            </u--input>
                        </view>
                    </view>

                    <!--         <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                        <view style="color: red;margin-right: 6rpx;">*</view> å¼‚常时间：
                        <view class='inputClass'>
                            <u--input placeholder="请输入" :adjustPosition='false' border="surround" type='number'
                                v-model="excedate">
                            </u--input>
                        </view>
                    </view> -->

                    <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                        <view style="color: red;margin-right: 6rpx;">*</view> åˆè®¡æ—¶é—´ï¼š
                        <view class='inputClass'>
                            <u--input placeholder="请输入" :adjustPosition='false' border="surround" type='number'
                                v-model="totaltime">
                            </u--input>
                        </view>
                    </view>

                    <view class="flex_center titleFont" style="margin: 0rpx 20rpx 10rpx;line-height: 56rpx;">
                        <view style="color: transparent;margin-right: 6rpx;">*</view> å¼‚常原因：
                        <view class='inputClass'>
                            <u--textarea placeholder="请输入" :adjustPosition='false' border="surround" v-model="excedesc">
                            </u--textarea>
                        </view>
                    </view>

                    <view style="display: flex;">
                        <view v-for="(pic,index) in fileList" :key="pic.name">
                            <view style="margin: 20rpx 0rpx 20rpx 20rpx;position: relative;">
                                <u-icon name="close" color="#fff" size="16"
                                    style="position: absolute;z-index: 10;right: 0;background-color: black;border-radius:50%;"
                                    @click="deletePic(pic)"></u-icon>

                                <image :src="pic.uri" @click="imgPreview(pic)" class="upLoadImg"></image>
                            </view>
                        </view>
                        <image v-if="fileList.length<3" src="../../static/img/uploadImg.png" style="width: 100rpx;height: 100rpx;border: 1rpx solid #eff0f1;border-radius: 20rpx;
                        margin: 20rpx;padding: 30rpx;" @click="selectPics">
                    </view>








                </view>
            </view>

        </view>

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



        <!-- è½¦é—´åç§° -->
        <u-picker :show="workshopSheetShow" :columns="workshopColumns" :itemHeight='55' :closeOnClickOverlay='true'
            @close='workshopSheetShow=false' @confirm='workshopPickerConfirm' @cancel='workshopSheetShow=false'>
        </u-picker>

        <!-- è®¢å•ç¼–号 -->
        <u-picker :show="orderSheetShow" :columns="orderColumns" :itemHeight='55' :closeOnClickOverlay='true'
            @close='orderSheetShow=false' @confirm='orderPickerConfirm' @cancel='orderSheetShow=false'>
        </u-picker>

        <!-- äº§å“åç§° -->
        <u-picker :show="partnameSheetShow" :columns="partnameColumns" :itemHeight='55' :closeOnClickOverlay='true'
            @close='partnameSheetShow=false' @confirm='partnamePickerConfirm' @cancel='partnameSheetShow=false'>
        </u-picker>



    </view>
</template>

<script>
    import {
        PrentOrganizationNoCompany,
        WkspWrkOrderDataSelect,
        WrkOrderPartDataSelect
    } from '../../config/api.js';

    export default {
        data() {
            return {
                workshopSheetShow: false, //上拉列表是否展开
                workshopColumns: [], //
                workshopList: [],
                workshopSheetValue: '',

                orderSheetShow: false, //上拉列表是否展开
                orderColumns: [], //
                orderList: [],
                orderSheetValue: '',

                saleOrder: '', //销售订单

                partnameSheetShow: false, //上拉列表是否展开
                partnameColumns: [], //
                partnameList: [],
                partnameSheetValue: '',


                partdesc: '', //规格型号
                order_qty: '', //订单数量
                plan_qty: '', //计划数量
                comp_qty: '', //完成数量
                exceleve: 'R', //异常等级
                excepeople: '', //异常人数
                excedate: '', //异常日期		
                totaltime: '', //合计时间
                excedesc: '', //异常原因


                imgPreviewSrcs: [], //图片预览src
                fileList: [

                ],
                isDisabledSubmitButton: false
            }
        },

        created() {

        },
        mounted() {


            this.getPrentOrganizationNoCompany()
        },
        methods: {
            async getPrentOrganizationNoCompany() {
                const res = await PrentOrganizationNoCompany()
                if (res.code === '200') {
                    this.workshopList = res.data.map(({
                        torg_code,
                        torg_name
                    }) => ({
                        code: torg_code,
                        name: torg_name
                    }))
                    this.workshopColumns = [this.workshopList.map(i => i.name)]
                }

            },
            workshopPickerConfirm(val) {
                console.log(val, 11)

                this.getWkspWrkOrderDataSelect(this.workshopList.find(i => i.name === val.value[0]).code)
                this.workshopSheetValue = val.value[0]
                this.workshopSheetShow = false


                this.orderColumns = []
                this.orderSheetValue = ''

                this.partnameColumns = []
                this.partnameSheetValue = ''
            },

            async getWkspWrkOrderDataSelect(wkshopcode) {
                const res = await WkspWrkOrderDataSelect({
                    wkshopcode
                })

                if (res.code === '200') {
                    this.orderList = res.data
                    this.orderColumns = [this.orderList.map(i => i.wo)]
                }
            },
            orderPickerConfirm(val) {
                this.getWrkOrderPartDataSelect(val.value[0])
                this.saleOrder = this.orderList.find(i => i.wo === val.value[0]).saleOrderCode
                this.orderSheetValue = val.value[0]
                this.orderSheetShow = false

                this.partnameColumns = []
                this.partnameSheetValue = ''
            },
            async getWrkOrderPartDataSelect(ordercode) {
                const res = await WrkOrderPartDataSelect({
                    ordercode
                })
                this.partnameList = res.data
                this.partnameColumns = [this.partnameList.map(i => i.partname)]
            },
            partnamePickerConfirm(val) {
                this.partnameSheetValue = val.value[0]
                this.partnameSheetShow = false

                this.partdesc = this.partnameList.find(i => i.partname === val.value[0]).partspec
                this.order_qty = this.partnameList.find(i => i.partname === val.value[0]).qty
            },

            // é€‰æ‹©å›¾ç‰‡
            selectPics() {
                var that = this;
                uni.chooseImage({
                    count: 3,
                    success: (res) => {
                        const files = res.tempFiles;
                        for (let i = 0; i < files.length; i++) {
                            let obj = new Object();
                            obj.name = 'photo' + i + new Date().getTime();
                            obj.uri = files[i].path;
                            that.fileList.push(obj);
                            if (obj.src == null || obj.src == '' || obj.src == undefined) {
                                that.imgPreviewSrcs.push(obj.uri)
                            } else {
                                that.imgPreviewSrcs.push(obj.src)
                            }

                        }
                    }
                })
            },

            // é¢„览图片
            imgPreview(img) {
                uni.previewImage({
                    current: this.fileList.findIndex(i => i.name === img.name),
                    indicator: "number",
                    loop: true,
                    urls: this.imgPreviewSrcs

                })
            },

            submit() {

                if (this.workshopSheetValue === '') {
                    return uni.$u.toast('车间不能为空')
                }
                if (this.orderSheetValue === '') {
                    return uni.$u.toast('订单不能为空')
                }
                if (this.partnameSheetValue === '') {
                    return uni.$u.toast('产品不能为空')
                }
                if (this.order_qty === '') {
                    return uni.$u.toast('订单数量不能为空')
                }
                if (this.plan_qty === '') {
                    return uni.$u.toast('计划数量不能为空')
                }
                if (this.comp_qty === '') {
                    return uni.$u.toast('完成数量不能为空')
                }
                if (this.excepeople === '') {
                    return uni.$u.toast('异常人数不能为空')
                }
                if (this.totaltime === '') {
                    return uni.$u.toast('合计时间不能为空')
                }





                let formData = {
                    opertype: 'Add',
                    id: '',
                    wkshop_code: this.workshopList.find(i => i.name === this.workshopSheetValue).code,
                    order_code: this.orderSheetValue,
                    saleorder_code: this.saleOrder,
                    partcode: this.partnameList.find(i => i.partname === this.partnameSheetValue).partcode,
                    order_qty: this.order_qty,
                    plan_qty: this.plan_qty,
                    comp_qty: this.comp_qty,
                    exceleve: this.exceleve,
                    excedesc: this.excedesc,
                    excepeople: this.excepeople,
                    totaltime: this.totaltime,
                    excedate: this.global.handleDatetime2(new Date())
                }

                console.log(JSON.stringify(formData))
                const header = {
                    // 'Content-Type': 'multipart/form-data',
                    'Content-Type': 'application/x-www-form-urlencoded',
                    // 'Content-Type': 'application/json',
                    'Token': uni.getStorageSync('Token')
                }

                this.isDisabledSubmitButton = true
                uni.uploadFile({
                    url: this.$baseUrl + '/ExceptionManagement/AddUpdateExceptionManagement',
                    files: this.fileList.length === 0 ? [{
                        uri: '/'
                    }] : this.fileList,
                    header: header,
                    formData: formData,
                    success: (res) => {
                        console.log(JSON.stringify(res))
                        let result = JSON.parse(res.data)
                        if (res.statusCode == 200 && result.code == '200') {
                            uni.$u.toast('提交成功！')
                            this.fileList = []
                            this.imgPreviewSrcs = []


                            this.workshopSheetValue = ''
                            this.orderSheetValue = ''
                            this.saleOrder = ''
                            this.partnameSheetValue = ''

                            this.partdesc = ''
                            this.order_qty = ''
                            this.plan_qty = ''
                            this.comp_qty = ''
                            this.exceleve = 'R'
                            this.excepeople = ''
                            this.excedate = ''
                            this.totaltime = ''
                            this.excedesc = ''

                            this.orderColumns = []
                            this.partnameColumns = []



                        } else {
                            uni.$u.toast(result.Message)
                        }
                        this.isDisabledSubmitButton = false
                    },
                    fail(res) {
                        console.log(res)
                        uni.$u.toast('提交失败！')
                        this.isDisabledSubmitButton = false
                    },
                })

                // #ifdef APP-PLUS ||MP  

                // #endif
            }


        }


    }
</script>


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

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

    .custominputClass {
        width: 412rpx;
        display: flex;
        justify-content: space-between;
        border: 3rpx #eff0f1 solid;
        border-radius: 10rpx;
        padding: 0 16rpx;

    }

    .ellipsis {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .scanImg2 {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin: auto;
        background: url('@/static/img/scan.png') no-repeat;
        box-shadow: #436df5 0px 0px 20px;
        background-size: 100% 100%;
    }

    ::v-deep .addClass .uicon-plus-circle {
        font-size: 50rpx !important;
        margin-right: 20rpx !important;
    }

    ::v-deep .addClass .u-button__text {
        font-size: 46rpx !important;
    }


    ::v-deep .u-modal__content {
        padding-bottom: 260rpx;
        margin-bottom: 100rpx;
    }

    ::v-deep .u-action-sheet {
        max-height: 600rpx !important;
        overflow: auto !important;
    }

    ::v-deep .u-checkbox-label--right {
        padding: 30rpx;
        border-bottom: 1rpx solid #eee;
    }



    .badSheetClass {
        position: relative;
    }

    .badNumber {
        position: absolute;
        top: 20rpx;
        left: 20rpx;
        font-size: 26rpx;
        color: rgb(0, 102, 255)
    }

    .trash {
        position: absolute;
        top: 20rpx;
        right: 30rpx;
        font-size: 26rpx;
    }

    .uploader {
        /deep/.u-add-tips {
            display: none;
        }
    }

    ::v-deep .uni-progress-bar {
        background-color: transparent !important;
    }

    .upLoadImg {
        width: 160rpx;
        height: 160rpx;
        border-radius: 20rpx;
    }
</style>