2025-05-30 02:10:24 +00:00
|
|
|
|
<!DOCTYPE html>
|
2025-05-30 09:32:14 +00:00
|
|
|
|
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
|
2025-05-30 02:10:24 +00:00
|
|
|
|
<head>
|
2025-05-30 09:32:14 +00:00
|
|
|
|
<th:block th:include="include :: header('新增项目管理')"/>
|
|
|
|
|
|
<th:block th:include="include :: datetimepicker-css"/>
|
2025-05-30 02:10:24 +00:00
|
|
|
|
</head>
|
2025-05-30 09:32:14 +00:00
|
|
|
|
<style>
|
|
|
|
|
|
body { font-family: "微软雅黑", Arial, sans-serif; }
|
|
|
|
|
|
table { border-collapse: collapse; width: 100%; margin-bottom: 20px; }
|
|
|
|
|
|
th, td { border: 1px solid #ccc; padding: 8px; }
|
|
|
|
|
|
th { background: #f5f5f5; }
|
|
|
|
|
|
.section-title { font-weight: bold; font-size: 18px; padding: 10px 0; }
|
|
|
|
|
|
.checkbox-group label { margin-right: 20px; }
|
|
|
|
|
|
.add-btn { background: #409eff; color: #fff; border: none; padding: 5px 10px; cursor: pointer; }
|
|
|
|
|
|
|
|
|
|
|
|
.checkbox-box{
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
|
gap: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.checkbox-box label{
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
|
gap: 5px;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
2025-05-30 02:10:24 +00:00
|
|
|
|
<body class="white-bg">
|
2025-05-30 09:32:14 +00:00
|
|
|
|
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
|
|
|
|
|
|
<form id="form-product-add">
|
|
|
|
|
|
<div class="section-title">项目信息</div>
|
|
|
|
|
|
<table>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>项目编码*</td>
|
|
|
|
|
|
<td><input type="text" name="project_code" class="form-control" value="V00001"></td>
|
|
|
|
|
|
<td>项目名称*</td>
|
|
|
|
|
|
<td><input type="text" name="project_name" class="form-control" value="广州市天河区公安分局"></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>客户名称*</td>
|
|
|
|
|
|
<td><input type="text" name="customer_name" class="form-control" value="北京安兰技术有限公司"></td>
|
|
|
|
|
|
<td>行业*</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<select name="industry" class="form-control">
|
|
|
|
|
|
<option>政府</option>
|
|
|
|
|
|
<option>企业</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>项目阶段*</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<select name="project_stage" class="form-control">
|
|
|
|
|
|
<option>初步报价</option>
|
|
|
|
|
|
<option>实施阶段</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
<td>项目把握度*</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<select name="project_confidence" class="form-control">
|
|
|
|
|
|
<option>A</option>
|
|
|
|
|
|
<option>B</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>运作机构</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<select name="operation_org" class="form-control">
|
|
|
|
|
|
<option>代理商</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
<td>代理商</td>
|
|
|
|
|
|
<td><input type="text" name="agent" value="合肥思佳网络科技有限公司" class="form-control"></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>预计金额（RMB）</td>
|
|
|
|
|
|
<td><input type="text" name="budget" value="1258958.00" class="form-control"></td>
|
|
|
|
|
|
<td>预计下单时间</td>
|
|
|
|
|
|
<td><input type="date" name="order_date" value="2025-07-28" class="form-control"></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>汇智支援人员</td>
|
|
|
|
|
|
<td><input type="text" name="support_person" value="陈畅" class="form-control"></td>
|
|
|
|
|
|
<td>联系方式</td>
|
|
|
|
|
|
<td><input type="text" name="contact" value="文韬豪:15196975107" class="form-control"></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>预计发货时间</td>
|
|
|
|
|
|
<td><input type="date" name="delivery_date" value="2025-07-28" class="form-control"></td>
|
|
|
|
|
|
<td>层地*</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<select name="location" class="form-control">
|
|
|
|
|
|
<option>安徽</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>竞争对手</td>
|
|
|
|
|
|
<td colspan="3" class="checkbox-group">
|
|
|
|
|
|
<div class="checkbox-box">
|
|
|
|
|
|
<label><input type="checkbox" name="competitor" value="华为">华为</label>
|
|
|
|
|
|
<label><input type="checkbox" name="competitor" value="锐捷">锐捷</label>
|
|
|
|
|
|
<label><input type="checkbox" name="competitor" value="深信服">深信服</label>
|
|
|
|
|
|
<label><input type="checkbox" name="competitor" value="中兴">中兴</label>
|
|
|
|
|
|
<label><input type="checkbox" name="competitor" value="曙云">曙云</label>
|
2025-05-30 02:10:24 +00:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2025-05-30 09:32:14 +00:00
|
|
|
|
其它：<input type="text" name="competitor_other" class="form-control">
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>关键技术问题</td>
|
|
|
|
|
|
<td colspan="3"><input type="text" name="key_tech_issue" style="width:98%;"
|
|
|
|
|
|
value="512+1存储不能选配，让其紫光计算机选购" class="form-control"></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>项目描述*</td>
|
|
|
|
|
|
<td colspan="3"><textarea name="project_desc" style="width:98%;" rows="2" class="form-control">(项目背景，项目描述)</textarea>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section-title">配置信息</div>
|
|
|
|
|
|
<table>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th colspan="5">添加软件
|
|
|
|
|
|
<button type="button" class="add-btn">+</button>
|
|
|
|
|
|
</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th>序号</th>
|
|
|
|
|
|
<th>软件编码</th>
|
|
|
|
|
|
<th>软件型号</th>
|
|
|
|
|
|
<th>数量</th>
|
|
|
|
|
|
<th>备注</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>1</td>
|
|
|
|
|
|
<td></td>
|
|
|
|
|
|
<td></td>
|
|
|
|
|
|
<td>100</td>
|
|
|
|
|
|
<td></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th colspan="5">添加硬件
|
|
|
|
|
|
<button type="button" class="add-btn">+</button>
|
|
|
|
|
|
</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th>序号</th>
|
|
|
|
|
|
<th>硬件编码</th>
|
|
|
|
|
|
<th>硬件型号</th>
|
|
|
|
|
|
<th>数量</th>
|
|
|
|
|
|
<th>备注</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>1</td>
|
|
|
|
|
|
<td>9801A3H0</td>
|
|
|
|
|
|
<td>C5523V</td>
|
|
|
|
|
|
<td>100</td>
|
|
|
|
|
|
<td></td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td colspan="5">
|
|
|
|
|
|
服务器配置<br>
|
|
|
|
|
|
H3C C5523V 桌面云终端-Intel 6核2.9GHz/8GB DDR4/256GB
|
|
|
|
|
|
SSD/4*USB3.0/4*USB2.0/1*HDMI/1*VGA/1*1000M/WiFi6
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td colspan="4">是否国产</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<select name="domestic">
|
|
|
|
|
|
<option>是</option>
|
|
|
|
|
|
<option>否</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="section-title">工作进度</div>
|
|
|
|
|
|
<table>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<th>序号</th>
|
|
|
|
|
|
<th>更新内容</th>
|
|
|
|
|
|
<th>更新人员</th>
|
|
|
|
|
|
<th>更新时间</th>
|
|
|
|
|
|
<th>
|
|
|
|
|
|
<button type="button" class="add-btn">添加+</button>
|
|
|
|
|
|
</th>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<!-- 可动态添加行 -->
|
|
|
|
|
|
</table>
|
|
|
|
|
|
<button type="submit">提交</button>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<th:block th:include="include :: footer"/>
|
|
|
|
|
|
<th:block th:include="include :: datetimepicker-js"/>
|
|
|
|
|
|
<script th:inline="javascript">
|
|
|
|
|
|
var prefix = ctx + "sip/project"
|
|
|
|
|
|
$("#form-product-add").validate({
|
|
|
|
|
|
focusCleanup: true
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
function submitHandler() {
|
|
|
|
|
|
if ($.validate.form()) {
|
|
|
|
|
|
$.operate.save(prefix + "/add", $('#form-product-add').serialize());
|
2025-05-30 02:10:24 +00:00
|
|
|
|
}
|
2025-05-30 09:32:14 +00:00
|
|
|
|
}
|
2025-05-30 02:10:24 +00:00
|
|
|
|
|
2025-05-30 09:32:14 +00:00
|
|
|
|
$("input[name='estimatedOrderTime']").datetimepicker({
|
|
|
|
|
|
format: "yyyy-mm-dd",
|
|
|
|
|
|
minView: "month",
|
|
|
|
|
|
autoclose: true
|
|
|
|
|
|
});
|
2025-05-30 02:10:24 +00:00
|
|
|
|
|
2025-05-30 09:32:14 +00:00
|
|
|
|
$("input[name='estimatedDeliverTime']").datetimepicker({
|
|
|
|
|
|
format: "yyyy-mm-dd",
|
|
|
|
|
|
minView: "month",
|
|
|
|
|
|
autoclose: true
|
|
|
|
|
|
});
|
|
|
|
|
|
$(function (){
|
|
|
|
|
|
parent.layer.style(parent.layer.index, {
|
|
|
|
|
|
width: '1100px',
|
|
|
|
|
|
height: '630px',
|
|
|
|
|
|
top: '30px',
|
|
|
|
|
|
left: '300px'
|
2025-05-30 02:10:24 +00:00
|
|
|
|
});
|
2025-05-30 09:32:14 +00:00
|
|
|
|
})
|
|
|
|
|
|
</script>
|
2025-05-30 02:10:24 +00:00
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
