Files
guoju0808/proto/html/components/edit-project-plan.html
郭庆泰 cf5790229a refactor: 合并 biz_support_unit/biz_execution_unit/biz_service_org 为 biz_org, 删除 2 张孤儿表, 改 biz_person.work_unit → org_id FK
主要改动:
- SQL: biz_support_unit → biz_org, 加 org_type, 加 business_nature; 删 biz_execution_unit, biz_service_org
- SQL: biz_project.support_unit_id/name + service_org_id/name → org_id/name/type
- SQL: biz_meeting.support_unit_name → org_name
- SQL: biz_person.work_unit → org_id (FK)
- 后端: 新 BizOrg entity/mapper/service/controller
- 后端: BizProject/BizMeeting 字段重命名
- 后端: 删 12 个 BizSupportUnit/BizExecutionUnit/BizServiceOrg Java 文件
- 后端: BizPersonImportVO.workUnit → orgName (导入时查 biz_org 取 org_id)
- 后端: BizAuthController.registerExecutor 完整实现 (原 registerSupplier stub)
- 前端: 新 admin/Orgs.vue + manager/Orgs.vue (原 SupportUnits)
- 前端: RegisterExecutor.vue (原 RegisterSupplier, 单页 2 步)
- 前端: sponsor/executor/manager 多个文件 workUnit → orgId/orgName 重命名
- 前端: 统一 supplier → executor, 业务命名 sponsor(赞助方) / executor(执行方=供应商)
- 前端: 全工程 execution → executor (company type / role / person unit_type)
2026-08-15 12:41:10 +08:00

169 lines
10 KiB
HTML

