You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
258 lines
12 KiB
258 lines
12 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<!--解决idea thymeleaf 表达式模板报红波浪线-->
|
||
|
|
<!--suppress ALL -->
|
||
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
||
|
|
<head>
|
||
|
|
<!-- 引入公用部分 -->
|
||
|
|
<script th:replace="common/head::static"></script>
|
||
|
|
<!-- 样式 -->
|
||
|
|
<link th:href="@{/css/common/contianer.css}" rel="stylesheet" type="text/css"/>
|
||
|
|
<style>
|
||
|
|
.layui-form-label {
|
||
|
|
width: 90px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layui-form-item .layui-input-inline {
|
||
|
|
width: 260px;
|
||
|
|
}
|
||
|
|
.label-set-component{
|
||
|
|
margin-left: 120px;
|
||
|
|
}
|
||
|
|
.star-mark{color: red; display: none}
|
||
|
|
</style>
|
||
|
|
<script th:inline="javascript">
|
||
|
|
const file = /*[[${file}]]*/ {};
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="layui-row">
|
||
|
|
<!-- 操作表单 -->
|
||
|
|
<div class="layui-col-md12">
|
||
|
|
<div class="layui-card" style="margin-bottom: 0">
|
||
|
|
<!--<div class="layui-card-header">文件选择</div>-->
|
||
|
|
<div class="layui-card-body">
|
||
|
|
<div class="layui-upload">
|
||
|
|
<h2 th:text="${file.fileName}" style="margin-bottom: 10px;"></h2>
|
||
|
|
</div>
|
||
|
|
<form class="layui-form" id="file-form" lay-filter="file-form" style="border: 1px solid #eee; padding-top:15px">
|
||
|
|
<input type="hidden" name="id">
|
||
|
|
<input type="hidden" name="fileName">
|
||
|
|
<input type="hidden" name="entityId">
|
||
|
|
<input type="hidden" name="fileSuffix">
|
||
|
|
<input type="hidden" name="fileType">
|
||
|
|
<input type="hidden" name="fileSize">
|
||
|
|
<input type="hidden" name="path">
|
||
|
|
<input type="hidden" name="remark">
|
||
|
|
<input type="hidden" name="isChunk">
|
||
|
|
<input type="hidden" name="isMerge">
|
||
|
|
<input type="hidden" name="currentChunkIndex">
|
||
|
|
<input type="hidden" name="MD5">
|
||
|
|
<input type="hidden" name="isFirst">
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label"><span style="color: red">*</span>文件密级</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<div dict-component="select" dict-type="secret_level" dict-name="secretLevel"
|
||
|
|
dict-width="100%" id="dict-secret-level"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">是否演训数据</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input class="layui-input" type="radio" name="exerciseData" value="0" title="否" checked lay-filter="exerciseData"/>
|
||
|
|
<input class="layui-input" type="radio" name="exerciseData" value="1" title="是" lay-filter="exerciseData"/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">录入人员</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input class="layui-input" name="entryStaff" type="text" readonly>
|
||
|
|
</div>
|
||
|
|
<label class="layui-form-label"><span class="star-mark">*</span>任务时间</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<input class="layui-input" id="input-data" name="inputDate" type="text">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label"><span class="star-mark">*</span>文件来源</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<div dict-component="select" dict-type="data_source" dict-name="source"
|
||
|
|
dict-width="100%" id="dict-data-form"></div>
|
||
|
|
</div>
|
||
|
|
<label class="layui-form-label">目标/靶标类型</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<div dict-component="select" dict-type="target_type" dict-name="targetNumber"
|
||
|
|
dict-width="100%" id="dict-target-type"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label"><span class="star-mark">*</span>任务代号</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<div dict-component="select" dict-type="task_code" dict-name="taskCode"
|
||
|
|
dict-width="100%" id="dict-task-code"></div>
|
||
|
|
</div>
|
||
|
|
<label class="layui-form-label"><span class="star-mark">*</span>任务性质</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<div dict-component="select" dict-type="task_nature" dict-name="taskNature"
|
||
|
|
dict-width="100%" id="dict-task-nature"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label"><span class="star-mark">*</span>部队代号</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<div dict-component="select" dict-type="troop_code" dict-name="troopCode"
|
||
|
|
dict-width="100%" id="dict-troop-code"></div>
|
||
|
|
</div>
|
||
|
|
<label class="layui-form-label"><span class="star-mark">*</span>装备型号</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<div dict-component="select" dict-type="equipment_model" dict-name="equipmentModel"
|
||
|
|
dict-width="100%" id="dict-equipment-model"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item">
|
||
|
|
<div class="layui-inline">
|
||
|
|
<label class="layui-form-label">导弹编号</label>
|
||
|
|
<div class="layui-input-inline">
|
||
|
|
<div dict-component="select" dict-type="missile_number" dict-name="missileNumber"
|
||
|
|
dict-width="100%" id="dict-missile-number"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item layui-form-text">
|
||
|
|
<label class="layui-form-label">文件描述</label>
|
||
|
|
<div class="layui-input-block" style="margin-left: 120px; width:640px;">
|
||
|
|
<textarea class="layui-textarea" name="remark"></textarea>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item" th:each="labelSet, iterState:${LabelConfigSet}">
|
||
|
|
<label class="layui-form-label" th:text="${labelSet.fieldTitle}">标签类型</label>
|
||
|
|
<div class="layui-input-block label-set-component"
|
||
|
|
th:data-id="${labelSet.id}"
|
||
|
|
th:data-field-title="${labelSet.fieldTitle}"
|
||
|
|
th:data-label-id="${labelSet.labelId}"
|
||
|
|
th:data-label-title="${labelSet.labelTitle}"
|
||
|
|
th:data-label-id-path="${labelSet.labelIdPath}"
|
||
|
|
th:data-label-title-path="${labelSet.labelTitlePath}"></div>
|
||
|
|
</div>
|
||
|
|
<div class="layui-form-item other-label-item">
|
||
|
|
<label class="layui-form-label"><a class="label-type choose-data add-other" id="addOtherLabelBtn">添加</a>其他标签</label>
|
||
|
|
<div class="layui-input-block label-set-component other-label" th:data-field-title="其他标签"></div>
|
||
|
|
</div>
|
||
|
|
<button class="layui-btn layui-btn-sm" id="btn_submit"
|
||
|
|
style="position: absolute; left: -50px; height: 0; border:0">
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<!-- js -->
|
||
|
|
<script th:replace="common/head::static-foot"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
let saveResult = {
|
||
|
|
done: false,
|
||
|
|
success: false,
|
||
|
|
data: null
|
||
|
|
};
|
||
|
|
let editPage;
|
||
|
|
layui.use(['layer', 'form', 'laydate', 'dict', 'datalabel', 'editPage'], function () {
|
||
|
|
let form = layui.form,
|
||
|
|
layer = layui.layer,
|
||
|
|
laydate = layui.laydate;
|
||
|
|
editPage = layui.editPage;
|
||
|
|
|
||
|
|
const requestParam = layui.url().search;
|
||
|
|
editPage.init({
|
||
|
|
formId: 'file-form',
|
||
|
|
formInitUrl: requestParam.id ? `${ctx}/sys/file/get/${requestParam.id}` : '',
|
||
|
|
formSubmitInvoke: async function () { // 自定义表单提交时的方法
|
||
|
|
let response,formVal = form.val('file-form');
|
||
|
|
if (!formVal['secretLevel']) {
|
||
|
|
showErrorMsg("请选择文件密级");
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if(formVal.exerciseData === '1'){
|
||
|
|
if(!formVal['inputDate']){
|
||
|
|
showErrorMsg('任务时间不能为空');return false;
|
||
|
|
}
|
||
|
|
if(!formVal['source']){
|
||
|
|
showErrorMsg('文件来源不能为空');return false;
|
||
|
|
}
|
||
|
|
if(!formVal['taskCode']){
|
||
|
|
showErrorMsg('任务代号不能为空');return false;
|
||
|
|
}
|
||
|
|
if(!formVal['taskNature']){
|
||
|
|
showErrorMsg('任务性质不能为空');return false;
|
||
|
|
}
|
||
|
|
if(!formVal['troopCode']){
|
||
|
|
showErrorMsg('部队代号不能为空');return false;
|
||
|
|
}
|
||
|
|
if(!formVal['equipmentModel']){
|
||
|
|
showErrorMsg('装备型号不能为空');return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
formVal.labels = layui.datalabel.getData(formVal.id, 'file');
|
||
|
|
await $.ajax({
|
||
|
|
url: `${ctx}/sys/file/save`,
|
||
|
|
type: 'post',
|
||
|
|
data: formVal,
|
||
|
|
async: false,
|
||
|
|
success: res => response = res,
|
||
|
|
error: () => response = {flag: false, msg: '保存失败'}
|
||
|
|
})
|
||
|
|
|
||
|
|
return response
|
||
|
|
},
|
||
|
|
formInitDone: function (data) {
|
||
|
|
initDictData(data);
|
||
|
|
if (file.labels) {
|
||
|
|
layui.datalabel.setData(file.labels)
|
||
|
|
}
|
||
|
|
if (data.exerciseData === '1') {
|
||
|
|
$('.star-mark').show();
|
||
|
|
}
|
||
|
|
|
||
|
|
form.on('radio(exerciseData)', function ({value}) {
|
||
|
|
if (value === '1') {
|
||
|
|
$('.star-mark').show();
|
||
|
|
} else {
|
||
|
|
$('.star-mark').hide();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
function initDictData(file) {
|
||
|
|
layui.dict.setData('dict-data-form', file);
|
||
|
|
layui.dict.setData('dict-target-type', file);
|
||
|
|
layui.dict.setData('dict-task-nature', file);
|
||
|
|
}
|
||
|
|
|
||
|
|
function renderLaydate() {
|
||
|
|
laydate.render({
|
||
|
|
elem: '#input-data',
|
||
|
|
format: "yyyy-MM-dd HH:mm:ss",
|
||
|
|
type: 'datetime',
|
||
|
|
value: new Date(),
|
||
|
|
isInitValue: true,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
function save() {
|
||
|
|
return editPage.submit();
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</html>
|