cody
3 months ago
parent
1fd6bb630a
commit
2db9e3bfd5
@ -0,0 +1,18 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers\Web;
|
||||
|
||||
use App\Http\Controllers\Controller;
|
||||
use Illuminate\Http\Request;
|
||||
|
||||
class CompanyController extends Controller
|
||||
{
|
||||
/**
|
||||
* 显示公司查询页面
|
||||
*/
|
||||
public function search()
|
||||
{
|
||||
return view('company_search');
|
||||
}
|
||||
}
|
||||
|
||||
@ -0,0 +1,316 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>公司信息查询</title>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
min-height: 100vh;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: linear-gradient(135deg, #006987 0%, #0084a8 100%);
|
||||
color: white;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
font-size: 28px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.header p {
|
||||
font-size: 14px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.search-section {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.search-form {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
flex: 1;
|
||||
padding: 12px 16px;
|
||||
border: 2px solid #e0e0e0;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
transition: border-color 0.3s;
|
||||
}
|
||||
|
||||
.search-input:focus {
|
||||
outline: none;
|
||||
border-color: #006987;
|
||||
}
|
||||
|
||||
.search-btn {
|
||||
padding: 12px 30px;
|
||||
background: #006987;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.search-btn:hover {
|
||||
background: #0084a8;
|
||||
}
|
||||
|
||||
.search-btn:disabled {
|
||||
background: #ccc;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.loading {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
color: #666;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.error {
|
||||
background: #fee;
|
||||
color: #c33;
|
||||
padding: 15px;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 20px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.results {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.result-item {
|
||||
background: #f8f9fa;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 8px;
|
||||
padding: 20px;
|
||||
margin-bottom: 15px;
|
||||
transition: box-shadow 0.3s;
|
||||
}
|
||||
|
||||
.result-item:hover {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.result-item h3 {
|
||||
color: #006987;
|
||||
margin-bottom: 15px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.result-info {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.info-label {
|
||||
font-weight: 600;
|
||||
color: #666;
|
||||
font-size: 13px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.no-results {
|
||||
text-align: center;
|
||||
padding: 40px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.empty-state {
|
||||
text-align: center;
|
||||
padding: 60px 20px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.empty-state-icon {
|
||||
font-size: 64px;
|
||||
margin-bottom: 20px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1>🔍 公司信息查询</h1>
|
||||
<p>输入公司名称，查询企业详细信息</p>
|
||||
</div>
|
||||
|
||||
<div class="search-section">
|
||||
<form class="search-form" id="searchForm" onsubmit="searchCompany(event)">
|
||||
<input
|
||||
type="text"
|
||||
class="search-input"
|
||||
id="companyName"
|
||||
placeholder="请输入公司名称..."
|
||||
required
|
||||
>
|
||||
<button type="submit" class="search-btn" id="searchBtn">查询</button>
|
||||
</form>
|
||||
|
||||
<div class="error" id="errorMsg"></div>
|
||||
<div class="loading" id="loading">查询中，请稍候...</div>
|
||||
|
||||
<div class="results" id="results">
|
||||
<div class="empty-state">
|
||||
<div class="empty-state-icon">🏢</div>
|
||||
<p>请输入公司名称进行查询</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function searchCompany(event) {
|
||||
event.preventDefault();
|
||||
|
||||
const companyName = document.getElementById('companyName').value.trim();
|
||||
if (!companyName) {
|
||||
showError('请输入公司名称');
|
||||
return;
|
||||
}
|
||||
|
||||
const searchBtn = document.getElementById('searchBtn');
|
||||
const loading = document.getElementById('loading');
|
||||
const errorMsg = document.getElementById('errorMsg');
|
||||
const results = document.getElementById('results');
|
||||
|
||||
// 重置状态
|
||||
hideError();
|
||||
searchBtn.disabled = true;
|
||||
loading.style.display = 'block';
|
||||
results.innerHTML = '';
|
||||
|
||||
// 调用API
|
||||
fetch(`/api/mobile/other/company?company_name=${encodeURIComponent(companyName)}`)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
loading.style.display = 'none';
|
||||
searchBtn.disabled = false;
|
||||
|
||||
if (data.code === 200 && data.data && data.data.length > 0) {
|
||||
displayResults(data.data);
|
||||
} else {
|
||||
showError(data.msg || '未找到相关公司信息');
|
||||
results.innerHTML = '<div class="no-results">未找到相关公司信息</div>';
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
loading.style.display = 'none';
|
||||
searchBtn.disabled = false;
|
||||
showError('查询失败，请稍后重试');
|
||||
console.error('Error:', error);
|
||||
});
|
||||
}
|
||||
|
||||
function displayResults(companies) {
|
||||
const results = document.getElementById('results');
|
||||
|
||||
if (!companies || companies.length === 0) {
|
||||
results.innerHTML = '<div class="no-results">未找到相关公司信息</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
let html = '';
|
||||
companies.forEach(company => {
|
||||
html += `
|
||||
<div class="result-item">
|
||||
<h3>${escapeHtml(company.enterpriseName || company.name || '')}</h3>
|
||||
<div class="result-info">
|
||||
${getInfoItem('统一社会信用代码', company.creditCode)}
|
||||
${getInfoItem('法人代表', company.operName)}
|
||||
${getInfoItem('注册状态', company.status)}
|
||||
${getInfoItem('成立日期', company.startDate)}
|
||||
${getInfoItem('注册资本', formatRegistAmount(company.registAmount, company.registCapiType))}
|
||||
${getInfoItem('企业地址', company.address)}
|
||||
${getInfoItem('所属城市', company.city)}
|
||||
${getInfoItem('所属省份', company.province)}
|
||||
${getInfoItem('企业类型', company.enterpriseType)}
|
||||
${getInfoItem('经营范围', company.businessScope)}
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
});
|
||||
|
||||
results.innerHTML = html;
|
||||
}
|
||||
|
||||
function getInfoItem(label, value) {
|
||||
if (!value && value !== 0) {
|
||||
return '';
|
||||
}
|
||||
return `
|
||||
<div class="info-item">
|
||||
<div class="info-label">${escapeHtml(label)}</div>
|
||||
<div class="info-value">${escapeHtml(value)}</div>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
function formatRegistAmount(amount, type) {
|
||||
if (!amount) return '';
|
||||
return `${amount} ${type || ''}`;
|
||||
}
|
||||
|
||||
function showError(message) {
|
||||
const errorMsg = document.getElementById('errorMsg');
|
||||
errorMsg.textContent = message;
|
||||
errorMsg.style.display = 'block';
|
||||
}
|
||||
|
||||
function hideError() {
|
||||
const errorMsg = document.getElementById('errorMsg');
|
||||
errorMsg.style.display = 'none';
|
||||
}
|
||||
|
||||
function escapeHtml(text) {
|
||||
if (!text) return '';
|
||||
const div = document.createElement('div');
|
||||
div.textContent = text;
|
||||
return div.innerHTML;
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in new issue