江西招标专家抽选系统源码解读——东方仙盟——仙盟创梦IDE

复制代码
<div class="container mx-auto px-4">
      <div class="text-center max-w-3xl mx-auto mb-16">
        <h2 class="text-[clamp(1.8rem,4vw,2.5rem)] font-bold text-gray-800">
          智能抽选,<span class="text-jiangxi-red">特色</span>服务
        </h2>
        <p class="mt-4 text-gray-600">
          融合江西特色产业需求,打造全国领先的智能化专家抽选平台,为您的招标项目提供专业保障。
        </p>
      </div>
      
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
        <!-- 功能卡片 1 -->
        <div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
          <div class="h-48 bg-jiangxi-red/10 relative">
            <img src="https://picsum.photos/seed/feature1/600/400" alt="智能专家库管理" class="w-full h-full object-cover">
            <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
            <div class="absolute bottom-4 left-4 text-white">
              <h3 class="font-bold text-xl">智能专家库管理</h3>
            </div>
          </div>
          <div class="p-6">
            <p class="text-gray-600 mb-4">
              覆盖江西11个设区市,包含工程、经济、法律等20+专业领域,细分陶瓷、稀土、红色文旅等江西特色产业专家。
            </p>
            <ul class="space-y-2 mb-6">
              <li class="flex items-center text-gray-700">
                <i class="fa fa-check text-jiangxi-green mr-2"></i>
                江西特色产业专家库分类
              </li>
              <li class="flex items-center text-gray-700">
                <i class="fa fa-check text-jiangxi-green mr-2"></i>
                动态更新专家信用评级
              </li>
              <li class="flex items-center text-gray-700">
                <i class="fa fa-check text-jiangxi-green mr-2"></i>
                专家执业轨迹全程追溯
              </li>
            </ul>
            <a href="#" class="inline-flex items-center text-jiangxi-red font-medium hover:underline">
              了解详情 <i class="fa fa-arrow-right ml-2"></i>
            </a>
          </div>
        </div>
        
        <!-- 功能卡片 2 -->
        <div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
          <div class="h-48 bg-jiangxi-green/10 relative">
            <img src="https://picsum.photos/seed/feature2/600/400" alt="特色抽选机制" class="w-full h-full object-cover">
            <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
            <div class="absolute bottom-4 left-4 text-white">
              <h3 class="font-bold text-xl">特色抽选机制</h3>
            </div>
          </div>
          <div class="p-6">
            <p class="text-gray-600 mb-4">
              基于区块链技术的双随机抽选,支持江西特色项目定向抽选,确保专家与项目需求高度匹配。
            </p>
            <ul class="space-y-2 mb-6">
              <li class="flex items-center text-gray-700">
                <i class="fa fa-check text-jiangxi-green mr-2"></i>
                双随机+地域倾斜抽选算法
              </li>
              <li class="flex items-center text-gray-700">
                <i class="fa fa-check text-jiangxi-green mr-2"></i>
                江西特色产业专家优先匹配
              </li>
              <li class="flex items-center text-gray-700">
                <i class="fa fa-check text-jiangxi-green mr-2"></i>
                抽选过程全流程加密存证
              </li>
            </ul>
            <a href="#" class="inline-flex items-center text-jiangxi-red font-medium hover:underline">
              了解详情 <i class="fa fa-arrow-right ml-2"></i>
            </a>
          </div>
        </div>
        
        <!-- 功能卡片 3 -->
        <div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
          <div class="h-48 bg-porcelain-blue/30 relative">
            <img src="https://picsum.photos/seed/feature3/600/400" alt="全流程监管" class="w-full h-full object-cover">
            <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
            <div class="absolute bottom-4 left-4 text-white">
              <h3 class="font-bold text-xl">全流程监管</h3>
            </div>
          </div>
          <div class="p-6">
            <p class="text-gray-600 mb-4">
              与江西省公共资源交易中心数据对接,实现专家抽取、评审、信用评价全流程监管,确保公平公正。
            </p>
            <ul class="space-y-2 mb-6">
              <li class="flex items-center text-gray-700">
                <i class="fa fa-check text-jiangxi-green mr-2"></i>
                区块链存证防篡改
              </li>
              <li class="flex items-center text-gray-700">
                <i class="fa fa-check text-jiangxi-green mr-2"></i>
                赣服通移动端实时监管
              </li>
              <li class="flex items-center text-gray-700">
                <i class="fa fa-check text-jiangxi-green mr-2"></i>
                异常行为智能预警
              </li>
            </ul>
            <a href="#" class="inline-flex items-center text-jiangxi-red font-medium hover:underline">
              了解详情 <i class="fa fa-arrow-right ml-2"></i>
            </a>
          </div>
        </div>
      </div>
      
      <!-- 特色功能 -->
      <div class="mt-20 bg-porcelain-blue/10 rounded-2xl p-8 md:p-12">
        <h3 class="text-2xl font-bold text-center mb-12">江西特色功能</h3>
        
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
          <!-- 特色功能 1 -->
          <div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
            <div class="w-16 h-16 bg-jiangxi-red/10 rounded-full flex items-center justify-center mb-4">
              <i class="fa fa-map-marker text-jiangxi-red text-2xl"></i>
            </div>
            <h4 class="font-bold text-lg mb-2">地域特色专家库</h4>
            <p class="text-gray-600 text-sm">
              按江西11个设区市细分专家资源,针对性匹配本地项目需求
            </p>
          </div>
          
          <!-- 特色功能 2 -->
          <div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
            <div class="w-16 h-16 bg-jiangxi-green/10 rounded-full flex items-center justify-center mb-4">
              <i class="fa fa-certificate text-jiangxi-green text-2xl"></i>
            </div>
            <h4 class="font-bold text-lg mb-2">特色产业认证</h4>
            <p class="text-gray-600 text-sm">
              针对陶瓷、稀土、中医药等江西特色产业设置专业认证体系
            </p>
          </div>
          
          <!-- 特色功能 3 -->
          <div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
            <div class="w-16 h-16 bg-jiangxi-red/10 rounded-full flex items-center justify-center mb-4">
              <i class="fa fa-book text-jiangxi-red text-2xl"></i>
            </div>
            <h4 class="font-bold text-lg mb-2">红色项目优先</h4>
            <p class="text-gray-600 text-sm">
              针对井冈山、瑞金等红色文旅项目,智能匹配相关领域专家
            </p>
          </div>
          
          <!-- 特色功能 4 -->
          <div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
            <div class="w-16 h-16 bg-jiangxi-green/10 rounded-full flex items-center justify-center mb-4">
              <i class="fa fa-gavel text-jiangxi-green text-2xl"></i>
            </div>
            <h4 class="font-bold text-lg mb-2">江西政策适配</h4>
            <p class="text-gray-600 text-sm">
              内置江西地方招标政策,自动匹配评审标准和加分条款
            </p>
          </div>
        </div>
      </div>
    </div>
