root
/
xugu_license


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>XUGULicense</title>
    <link rel="stylesheet" href="license_info.css">
</head>
<body>


    <header>
        <h1>XUGU License </h1>

    </header>

    <div class="container">
        <aside>
            <nav>
                <ul>
                    <li><a href="#" class="active" id="license-info-link"><i class="fas fa-home"></i> License 信息</a></li>
                    <li><a href="#" id="user-management-link"><i class="fas fa-users"></i> 用户管理</a></li>
                    <li><a href="#" id="role-management-link"><i class="fas fa-users"></i> 角色管理</a></li>
                </ul>
            </nav>
        </aside>

<main>
 
         <!-- 包裹搜索框、下拉框、时间选择框和确定按钮的 div -->
         <div class="search-container">
            <!-- License 状态下拉框 -->
            <select id="license-status-filter" aria-label="选择 License 状态">
                <option value="">License 状态</option>
                <option value="已生成">已生成</option>
                <option value="未生成">未生成</option>
                <option value="已失效">已失效</option>
            </select>
        
            <!-- 开始时间选择框，类型改为 date -->
            <input type="date" id="start-date" placeholder="开始时间" />
        
            <!-- 结束时间选择框，类型改为 date -->
            <input type="date" id="end-date" placeholder="结束时间" />
        
            <!-- 搜索框 -->
            <input type="text" id="search-bar" placeholder="搜索..." />
        
            <!-- 确定按钮 -->
            <button id="submit-button">确定</button>
        </div>
            <div class="license-info-container" id="license-info-restaurant-list">   </div>
              <!-- 这是显示内容的区域 -->
        </main> 
    </div>

<!-- 模态框结构 -->
<div id="license-info-modal" class="license-info-modal">
    <div class="license-info-modal-content">
        <!-- 关闭模态框的按钮 -->
        <span class="license-info-close">&times;</span>

        <!-- 上半部分: 按钮和项目信息 -->
        <div id="license-info-modal-header" class="license-info-modal-header">
          
        </div>
        

        <!-- 下半部分: 动态显示字段内容 -->
        <div id="license-info-modal-body" class="license-info-modal-body"></div>

        <!-- 分页按钮 -->
        <div class="license-info-modal-pagination">
            <button id="prev-page">上一页</button>
            <button id="next-page">下一页</button>
        </div>
    
    </div>
</div>

<!-- 新的分发模态框 -->
<div id="distribute-modal" class="distribute-modal">
    <div class="distribute-modal-content">
        <span class="distribute-close">&times;</span>

        <!-- 上半部分: 分发邮箱 -->
        <div id="distribute-email-section" class="distribute-header">
            <h2>分发邮箱</h2>
            <div id="emailInputs">
                <!-- 动态生成邮箱输入区域 -->
            </div>
        </div>

        <!-- 下半部分: 分发用户 -->
        <div id="distribute-user-section" class="distribute-body">
            <h2>分发用户</h2>
            <div id="userInputs">
                <!-- 动态生成用户选择输入区域 -->
            </div>
        </div>

        <button class="distribute-confirm-button">确认分发</button>
    </div>
</div>


    <script src="license_info.js"></script>
    <script
    src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.7.1/jszip.min.js"></script>


</body>


</html>