<!DOCTYPE html>
<!-- 角色:合规 父级:manager.html
用途:项目策划方案管理 → 修改 按钮跳转目标
字段(按项目策划案管理表格列,可编辑):
策划方案名称 / 项目方向 / 项目类别 / 项目形式 / 设计文件(查看+下载+重新上传) / 项目编号 / 备注
只读字段:状态 / 是否结算(由审核/结算流程决定)
URL: ?code=ZH-2026-XXX -->
<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,"PingFang SC","Microsoft YaHei",sans-serif;color:#333;background:#fafafa;min-height:100vh}
.content{padding:24px 32px}
.breadcrumb{font-size:13px;color:#8c8c8c;margin-bottom:16px}
.breadcrumb a{color:#1890ff;text-decoration:none;cursor:pointer}.breadcrumb a:hover{text-decoration:underline}
.breadcrumb .sep{margin:0 6px;color:#bfbfbf}.breadcrumb .current{color:#595959}
.page-title{font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:20px}
.card{background:#fff;border-radius:8px;padding:24px 32px;border:1px solid #f0f0f0;margin-bottom:16px}
.form{max-width:680px}
.form-row{display:flex;align-items:center;margin-bottom:18px}
.form-label{flex:0 0 120px;font-size:14px;color:#595959;text-align:right;padding-right:16px;white-space:nowrap}
.form-label .required{color:#ff4d4f;margin-left:4px}
.form-input,.form-select,.form-textarea{flex:1;height:36px;padding:0 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;color:#333;outline:none;background:#fff;box-sizing:border-box;font-family:inherit}
.form-textarea{height:auto;min-height:80px;padding:8px 12px;resize:vertical}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 3px rgba(24,144,255,.1)}
.form-select{cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center/14px;padding-right:32px}
.form-input[readonly],.form-select[readonly]{background:#fafafa;color:#8c8c8c;cursor:not-allowed}
.form-hint{font-size:12px;color:#8c8c8c;margin-left:8px}
.file-row{display:flex;align-items:center;gap:8px;flex:1}
.file-row .form-input{flex:1}
.upload-btn{height:36px;padding:0 16px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer}
.op-link{color:#1890ff;text-decoration:none;font-size:13px;margin-right:12px;cursor:pointer}
.op-link:hover{text-decoration:underline}
.section-title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 16px;padding-left:10px;border-left:3px solid #1890ff}
.hint-red{font-size:12px;color:#ff0000;line-height:1.6;margin-top:8px}
.form-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:28px;padding-top:20px;border-top:1px solid #f0f0f0}
.btn{height:40px;padding:0 24px;border-radius:5px;font-size:14px;cursor:pointer;min-width:140px}
.btn-primary{background:#169bd5;color:#fff;border:1px solid #169bd5}.btn-primary:hover{background:#0f8db8}
.btn-default{background:#fff;color:#333;border:1px solid #797979}.btn-default:hover{border-color:#1890ff;color:#1890ff}
.readonly-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}
.readonly-tag.pending{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}
.readonly-tag.done{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}
@media(max-width:768px){.content{padding:16px}.card{padding:16px}.form-row{flex-direction:column;align-items:stretch}.form-label{text-align:left;padding-right:0;margin-bottom:6px}.form-actions{flex-direction:column}.btn{width:100%}}
</style>
</head>
<body>
<main class="content">
<div class="breadcrumb">
<a href="javascript:void(0)" onclick="goBack('project-plan.html')">首页</a>
<span class="sep">/</span>
<a href="javascript:void(0)" onclick="goBack('project-plan.html')">项目策划方案管理</a>
<span class="sep">/</span>
<span class="current">编辑策划方案</span>
</div>
<h1 class="page-title">编辑项目策划方案</h1>
<div class="card">
<div class="section-title">基本信息</div>
<form class="form" id="planForm" onsubmit="return false">
<div class="form-row">
<label class="form-label">策划方案名称<span class="required">*</span></label>
<input type="text" class="form-input" id="fName" placeholder="请输入策划方案名称">
</div>
<div class="form-row">
<label class="form-label">项目方向<span class="required">*</span></label>
<select class="form-select" id="fDirection">
<option value="">请选择</option>
<option value="plan1">专项计划一:《规范化诊疗及医疗质量提升专项计划(2026-2030年)》</option>
<option value="plan2">专项计划二:《科研创新专项行动计划(2026-2030年)》</option>
</select>
</div>
<div class="form-row">
<label class="form-label">项目类别<span class="required">*</span></label>
<select class="form-select" id="fCategory">
<option value="">请选择</option>
<option>会议项目</option>
<option>科研项目</option>
<option>学术项目</option>
<option>指南</option>
<option>共识</option>
<option>对外交流</option>
</select>
</div>
<div class="form-row">
<label class="form-label">项目形式<span class="required">*</span></label>
<select class="form-select" id="fForm">
<option value="">请选择</option>
<option>线上</option>
<option>线下</option>
<option>线上+线下</option>
<option>其他</option>
</select>
</div>
<div class="form-row">
<label class="form-label">设计文件<span class="required">*</span></label>
<div class="file-row">
<input type="text" class="form-input" id="fFile" placeholder="未选择文件" readonly>
<a class="op-link" href="javascript:void(0)" onclick="alert('查看现有设计文件')">查看</a>
<a class="op-link" href="javascript:void(0)" onclick="alert('下载现有设计文件')">下载</a>
<button type="button" class="upload-btn" onclick="reupload()">重新上传</button>
</div>
</div>
<div class="form-row">
<label class="form-label">项目编号<span class="required">*</span></label>
<input type="text" class="form-input" id="fCode" placeholder="如:ZH-2026-658">
</div>
<div class="form-row">
<label class="form-label">备注</label>
<textarea class="form-textarea" id="fRemark" placeholder="请输入备注..."></textarea>
</div>
<div class="form-row">
<label class="form-label">状态</label>
<span id="fStatus"><span class="readonly-tag pending">待审核</span></span>
<span class="form-hint">(由审核流程决定,不可编辑)</span>
</div>
<div class="form-row">
<label class="form-label">是否结算</label>
<span id="fSettled">未结算</span>
<span class="form-hint">(由结算流程决定,不可编辑)</span>
</div>
<p class="hint-red">*策划方案名称 / 项目方向 / 项目类别 / 项目形式 / 设计文件 / 项目编号 均为必填项;重新上传文件后,请确认原文件版本已被归档</p>
<div class="form-actions">
<button type="button" class="btn btn-primary" onclick="save()">保存</button>
<button type="button" class="btn btn-default" onclick="goBack('project-plan.html')">取消</button>
</div>
</form>
</div>
</main>
<script>
// 从 URL 读项目编号
var params = new URLSearchParams(location.search);
var code = params.get('code');
document.getElementById('fCode').value = code || '';
// 业务上由后端根据 code 返回完整数据,此处用占位演示
if (code) {
// 示例预填(实际由后端根据 code 查询)
document.getElementById('fName').value = '小牛血清创新应用研讨会';
document.getElementById('fDirection').value = 'plan1';
document.getElementById('fCategory').value = '会议项目';
document.getElementById('fForm').value = '线上';
document.getElementById('fFile').value = '设计稿_v2.pdf';
document.getElementById('fRemark').value = 'XXXXXX';
document.getElementById('fStatus').innerHTML = '<span class="readonly-tag pending">待审核</span>';
document.getElementById('fSettled').textContent = '已结算';
}
function reupload() { alert('请选择新设计文件:业务接口待对接'); }
function save() {
var required = ['fName', 'fDirection', 'fCategory', 'fForm', 'fFile', 'fCode'];
for (var i = 0; i < required.length; i++) {
var el = document.getElementById(required[i]);
if (!el.value) { el.focus(); alert('请填写完整:' + el.previousElementSibling.textContent.replace('*', '')); return; }
}
alert('保存成功(业务接口待对接)');
goBack('project-plan.html');
}
function goBack(target) {
try {
if (window.parent && window.parent.document.getElementById('contentFrame')) {
window.parent.document.getElementById('contentFrame').src = target;
} else { window.location.href = target; }
} catch (e) { window.location.href = target; }
}
</script>
</body>
</html>