复制代码
<div class="mt-20 bg-porcelain-blue/10 rounded-2xl p-8 md:p-12">
        <h3 class="text-2xl font-bold text-center mb-12">江西特色功能</h3>
        
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
          <!-- 特色功能 1 -->
          <div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
            <div class="w-16 h-16 bg-jiangxi-red/10 rounded-full flex items-center justify-center mb-4">
              <i class="fa fa-map-marker text-jiangxi-red text-2xl"></i>
            </div>
            <h4 class="font-bold text-lg mb-2">地域特色专家库</h4>
            <p class="text-gray-600 text-sm">
              按江西11个设区市细分专家资源,针对性匹配本地项目需求
            </p>
          </div>
          
          <!-- 特色功能 2 -->
          <div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
            <div class="w-16 h-16 bg-jiangxi-green/10 rounded-full flex items-center justify-center mb-4">
              <i class="fa fa-certificate text-jiangxi-green text-2xl"></i>
            </div>
            <h4 class="font-bold text-lg mb-2">特色产业认证</h4>
            <p class="text-gray-600 text-sm">
              针对陶瓷、稀土、中医药等江西特色产业设置专业认证体系
            </p>
          </div>
          
          <!-- 特色功能 3 -->
          <div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
            <div class="w-16 h-16 bg-jiangxi-red/10 rounded-full flex items-center justify-center mb-4">
              <i class="fa fa-book text-jiangxi-red text-2xl"></i>
            </div>
            <h4 class="font-bold text-lg mb-2">红色项目优先</h4>
            <p class="text-gray-600 text-sm">
              针对井冈山、瑞金等红色文旅项目,智能匹配相关领域专家
            </p>
          </div>
          
          <!-- 特色功能 4 -->
          <div class="bg-white p-6 rounded-lg shadow-md flex flex-col items-center text-center">
            <div class="w-16 h-16 bg-jiangxi-green/10 rounded-full flex items-center justify-center mb-4">
              <i class="fa fa-gavel text-jiangxi-green text-2xl"></i>
            </div>
            <h4 class="font-bold text-lg mb-2">江西政策适配</h4>
            <p class="text-gray-600 text-sm">
              内置江西地方招标政策,自动匹配评审标准和加分条款
            </p>
          </div>
        </div>
      </div>
复制代码
<div class="mt-20 bg-white rounded-xl shadow-lg p-6 md:p-8">
        <h3 class="text-xl font-bold mb-6">江西省专家分布情况</h3>
        <div class="h-80">
          <canvas id="expertDistributionChart" width="672" height="320" style="display: block; box-sizing: border-box; height: 320px; width: 672px;"></canvas>
        </div>
      </div>
相关推荐
Mertrix_ITCH4 小时前
在 Android Studio 中修改 APK 启动图标(2025826)
android·ide·android studio
万粉变现经纪人5 小时前
如何解决pip安装报错ModuleNotFoundError: No module named ‘websockets’问题
ide·pycharm·beautifulsoup·pandas·fastapi·pip·httpx
Jackson@ML14 小时前
使用字节旗下的TREA IDE快速开发Web应用程序
前端·ide·trea
刘恒12345678915 小时前
Pycharm
ide·python·pycharm
weixin_541299941 天前
VSCode: 从插件安装到配置,如何实现 Ctrl+S 保存时,完全按照 .eslintrc.js 中的 ESLint 规则自动格式化代码
javascript·ide·vscode
半路程序员1 天前
autojs连接vscode失败:failed to connect to /192.168.xxx.xxx
ide·vscode·编辑器
全栈小52 天前
【AI编程】如何快速通过AI IDE集成开发工具来生成一个简易留言板系统
ide·人工智能·ai编程
猿饵块2 天前
vscode--快捷键
ide·vscode·编辑器
谱写秋天2 天前
VSCode+Qt+CMake详细地讲解
c++·ide·vscode·qt·编辑器
Cuit小唐2 天前
VsCode使用SFTP连接Linux
linux·ide·vscode