郭庆泰
cf5790229a
主要改动: - 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)
376 lines
15 KiB
HTML
376 lines
15 KiB
HTML
<!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, "PingFang SC", "Microsoft YaHei", sans-serif;
|
|
color: #333;
|
|
background: #fafafa;
|
|
min-height: 100vh;
|
|
}
|
|
.content { padding: 24px 32px; }
|
|
|
|
/* 面包屑(对应 u12310) */
|
|
.breadcrumb {
|
|
font-size: 13px;
|
|
color: #8c8c8c;
|
|
margin-bottom: 12px;
|
|
}
|
|
.breadcrumb a { color: #1890ff; text-decoration: none; }
|
|
.breadcrumb a:hover { text-decoration: underline; }
|
|
|
|
/* h1(对应 u12322 top:178) */
|
|
.page-title {
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
color: #1a1a1a;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
/* 红字提示(对应 u12335 top:217 + u12346 + u12338/40/42/44 红星) */
|
|
.hint-text {
|
|
font-size: 12px;
|
|
color: #ff4d4f;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* 表单卡 */
|
|
.card {
|
|
background: #fff;
|
|
border-radius: 8px;
|
|
padding: 32px 40px;
|
|
border: 1px solid #f0f0f0;
|
|
}
|
|
|
|
.form {
|
|
max-width: 640px;
|
|
}
|
|
|
|
.form-row {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
.form-row:last-of-type { margin-bottom: 0; }
|
|
|
|
.form-label {
|
|
flex: 0 0 110px;
|
|
font-size: 14px;
|
|
color: #595959;
|
|
text-align: right;
|
|
padding-right: 16px;
|
|
white-space: nowrap;
|
|
}
|
|
.form-label .required {
|
|
color: #ff4d4f;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.form-input, .form-select, .form-textarea {
|
|
flex: 1;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
color: #333;
|
|
background: #fff;
|
|
outline: none;
|
|
transition: all 0.2s;
|
|
padding: 0 12px;
|
|
}
|
|
.form-input, .form-select {
|
|
height: 32px;
|
|
}
|
|
.form-textarea {
|
|
height: 90px;
|
|
padding: 8px 12px;
|
|
resize: vertical;
|
|
font-family: inherit;
|
|
}
|
|
.form-input:focus, .form-select:focus, .form-textarea:focus {
|
|
border-color: #1890ff;
|
|
box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.1);
|
|
}
|
|
.form-select {
|
|
cursor: pointer;
|
|
appearance: none;
|
|
background-image: url("data:image/svg+xml;charset=UTF-8,%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");
|
|
background-repeat: no-repeat;
|
|
background-position: right 10px center;
|
|
background-size: 14px;
|
|
padding-right: 28px;
|
|
}
|
|
|
|
/* 文件上传(对应 u12325 + u12326) */
|
|
.upload-group {
|
|
display: flex;
|
|
gap: 8px;
|
|
flex: 1;
|
|
}
|
|
.upload-group .form-input { flex: 1; }
|
|
.upload-btn {
|
|
flex: 0 0 90px;
|
|
height: 32px;
|
|
background: #fff;
|
|
border: 1px solid #d9d9d9;
|
|
color: #333;
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
cursor: pointer;
|
|
}
|
|
.upload-btn:hover {
|
|
border-color: #1890ff;
|
|
color: #1890ff;
|
|
}
|
|
|
|
/* 字数提示(对应 u12320 top:702) */
|
|
.char-count {
|
|
font-size: 12px;
|
|
color: #8c8c8c;
|
|
margin-top: 4px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* 错误提示 */
|
|
.form-error {
|
|
font-size: 12px;
|
|
color: #ff4d4f;
|
|
margin-top: 4px;
|
|
min-height: 16px;
|
|
padding-left: 126px;
|
|
}
|
|
|
|
/* 按钮区(对应 u12328 + u12330,top:793) */
|
|
.form-actions {
|
|
display: flex;
|
|
gap: 12px;
|
|
justify-content: center;
|
|
margin-top: 32px;
|
|
padding-top: 24px;
|
|
border-top: 1px solid #f0f0f0;
|
|
}
|
|
|
|
.btn {
|
|
height: 40px;
|
|
padding: 0 32px;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
min-width: 140px;
|
|
transition: all 0.2s;
|
|
}
|
|
.btn-primary {
|
|
background: #169bd5;
|
|
color: #fff;
|
|
border: 1px solid #169bd5;
|
|
}
|
|
.btn-primary:hover { background: #0f8db8; border-color: #0f8db8; }
|
|
.btn-default {
|
|
background: #fff;
|
|
color: #333;
|
|
border: 1px solid #797979;
|
|
}
|
|
.btn-default:hover { border-color: #1890ff; color: #1890ff; }
|
|
|
|
@media (max-width: 768px) {
|
|
.content { padding: 16px; }
|
|
.card { padding: 16px; }
|
|
.form { max-width: 100%; }
|
|
.form-row { flex-direction: column; align-items: stretch; }
|
|
.form-label { text-align: left; padding-right: 0; margin-bottom: 6px; }
|
|
.form-input, .form-select, .form-textarea { width: 100%; }
|
|
.form-error { padding-left: 0; }
|
|
.form-actions { flex-direction: column; }
|
|
.btn { width: 100%; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!--
|
|
============================================================
|
|
来源: /原型/新建投稿_1.html
|
|
/原型/files/新建投稿_1/styles.css
|
|
============================================================
|
|
按 top 升序的内容区模块:
|
|
#1 u12310 "首页" (287, 52) → 面包屑
|
|
#2 u12322 "新建项目设计投稿" (643, 178) → h1
|
|
#3 u12335 红字 *项目规划后台可配置 (?, 217) → 顶部红字
|
|
#4 u12332/u12334 项目方向 (?, 257)/(?, 254) → label+droplist
|
|
#5 u12312/u12324 策划方案名称 (462, 322)/(562, 319) → label+input
|
|
#6 u12314/u12337 项目形式 (490, 379)/(?, 373) → label+droplist
|
|
#7 u12348/u12350 项目类别 (?, ?)/(?, ?) → label+droplist
|
|
#8 u12316/u12325/u12326 设计文件 (489, 491)/(561, 486)/(772, 486) → label+input+上传
|
|
#9 u12318/u12327 备注 (517, 548)/(561, 548) → label+textarea
|
|
#10 u12320 0/500 字数 (881, 702) → 字数提示
|
|
#11 u12338/u12340/u12342/u12344 红星 * (4 个必填标识)
|
|
#12 u12346 红字 *除备注外... → 表底红字
|
|
#13 u12328 保存 (?, 793) → 主按钮
|
|
#14 u12330 取消 (?, 793) → 次按钮
|
|
============================================================
|
|
框架元素(由父级 doctor.html 渲染,本页面不输出):
|
|
- u12300/u12302/u12304/u12306/u12308/u12310 侧边栏+顶栏
|
|
============================================================
|
|
新增项(非原型):
|
|
- 表单校验 + 错误提示(#errMsg)
|
|
- 响应式 768px
|
|
- 字数统计 0/500 (原型只是文字,没自动统计,这里加 JS)
|
|
============================================================
|
|
-->
|
|
<main class="content">
|
|
|
|
<!-- #1 面包屑(对应 u12310) -->
|
|
<div class="breadcrumb">
|
|
<a href="javascript:void(0)" onclick="goBack()">我的项目设计投稿</a> > 新建项目设计投稿
|
|
</div>
|
|
|
|
<!-- #2 h1(对应 u12322) -->
|
|
<h1 class="page-title">新建项目设计投稿</h1>
|
|
|
|
<!-- #3 顶部红字(对应 u12335) -->
|
|
<div class="card" style="padding: 16px 24px; margin-bottom: 16px;">
|
|
<p class="hint-text">*项目规划后台可配置,合规/战略/学术进行配置,待定</p>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<form id="submissionForm" class="form" onsubmit="return false;">
|
|
|
|
<!-- #4 项目方向(对应 u12332 + u12334) -->
|
|
<div class="form-row">
|
|
<label class="form-label" for="direction">
|
|
<span class="required">*</span>项目方向
|
|
</label>
|
|
<select id="direction" class="form-select">
|
|
<option value="">请选择</option>
|
|
<option value="plan1">专项计划一:《规范化诊疗及医疗质量提升专项计划(2026-2030年)》</option>
|
|
<option value="plan2">专项计划二:《科研创新专项行动计划(2026-2030年)》</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- #5 策划方案名称(对应 u12312 + u12324) -->
|
|
<div class="form-row">
|
|
<label class="form-label" for="name">
|
|
<span class="required">*</span>策划方案名称
|
|
</label>
|
|
<input type="text" id="name" class="form-input" placeholder="请填写策划方案名称" maxlength="500">
|
|
</div>
|
|
|
|
<!-- #6 项目形式(对应 u12314 + u12337) -->
|
|
<div class="form-row">
|
|
<label class="form-label" for="form">
|
|
<span class="required">*</span>项目形式
|
|
</label>
|
|
<select id="form" class="form-select">
|
|
<option value="">请选择</option>
|
|
<option value="online">线上</option>
|
|
<option value="offline">线下</option>
|
|
<option value="both">线上+线下</option>
|
|
<option value="other">其他</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- #7 项目类别(对应 u12348 + u12350) -->
|
|
<div class="form-row">
|
|
<label class="form-label" for="category">
|
|
<span class="required">*</span>项目类别
|
|
</label>
|
|
<select id="category" class="form-select">
|
|
<option value="">请选择</option>
|
|
<option value="academic">学术会议类</option>
|
|
<option value="research">专项科研类</option>
|
|
<option value="survey">调研征集类</option>
|
|
<option value="charity">慈善帮扶类</option>
|
|
<option value="standard">标准制定类</option>
|
|
<option value="patient">患者援助类</option>
|
|
<option value="training">专业培训类</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- #8 设计文件(对应 u12316 + u12325 + u12326) -->
|
|
<div class="form-row">
|
|
<label class="form-label" for="fileInput">
|
|
<span class="required">*</span>设计文件
|
|
</label>
|
|
<div class="upload-group">
|
|
<input type="text" id="fileInput" class="form-input" placeholder="选择文件" readonly>
|
|
<button type="button" class="upload-btn" onclick="simulateUpload()">上传</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- #9 备注(对应 u12318 + u12327) -->
|
|
<div class="form-row" style="align-items: flex-start;">
|
|
<label class="form-label" for="remark" style="padding-top: 6px;">备注</label>
|
|
<div style="flex: 1; display: flex; flex-direction: column;">
|
|
<textarea id="remark" class="form-textarea" maxlength="500" placeholder="备注(选填)"></textarea>
|
|
<!-- #10 字数(对应 u12320) -->
|
|
<div class="char-count"><span id="charCount">0</span>/500</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="errMsg" class="form-error"></div>
|
|
|
|
<!-- #12 表底红字(对应 u12346) -->
|
|
<p class="hint-text" style="text-align: center; margin: 16px 0;">*除备注外,其他均为必填项</p>
|
|
|
|
<!-- #13 + #14 按钮(对应 u12328 + u12330) -->
|
|
<div class="form-actions">
|
|
<button type="button" class="btn btn-primary" onclick="save()">保存</button>
|
|
<button type="button" class="btn btn-default" onclick="goBack()">取消</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<script>
|
|
// 字数统计(对应 u12320 "0/500")
|
|
const remarkEl = document.getElementById('remark');
|
|
const charCountEl = document.getElementById('charCount');
|
|
remarkEl.addEventListener('input', () => {
|
|
charCountEl.textContent = remarkEl.value.length;
|
|
});
|
|
|
|
// 模拟上传(原型 u12326 上传按钮)
|
|
function simulateUpload() {
|
|
const fileInput = document.getElementById('fileInput');
|
|
// 实际项目用 <input type="file"> + FormData,这里模拟
|
|
const fakeName = `设计文件_${Date.now()}.pdf`;
|
|
fileInput.value = fakeName;
|
|
}
|
|
|
|
// 保存(对应 u12328)
|
|
function save() {
|
|
const direction = document.getElementById('direction').value;
|
|
const name = document.getElementById('name').value.trim();
|
|
const form = document.getElementById('form').value;
|
|
const category = document.getElementById('category').value;
|
|
const fileInput = document.getElementById('fileInput').value.trim();
|
|
const errEl = document.getElementById('errMsg');
|
|
|
|
if (!direction) { errEl.textContent = '请选择项目方向'; return; }
|
|
if (!name) { errEl.textContent = '请填写策划方案名称'; return; }
|
|
if (!form) { errEl.textContent = '请选择项目形式'; return; }
|
|
if (!category) { errEl.textContent = '请选择项目类别'; return; }
|
|
if (!fileInput) { errEl.textContent = '请上传设计文件'; return; }
|
|
errEl.textContent = '';
|
|
alert('保存成功');
|
|
goBack();
|
|
}
|
|
|
|
// 取消/返回 → iframe 路由回列表(对应 u12330)
|
|
function goBack() {
|
|
try {
|
|
if (window.parent && window.parent.document.getElementById('contentFrame')) {
|
|
window.parent.document.getElementById('contentFrame').src = 'submissions.html';
|
|
} else {
|
|
history.back();
|
|
}
|
|
} catch (e) {
|
|
history.back();
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |