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
    <table class="table table-sm p-0 m-0 " :id="'logs'+item.order_issue.id"
           v-if="item.issue_logs && item.issue_logs.length > 0">
        <tr class="align-center position-static"
            v-for="(log,logIndex) in item.issue_logs"
            v-on:mouseover="showDelBtn($event)"
            v-on:mouseleave="hideDelBtn($event)"
            @click="removeFocusing($event)"
            v-show=" showOrderIssueProcessLog===item.id || logIndex < 2 "
        >
            <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="max-width: 35px;min-width: 35px;" 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
        </tr>
    </table>
    <div v-if="item.issue_logs.length === 0" class="w-auto h-50">
    </div>
    <div class="d-flex justify-content-center">
        <button type="button" class="btn btn-sm btn-outline-primary align-middle mt-1 center-block"
                v-show="showOrderIssueProcessLog !== item.id"
                @click="showOrderIssueProcessLog = item.id">记录共@{{ item.issue_logs.length }}条,点击展开
        </button>
        <button type="button" class="btn btn-sm btn-outline-primary align-middle mt-1 center-block"
                v-show="showOrderIssueProcessLog === item.id"
                @click="showOrderIssueProcessLog = null">点击收起
        </button>

    </div>

</div>