@ -5,22 +5,32 @@
< th:block th:include = "include :: datetimepicker-css" / >
< th:block th:include = "include :: datetimepicker-css" / >
< / head >
< / head >
< body class = "white-bg" >
< body class = "white-bg" >
< div class = "wrapper wrapper-content animated fadeInRight ibox-content" >
< div class = "wrapper wrapper-content animated fadeInRight ibox-content" id = "app" >
< form class = "form-horizontal m" id = "form-filereceive-edit" th:object = "${tdFileProvide}" >
< form class = "form-horizontal m" id = "form-filereceive-edit" th:object = "${tdFileProvide}" >
< div class = "row" >
< div class = "row" >
< div class = "col-sm-6" >
< div class = "col-sm-6" >
< div class = "form-group" >
< div class = "form-group" >
< label class = "col-sm-3 control-label "> 所属市州 : < / label >
< label class = "col-sm-3 control-label is-required "> 所属地 市:< / label >
< div class = "col-sm-8" >
< div class = "col-sm-8" >
< input name = "frameworkId" readonly th:field = "*{frameworkId}" class = "form-control" type = "text" >
< select id = "City" name = "frameworkId" 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 >
< / div >
< / div >
< / div >
< div class = "col-sm-6" >
< div class = "col-sm-6" >
< div class = "form-group" >
< div class = "form-group" >
< label class = "col-sm-3 control-label "> 所属区县:< / label >
< label class = "col-sm-3 control-label is-required "> 所属区县:< / label >
< div class = "col-sm-8" >
< div class = "col-sm-8" >
< input name = "areaid" readonly th:field = "*{areaid}" class = "form-control" type = "text" >
< select id = "Area" name = "areaid" disabled required 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 >
< / div >
< / div >
< / div >
@ -128,7 +138,48 @@
$("#form-filereceive-edit").validate({
$("#form-filereceive-edit").validate({
focusCleanup: true
focusCleanup: true
});
});
var app = new Vue({
el: '#app',
data: {
CityList: [],
AreaList:[],
City:[[${tdFileProvide.frameworkId}]],
Area:[[${tdFileProvide.areaid}]],
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
}) ,
});
}
}
})
function submitHandler() {
function submitHandler() {
if ($.validate.form()) {
if ($.validate.form()) {
$.operate.save(prefix + "/edit", $('#form-filereceive-edit').serialize());
$.operate.save(prefix + "/edit", $('#form-filereceive-edit').serialize());