From 24ab98ae89bded07b2b76abcc9b81db2aba82c25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8F=B6=E9=94=A6=E6=B6=9B?= <26050301730@qq.com>
Date: Wed, 12 Nov 2025 13:51:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8F=91=E7=A5=A8=E5=8F=B7=E7=A0=81=E7=BB=B4?=
 =?UTF-8?q?=E6=8A=A4=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 openhis-ui-vue3/src/router/index.js           |   37 +-
 .../basicmanage/InvoiceManagement/index.vue   | 1173 +++++++++++++++++
 2 files changed, 1208 insertions(+), 2 deletions(-)
 create mode 100644 openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue

diff --git a/openhis-ui-vue3/src/router/index.js b/openhis-ui-vue3/src/router/index.js
index a9e33aa3..53c218e3 100644
--- a/openhis-ui-vue3/src/router/index.js
+++ b/openhis-ui-vue3/src/router/index.js
@@ -87,7 +87,37 @@ export const constantRoutes = [
 ]
 
 // 动态路由，基于用户权限动态去加载
-export const dynamicRoutes = [
+  export const dynamicRoutes = [
+    {
+      path: '/basicmanage',
+      component: Layout,
+      redirect: '/basicmanage/invoice-management',
+      name: 'BasicManage',
+      meta: { title: '基础管理', icon: 'component' },
+      children: [
+        {
+          path: 'invoice-management',
+          component: () => import('@/views/basicmanage/InvoiceManagement/index.vue'),
+          name: 'invoice-management',
+          meta: { title: '发票管理' }
+        }
+      ]
+    },
+    // 兼容系统业务管理路径
+    {
+      path: '/system/ywgz',
+      component: Layout,
+      redirect: '/system/ywgz/InvoiceManagement',
+      hidden: true,
+      children: [
+        {
+          path: 'InvoiceManagement',
+          component: () => import('@/views/basicmanage/InvoiceManagement/index.vue'),
+          name: 'SystemInvoiceManagement',
+          meta: { title: '发票管理' }
+        }
+      ]
+    },
   {
     path: '/maintainSystem',
     component: Layout,
@@ -312,9 +342,12 @@ export const dynamicRoutes = [
   }
 ]
 
+// 合并常量路由和动态路由，确保所有路由都能被访问
+const allRoutes = [...constantRoutes, ...dynamicRoutes];
+
 const router = createRouter({
   history: createWebHistory(),
-  routes: constantRoutes,
+  routes: allRoutes,
   scrollBehavior(to, from, savedPosition) {
     if (savedPosition) {
       return savedPosition
diff --git a/openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue b/openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue
new file mode 100644
index 00000000..585f99bd
--- /dev/null
+++ b/openhis-ui-vue3/src/views/basicmanage/InvoiceManagement/index.vue
@@ -0,0 +1,1173 @@
+<template>
+  <div class="invoice-management">
+    <div class="container">
+      <!-- 页面标题和用户信息 -->
+      <div class="header-section">
+        <h2>发票管理</h2>
+        <div class="user-info">
+          <span class="welcome-text">欢迎, {{ currentUser.name }}</span>
+          <span class="role-badge" :class="currentUser.role">
+            {{ currentUser.role === 'admin' ? '管理员' : '操作员' }}
+          </span>
+        </div>
+      </div>
+      
+      <!-- 操作按钮区域 -->
+      <div class="button-group">
+        <button @click="addNewRow" class="btn btn-primary">
+          <i class="icon-plus"></i> 添加新行
+        </button>
+        <button @click="saveData" class="btn btn-success" :disabled="saveButtonText === '保存中...'">
+          {{ saveButtonText }}
+        </button>
+      </div>
+      
+      <!-- 错误提示区域 -->
+      <div v-if="validationErrors.length > 0" class="alert alert-danger error-messages">
+        <h4 class="error-title">验证失败</h4>
+        <ul class="error-list">
+          <li v-for="(error, index) in validationErrors" :key="index" class="error-item">
+            {{ error }}
+          </li>
+        </ul>
+      </div>
+      
+      <!-- 未设置票据号码员工提示 -->
+      <div v-if="showNoInvoiceWarning && employeesWithoutInvoice.length > 0" class="alert alert-warning warning-messages">
+        <h4 class="warning-title">未设置票据号码提醒</h4>
+        <p>以下员工尚未设置票据号码：</p>
+        <ul class="warning-list">
+          <li v-for="(employee, index) in employeesWithoutInvoice" :key="index" class="warning-item">
+            {{ employee.name }} (员工工号: {{ employee.employeeId }})
+          </li>
+        </ul>
+      </div>
+      
+      <!-- 数据表格 -->
+      <div class="table-container">
+        <table class="table table-bordered table-hover">
+          <thead>
+            <tr>
+              <th>序号</th>
+              <th>操作员</th>
+              <th>员工工号</th>
+              <th>领用日期</th>
+              <th>起始号码</th>
+              <th>终止号码</th>
+              <th>当前使用号码</th>
+              <th>操作</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr 
+              v-for="(item, index) in filteredData" 
+              :key="item.id"
+              :class="{ 'editing-row': item.isActive }"
+            >
+              <td class="sequence-number">{{ index + 1 }}</td>
+              <td class="employee-info">
+                <div class="input-container">
+                  <input 
+                    v-if="item.isActive" 
+                    v-model="item.operator" 
+                    class="form-control" 
+                    placeholder="请输入操作员名称"
+                    maxlength="20"
+                  />
+                  <span v-else class="employee-name">{{ item.operator || '-' }}</span>
+                </div>
+              </td>
+              <td class="employee-id-cell">
+                <div class="input-container">
+                  <input 
+                    v-if="item.isActive" 
+                    v-model="item.employeeId" 
+                    class="form-control" 
+                    placeholder="请输入员工工号"
+                    maxlength="10"
+                  />
+                  <span v-else>{{ item.employeeId || '-' }}</span>
+                </div>
+              </td>
+              <td class="date-cell">
+                <div class="input-container">
+                  <input 
+                    v-if="item.isActive" 
+                    v-model="item.date" 
+                    type="date"
+                    class="form-control" 
+                    placeholder="领用日期"
+                  />
+                  <span v-else>{{ item.date || '-' }}</span>
+                </div>
+              </td>
+              <td>
+                <div class="input-container">
+                  <input 
+                    v-if="item.isActive" 
+                    v-model="item.startNum" 
+                    class="form-control"
+                    placeholder="请输入起始号码"
+                    maxlength="12"
+                  />
+                  <span v-else class="invoice-number">{{ item.startNum || '-' }}</span>
+                </div>
+              </td>
+              <td>
+                <div class="input-container">
+                  <input 
+                    v-if="item.isActive" 
+                    v-model="item.endNum" 
+                    class="form-control"
+                    placeholder="请输入终止号码"
+                    maxlength="12"
+                  />
+                  <span v-else class="invoice-number">{{ item.endNum || '-' }}</span>
+                </div>
+              </td>
+              <td>
+                <div class="input-container">
+                  <input 
+                    v-if="item.isActive" 
+                    v-model="item.currentNum" 
+                    class="form-control"
+                    placeholder="当前使用号码"
+                    maxlength="12"
+                  />
+                  <span v-else class="invoice-number current">{{ item.currentNum || '-' }}</span>
+                </div>
+              </td>
+              <td class="action-buttons">
+                <button 
+                  v-if="!item.isActive" 
+                  @click="toggleEdit(item.id)" 
+                  class="btn btn-primary btn-sm mr-1"
+                  title="编辑"
+                >
+                  <i class="icon-edit"></i> 编辑
+                </button>
+                <button 
+                  v-if="item.isActive" 
+                  @click="toggleEdit(item.id)" 
+                  class="btn btn-secondary btn-sm mr-1"
+                  title="取消"
+                >
+                  <i class="icon-cancel"></i> 取消
+                </button>
+                <button 
+                  @click="deleteRow(item.id)" 
+                  class="btn btn-danger btn-sm"
+                  title="删除"
+                >
+                  <i class="icon-delete"></i> 删除
+                </button>
+              </td>
+            </tr>
+            <tr v-if="filteredData.length === 0">
+              <td colspan="8" class="no-data-row">
+                暂无数据，请添加新记录
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      
+      <!-- 提示信息 -->
+      <div class="info-section">
+        <div class="info-card">
+          <h5>操作提示</h5>
+          <ul class="info-list">
+            <li>发票号码支持纯数字或字母前缀+数字组合</li>
+            <li>发票号码最大长度为12位</li>
+            <li>起始和终止号码长度必须一致</li>
+            <li>修改记录后请点击保存按钮</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'InvoiceManagement',
+  data() {
+    return {
+      // 用户信息和权限
+      currentUser: {
+        name: '骆丹颖',
+        employeeId: '1702',
+        role: 'admin' // operator: 普通操作员, admin: 管理员
+      },
+      saveButtonText: '保存',
+      // 未设置票据号码的员工信息
+      employeesWithoutInvoice: [],
+      // 显示未设置票据号码提示
+      showNoInvoiceWarning: false,
+      // 发票数据模型，增加更多必要字段
+      invoiceData: [
+        { 
+          id: 1, 
+          operator: '骆丹颖', 
+          employeeId: '1702', 
+          date: '2024-01-15', 
+          startNum: 'A20240001', 
+          endNum: 'A20240050', 
+          status: '已使用',
+          currentNum: 'A20240050', // 当前使用到的号码
+          isActive: false // 是否处于编辑状态
+        },
+        { 
+          id: 2, 
+          operator: '张明', 
+          employeeId: '1801', 
+          date: '2024-01-16', 
+          startNum: 'A20240051', 
+          endNum: 'A20240100', 
+          status: '已使用',
+          currentNum: 'A20240100',
+          isActive: false
+        },
+        { 
+          id: 3, 
+          operator: '李华', 
+          employeeId: '1903', 
+          date: '2024-01-17', 
+          startNum: 'A20240101', 
+          endNum: 'A20240150', 
+          status: '使用中',
+          currentNum: 'A20240125',
+          isActive: false
+        }
+      ],
+      // 表单验证相关状态
+      validationErrors: [],
+      // 过滤后显示的数据
+      filteredData: []
+    }
+  },
+  computed: {
+    isAdmin() {
+      return this.currentUser.role === 'admin';
+    }
+  },
+  
+  created() {
+    // 初始化时根据用户权限过滤数据
+    this.filterDataByPermission();
+  },
+  
+  watch: {
+    // 监听invoiceData变化，自动更新过滤后的数据
+    invoiceData: {
+      handler() {
+        this.filterDataByPermission();
+      },
+      deep: true
+    }
+  },
+  methods: {
+    // 根据用户权限过滤数据
+    filterDataByPermission() {
+      if (this.isAdmin) {
+        // 管理员可以看到所有数据
+        this.filteredData = [...this.invoiceData];
+      } else {
+        // 普通操作员只能看到自己的数据
+        this.filteredData = this.invoiceData.filter(item => 
+          item.employeeId === this.currentUser.employeeId
+        );
+      }
+    },
+    
+    // 检查是否有权限修改指定记录
+    canModifyRecord(record) {
+      // 管理员可以修改所有记录，普通用户只能修改自己的
+      return this.isAdmin || record.employeeId === this.currentUser.employeeId;
+    },
+    
+    // 检查权限并执行操作
+    checkPermissionAndExecute(record, operation) {
+      if (this.canModifyRecord(record)) {
+        operation();
+      } else {
+        alert('您没有权限修改此记录！');
+      }
+    },
+
+    addNewRow() {
+      // 新增行时自动填充当前用户信息
+      const newId = Math.max(...this.invoiceData.map(item => item.id), 0) + 1;
+      this.invoiceData.push({
+        id: newId,
+        operator: this.currentUser.name, // 自动使用当前用户名称
+        employeeId: this.currentUser.employeeId,
+        date: new Date().toISOString().split('T')[0],
+        startNum: '',
+        endNum: '',
+        currentNum: '',
+        status: '未使用',
+        isActive: true // 新增行默认处于编辑状态
+      });
+    },
+    
+    deleteRow(id) {
+      const record = this.invoiceData.find(item => item.id === id);
+      if (!record) {
+        alert('未找到要删除的记录');
+        return;
+      }
+      
+      // 严格检查权限：只有管理员或记录所有者可以删除
+      if (this.currentUser.role !== 'admin' && record.employeeId !== this.currentUser.employeeId) {
+        alert('您没有权限删除此记录！操作员只能删除自己的记录。');
+        return;
+      }
+      
+      // 检查发票号码段使用状态
+      // 检查1: 如果当前号码已使用且不等于起始号码，说明已使用
+      // 检查2: 如果状态明确为已使用，也不允许删除
+      if ((record.currentNum && record.currentNum !== record.startNum) || record.status === '已使用') {
+        alert('该发票号码段已被使用，无法删除！请确认发票使用情况。');
+        return;
+      }
+      
+      if (confirm('确定要删除这条记录吗？删除后无法恢复。')) {
+        const index = this.invoiceData.findIndex(item => item.id === id);
+        if (index > -1) {
+          this.invoiceData.splice(index, 1);
+          // 删除后刷新过滤数据
+          this.filterDataByPermission();
+        }
+      }
+    },
+    
+    // 切换编辑状态
+    toggleEdit(id) {
+      const record = this.invoiceData.find(item => item.id === id);
+      if (!record) return;
+      
+      this.checkPermissionAndExecute(record, () => {
+        record.isActive = !record.isActive;
+        // 如果取消编辑，清除错误信息
+        if (!record.isActive) {
+          this.validationErrors = [];
+        }
+      });
+    },
+    
+    // 发票号码使用后自动加1功能
+    incrementInvoiceNumber(employeeId) {
+      // 查找当前操作员的发票记录
+      const record = this.invoiceData.find(item => item.employeeId === employeeId);
+      if (!record) {
+        return { success: false, message: '未找到当前操作员的发票号码记录' };
+      }
+      
+      // 确保当前号码有效
+      if (!record.currentNum) {
+        // 如果当前号码未设置，初始化为起始号码
+        record.currentNum = record.startNum;
+      } else {
+        try {
+          // 处理发票号码自动加1（支持包含字母的复杂格式）
+          const currentNumStr = record.currentNum.toString();
+          let incremented = false;
+          let newNum = '';
+          
+          // 从右向左处理每个字符
+          for (let i = currentNumStr.length - 1; i >= 0; i--) {
+            const char = currentNumStr[i];
+            
+            if (/\d/.test(char)) {
+              // 数字字符：加1
+              const num = parseInt(char) + 1;
+              if (num < 10) {
+                newNum = currentNumStr.substring(0, i) + num + newNum.substring(0);
+                incremented = true;
+                break;
+              } else {
+                // 进位处理
+                newNum = '0' + newNum;
+              }
+            } else {
+              // 非数字字符保持不变
+              newNum = char + newNum;
+            }
+          }
+          
+          // 如果全部是9，需要在前面补1
+          if (!incremented) {
+            newNum = '1' + newNum;
+          }
+          
+          // 验证新号码长度与原号码一致
+          if (newNum.length !== record.startNum.toString().length) {
+            return { success: false, message: '发票号码位数不足，无法继续使用' };
+          }
+          
+          // 验证新号码是否在范围内
+          if (!this.validateCurrentNumberInRange(newNum, record.startNum, record.endNum)) {
+            return { success: false, message: '发票号码已超出设定范围，请更换发票号码段' };
+          }
+          
+          // 更新当前号码
+          record.currentNum = newNum;
+        } catch (error) {
+          return { success: false, message: '发票号码自动加1时发生错误' };
+        }
+      }
+      
+      // 标记为已使用
+      if (record.status !== '已使用') {
+        record.status = '已使用';
+      }
+      
+      // 保存更新到后端
+      this.updateInvoiceData(record);
+      
+      return { success: true, currentNum: record.currentNum };
+    },
+    
+    // 使用当前发票号码（业务调用入口）
+    useCurrentInvoiceNumber() {
+      // 获取当前登录用户ID
+      const currentEmployeeId = this.currentUser.employeeId;
+      if (!currentEmployeeId) {
+        alert('未找到当前操作员信息');
+        return null;
+      }
+      
+      // 查找当前操作员的发票记录
+      const record = this.invoiceData.find(item => item.employeeId === currentEmployeeId);
+      if (!record) {
+        alert('未找到当前操作员的发票号码段设置');
+        return null;
+      }
+      
+      // 获取当前可用号码
+      const usableNumber = record.currentNum || record.startNum;
+      
+      // 执行号码加1操作，为下次使用做准备
+      const result = this.incrementInvoiceNumber(currentEmployeeId);
+      if (!result.success) {
+        alert(result.message);
+        return null;
+      }
+      
+      // 触发保存操作以持久化更新
+      this.runAllValidations();
+      
+      return usableNumber;
+    },
+    
+    // 从字符串末尾向前提取前缀，直到遇到第一个字母
+    extractPrefixFromEnd(str) {
+      if (!str) return '';
+      
+      // 从末尾向前遍历字符串
+      for (let i = str.length - 1; i >= 0; i--) {
+        // 如果遇到字母，返回从开始到该字母之前的部分
+        if (/[A-Za-z]/.test(str[i])) {
+          return str.substring(0, i);
+        }
+      }
+      // 如果没有找到字母，返回整个字符串
+      return str;
+    },
+    
+    // 验证发票号码格式
+    validateInvoiceNumber(num) {
+      // 检查是否为空
+      if (!num) return { valid: false, message: '发票号码不能为空' };
+      
+      // 检查长度（最大12位）
+      if (num.length > 12) return { valid: false, message: '发票号码长度不能超过12位' };
+      
+      // 检查格式（纯数字或字母前缀+数字）
+      const pattern = /^([A-Za-z]+)?\d+$/;
+      if (!pattern.test(num)) {
+        return { valid: false, message: '发票号码格式不正确（只能是纯数字或字母前缀+数字组合）' };
+      }
+      
+      return { valid: true };
+    },
+    
+    // 验证起始和终止发票号码长度一致性
+    validateNumberLengths(startNum, endNum) {
+      // 即使一个为空，也需要验证非空字段的最小长度要求
+      if (!startNum && !endNum) {
+        return false; // 两个都为空
+      }
+      
+      // 验证起始号码格式和长度
+      if (startNum) {
+        const startStr = startNum.toString();
+        if (startStr.length < 1) {
+          return false; // 起始发票号码不能为空
+        }
+      }
+      
+      // 验证终止号码格式和长度
+      if (endNum) {
+        const endStr = endNum.toString();
+        if (endStr.length < 1) {
+          return false; // 终止发票号码不能为空
+        }
+      }
+      
+      // 两个都有值时，必须长度一致
+      if (startNum && endNum) {
+        const startLength = startNum.toString().length;
+        const endLength = endNum.toString().length;
+        
+        if (startLength !== endLength) {
+          return false; // 起始和终止发票号码长度必须完全一致
+        }
+      }
+      
+      return true;
+    },
+    
+    // 检查号码不重复（针对所有操作员）
+    checkNumberUniqueness(record) {
+      // 查找所有其他记录（不限操作员）
+      const otherRecords = this.invoiceData.filter(
+        item => item.id !== record.id
+      );
+      
+      for (const item of otherRecords) {
+        // 检查起始号码是否重复
+        if (item.startNum === record.startNum) {
+          return { valid: false, message: `起始号码 ${record.startNum} 已存在于其他操作员的记录中` };
+        }
+        // 检查终止号码是否重复
+        if (item.endNum === record.endNum) {
+          return { valid: false, message: `终止号码 ${record.endNum} 已存在于其他操作员的记录中` };
+        }
+        
+        // 检查号码范围是否有包含关系
+        // 检查当前记录的起始号码是否在其他记录的范围内
+        if (record.startNum && item.startNum && item.endNum) {
+          const isInRange = this.validateCurrentNumberInRange(record.startNum, item.startNum, item.endNum);
+          if (isInRange) {
+            return { valid: false, message: `起始号码 ${record.startNum} 已包含在 ${item.operator} 的票据范围 ${item.startNum}-${item.endNum} 中` };
+          }
+        }
+        // 检查当前记录的终止号码是否在其他记录的范围内
+        if (record.endNum && item.startNum && item.endNum) {
+          const isInRange = this.validateCurrentNumberInRange(record.endNum, item.startNum, item.endNum);
+          if (isInRange) {
+            return { valid: false, message: `终止号码 ${record.endNum} 已包含在 ${item.operator} 的票据范围 ${item.startNum}-${item.endNum} 中` };
+          }
+        }
+      }
+      
+      return { valid: true };
+    },
+    
+    // 检查号码范围是否与其他记录重叠
+    checkRangeOverlap(record) {
+      // 确保当前记录有必要的数据
+      if (!record || !record.startNum || !record.endNum) {
+        return { valid: false, message: '记录信息不完整' };
+      }
+      
+      // 查找所有其他记录
+      const otherRecords = this.invoiceData.filter(item => item.id !== record.id);
+      
+      // 提取数字部分进行比较的辅助函数
+      const extractNumber = function(str) {
+        if (!str) return 0;
+        const match = str.match(/\d+$/);
+        return match ? parseInt(match[0], 10) : 0;
+      };
+      
+      // 提取完整前缀的辅助函数（包括字母和数字）
+      const extractPrefix = function(str) {
+        if (!str) return '';
+        // 匹配开头的所有非数字字符（字母等）和随后的数字部分，直到遇到第一个非数字字符为止
+        const match = str.match(/^[A-Za-z0-9]+/);
+        return match ? match[0] : '';
+      };
+      
+      // 提取当前记录的前缀和数字范围
+      const currentPrefix = extractPrefix(record.startNum);
+      const currentStartNum = extractNumber(record.startNum);
+      const currentEndNum = extractNumber(record.endNum);
+      
+      // 确保当前记录的起始号码小于等于终止号码
+      if (currentStartNum > currentEndNum) {
+        return { valid: false, message: '起始号码不能大于终止号码' };
+      }
+      
+      for (const item of otherRecords) {
+        if (!item.startNum || !item.endNum) continue;
+        
+        // 提取其他记录的前缀
+        const otherPrefix = extractPrefix(item.startNum);
+        
+        // 检查前缀是否匹配（实现数字对应数字，字母对应字母的匹配规则）
+        if (currentPrefix !== otherPrefix) continue;
+        
+        // 提取其他记录的数字范围
+        const otherStartNum = extractNumber(item.startNum);
+        const otherEndNum = extractNumber(item.endNum);
+        
+        // 全面检查范围重叠
+        const hasOverlap = 
+          (currentStartNum >= otherStartNum && currentStartNum <= otherEndNum) ||
+          (currentEndNum >= otherStartNum && currentEndNum <= otherEndNum) ||
+          (currentStartNum <= otherStartNum && currentEndNum >= otherEndNum) ||
+          (otherStartNum <= currentStartNum && otherEndNum >= currentEndNum);
+        
+        if (hasOverlap) {
+          // 提供更详细的错误信息，指明与哪条记录的范围重叠
+          return { 
+            valid: false, 
+            message: '票据设置重复，与' + item.operator + '的票据范围' + item.startNum + '-' + item.endNum + '重叠' 
+          };
+        }
+      }
+      
+      return { valid: true };
+    },
+    
+    // 检查当前号码是否在起始和终止范围内
+    validateCurrentNumberInRange(currentNum, startNum, endNum) {
+      // 如果当前号码为空，允许保存
+      if (!currentNum) return true;
+      
+      // 数字部分比较（纯数字或字母前缀+数字）
+      const extractNumber = (str) => {
+        const match = str.match(/\d+$/);
+        return match ? parseInt(match[0], 10) : 0;
+      };
+      
+      // 检查两个字符串的每一位是否类型匹配（数字对应数字，字母对应字母）
+      const checkCharacterTypesMatch = (str1, str2) => {
+        const maxLength = Math.max(str1.length, str2.length);
+        for (let i = 0; i < maxLength; i++) {
+          const char1 = str1[i] || '';
+          const char2 = str2[i] || '';
+          const isDigit1 = /\d/.test(char1);
+          const isDigit2 = /\d/.test(char2);
+          // 如果一个是数字而另一个不是，则类型不匹配
+          if (isDigit1 !== isDigit2) {
+            return false;
+          }
+        }
+        return true;
+      };
+      
+      // 验证当前号码与起始号码、终止号码的字符类型匹配
+      if (!checkCharacterTypesMatch(currentNum, startNum) || !checkCharacterTypesMatch(currentNum, endNum)) {
+        return false;
+      }
+      
+      const currentNumValue = extractNumber(currentNum);
+      const startNumValue = extractNumber(startNum);
+      const endNumValue = extractNumber(endNum);
+      
+      return currentNumValue >= startNumValue && currentNumValue <= endNumValue;
+    },
+    
+    // 验证单个记录
+  validateRecord(record) {
+    const errors = [];
+    
+    // 验证操作员不为空
+    if (!record.operator || !record.employeeId) {
+      errors.push(`记录ID ${record.id}: 未设置票据号码的员工`);
+    }
+    
+    // 验证起始号码
+    const startNumValidation = this.validateInvoiceNumber(record.startNum);
+    if (!startNumValidation.valid) {
+      errors.push(`记录ID ${record.id}: 起始号码 ${startNumValidation.message}`);
+    }
+    
+    // 验证终止号码
+    const endNumValidation = this.validateInvoiceNumber(record.endNum);
+    if (!endNumValidation.valid) {
+      errors.push(`记录ID ${record.id}: 终止号码 ${endNumValidation.message}`);
+    }
+    
+    // 验证起始和终止号码长度一致
+    if (record.startNum && record.endNum && !this.validateNumberLengths(record.startNum, record.endNum)) {
+      errors.push(`记录ID ${record.id}: 起始发票号码与终止发票号码长度必须完全一致`);
+    }
+      
+      // 验证起始和终止号码前缀一致性
+      if (record.startNum && record.endNum) {
+        const startPrefix = this.extractPrefixFromEnd(record.startNum);
+        const endPrefix = this.extractPrefixFromEnd(record.endNum);
+        
+        if (startPrefix !== endPrefix) {
+          errors.push(`记录ID ${record.id}: 起始和终止号码前缀必须一致`);
+        }
+      }
+      
+      // 验证当前号码在范围内
+      if (record.currentNum && record.startNum && record.endNum && 
+          !this.validateCurrentNumberInRange(record.currentNum, record.startNum, record.endNum)) {
+        errors.push(`记录ID ${record.id}: 当前使用号码不在有效范围内`);
+      }
+      
+      // 验证号码唯一性
+      const uniquenessCheck = this.checkNumberUniqueness(record);
+      if (!uniquenessCheck.valid) {
+        errors.push(`记录ID ${record.id}: ${uniquenessCheck.message}`);
+      }
+      
+      // 检查号码范围是否与其他记录重叠
+      if (record.startNum && record.endNum) {
+        const overlapCheck = this.checkRangeOverlap(record);
+        if (!overlapCheck.valid) {
+          errors.push(`记录ID ${record.id}: ${overlapCheck.message}`);
+        }
+      }
+      
+      return errors;
+    },
+    
+    // 执行所有验证
+    runAllValidations() {
+      this.validationErrors = [];
+      
+      // 验证每个记录
+      this.invoiceData.forEach(record => {
+        const recordErrors = this.validateRecord(record);
+        if (recordErrors.length > 0) {
+          this.validationErrors.push(...recordErrors);
+        }
+      });
+      
+      return this.validationErrors.length === 0;
+    },
+    
+    // 显示验证错误
+    showValidationErrors() {
+      if (this.validationErrors.length > 0) {
+        alert('验证失败：\n' + this.validationErrors.join('\n'));
+      }
+    },
+    
+    // 保存数据
+    saveData() {
+      // 执行验证
+      if (!this.runAllValidations()) {
+        this.showValidationErrors();
+        return;
+      }
+      
+      this.saveButtonText = '保存中...';
+      
+      // 模拟保存操作
+      setTimeout(() => {
+        // 保存成功后将所有记录设为非编辑状态
+        this.invoiceData.forEach(item => {
+          item.isActive = false;
+        });
+        
+        this.saveButtonText = '保存';
+        alert('数据保存成功！');
+        
+        // 刷新未设置票据号码员工的警告提示
+        this.refreshEmployeeWarnings();
+      }, 800);
+    },
+    
+    // 检查未设置票据号码的员工
+    checkEmployeesWithoutInvoice() {
+      // 模拟从API获取所有员工列表
+      // 在实际应用中，应该从后端API获取所有员工信息
+      const allEmployees = [
+        { name: '骆丹颖', employeeId: '1702' }
+      ];
+      
+      // 提取已设置票据号码的员工工号
+      const employeesWithInvoice = this.invoiceData.map(item => item.employeeId);
+      
+      // 找出未设置票据号码的员工
+      this.employeesWithoutInvoice = allEmployees.filter(employee => 
+        !employeesWithInvoice.includes(employee.employeeId)
+      );
+      
+      // 只有当当前用户是管理员时才显示警告
+      this.showNoInvoiceWarning = this.currentUser.role === 'admin' && this.employeesWithoutInvoice.length > 0;
+    },
+    
+    // 刷新未设置票据号码的员工列表
+    refreshEmployeeWarnings() {
+      this.checkEmployeesWithoutInvoice();
+    }
+  },
+  
+  mounted() {
+    // 页面加载后初始化数据
+    this.filterDataByPermission();
+    
+    // 检查未设置票据号码的员工
+    this.checkEmployeesWithoutInvoice();
+  }
+};
+</script>
+
+<style scoped>
+.invoice-management {
+  padding: 20px;
+  min-height: 100vh;
+  background-color: #f0f2f5;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  background-color: #ffffff;
+  border-radius: 6px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
+  padding: 20px;
+}
+
+.header-section {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #e6e8eb;
+}
+
+.header-section h2 {
+  margin: 0;
+  color: #1f2937;
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.user-info {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.welcome-text {
+  font-size: 14px;
+  color: #606266;
+}
+
+.role-badge {
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.role-badge.admin {
+  background-color: #f0f9ff;
+  color: #2d8cf0;
+  border: 1px solid #d9ecff;
+}
+
+.role-badge.operator {
+  background-color: #f6ffed;
+  color: #67c23a;
+  border: 1px solid #d9f7be;
+}
+
+.button-group {
+  margin-bottom: 16px;
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.button-group .btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 6px 12px;
+  font-size: 14px;
+  font-weight: 500;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+}
+
+.button-group .btn:hover {
+  transform: translateY(-1px);
+}
+
+.error-messages {
+  margin-bottom: 16px;
+  background-color: #fef0f0;
+  border: 1px solid #fde2e2;
+  border-radius: 4px;
+  padding: 12px 16px;
+}
+
+.error-title {
+  margin: 0 0 8px 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: #f56c6c;
+}
+
+.error-list {
+  margin: 0;
+  padding-left: 20px;
+}
+
+.error-item {
+  margin-bottom: 4px;
+  font-size: 13px;
+  color: #e64340;
+}
+
+.table-container {
+  margin-bottom: 20px;
+  border-radius: 4px;
+  overflow: hidden;
+  border: 1px solid #ebeef5;
+}
+
+.table {
+  width: 100%;
+  margin: 0;
+  border-collapse: collapse;
+}
+
+.table thead {
+  background-color: #f5f7fa;
+  color: #606266;
+}
+
+.table th {
+  padding: 10px 12px;
+  font-weight: 600;
+  text-align: left;
+  border-bottom: 1px solid #ebeef5;
+  font-size: 13px;
+}
+
+.table td {
+  padding: 10px 12px;
+  vertical-align: middle;
+  border-bottom: 1px solid #ebeef5;
+  font-size: 13px;
+  color: #303133;
+}
+
+/* 序号单元格样式 */
+.table td.sequence-number {
+  font-weight: 500;
+  color: #606266;
+  text-align: center;
+  width: 60px;
+}
+
+.table tbody tr:hover {
+  background-color: #fafafa;
+}
+
+.table tbody tr.editing-row {
+  background-color: #f0f9ff !important;
+  transition: background-color 0.2s ease;
+}
+
+.employee-info {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.employee-name {
+  font-weight: 500;
+  color: #303133;
+}
+
+.employee-id {
+  font-size: 12px;
+  color: #909399;
+  background-color: #f4f4f5;
+  padding: 2px 6px;
+  border-radius: 8px;
+}
+
+.invoice-number {
+  display: inline-block;
+  padding: 4px 8px;
+  border-radius: 3px;
+  background-color: #f4f4f5;
+  font-family: 'Consolas', 'Monaco', monospace;
+  font-size: 12px;
+  color: #303133;
+}
+
+.invoice-number.current {
+  background-color: #ecfdf5;
+  color: #0369a1;
+  border: 1px solid #d1fae5;
+}
+
+.form-control {
+  transition: all 0.2s ease;
+  font-size: 13px;
+  padding: 4px 8px;
+}
+
+.form-control:focus {
+  border-color: #409eff;
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
+}
+
+.action-buttons {
+  white-space: nowrap;
+}
+
+.action-buttons .btn {
+  padding: 4px 8px;
+  font-size: 12px;
+  margin-right: 4px;
+}
+
+.no-data-row {
+  text-align: center;
+  padding: 30px 0 !important;
+  color: #909399;
+  font-style: normal;
+  background-color: #fafafa;
+}
+
+.info-section {
+  margin-top: 20px;
+}
+
+.info-card {
+  background-color: #f5f7fa;
+  border-left: 3px solid #409eff;
+  padding: 12px 16px;
+  border-radius: 4px;
+}
+
+.info-card h5 {
+  margin: 0 0 8px 0;
+  color: #303133;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.info-list {
+  margin: 0;
+  padding-left: 16px;
+}
+
+.info-list li {
+  margin-bottom: 4px;
+  font-size: 12px;
+  color: #606266;
+  line-height: 1.5;
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .invoice-management {
+    padding: 12px;
+  }
+  
+  .container {
+    padding: 16px;
+    border-radius: 4px;
+  }
+  
+  .header-section {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+    margin-bottom: 16px;
+    padding-bottom: 8px;
+  }
+  
+  .header-section h2 {
+    font-size: 18px;
+  }
+  
+  .user-info {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 6px;
+  }
+  
+  .button-group {
+    width: 100%;
+    gap: 6px;
+  }
+  
+  .button-group .btn {
+    flex: 1;
+    justify-content: center;
+    min-width: 80px;
+    padding: 8px 12px;
+  }
+  
+  .table-container {
+    border-radius: 4px;
+    overflow-x: auto;
+  }
+  
+  .table {
+    font-size: 12px;
+  }
+  
+  .table th,
+  .table td {
+    padding: 6px 8px;
+    white-space: nowrap;
+  }
+  
+  .action-buttons {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+  
+  .action-buttons .btn {
+    margin-right: 0;
+    padding: 4px 8px;
+    font-size: 11px;
+  }
+  
+  .no-data-row {
+    padding: 20px 0 !important;
+    font-size: 12px;
+  }
+  
+  .info-card {
+    padding: 10px 12px;
+  }
+  
+  .info-list {
+    padding-left: 12px;
+  }
+  
+  .info-list li {
+    font-size: 11px;
+  }
+}
+
+/* 平板设备优化 */
+@media (min-width: 769px) and (max-width: 1024px) {
+  .container {
+    max-width: 95%;
+  }
+  
+  .header-section h2 {
+    font-size: 19px;
+  }
+  
+  .table th,
+  .table td {
+    padding: 8px 10px;
+  }
+}
+</style>
\ No newline at end of file