17、查看页面右上角添加状态标签
一、问题描述：
客户需要再右上角添加一个角标标识状态
二：解决办法
1、添加css样式：目前系统有灰色，绿色，蓝色，橙色，红色可设置
.状态显示层 { width: 128px; height: 50px; position: absolute; right: -12px; top: 12px; background-image: url(image/tag_orange.png); background-position: left center; background-repeat: no-repeat; color: #fff; font-size: 14px; text-align: center; line-height: 35px; font-weight: bold; text-shadow: none; }
.已转正 { background-image: url(image/tag_green.png); }
.实习, .试用期 { background-image: url(image/tag_orange.png); }
.离职 { background-image: url(image/tag_gray.png); }
.黑名单 { background-image: url(image/tag_red.png.png); }
.使用不合格 { background-image: url(image/tag_blue.png); }
2、查看页面界面布局设置
<style type="text/css">
#WorkFlowMainTableContainerTitleDIV { display: none; }
.WorkFlowCSSTable .LeftTD { font-weight: bold !important; width: 130px !important; }
.状态显示层 { width: 128px; height: 50px; position: absolute; right: -12px; top: 12px; background-image: url(image/tag_orange.png); background-position: left center; background-repeat: no-repeat; color: #fff; font-size: 14px; text-align: center; line-height: 35px; font-weight: bold; text-shadow: none; }
.已转正 { background-image: url(image/tag_green.png); }
.实习, .试用期 { background-image: url(image/tag_orange.png); }
.离职 { background-image: url(image/tag_gray.png); }
.黑名单 { background-image: url(image/tag_red.png.png); }
.使用不合格 { background-image: url(image/tag_blue.png); }
</style>
<div class="状态显示层 <$Status$>"><$Status$></div>
<div class="panel-body" style="padding: 20px;">
<table class='FullWidth WorkFlowCSSTable WorkFlowCSSTableNoShadow TableCSSClass FixedTable'>
<tr>
<td class='LeftTD'>组织名称：</td>
<td><$AgencyID$></td>
<td class='LeftTD'>部门名称：</td>
<td><$DepartmentID$></td>
<td class='LeftTD'>岗位名称：</td>
<td><$JobID$></td>
</tr>
<tr>
<td class='LeftTD'>姓名：</td>
<td><$姓名$></td>
<td class='LeftTD'>状态：</td>
<td><$Status$></td>
<td class='LeftTD'>工号：</td>
<td id="工号TD"><$工号$></td>
</tr>
<tr>
<td class='LeftTD'>英文名：</td>
<td><$英文名$></td>
<td class='LeftTD'>性别：</td>
<td><$性别$></td>
<td class='LeftTD'>民族：</td>
<td><$民族$></td>
</tr>
</table>
</div>