baoshi-was/resources/views/order/workOrder/_issue_logs.blade.php

<div v-if="item.order_issue">
    @can('订单管理-问题件-处理结果添加')
        <div class="add-btn"
             style="position: absolute;display: none;margin-top: -35px;z-index: 51"
             :id="'AddBtn'+item.order_issue.id">
            <button type="button" class="btn btn-primary"
                    @click="showAddDiv('AddLog_'+item.order_issue.id)">新
            </button>
        </div>

        <div class="addLogDiv row m-0 p-0 form-group" style="display: none;"
             :id="'AddLog_'+item.order_issue.id">
            <input type="hidden" name="id" :value="item.order_issue.id">
            <div style="width: 45px"></div>
            <div class="form-inline m-2">
                <input type="text" name="content" class="form-control m-0 p-0"
                       style="width: 275px"
                       required>
                @cannot('订单管理-问题件-客户不可见')
                    <input type="checkbox" class="form-control"
                           value="true"
                           :name="item.order_issue.id + '_log_check'"
                           :id="item.order_issue.id + '_log_check'">
                    <label :for="item.order_issue.id + '_log_check'">标</label>
                @endcannot
                <button type="button"
                        class="btn btn-primary ml-2 m-0 p-0"
                        style="width: 50px"
                        @click="orderIssueVue.addOrderIssueLog('AddLog_'+item.order_issue.id,item.order_issue.id,item.issue_logs)">添加
                </button>
            </div>
        </div>

    @endcan
    <template class="p-0 m-0" v-if="item.issue_logs && item.issue_logs.length > 0">
        <table class="table table-sm p-0 m-0 " :id="'logs'+item.order_issue.id">
            <tr class="align-center position-static"
                v-for="(log,logIndex) in item.issue_logs"
                @click="removeFocusing($event)" v-on:mouseover="showDelBtn($event)"
                v-on:mouseleave="hideDelBtn($event)">
                <template v-if="logIndex < 2|| item.order_issue.log_is_show === true">
                    <td style="max-width: 175px;min-width: 175px;">
                        <span v-text="log.content"></span>
                    </td>
                    <td class="text-muted" style="max-width: 55px;min-width: 55px;">
                        <span v-if="log.user" v-text="log.user.name"></span>
                    </td>
                    <td class="text-muted" style="max-width: 95px;min-width: 95px;">
                        <span v-text="log.created_at"></span>
                    </td>
                    @can('订单管理-问题件-处理结果删除')
                        <td style="" class="m-0 p-0 border-0">
                            <button type="button"
                                    class="btn btn-sm btn-outline-danger m-0 del-btn invisible"
                                    @click="orderIssueVue.destroyLog(log,item.issue_logs,logIndex)">
                                删
                            </button>
                        </td>
                        <td class="m-0 p-0 border-0">
                            <button type="button"
                                    class="btn btn-sm btn-outline-primary m-0 del-btn invisible"
                                    v-show="Number(log.tag) !== 1"
                                    @click="orderIssueVue.tagIssueLog(log)">标
                            </button>
                        </td>
                    @endcan
                </template>
            </tr>
        </table>
        <div class="d-flex justify-content-center">
            <button type="button" class="btn btn-sm btn-outline-primary align-middle mt-1 center-block"
                    v-if="item.issue_logs.length > 2"
                    @click="toggleLogs(item.order_issue,$event)">记录共@{{ item.issue_logs.length }}条,点击展开
            </button>
        </div>

    </template>
    <div v-else class="w-auto h-50">
    </div>
</div>