html:
<table style="width:100%;margin-bottom:20px">
<tr style="height:30px;background-color:#f2f2f2;font-size:12px;font-weight: bold">
<th style="border:1px solid #e6e6e6;width:10%;">文件来源</th>
<th style="border:1px solid #e6e6e6;width:10%;">发文机关</th>
<th style="border: 1px solid #e6e6e6;width: 10%;">发文字号</th>
<th style="border:1px solid #e6e6e6;width: 10%;">文件类型</th>
<th style="border: 1px solid #e6e6e6;text-align:center">文件标题</th>
<th style="border:1px solid #e6e6e6;width: 10%;text-align:center">状态</th>
<th style="border:1px solid #e6e6e6;width: 10%;text-align:center">时间</th>
</tr>
<tr ng-repeat="data in vo.untList" style="height: 30px;font-size:12px">
<td style="border:1px solid #e6e6e6;width:10%;">{{data.file_source_name}} </td>
<td style="border:1px solid #e6e6e6;width:10%;">{{data.main_organization_name}}</td>
<td style="border:1px solid #e6e6e6;width:10%;">{{data.mf_word_number}}</td>
<td style="border:1px solid #e6e6e6;width:10%;">{{data.file_type_name}}</td>
<td style="border: 1px solid #e6e6e6;text-align:left">{{data.mf_title}}</td>
<td style="border: 1px solid #e6e6e6;text-align:center;color: #007bb7" ng-click="vc.click($data,$index)">{{data.stateName}} </td>
<td style="border: 1px solid #e6e6e6;text-align:center">{{data.d_date.substring(0,10)}}</td>
</tr>
</table>
js:
function Unt() {//单位文件
$http({
method: 'GET',
url: $scope.vo.untApi,
params: {},
}).then(function successCallback(response) {
var arr = response.data.rows;
if (arr.length > 0) {
console.log(arr, "arr")
//将某字段转化
for (var a = 0; a < arr.length; a++) {
if (arr[a].f_state == 0) {
arr[a].stateName = "收文"
} else if (arr[a].f_state == 10) {
arr[a].stateName = "用印"
} else if (arr[a].f_state == 20) {
arr[a].stateName = "拟办"
} else if (arr[a].f_state == 30) {
arr[a].stateName = "呈报"
} else if (arr[a].f_state == 40) {
arr[a].stateName = "批示"
} else if (arr[a].f_state == 50) {
arr[a].stateName = "分发"
} else if (arr[a].f_state == 60) {
arr[a].stateName = "阅示"
} else if (arr[a].f_state == 65) {
arr[a].stateName = "二次分发"
}
}
}
//循环补充6条数据
for (a = arr.length; a < 6; a++) {
arr.push({
"id": "",
})
}
$scope.vo.untList = arr;
}, function errorCallback(response) {
});
}//单位文件
css
table tr:hover td{
border:2px solid red;
background-color: #f2f2f2;
}