档案管理-书籍二维码生成，借阅-归还扫瞄

yaowanxin

2025-09-26 1021003321fe54f3f45d77457db86105d206551a

 src/views/fileManagement/borrow/index.vue

@@ -90,10 +90,6 @@
        ref="borrowFormRef"
      >
        <el-row :gutter="20">
          
        </el-row>
        
                 <el-row :gutter="20">
           <el-col :span="12">
             <el-form-item label="借阅人：" prop="borrower">
               <el-input v-model="borrowForm.borrower" placeholder="请输入借阅人" />
@@ -101,7 +97,16 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="借阅书籍：" prop="documentationId">
               <el-select v-model="borrowForm.documentationId" placeholder="请选择借阅书籍" style="width: 100%">
               <!-- <el-select v-model="borrowForm.documentationId" placeholder="请选择借阅书籍" style="width: 100%" @change="handleScanContent">
                 <el-option 
                   v-for="item in documentList" 
                   :key="item.id" 
                   :label="item.docName || item.name" 
                   :value="item.id"
                 />
               </el-select> -->
               <div style="display: flex; gap: 10px;">
                <el-select v-model="borrowForm.documentationId" placeholder="请选择借阅书籍" style="flex: 1;width: 100px;" @change="handleSelectChange">
                 <el-option 
                   v-for="item in documentList" 
                   :key="item.id" 
@@ -109,6 +114,14 @@
                   :value="item.id"
                 />
               </el-select>
                <el-input
                  v-model="scanContent"
                  placeholder="扫码输入"
                  style="width: 100px;"
                  @input="handleScanContent"
                  clearable
                />
              </div>
             </el-form-item>
           </el-col>
         </el-row>
@@ -188,7 +201,7 @@
const borrowList = ref([]);
const selectedRows = ref([]);
const documentList = ref([]); // 文档列表，用于借阅书籍选择

const scanContent = ref('') // 扫码内容
// 分页相关
const pagination = reactive({
  currentPage: 1,
@@ -368,6 +381,36 @@
  ElMessage.success("查询条件已重置");
};

// 处理下拉选择变化
const handleSelectChange = (value) => {
  // 当下拉框选择时，清空扫码输入框
  scanContent.value = '';
};

// 处理扫码内容
const handleScanContent = async (value) => {
if (!value) return;
  
  try {
    // 查找扫描内容对应的文档
    // 假设二维码包含的是文档ID或文档名称
    const matchedDoc = documentList.value.find(item => 
      item.documentationId === value 
    );
    
    if (matchedDoc) {
      // 找到匹配的文档，设置表单值
      borrowForm.documentationId = matchedDoc.documentationId;
      ElMessage.success(`已选择: ${matchedDoc.docName || matchedDoc.name}`);
    } else {
      // 未找到匹配的文档，提示用户
      ElMessage.warning('未找到对应的书籍，请检查扫码内容或手动选择');
    }
  } catch (error) {
    ElMessage.error('扫码处理失败，请重试');
    console.error('扫码处理错误:', error);
  }
}
// 打开借阅弹框
const openBorrowDia = async (type, data) => {
  // 先刷新文档列表
@@ -375,6 +418,7 @@
  
  borrowOperationType.value = type;
  borrowDia.value = true;
  scanContent.value = ''; // 清空扫码内容
  
  if (type === "edit") {
    // 编辑模式，加载现有数据
@@ -395,6 +439,7 @@
const closeBorrowDia = () => {
  proxy.$refs.borrowFormRef.resetFields();
  borrowDia.value = false;
  scanContent.value = ''; // 清空扫码内容
};

// 提交借阅表单