<div class="animated fadeInRight ecommerce">
|
<div class="row">
|
<div class="col-md-2 padding-r-0">
|
<div class=" border-radius ">
|
<div class="margin-xs-r treeview attendance-staff">
|
<ul class="list-group text-center border-radius">
|
<!-- -->
|
<li class="list-group-item node-orgTree " v-for="(item,index) in assetImportLogDetailInfo.states" :key="index" @click="swatchDetailState(item)" :class="{'vc-node-selected':assetImportLogDetailInfo.state == item.value}">
|
{{item.name}}
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
<div class="col-md-10">
|
<div class="row">
|
<div class="col-lg-12">
|
<div class="ibox">
|
<div class="ibox-title">
|
<h5>
|
<vc:i18n name="导入详情" namespace="assetImportLogDetail"></vc:i18n>
|
</h5>
|
<div class="ibox-tools" style="top:10px;">
|
<button type="button" class="btn btn-primary btn-sm" v-on:click="queryAssetImportLogDetail()">
|
刷新
|
</button>
|
<button type="button" class="btn btn-white btn-sm" v-on:click="_goBack()">
|
返回
|
</button>
|
<button type="button" class="btn btn-success btn-sm" v-on:click="_goToImportLogList()">
|
返回日志列表
|
</button>
|
</div>
|
</div>
|
<div class="ibox-content">
|
<!-- 页面功能说明 -->
|
<div class="alert alert-info alert-dismissible fade show" role="alert" style="margin-bottom: 20px;">
|
<strong>温馨提示：</strong>当前页面是单个导入日志的详情页面，状态筛选只对当前日志的详情记录生效，而不是对导入日志列表生效。如果您想要查看不同状态的导入日志列表，请点击上方的"返回日志列表"按钮。
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
|
<span aria-hidden="true">×</span>
|
</button>
|
</div>
|
<div class="ibox-content">
|
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
|
<thead>
|
<tr>
|
<!-- 如果logTypes为空，显示默认列 -->
|
<th class="text-center" v-if="assetImportLogDetailInfo.logTypes && assetImportLogDetailInfo.logTypes.length > 0" v-for="(item,index) in assetImportLogDetailInfo.logTypes">
|
{{item.logColumn}}
|
</th>
|
<!-- 如果logTypes为空，显示默认列 -->
|
<th class="text-center" v-else>
|
数据
|
</th>
|
<th class="text-center">
|
<vc:i18n name="导入时间" namespace="assetImportLogDetail"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="状态" namespace="assetImportLogDetail"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="描述" namespace="assetImportLogDetail"></vc:i18n>
|
</th>
|
<th class="text-center">
|
<vc:i18n name="操作" namespace="assetImportLogDetail"></vc:i18n>
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<!-- 当logs为空时显示空数据提示 -->
|
<tr v-if="!assetImportLogDetailInfo.logs || assetImportLogDetailInfo.logs.length == 0">
|
<td colspan="10" class="text-center" style="color: #999; padding: 50px;">
|
<div style="margin-bottom: 10px;">
|
<i class="fa fa-check-circle" style="font-size: 48px; color: #5cb85c; margin-bottom: 10px;"></i>
|
</div>
|
<div style="font-size: 16px; margin-bottom: 10px;">
|
导入处理成功！
|
</div>
|
<div style="font-size: 14px; color: #666;">
|
当前导入日志暂无详细数据
|
</div>
|
<div style="font-size: 12px; color: #999; margin-top: 10px;">
|
提示：导入成功后，系统可能需要一些时间生成详细日志，您可以稍后刷新查看
|
</div>
|
</td>
|
</tr>
|
<!-- 正常渲染日志详情 -->
|
<tr v-for="log in assetImportLogDetailInfo.logs">
|
<!-- 如果logTypes为空，显示默认列 -->
|
<td class="text-center" v-if="assetImportLogDetailInfo.logTypes && assetImportLogDetailInfo.logTypes.length > 0" v-for="(item,index) in assetImportLogDetailInfo.logTypes">
|
{{log[item.logProperty]}}
|
</td>
|
<!-- 如果logTypes为空，显示默认列 -->
|
<td class="text-center" v-else>
|
{{log.content || '无数据'}}
|
</td>
|
<td class="text-center">{{log.createTime}}</td>
|
<td class="text-center">
|
<span v-if="log.state == 'W'">待导入</span>
|
<span v-else-if="log.state == 'C'">成功</span>
|
<span v-else-if="log.state == 'F' && (log.message && typeof log.message === 'string' && log.message.includes('导入成功'))">成功</span>
|
<span v-else-if="log.state == 'F'">失败</span>
|
<span v-else>{{log.state}}</span>
|
</td>
|
<td class="text-center">
|
<div class="textAuto" style="max-width: 200px;">
|
<!-- 处理错误信息，移除null显示 -->
|
{{ log.message ? (log.message.replace(/: null/g, '') || '无详细信息') : '无详细信息' }}
|
</div>
|
</td>
|
<td class="text-center" >
|
<div class="btn-group">
|
<button class="btn-white btn btn-xs"
|
v-on:click="_openDelRoomModel(log.content)">
|
<span><vc:i18n name="详情" namespace="assetImportLogDetail"></vc:i18n></span>
|
</button>
|
</div>
|
</td>
|
</tr>
|
</tbody>
|
<tfoot>
|
<tr>
|
<td colspan="7">
|
<ul class="pagination float-right"></ul>
|
</td>
|
</tr>
|
</tfoot>
|
</table>
|
<div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="detailModalLabel" aria-hidden="true">
|
<div class="modal-dialog" role="document">
|
<div class="modal-content">
|
<div class="modal-header">
|
<h5 class="modal-title" id="detailModalLabel">日志详情</h5>
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
<span aria-hidden="true">×</span>
|
</button>
|
</div>
|
<div class="modal-body">
|
<pre style="font-size: 1.2em;">{{ logDetails }}</pre>
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 分页 -->
|
<vc:create path="frame/pagination"></vc:create>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
