1.设备报修开发联调

gaoluyang

8 天以前 212cabbb1c9bd4d113c739a43e31ef736fece886

1.设备报修开发联调

 src/pages/equipmentManagement/repair/add.vue

@@ -16,7 +16,11 @@
                    readonly
                    @click="showDevicePicker"
                    clearable
                />
                >
                    <template #right-icon>
                        <van-icon name="scan" @click.stop="startScan" class="scan-icon" />
                    </template>
                </van-field>
                <van-field
                    v-model="form.deviceModel"
                    label="规格型号"
@@ -86,7 +90,7 @@
</template>

<script setup>
import { ref, computed, onMounted } from 'vue';
import { ref, computed, onMounted, onUnmounted } from 'vue';
import { onShow } from '@dcloudio/uni-app';
import PageHeader from '@/components/PageHeader.vue';
import { getDeviceLedger } from '@/api/equipmentManagement/ledger';
@@ -110,6 +114,10 @@
// 设备选项
const deviceOptions = ref([]);
const deviceNameText = ref('');

// 扫码相关状态
const isScanning = ref(false);
const scanTimer = ref(null);

// 表单验证规则
const formRules = {
@@ -204,6 +212,108 @@
    clearValidate();
};

// 扫描二维码功能
const startScan = () => {
    if (isScanning.value) {
        showToast('正在扫描中，请稍候...');
        return;
    }
	
    // 调用uni-app的扫码API
    uni.scanCode({
        scanType: ['qrCode', 'barCode'],
        success: (res) => {
            handleScanResult(res.result);
        },
        fail: (err) => {
            console.error('扫码失败:', err);
            showToast('扫码失败，请重试');
        }
    });
};

// 处理扫码结果
const handleScanResult = (scanResult) => {
    if (!scanResult) {
        showToast('扫码结果为空');
        return;
    }
	
    isScanning.value = true;
    showToast('扫码成功，3秒后自动填充设备信息');
	
    // 3秒后处理扫码结果
    scanTimer.value = setTimeout(() => {
        processScanResult(scanResult);
        isScanning.value = false;
    }, 3000);
};

// 处理扫码结果并匹配设备
const processScanResult = (scanResult) => {
    // 在设备列表中查找匹配的设备
    // 假设二维码内容是设备名称或设备编号
    const matchedDevice = deviceOptions.value.find(device => 
        device.deviceName === scanResult || 
        device.deviceCode === scanResult ||
        device.id.toString() === scanResult
    );
	
    if (matchedDevice) {
        // 找到匹配的设备，自动填充
        form.value.deviceLedgerId = matchedDevice.id;
        deviceNameText.value = matchedDevice.deviceName;
        form.value.deviceModel = matchedDevice.deviceModel;
        showToast('设备信息已自动填充');
    } else {
        // 未找到匹配的设备
        showToast('未找到匹配的设备，请手动选择');
    }
};

// 显示设备选择器
const showDevicePicker = () => {
    showDevice.value = true;
};

// 确认设备选择
const onDeviceConfirm = ({ selectedValues, selectedOptions }) => {
    form.value.deviceLedgerId = selectedOptions[0].value;
    devicePickerValue.value = selectedValues;
    showDevice.value = false;
    setDeviceModel(selectedOptions[0].value);
};

// 显示日期选择器
const showDatePicker = () => {
    showDate.value = true;
};

// 确认日期选择
const onDateConfirm = ({ selectedValues }) => {
    form.value.repairTime = selectedValues.join('-');
    currentDate.value = selectedValues;
    showDate.value = false;
};

onShow(() => {
    // 页面显示时获取参数
    getPageParams();
});

onMounted(() => {
    // 页面加载时获取设备列表和参数
    loadDeviceName();
    getPageParams();
});

// 组件卸载时清理定时器
onUnmounted(() => {
    if (scanTimer.value) {
        clearTimeout(scanTimer.value);
    }
});

// 提交表单
const sendForm = async () => {
    try {
@@ -262,42 +372,6 @@
    const options = currentPage.options;
    return options.id;
};

// 显示设备选择器
const showDevicePicker = () => {
    showDevice.value = true;
};

// 确认设备选择
const onDeviceConfirm = ({ selectedValues, selectedOptions }) => {
    form.value.deviceLedgerId = selectedOptions[0].value;
    devicePickerValue.value = selectedValues;
    showDevice.value = false;
    setDeviceModel(selectedOptions[0].value);
};

// 显示日期选择器
const showDatePicker = () => {
    showDate.value = true;
};

// 确认日期选择
const onDateConfirm = ({ selectedValues }) => {
    form.value.repairTime = selectedValues.join('-');
    currentDate.value = selectedValues;
    showDate.value = false;
};

onShow(() => {
    // 页面显示时获取参数
    getPageParams();
});

onMounted(() => {
    // 页面加载时获取设备列表和参数
    loadDeviceName();
    getPageParams();
});
</script>

<style scoped lang="scss">
@@ -353,4 +427,11 @@
    font-size: 12px; 
    color: #888; 
}

.scan-icon {
    color: #1989fa;
    font-size: 18px;
    margin-left: 8px;
    cursor: pointer;
}
</style>