<div>
<div class="detail-item" v-for="(item, index) in detailData.gridVisitDetails" :key="item.id" v-if="item.invalidFlag !== 1">
<div style="display: flex;flex-direction: row;">
<div style="color: #5d9dfd; padding-right: 40px;width: 60px;">{{index + 1}}</div>
<span v-if="item.visitTime" style="padding-right: 12px">{{item.visitTime.slice(0, 10)}}</span>
<div style="width: 300px !important">
<span>{{ item.taskName }}</span>
<span>{{ getPeopeType(item.personCategory) }}：{{item.visitObjectName}}</span>
</div>
<span style="margin-left: 14px">走访结果：{{ item.visitStatus == 0 ? "异常" : "正常" }}</span>
</div>
</div>
</div>
<div>
<div class="detail-item" v-for="(item, index) in detailData.gridVisitDetails" :key="item.id">
<div style="display: flex;flex-direction: row;" v-if="item.invalidFlag !== 1">
<div style="color: #5d9dfd; padding-right: 40px;width: 60px;">{{index + 1}}</div>
<span v-if="item.visitTime" style="padding-right: 12px">{{item.visitTime.slice(0, 10)}}</span>
<div style="width: 300px !important">
<span>{{ item.taskName }}</span>
<span>{{ getPeopeType(item.personCategory) }}：{{item.visitObjectName}}</span>
</div>
<span style="margin-left: 14px">走访结果：{{ item.visitStatus == 0 ? "异常" : "正常" }}</span>
</div>
</div>
</div>
