parent
d17cad9ab2
commit
36f77ee0e6
@ -0,0 +1,193 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
|
||||
<head>
|
||||
<th:block th:include="include :: header('涉密人员培训详情')" />
|
||||
<th:block th:include="include :: jsonview-css" />
|
||||
<th:block th:include="include :: datetimepicker-css" />
|
||||
</head>
|
||||
<body class="white-bg">
|
||||
<div class="wrapper wrapper-content animated fadeInRight ibox-content" id="app">
|
||||
<form class="form-horizontal m" id="form-train-edit" th:object="${tdTrain}">
|
||||
<input name="ID" th:field="*{ID}" type="hidden">
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label is-required">所属地市：</label>
|
||||
<div class="col-sm-8">
|
||||
<select id="City" name="AREAID" disabled required @change="getAreaList()" v-model="City" class="form-control m-b">
|
||||
<option value="">请选择</option>
|
||||
<option v-for="option in CityList" :value="option.id" :key="option.id">
|
||||
{{ option.name }}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">所属区县：</label>
|
||||
<div class="col-sm-8">
|
||||
<select id="Area" name="FRAMEWORK" disabled v-model="Area" class="form-control m-b">
|
||||
<option value="">请选择</option>
|
||||
<option v-for="option in AreaList" :value="option.id" :key="option.id">
|
||||
{{ option.name }}
|
||||
</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">人员名称：</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="USERNAME" disabled th:field="*{USERNAME}" class="form-control" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">单位名称：</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="deptName" disabled th:field="*{deptName}" class="form-control" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">培训类型：</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="trainType" disabled class="form-control m-b" th:with="type=${@dict.getType('sys_usertrain_typer')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{trainType}"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">培训对象：</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="trainSubject" disabled class="form-control m-b" th:with="type=${@dict.getType('sys_usertrain_obj')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{trainSubject}"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">培训地点：</label>
|
||||
<div class="col-sm-8">
|
||||
<textarea name="trainAddress" disabled class="form-control">[[*{trainAddress}]]</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">培训开始日期：</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="trainDate" disabled th:value="${#dates.format(tdTrain.trainDate, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">培训人员：</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="trainName" disabled th:field="*{trainName}" class="form-control" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">培训结束时间：</label>
|
||||
<div class="col-sm-8">
|
||||
<div class="input-group date">
|
||||
<input name="trainTimeend" disabled th:value="${#dates.format(tdTrain.trainTimeend, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text">
|
||||
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">培训状态：</label>
|
||||
<div class="col-sm-8">
|
||||
<select name="trainState" disabled required class="form-control m-b" th:with="type=${@dict.getType('sys_examine_state')}">
|
||||
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{trainState}"></option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">审核人员：</label>
|
||||
<div class="col-sm-8">
|
||||
<input name="updateStaffid" disabled th:field="*{updateStaffid}" class="form-control" type="text">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="col-sm-3 control-label">培训评价：</label>
|
||||
<div class="col-sm-8">
|
||||
<textarea name="TRAININFO" disabled class="form-control">[[*{TRAININFO}]]</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<th:block th:include="include :: footer" />
|
||||
<th:block th:include="include :: jsonview-js" />
|
||||
<th:block th:include="include :: datetimepicker-css" />
|
||||
<script th:inline="javascript">
|
||||
var trainStateDatas = [[${@dict.getType('sys_examine_state')}]];
|
||||
var trainStateText = $("input[name='trainState']").val()
|
||||
trainStateDatas.forEach((item)=>{
|
||||
if(trainStateText === item.dictValue){
|
||||
$("input[name='trainState']").val(item.dictLabel);
|
||||
}
|
||||
})
|
||||
var app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
CityList: [],
|
||||
AreaList:[],
|
||||
City:[[${tdTrain.AREAID}]],
|
||||
Area:[[${tdTrain.FRAMEWORK}]],
|
||||
params:{
|
||||
parentId:'',
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
// 初始化地市列表
|
||||
this.getCityList();
|
||||
if (this.City){
|
||||
this.getAreaList()
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
getCityList(){
|
||||
$.ajax({
|
||||
url: ctx + "system/area/getSysAreaList",
|
||||
type: 'GET',
|
||||
data:this.params ,
|
||||
success:((res)=>{
|
||||
this.CityList = res.data
|
||||
}) ,
|
||||
});
|
||||
},
|
||||
getAreaList(){
|
||||
this.params.parentId = this.City
|
||||
$.ajax({
|
||||
url: ctx + "system/area/getSysAreaList",
|
||||
type: 'GET',
|
||||
data:this.params,
|
||||
success:((res)=>{
|
||||
this.AreaList = res.data
|
||||
}) ,
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
$("input[name='trainDate']").datetimepicker({
|
||||
format: "yyyy-mm-dd",
|
||||
minView: "month",
|
||||
autoclose: true
|
||||
});
|
||||
|
||||
$("input[name='createDate']").datetimepicker({
|
||||
format: "yyyy-mm-dd",
|
||||
minView: "month",
|
||||
autoclose: true
|
||||
});
|
||||
|
||||
$("input[name='updateDate']").datetimepicker({
|
||||
format: "yyyy-mm-dd",
|
||||
minView: "month",
|
||||
autoclose: true
|
||||
});
|
||||
|
||||
$("input[name='trainTimeend']").datetimepicker({
|
||||
format: "yyyy-mm-dd",
|
||||
minView: "month",
|
||||
autoclose: true
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue