头部信息

表单对象 Applicant / Initiator

申请人信息

base.applicant= { 
  jobId: data.initiatorJobId,  //申请人岗位Id
  groupId: data.initiatorGroupId, //申请人组织Id
  userId: data.initiatorUserId, //申请人用户Id
  directManagerJobId: data.initiatorDirectManagerJobId, //直属主管Id
  userName: data.initiatorUserName, //当前语言名
  employeeNumber: data.initiatorEmployeeNumber, //员工号
  departmentName: data.initiatorDepartmentName, //部门层级
  contactNumber: data.initiatorContactNumber,   //电话
  mobileNumber: data.initiatorMobileNumber, //手机
  emailAddress: data.initiatorEmailAddress, //邮箱
  directManagerName: data.initiatorDirectManagerName //直属主管名
}

发起人信息

base.initiator = { 
  jobId: data.initiatorJobId,  //发起人岗位Id
  groupId: data.initiatorGroupId, //发起人组织Id
  userId: data.initiatorUserId, //发起人用户Id
  directManagerJobId: data.initiatorDirectManagerJobId, //直属主管Id
  userName: data.initiatorUserName, //当前语言名
  employeeNumber: data.initiatorEmployeeNumber, //员工号
  departmentName: data.initiatorDepartmentName, //部门层级
  contactNumber: data.initiatorContactNumber,   //电话
  mobileNumber: data.initiatorMobileNumber, //手机
  emailAddress: data.initiatorEmailAddress, //邮箱
  directManagerName: data.initiatorDirectManagerName //直属主管名
}

一般而言

一般而言使用 <fm-initiator/> 或者 <fm-applicant/> 来展现头部信息就可以。

这两个标签会把【用户名，部门，电话，邮箱，工号】集中展示出来。

如图:

代码如下：

<fm-Group-Head class="print-hide" title="{{ base.$pageLang.InitiatorInfo }}"></fm-Group-Head>
<fm-initiator  class="print-hide" 
              jobid='base.jobId' 
              userinfo='base.initiator' 
              taskid='base.taskId'></fm-initiator>

<fm-Group-Head title="{{ base.$pageLang.ApplicantInfo }}"></fm-Group-Head>
<fm-applicant  jobid='base.applicantJobId' 
              userinfo='base.applicant' 
              taskid='base.taskId' 
              wfid="base.workflowId"></fm-applicant>

自定义展示设置

可以自由组合html 的标签和替换多语言 来灵活满足需求。

以下为标准信息【 用户名，部门，手机，电话，工号，邮箱，直属主管名】

直接拷贝以下代码。

<!--申请人信息-->
<fm-Group-Head class="print-hide" title="{{ base.$pageLang.ApplicantInfo }}"></fm-Group-Head>

<div class="row">
    <div class="form-group">
        <div class="col-xs-12">
            <!--申请人名字-->
            <span class="col-xs-2 control-label">{{ "ApplicantName" | translate }}</span>
            <div class="col-xs-4">
                <div class="input-group" style="width: 100%;">
                    <span class="form-label">{{base.applicant.userName}}</span>
                    <span class="input-group-btn" ng-if="!taskid">
                        <button class="btn btn-default" type="button" ng-click="base.$selectApplicant()">{{ "Choose" | translate }}</button>
                    </span>
                </div>
            </div>
            <!--申请人员工号-->
            <span class="col-xs-2 control-label">{{ "ApplicantEmployeeNumber" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.applicant.employeeNumber}}</span></div>
        </div>
    </div>
    <div class="form-group">
        <!--申请人部门线-->
        <div class="col-xs-12">
            <span class="col-xs-2 control-label">{{ "ApplicantDepartment" | translate }}</span>
            <div class="col-xs-10"><span class="form-label">{{base.applicant.departmentName}}</span></div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-12">
            <!--申请人电话-->
            <span class="col-xs-2 control-label">{{ "ApplicantContactNumber" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.applicant.contactNumber}}</span></div>
            <!--申请人邮箱-->
            <span class="col-xs-2 control-label">{{ "ApplicantEmail" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.applicant.emailAddress}}</span></div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-12">
            <!--申请人手机-->
            <span class="col-xs-2 control-label">{{ "ApplicantMobileNumber" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.applicant.mobileNumber}}</span></div>
            <!--申请人直属领导-->
            <span class="col-xs-2 control-label">{{ "ApplicantDirectManager" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.applicant.directManagerName}}</span></div>
        </div>
    </div>
</div>
<!--发起人信息-->
<fm-Group-Head title="{{ base.$pageLang.InitiatorInfo }}"></fm-Group-Head>
<div class="row">
    <div class="form-group">
        <div class="col-xs-12">
            <!--发起人名字-->
            <span class="col-xs-2 control-label">{{ "InitiatorName" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.initiator.userName}}</span></div>
            <!--发起人员工号-->
            <span class="col-xs-2 control-label">{{ "InitiatorEmployeeNumber" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.initiator.employeeNumber}}</span></div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-12">
            <!--发起人部门-->
            <span class="col-xs-2 control-label">{{ "InitiatorDepartment" | translate }}</span>
            <div class="col-xs-10"><span class="form-label">{{base.initiator.departmentName}}</span></div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-12">
            <!--发起人电话-->
            <span class="col-xs-2 control-label">{{ "InitiatorContactNumber" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.initiator.contactNumber}}</span></div>
            <!--发起人邮件-->
            <span class="col-xs-2 control-label">{{ "InitiatorEmail" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.initiator.emailAddress}}</span></div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-xs-12">
            <!--发起人手机-->
            <span class="col-xs-2 control-label">{{ "InitiatorMobileNumber" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.initiator.mobileNumber}}</span></div>
            <!--发起人直属主管-->
            <span class="col-xs-2 control-label">{{ "InitiatorDirectManager" | translate }}</span>
            <div class="col-xs-4"><span class="form-label">{{base.initiator.directManagerName}}</span></div>
        </div>
    </div>
</div>