新建/编辑__前后台交互

form表单绑定

文本域

<div class="form-group">
        <label class="col-md-2 control-label form-required">任务类别</label>
        <div class="col-md-9">
            <input type="text" class="form-control" name="categoryName" :value="entity.categoryName" maxlength="50"
                   datatype="*" nullmsg="请输入类别名称" placeholder="1-50个字符，中文/字母/数字/下划线/点/常见字符" value=""/>
        </div>
        <div class="col-md-1 valid-msg"></div>
    </div>

<div class="form-group">
        <label class="col-md-2 control-label">备注</label>
        <div class="col-md-9">
            <textarea class="form-control" name="remark" datatype="*0-200" :value="entity.remark"
                      maxlength="200" placeholder="0-200个字符" rows="3"></textarea>
        </div>
        <div class="col-md-1 valid-msg"></div>
    </div>

下拉

<div class="form-group" id="taskProcessSelect">
        <label class="col-sm-2 control-label form-required">任务下达流程</label>
        <div class="col-sm-9">
            <select class="form-control" nullmsg="请选择任务下达流程" datatype="*" v-select2 data-toggle="ezui.select" id="taskProcessCode"
                    name="taskProcessCode" :data-default="entity.taskProcessCode">
                <option value="">请选择</option>
                <option v-bind:value="process.code" v-bind:formId="process.formKey" v-for="process in taskProcessList">
                    {{process.name}}
                </option>
            </select>
        </div>

        <div class="col-sm-1 valid-msg"></div>
    </div>

隐藏域

<input type="hidden" name="id" v-model="entity.id"/>

js

    $(function(){

    	var id = $("#id").val();

    	if(id != ""){
    		EZUI.cloud.GET(EZUI.common.getFlexOfficePath() + "/api/w/supervise/hoaSupUnitSettingController/editShow", {id : id}, function(data){
    			var vueForm = new Vue({
    				  el: '#vueForm',
    				  data: {
    					  entity:data.entity,
    					  unitTypeName:data.unitTypeName
    				  }
    			});
    		},null,null);
    	}else{

    		EZUI.cloud.GET(EZUI.common.getFlexOfficePath() + "/api/w/supervise/hoaSupUnitSettingController/editShow", {id : id}, function(data){

    			var vueForm = new Vue({
    				  el: '#vueForm',
    				  data: {
    					  entity:{sortNo: "0"},
    					  unitTypeName:''
    				  }
    			});
    		},null,null);

    	}

    	init();
    });

后台

/*
     * 保存、编辑
     * */
    @RequestMapping(value = "/save", method = RequestMethod.POST)
    @ResponseBody
    public OperationResult editSave(HttpServletRequest request, @ModelAttribute("entity") HoaSupUnitSetting entity){
        WebUser user = WebUtils.getCurrentUser();
        String corpId = user.getCorpId();
        String id = entity.getId();

        HoaSupUnitSetting hoaSupUnitSetting = null;
        if (StringUtils.isNotEmpty(id)) {
            hoaSupUnitSetting = hoaSupUnitSettingService.findOne(id);
        }
        if (hoaSupUnitSetting == null) {
            hoaSupUnitSetting = new HoaSupUnitSetting();
        }

        String unitName = StringUtils.null2String(request.getParameter("unitName"));
        String unitId = StringUtils.null2String(request.getParameter("unitId"));
        if (!"".equals(unitName)) {
            unitId = UuidUtils.UUID();
            hoaSupUnitSetting.setUnitId(unitId);
            this.popUserUtilService.saveScopeData("hoa_sup_unit_setting_scope", unitId, unitName, "hoa_sup_unit_setting",
                    "unitId");
        } else {
            hoaSupUnitSetting.setUnitId(null);
        }

        unitName = hoaSupUnitSettingService.getScopeName("hoa_sup_unit_setting", unitId, "unitId");
        hoaSupUnitSetting.setUnitName(unitName);

        String superviseUserName = StringUtils.null2String(request.getParameter("superviseUserName"));
        String superviseUser = StringUtils.null2String(request.getParameter("superviseUser"));
        if (!"".equals(superviseUserName)) {
            superviseUser = UuidUtils.UUID();
            hoaSupUnitSetting.setSuperviseUser(superviseUser);
            this.popUserUtilService.saveScopeData("hoa_sup_unit_setting_scope", superviseUser, superviseUserName, "hoa_sup_unit_setting",
                    "superviseUser");
        } else {
            entity.setSuperviseUser(null);
        }

        superviseUserName = hoaSupUnitSettingService.getScopeName("hoa_sup_unit_setting", superviseUser, "superviseUser");
        hoaSupUnitSetting.setSuperviseUserName(superviseUserName);

        hoaSupUnitSetting.setSortNo(entity.getSortNo());
        hoaSupUnitSetting.setRemark(entity.getRemark());
        hoaSupUnitSetting.setStatus(1);

        //增加日志记录
        if (StringUtils.isNoneEmpty(id)) {
            if (logService.checkOptLog("0", LogConstant.LOG_SUPERVISE_UNITSET_EDIT, TOKEN)) {
                logService.saveModuleLog(LogConstant.LOG_SUPERVISE_UNITSET_EDIT, "单位设置修改成功", "");
            }
        } else {
            if (logService.checkOptLog("0", LogConstant.LOG_SUPERVISE_UNITSET_ADD, TOKEN)) {
                logService.saveModuleLog(LogConstant.LOG_SUPERVISE_UNITSET_ADD, "单位设置新建成功", "");
            }
        }

        hoaSupUnitSettingService.save(hoaSupUnitSetting);

        return OperationResult.buildSuccessResult("保存成功");
    }

/**
     * 根据id获取数据回显
     * @param id
     * @return
     */
    @RequestMapping(value = "/editShow", method = RequestMethod.GET)
    @ResponseBody
    public Map<String, Object> editShow(String id) {
        Map<String, Object> result = new HashMap<String, Object>();
        if(StringUtils.isNotEmpty(id)) {
            HoaSupUnitSetting entity = hoaSupUnitSettingService.findOne(id);
            result.put("entity", entity);

            String superviseUserName = hoaSupUnitSettingService.getScopeName("hoa_sup_unit_setting", entity.getSuperviseUser(), "superviseUser");
            result.put("superviseUserName", superviseUserName);
            String unitName = hoaSupUnitSettingService.getScopeName("hoa_sup_unit_setting", entity.getUnitId(), "unitId");
            result.put("unitName", unitName);
        }

        return result;
    }