<!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org" > <head> <th:block th:include="include :: header('新增文件下发')" /> <th:block th:include="include :: select2-css" /> <th:block th:include="include :: bootstrap-select-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-fileprovide-add"> <div class="form-group"> <label class="col-sm-3 control-label is-required">所属地市:</label> <div class="col-sm-8"> <select id="City" name="frameworkId" 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 is-required">所属区县:</label> <div class="col-sm-8"> <select id="Area" name="areaid" 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 is-required">发文单位:</label> <div class="col-sm-8"> <input name="provideDepart" required readonly th:value="${user.dept.deptName}" class="form-control" type="text"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">发文人员:</label> <div class="col-sm-8"> <input name="provideUserid" required readonly th:value="${user.userName}" class="form-control" type="text"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">发文日期:</label> <div class="col-sm-8"> <div class="input-group date"> <input name="provideDate" required 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 is-required">发文份数:</label> <div class="col-sm-8"> <input name="provideCount" required digits="true" class="form-control" type="text"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">收文单位:</label> <div class="col-sm-8"> <select name="targetDepart" class="form-control select2-multiple m-b" multiple> <option th:each="item : ${dept}" th:if="${item.deptId != 100}" th:text="${item.deptName}" th:value="${item.deptName}"></option> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">紧急程度:</label> <div class="col-sm-8"> <select name="instancyExtent" required class="form-control m-b" th:with="type=${@dict.getType('sys_file_jinjichengdu')}"> <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">文件标题:</label> <div class="col-sm-8"> <input name="fileName" required class="form-control" type="text"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">文号:</label> <div class="col-sm-8"> <input name="fileNum" required class="form-control" type="text"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">文件密级:</label> <div class="col-sm-8"> <select name="fileSecret" required class="form-control m-b" th:with="type=${@dict.getType('sys_file_miji')}"> <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option> </select> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">定密依据:</label> <div class="col-sm-8"> <input name="allianceFile" required class="form-control" type="text"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">保密期限:</label> <div class="col-sm-8"> <input name="releaseSecretid" required class="form-control" type="text"> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label is-required">文件备注:</label> <div class="col-sm-8"> <input name="remark" required class="form-control" type="text"> </div> </div> </form> </div> <th:block th:include="include :: footer" /> <th:block th:include="include :: select2-js" /> <th:block th:include="include :: bootstrap-select-js" /> <th:block th:include="include :: datetimepicker-js" /> <script th:inline="javascript"> var prefix = ctx + "system/fileprovide" $("#form-fileprovide-add").validate({ focusCleanup: true }); var app = new Vue({ el: '#app', data: { CityList: [], AreaList:[], City:'', Area:'', 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() { if ($.validate.form()) { $.operate.save(prefix + "/add", $('#form-fileprovide-add').serialize()); } } $("input[name='provideDate']").datetimepicker({ format: "yyyy-mm-dd", minView: "month", autoclose: true }); </script> </body> </html>