jonhon-mes-PDA/pages/safe/spotCheck.vue

<template>
    <ifrm ref="ifrm">
        <!-- 安全点检 -->
        <uni-forms ref="form" err-show-type="toast">
            <uni-forms-item><input type="text" v-model="facilityValue" @confirm="facilityConfirm"
                    class="uni-input-border" placeholder="设备编码" /></uni-forms-item>
        </uni-forms>
        <checkbox-group @change="checkboxChange">
            <uni-table border stripe emptyText="暂无更多数据" class="table">
                <uni-tr>
                    <uni-th align="center" width="60"></uni-th>
                    <uni-th align="center">检验项</uni-th>
                    <uni-th align="center">检验条件</uni-th>
                    <uni-th align="center">检验结果</uni-th>
                    <uni-th align="center">描述</uni-th>
                </uni-tr>
                <uni-tr v-for="(item, index) in facilityData" :key="index">
                    <uni-td align="center">
                        <checkbox :value="item" :checked="item.checked" />
                    </uni-td>
                    <uni-td align="center">{{ item.checkItem }}</uni-td>
                    <uni-td align="center">{{ item.checkCon }}</uni-td>
                    <uni-td align="center" class="tableRequired">
                        <picker @change="bindPickerChange($event, index)" :value="item.facilityIndex" :range="array">
                            <view class="uni-input">{{ array[item.facilityIndex] }}</view>
                        </picker>
                    </uni-td>
                    <uni-td align="center" width="200"><textarea style="width: 260rpx;" auto-height
                            v-model="item.describe" /></uni-td>
                </uni-tr>
            </uni-table>
        </checkbox-group>
        <view class="buttonBox"><button class="button" type="primary" :disabled="!(facilitySeceteArr.length > 0)"
                @click="submitClick">提交</button></view>
    </ifrm>
</template>

<script>
    import ifrm from '@/pages/index/ifrm';
    import scan from '../../mixin/scan.js';
    export default {
        mixins: [scan],
        components: {
            ifrm
        },
        data() {
            return {
                facilityValue: '',
                array: ['正常', '关机', '异常'],
                facilityData: [],
                facilitySeceteArr: []
            };
        },
        methods: {
            checkboxChange(e) {
                this.facilitySeceteArr = e.detail.value;
            },
            bindPickerChange: function(e, index) {
                this.facilityData[index].facilityIndex = e.target.value;
            },
            getBarCode(code) {
                this.getData(code);
            },
            facilityConfirm(e) {
                this.getBarCode(e.target.value);
            },
            getData(code) {
                if (!code) return;
                this.facilityValue = code;
                this.$ajax.request({
                    url: 'pdaLoad/getSpotCheckByEcCode/' + code,
                    method: 'GET',
                    success: data => {
                        this.facilityValue = '';
                        this.facilityData = [];
                        data.forEach(item => {
                            this.facilityData.push({
                                ...item,
                                facilityIndex: 0
                            });
                        });
                        uni.showToast({
                            title: '数据获取成功'
                        });
                    }
                });
            },
            submitClick() {
                let arr = [];
                this.facilitySeceteArr.forEach(item => {
                    arr.push({
                        sscId: item.sscId,
                        checkResult: item.facilityIndex,
                        describe: item.describe
                    });
                });
                this.$ajax.request({
                    url: 'pdaSave/saveBySpotCheck',
                    method: 'POST',
                    data: {
                        sscList: arr
                    },
                    success: data => {
                        uni.showToast({
                            title: '点检成功'
                        });
                        this.facilityValue = '';
                        this.facilityData = [];
                    }
                });
            }
        },
        onNavigationBarButtonTap(btn) {
            this.$refs.ifrm.topMenuClick(btn);
        },
        onShow() {}
    };
</script>

<style scoped></style>