nanguaboss
510 lines
29 KiB
JavaScript
510 lines
29 KiB
JavaScript
/**
|
||
* company.js - 企业数据管理逻辑（列表+筛选+分页 / 新增编辑弹窗 / 导入导出 / 详情）
|
||
*/
|
||
$(function () {
|
||
renderShell('企业数据', '数据管理 / 企业数据');
|
||
renderPage();
|
||
initPage('company', function (user) {
|
||
if (!checkPagePermission('company')) return;
|
||
loadList(1);
|
||
});
|
||
|
||
var currentPage = 1;
|
||
|
||
/** 渲染页面内容（工具栏+表格+分页） */
|
||
function renderPage() {
|
||
$('#page-content').html(
|
||
'<div class="card">' +
|
||
' <div class="toolbar">' +
|
||
' <input type="text" data-filter="keyword" placeholder="公司名/注册号关键词">' +
|
||
' <input type="text" data-filter="industry" placeholder="行业（精确匹配）">' +
|
||
' <select data-filter="business_role"><option value="">全部业务角色</option>' +
|
||
' <option value="manufacturer">生产型</option><option value="integrator">集成商</option>' +
|
||
' <option value="distributor">代理商</option><option value="brand_operator">品牌运营</option>' +
|
||
' <option value="others">其他</option></select>' +
|
||
' <input type="text" data-filter="country" placeholder="国家/地区">' +
|
||
' <button class="btn btn-primary" id="btn-search">搜索</button>' +
|
||
' <button class="btn" id="btn-reset">重置</button>' +
|
||
' <span class="spacer"></span>' +
|
||
' <button class="btn btn-success" id="btn-add">+ 新增</button>' +
|
||
' <button class="btn btn-warning" id="btn-import">导入CSV</button>' +
|
||
' <button class="btn" id="btn-export">导出</button>' +
|
||
' </div>' +
|
||
' <div class="table-wrap"><table class="grid">' +
|
||
' <thead><tr><th><input type="checkbox" id="check-all"></th><th>ID</th><th>公司名称</th><th>行业</th><th>行业细分</th><th>国家</th><th>业务角色</th><th>注册号</th><th>法人</th><th>上市</th><th>创建时间</th><th>操作</th></tr></thead>' +
|
||
' <tbody id="company-tbody"></tbody>' +
|
||
' </table></div>' +
|
||
' <div class="pagination" id="pagination"></div>' +
|
||
'</div>'
|
||
);
|
||
$('#check-all').on('change', function () { $('.row-check').prop('checked', this.checked); });
|
||
}
|
||
|
||
/* ---------- 列表 ---------- */
|
||
function loadList(page) {
|
||
currentPage = page;
|
||
var params = buildFilterParam();
|
||
params.page = page;
|
||
params.limit = PAGE_SIZE;
|
||
|
||
httpGet('company/list.php', params).then(function (data) {
|
||
var rows = data.list || [];
|
||
var html = '';
|
||
rows.forEach(function (r) {
|
||
html += '<tr>' +
|
||
'<td><input type="checkbox" class="row-check" value="' + r.id + '"></td>' +
|
||
'<td>' + r.id + '</td>' +
|
||
'<td title="' + escHtml(r.name_zh || r.name_en || '') + '">' + escHtml(r.name_zh || r.name_en || '-') + '</td>' +
|
||
'<td>' + escHtml(r.industry || '-') + '</td>' +
|
||
'<td>' + escHtml(r.industry_subdivision || '-') + '</td>' +
|
||
'<td>' + escHtml(r.country || '-') + '</td>' +
|
||
'<td>' + escHtml(r.business_role || '-') + '</td>' +
|
||
'<td>' + escHtml(r.registration_number || '-') + '</td>' +
|
||
'<td>' + escHtml(r.legal_representative || '-') + '</td>' +
|
||
'<td>' + (r.is_listed ? '<span class="tag">上市</span>' : '-') + '</td>' +
|
||
'<td>' + fmtDate(r.created_at) + '</td>' +
|
||
'<td class="ops">' +
|
||
' <a onclick="viewCompany(' + r.id + ')">详情</a>' +
|
||
' <a onclick="viewEmployees(' + r.id + ')">员工</a>' +
|
||
' <a onclick="viewProducts(' + r.id + ')">产品</a>' +
|
||
' <a onclick="editCompany(' + r.id + ')">编辑</a>' +
|
||
'</td></tr>';
|
||
});
|
||
if (!rows.length) {
|
||
html = '<tr><td colspan="12" class="empty-tip" style="padding:40px 0;">暂无数据</td></tr>';
|
||
}
|
||
$('#company-tbody').html(html);
|
||
renderPagination($('#pagination'), data, loadList);
|
||
});
|
||
}
|
||
|
||
/* ---------- 筛选 ---------- */
|
||
$('#btn-search').on('click', function () { loadList(1); });
|
||
$('#btn-reset').on('click', function () {
|
||
$('.toolbar [data-filter]').val('');
|
||
loadList(1);
|
||
});
|
||
|
||
/* ---------- 新增/编辑 ---------- */
|
||
$('#btn-add').on('click', function () {
|
||
httpGet('company/cert_types.php').then(function (d) {
|
||
openForm(null, [], [], d.types || []);
|
||
});
|
||
});
|
||
window.editCompany = function (id) {
|
||
httpGet('company/detail.php', { id: id }).then(function (d) {
|
||
openForm(d.company, d.financials, d.certifications, d.certification_types);
|
||
});
|
||
};
|
||
|
||
function openForm(company, financials, certifications, certTypes) {
|
||
var isEdit = !!company;
|
||
var c = company || {};
|
||
financials = financials || [];
|
||
certifications = certifications || [];
|
||
certTypes = certTypes || [];
|
||
|
||
// Tab1 工商信息
|
||
var bizHtml =
|
||
'<div class="form-grid">' +
|
||
' <div class="form-item"><label>公司名称<span class="req">*</span></label>' +
|
||
' <div style="display:flex;gap:8px;align-items:center;">' +
|
||
' <input type="text" name="name_zh" value="' + escHtml(c.name_zh) + '" style="width:60%;flex:0 0 auto;">' +
|
||
' <button type="button" class="btn btn-sm" id="btn-gongshang-query" title="预留：后续接入工商查询API，自动填写公司名称/注册号/注册地址等">工商查询</button>' +
|
||
' </div></div>' +
|
||
' <div class="form-item"><label>英文名称</label><input type="text" name="name_en" value="' + escHtml(c.name_en) + '"></div>' +
|
||
' <div class="form-item"><label>国家/地区</label><input type="text" name="country" value="' + escHtml(c.country) + '"></div>' +
|
||
' <div class="form-item"><label>注册号</label><input type="text" name="registration_number" value="' + escHtml(c.registration_number) + '"></div>' +
|
||
' <div class="form-item"><label>注册地址</label><input type="text" name="address" value="' + escHtml(c.address) + '"></div>' +
|
||
' <div class="form-item"><label>法律形式</label><input type="text" name="legal_form" value="' + escHtml(c.legal_form) + '"></div>' +
|
||
' <div class="form-item"><label>法定代表人</label><input type="text" name="legal_representative" value="' + escHtml(c.legal_representative) + '"></div>' +
|
||
' <div class="form-item"><label>成立日期</label><input type="date" name="established_date" value="' + escHtml(c.established_date) + '"></div>' +
|
||
' <div class="form-item"><label>注册资本(万元)</label><input type="text" name="registered_capital" value="' + escHtml(c.registered_capital) + '"></div>' +
|
||
' <div class="form-item full"><label>经营范围</label><textarea name="business_scope">' + escHtml(c.business_scope) + '</textarea></div>' +
|
||
'</div>';
|
||
|
||
// Tab2 行业信息（业务角色/行业/行业细分/官网）
|
||
var indHtml =
|
||
'<div class="form-grid">' +
|
||
' <div class="form-item"><label>业务角色</label><select name="business_role">' + roleOptions(c.business_role) + '</select></div>' +
|
||
' <div class="form-item"><label>行业</label><input type="text" name="industry" value="' + escHtml(c.industry) + '"></div>' +
|
||
' <div class="form-item"><label>行业细分</label><input type="text" name="industry_subdivision" value="' + escHtml(c.industry_subdivision) + '"></div>' +
|
||
' <div class="form-item"><label>官网</label><input type="text" name="website" value="' + escHtml(c.website) + '"></div>' +
|
||
'</div>';
|
||
|
||
// Tab3 财务信息：顶部独立字段（是否上市/股票代码/最新员工/最新营收）+ 年度财务明细列表
|
||
var finRowsHtml = '';
|
||
if (!financials.length) {
|
||
finRowsHtml = finRowHtml(null);
|
||
} else {
|
||
financials.forEach(function (f) { finRowsHtml += finRowHtml(f); });
|
||
}
|
||
var finHtml =
|
||
'<div class="form-grid">' +
|
||
' <div class="form-item"><label>是否上市</label><select name="is_listed">' +
|
||
' <option value="0"' + (c.is_listed ? '' : ' selected') + '>否</option>' +
|
||
' <option value="1"' + (c.is_listed ? ' selected' : '') + '>是</option></select></div>' +
|
||
' <div class="form-item"><label>股票代码</label><input type="text" name="stock_code" value="' + escHtml(c.stock_code) + '"></div>' +
|
||
' <div class="form-item"><label>最新员工数</label><input type="number" name="latest_employee_count" value="' + escHtml(c.latest_employee_count) + '"></div>' +
|
||
' <div class="form-item"><label>最新年营收</label><input type="text" name="latest_annual_revenue" value="' + escHtml(c.latest_annual_revenue) + '"></div>' +
|
||
'</div>' +
|
||
'<div style="display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;">' +
|
||
' <b style="font-size:13px;color:#1e2a3a;">年度财务明细</b>' +
|
||
' <button type="button" class="btn btn-sm" id="add-fin-row">+ 添加年度</button>' +
|
||
'</div>' +
|
||
'<div class="table-wrap"><table class="grid fin-tbl" style="font-size:12px;">' +
|
||
' <thead><tr><th>财年</th><th>员工数</th><th>总营收(万元)</th><th>净利润(万元)</th><th>总资产(万元)</th><th>总负债(万元)</th><th>所有者权益(万元)</th><th>毛利率(%)</th><th>净利率(%)</th><th>资产负债率(%)</th><th>财务报表链接</th><th>数据来源</th><th>操作</th></tr></thead>' +
|
||
' <tbody id="fin-tbody">' + finRowsHtml + '</tbody>' +
|
||
'</table></div>';
|
||
|
||
// Tab3 资质认证：列表形式（瞪羚企业等）
|
||
var certRowsHtml = '';
|
||
if (!certifications.length) {
|
||
certRowsHtml = certRowHtml(null, certTypes);
|
||
} else {
|
||
certifications.forEach(function (ct) { certRowsHtml += certRowHtml(ct, certTypes); });
|
||
}
|
||
var certHtml =
|
||
'<div style="display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;">' +
|
||
' <b style="font-size:13px;color:#1e2a3a;">资质认证</b>' +
|
||
' <button type="button" class="btn btn-sm" id="add-cert-row">+ 添加认证</button>' +
|
||
'</div>' +
|
||
'<div id="cert-rows">' + certRowsHtml + '</div>' +
|
||
'<div style="font-size:12px;color:#8a94a6;margin-top:8px;">如：瞪羚企业、国家高新技术企业、专精特新企业、ISO9001认证等</div>';
|
||
|
||
var content =
|
||
'<form id="company-form" style="padding:14px 22px 4px;">' +
|
||
' <div class="edit-tabs">' +
|
||
' <div class="edit-tabs-head">' +
|
||
' <span class="edit-tab active" data-tab="biz" onclick="switchEditTab(this)">工商信息</span>' +
|
||
' <span class="edit-tab" data-tab="ind" onclick="switchEditTab(this)">行业信息</span>' +
|
||
' <span class="edit-tab" data-tab="fin" onclick="switchEditTab(this)">财务信息</span>' +
|
||
' <span class="edit-tab" data-tab="cert" onclick="switchEditTab(this)">资质认证</span>' +
|
||
' </div>' +
|
||
' <div class="edit-tabs-body">' +
|
||
' <div class="edit-pane" id="edit-pane-biz">' + bizHtml + '</div>' +
|
||
' <div class="edit-pane" id="edit-pane-ind" style="display:none;">' + indHtml + '</div>' +
|
||
' <div class="edit-pane" id="edit-pane-fin" style="display:none;">' + finHtml + '</div>' +
|
||
' <div class="edit-pane" id="edit-pane-cert" style="display:none;">' + certHtml + '</div>' +
|
||
' </div>' +
|
||
' </div>' +
|
||
'<div class="dialog-footer"><button type="button" class="btn" id="form-cancel">取消</button>' +
|
||
'<button type="submit" class="btn btn-primary">保存</button></div>' +
|
||
'</form>';
|
||
|
||
var idx = Dialog.open({
|
||
title: isEdit ? '编辑企业' : '新增企业',
|
||
area: ['820px', 'auto'],
|
||
content: content,
|
||
btn: false
|
||
});
|
||
|
||
$('#form-cancel').on('click', function () { Dialog.close(idx); });
|
||
$('#add-fin-row').on('click', function () { $('#fin-tbody').append(finRowHtml(null)); });
|
||
$('#add-cert-row').on('click', function () { $('#cert-rows').append(certRowHtml(null, certTypes)); });
|
||
// 工商查询按钮（预留：后续接入工商查询API自动填写）
|
||
$('#btn-gongshang-query').on('click', function () {
|
||
Dialog.alert('工商查询API预留中，接入后可通过企业名称自动查询并填写公司名称、注册号、注册地址等信息');
|
||
});
|
||
|
||
$('#company-form').on('submit', function (e) {
|
||
e.preventDefault();
|
||
var fd = new FormData(this);
|
||
var nameZh = fd.get('name_zh');
|
||
var nameEn = fd.get('name_en');
|
||
if (isEdit) fd.delete('display_name'); // 编辑不允许改显示名称
|
||
if (!isEdit && !nameZh && !nameEn) {
|
||
Dialog.error('公司名称或英文名称至少填写一项');
|
||
return;
|
||
}
|
||
|
||
// 年度财务明细（整表替换）
|
||
var financials = [];
|
||
$('#fin-tbody .fin-row').each(function () {
|
||
var $y = $(this);
|
||
var year = $.trim($y.find('[name="fin-fiscal_year"]').val());
|
||
if (!year) return;
|
||
financials.push({
|
||
fiscal_year: year,
|
||
employee_count: $y.find('[name="fin-employee_count"]').val(),
|
||
total_revenue: $y.find('[name="fin-total_revenue"]').val(),
|
||
net_profit: $y.find('[name="fin-net_profit"]').val(),
|
||
total_assets: $y.find('[name="fin-total_assets"]').val(),
|
||
total_liabilities: $y.find('[name="fin-total_liabilities"]').val(),
|
||
owner_equity: $y.find('[name="fin-owner_equity"]').val(),
|
||
gross_margin: $y.find('[name="fin-gross_margin"]').val(),
|
||
net_margin: $y.find('[name="fin-net_margin"]').val(),
|
||
debt_ratio: $y.find('[name="fin-debt_ratio"]').val(),
|
||
financial_report_url: $y.find('[name="fin-financial_report_url"]').val(),
|
||
data_source: $y.find('[name="fin-data_source"]').val()
|
||
});
|
||
});
|
||
fd.append('financials', JSON.stringify(financials));
|
||
|
||
// 资质认证（整表替换）
|
||
var certs = [];
|
||
$('#cert-rows .cert-row').each(function () {
|
||
var $r = $(this);
|
||
var tid = $r.find('[name="cert-type"]').val();
|
||
if (!tid) return;
|
||
certs.push({
|
||
certification_type_id: tid,
|
||
certificate_number: $r.find('[name="cert-number"]').val(),
|
||
issue_date: $r.find('[name="cert-issue"]').val(),
|
||
expiry_date: $r.find('[name="cert-expiry"]').val()
|
||
});
|
||
});
|
||
fd.append('certifications', JSON.stringify(certs));
|
||
|
||
httpPost(isEdit ? 'company/update.php' : 'company/add.php', fd, true).then(function () {
|
||
Dialog.success('保存成功', function () {
|
||
Dialog.close(idx);
|
||
loadList(currentPage);
|
||
});
|
||
});
|
||
});
|
||
}
|
||
|
||
/* ---------- 编辑弹窗 Tab 切换 ---------- */
|
||
window.switchEditTab = function (el) {
|
||
var $tabs = $(el).closest('.edit-tabs');
|
||
$tabs.find('.edit-tab').removeClass('active');
|
||
$(el).addClass('active');
|
||
$tabs.find('.edit-pane').hide();
|
||
$('#edit-pane-' + $(el).data('tab')).show();
|
||
};
|
||
|
||
/** 年度财务明细行模板（列表形式，一行一个财年） */
|
||
function finRowHtml(f) {
|
||
f = f || {};
|
||
var empty = function (v) { return (v === null || v === undefined) ? '' : v; };
|
||
return '<tr class="fin-row">' +
|
||
'<td><input type="number" name="fin-fiscal_year" min="1990" max="2100" placeholder="2024" value="' + escHtml(empty(f.fiscal_year)) + '"></td>' +
|
||
'<td><input type="number" name="fin-employee_count" value="' + escHtml(empty(f.employee_count)) + '"></td>' +
|
||
'<td><input type="text" name="fin-total_revenue" value="' + escHtml(empty(f.total_revenue)) + '"></td>' +
|
||
'<td><input type="text" name="fin-net_profit" value="' + escHtml(empty(f.net_profit)) + '"></td>' +
|
||
'<td><input type="text" name="fin-total_assets" value="' + escHtml(empty(f.total_assets)) + '"></td>' +
|
||
'<td><input type="text" name="fin-total_liabilities" value="' + escHtml(empty(f.total_liabilities)) + '"></td>' +
|
||
'<td><input type="text" name="fin-owner_equity" value="' + escHtml(empty(f.owner_equity)) + '"></td>' +
|
||
'<td><input type="text" name="fin-gross_margin" value="' + escHtml(empty(f.gross_margin)) + '"></td>' +
|
||
'<td><input type="text" name="fin-net_margin" value="' + escHtml(empty(f.net_margin)) + '"></td>' +
|
||
'<td><input type="text" name="fin-debt_ratio" value="' + escHtml(empty(f.debt_ratio)) + '"></td>' +
|
||
'<td><input type="text" name="fin-financial_report_url" value="' + escHtml(empty(f.financial_report_url)) + '"></td>' +
|
||
'<td><input type="text" name="fin-data_source" value="' + escHtml(empty(f.data_source)) + '" placeholder="手动录入"></td>' +
|
||
'<td><button type="button" class="btn btn-sm btn-danger" onclick="$(this).closest(\'tr\').remove()">移除</button></td>' +
|
||
'</tr>';
|
||
}
|
||
|
||
/** 资质认证行模板 */
|
||
function certRowHtml(ct, certTypes) {
|
||
ct = ct || {};
|
||
var opts = '<option value="">请选择认证类型</option>';
|
||
certTypes.forEach(function (t) {
|
||
opts += '<option value="' + t.id + '"' + (String(t.id) === String(ct.certification_type_id) ? ' selected' : '') + '>' + escHtml(t.name) + '</option>';
|
||
});
|
||
return '<div class="cert-row">' +
|
||
'<select name="cert-type">' + opts + '</select>' +
|
||
'<input type="text" name="cert-number" placeholder="证书编号" value="' + escHtml(ct.certificate_number || '') + '">' +
|
||
'<input type="date" name="cert-issue" value="' + escHtml(ct.issue_date || '') + '">' +
|
||
'<input type="date" name="cert-expiry" value="' + escHtml(ct.expiry_date || '') + '">' +
|
||
'<button type="button" class="btn btn-sm btn-danger" onclick="$(this).closest(\'.cert-row\').remove()">删除</button>' +
|
||
'</div>';
|
||
}
|
||
|
||
function roleOptions(sel) {
|
||
var opts = ['', 'manufacturer', 'integrator', 'distributor', 'brand_operator', 'others'];
|
||
var labels = { 'manufacturer': '生产型', 'integrator': '集成商', 'distributor': '代理商', 'brand_operator': '品牌运营', 'others': '其他' };
|
||
var html = '<option value="">-</option>';
|
||
opts.forEach(function (v) {
|
||
if (v === '') return;
|
||
html += '<option value="' + v + '"' + (sel === v ? ' selected' : '') + '>' + (labels[v] || v) + '</option>';
|
||
});
|
||
return html;
|
||
}
|
||
|
||
/* ---------- 导入 ---------- */
|
||
$('#btn-import').on('click', function () {
|
||
triggerFileInput('.csv', function (file) {
|
||
var fd = new FormData();
|
||
fd.append('file', file);
|
||
httpPost('company/import.php', fd, true).then(function (d) {
|
||
Dialog.alert('导入结果：成功 ' + d.inserted + ' 条，失败 ' + d.failed + ' 条', function () {
|
||
loadList(1);
|
||
});
|
||
});
|
||
});
|
||
});
|
||
|
||
/* ---------- 导出（仅导出勾选的企业，未勾选弹窗提醒） ---------- */
|
||
$('#btn-export').on('click', function () {
|
||
var ids = [];
|
||
$('.row-check:checked').each(function () { ids.push($(this).val()); });
|
||
if (!ids.length) {
|
||
layer.alert('请先选择需要导出的企业数据', { icon: 2, title: '提示' });
|
||
return;
|
||
}
|
||
download('company/export.php', { ids: ids.join(',') });
|
||
});
|
||
|
||
/* ---------- 详情 ---------- */
|
||
window.viewCompany = function (id) {
|
||
httpGet('company/detail.php', { id: id }).then(function (d) {
|
||
var c = d.company;
|
||
var html =
|
||
'<div style="padding:18px 22px;">' +
|
||
' <h3 style="margin-bottom:14px;">' + escHtml(c.name_zh || c.name_en || '企业 #' + c.id) + '</h3>' +
|
||
' <div class="detail-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;font-size:13px;">' +
|
||
detailRow('公司名称', c.name_zh) + detailRow('英文名称', c.name_en) +
|
||
detailRow('业务角色', c.business_role) + detailRow('国家/地区', c.country) +
|
||
detailRow('注册号', c.registration_number) + detailRow('地址', c.address) +
|
||
detailRow('法定代表人', c.legal_representative) + detailRow('行业', c.industry) +
|
||
detailRow('行业细分', c.industry_subdivision) + detailRow('官网', c.website) +
|
||
detailRow('注册资本', c.registered_capital) + detailRow('成立日期', c.established_date) +
|
||
detailRow('员工数', c.latest_employee_count) + detailRow('年营收', c.latest_annual_revenue) +
|
||
detailRow('是否上市', c.is_listed ? '是' : '否') + detailRow('股票代码', c.stock_code) +
|
||
'</div>' +
|
||
' <h4 style="margin:16px 0 8px;">经营范围</h4><div style="font-size:13px;color:#5a6472;">' + escHtml(c.business_scope || '-') + '</div>' +
|
||
' <h4 style="margin:16px 0 8px;">关联需求</h4>' + miniTable(['联系人', '需求大类', '意向品类', '场景'], d.needs.map(function (n) { return [n.contact_person || '-', n.need_category || '-', n.target_product_category || '-', n.application_scenario || '-']; })) +
|
||
'</div>';
|
||
Dialog.open({ title: '企业详情', area: ['820px', 'auto'], content: html, btn: ['关闭'] });
|
||
});
|
||
};
|
||
|
||
function detailRow(label, val) {
|
||
return '<div><b>' + label + '：</b>' + escHtml(val || '-') + '</div>';
|
||
}
|
||
|
||
function miniTable(headers, rows) {
|
||
if (!rows.length) return '<div style="font-size:13px;color:#b6bfcc;">暂无数据</div>';
|
||
var html = '<table class="grid" style="font-size:12px;">';
|
||
html += '<tr>' + headers.map(function (h) { return '<th>' + h + '</th>'; }).join('') + '</tr>';
|
||
rows.forEach(function (r) {
|
||
html += '<tr>' + r.map(function (v) { return '<td>' + escHtml(v) + '</td>'; }).join('') + '</tr>';
|
||
});
|
||
return html + '</table>';
|
||
}
|
||
|
||
/* ---------- 员工列表弹窗（按公司查看员工，分页 + 姓名/职级筛选） ---------- */
|
||
var empCompanyId = 0;
|
||
var empPage = 1;
|
||
|
||
window.viewEmployees = function (companyId) {
|
||
empCompanyId = companyId;
|
||
empPage = 1;
|
||
var content =
|
||
'<div style="padding:14px 18px 6px;overflow:hidden;height:330px;">' +
|
||
' <div class="toolbar" style="margin-bottom:10px;">' +
|
||
' <input type="text" id="emp-keyword" placeholder="姓名关键词" style="width:140px;">' +
|
||
' <select id="emp-level" style="width:130px;"><option value="">全部职级</option></select>' +
|
||
' <span style="font-size:13px;color:#5a6472;">状态：</span>' +
|
||
' <label style="font-size:13px;color:#5a6472;"><input type="checkbox" id="emp-cur" checked> 在岗</label>' +
|
||
' <label style="font-size:13px;color:#5a6472;"><input type="checkbox" id="emp-off" checked> 离职</label>' +
|
||
' <button class="btn btn-primary btn-sm" id="emp-search">搜索</button>' +
|
||
' <button class="btn btn-sm" id="emp-reset">重置</button>' +
|
||
' </div>' +
|
||
' <div class="table-wrap"><table class="grid" style="font-size:13px;">' +
|
||
' <thead><tr><th>姓名</th><th>联系方式</th><th>邮箱</th><th>职级</th><th>部门</th><th>岗位</th><th>入职日期</th><th>状态</th></tr></thead>' +
|
||
' <tbody id="emp-tbody"></tbody>' +
|
||
' </table></div>' +
|
||
' <div class="pagination" id="emp-pagination"></div>' +
|
||
'</div>';
|
||
var idx = Dialog.open({ title: '员工列表', area: ['920px', 'auto'], content: content, btn: ['关闭'] });
|
||
window.__empDialogIdx = idx;
|
||
|
||
loadEmployees(1);
|
||
|
||
$('#emp-search').on('click', function () { loadEmployees(1); });
|
||
$('#emp-reset').on('click', function () {
|
||
$('#emp-keyword').val('');
|
||
$('#emp-level').val('');
|
||
$('#emp-cur').prop('checked', true);
|
||
$('#emp-off').prop('checked', true);
|
||
loadEmployees(1);
|
||
});
|
||
};
|
||
|
||
function loadEmployees(page) {
|
||
empPage = page;
|
||
var params = { company_id: empCompanyId, page: page, limit: 5 };
|
||
var kw = $.trim($('#emp-keyword').val());
|
||
var lv = $('#emp-level').val();
|
||
var cur = $('#emp-cur').prop('checked');
|
||
var off = $('#emp-off').prop('checked');
|
||
if (kw) params.keyword = kw;
|
||
if (lv) params.job_level = lv;
|
||
// 状态筛选：只勾一项则按该项过滤；都不勾视为全部
|
||
if (cur && !off) params.is_current = 1;
|
||
else if (!cur && off) params.is_current = 0;
|
||
|
||
httpGet('company/employees.php', params).then(function (data) {
|
||
var rows = data.list || [];
|
||
var html = '';
|
||
rows.forEach(function (r) {
|
||
html += '<tr>' +
|
||
'<td>' + escHtml(r.full_name) + '</td>' +
|
||
'<td>' + escHtml(r.phone || '-') + '</td>' +
|
||
'<td>' + escHtml(r.email || '-') + '</td>' +
|
||
'<td>' + escHtml(r.job_level || '-') + '</td>' +
|
||
'<td>' + escHtml(r.department || '-') + '</td>' +
|
||
'<td>' + escHtml(r.position || '-') + '</td>' +
|
||
'<td>' + escHtml(r.start_date || '-') + '</td>' +
|
||
'<td>' + (r.is_current ? '<span class="tag tag-green">在职</span>' : '<span class="tag tag-gray">离职</span>') + '</td>' +
|
||
'</tr>';
|
||
});
|
||
if (!rows.length) {
|
||
html = '<tr><td colspan="8" class="empty-tip" style="padding:30px 0;">暂无员工</td></tr>';
|
||
}
|
||
$('#emp-tbody').html(html);
|
||
|
||
// 职级下拉（仅首次填充）
|
||
var $lv = $('#emp-level');
|
||
if ($lv.find('option').length <= 1) {
|
||
var optHtml = '<option value="">全部职级</option>';
|
||
(data.levels || []).forEach(function (l) {
|
||
optHtml += '<option value="' + escHtml(l) + '">' + escHtml(l) + '</option>';
|
||
});
|
||
$lv.html(optHtml);
|
||
}
|
||
|
||
renderPagination($('#emp-pagination'), data, loadEmployees);
|
||
});
|
||
}
|
||
|
||
/* ---------- 产品品类弹窗（按企业查看产品品类，分页） ---------- */
|
||
var prodCompanyId = 0;
|
||
|
||
window.viewProducts = function (companyId) {
|
||
prodCompanyId = companyId;
|
||
var content =
|
||
'<div style="padding:14px 18px 6px;overflow:hidden;height:330px;">' +
|
||
' <div class="table-wrap"><table class="grid" style="font-size:13px;">' +
|
||
' <thead><tr><th>品类名称</th><th>品类描述</th><th>是否核心</th><th>状态</th></tr></thead>' +
|
||
' <tbody id="prod-tbody"></tbody>' +
|
||
' </table></div>' +
|
||
' <div class="pagination" id="prod-pagination"></div>' +
|
||
'</div>';
|
||
Dialog.open({ title: '产品品类', area: ['720px', 'auto'], content: content, btn: ['关闭'] });
|
||
loadProducts(1);
|
||
};
|
||
|
||
function loadProducts(page) {
|
||
httpGet('company/products.php', { company_id: prodCompanyId, page: page, limit: 5 }).then(function (data) {
|
||
var rows = data.list || [];
|
||
var html = '';
|
||
rows.forEach(function (r) {
|
||
html += '<tr>' +
|
||
'<td>' + escHtml(r.category_name) + '</td>' +
|
||
'<td>' + escHtml(r.category_description || '-') + '</td>' +
|
||
'<td>' + (r.is_core ? '<span class="tag">核心</span>' : '-') + '</td>' +
|
||
'<td>' + (r.is_active ? '<span class="tag tag-green">在产</span>' : '<span class="tag tag-gray">停产</span>') + '</td>' +
|
||
'</tr>';
|
||
});
|
||
if (!rows.length) {
|
||
html = '<tr><td colspan="4" class="empty-tip" style="padding:30px 0;">暂无产品品类</td></tr>';
|
||
}
|
||
$('#prod-tbody').html(html);
|
||
renderPagination($('#prod-pagination'), data, loadProducts);
|
||
});
|
||
}
|
||
});
|