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

<div class="alert alert-light m-0">
    @can('订单管理-问题件-处理结果添加')
    <div class="card-body border form-inline pl-0 mb-2"
         v-if="item.order_issue"
         v-show="selectCreateOrderIssueLog === item.id" >
        <input type="text" class="form-control" :id="item.order_issue.id+'_log_text'">
        <input type="checkbox" class="form-control form-control-sm float-right ml-1" value="true"
               :id="item.order_issue.id + '_log_check'">
        @cannot('订单管理-问题件-客户不可见')
        <label :for="item.order_issue.id + '_log_check'" class="float-right ml-1">标</label>
        @endcan
        <button class="btn btn-sm btn-primary float-right ml-1" type="button"
                @click="createOrderIssueLog(item.order_issue.id,item)">添加
        </button>
    </div>
    <div class="header-alert" v-if="item.order_issue">
        <button class="float-right btn btn-sm btn-primary"
                @click="selectCreateOrderIssueLog === item.id ? selectCreateOrderIssueLog = null : selectCreateOrderIssueLog = item.id">新
        </button>
    </div>
    @endcan
    <div class="header-alert">
        <span class="text-monospace">处理结果</span>
        <button type="button" class="btn btn-sm btn-outline-primary float-right "
                v-show="selectOrderIssueLog !== item.id"
                v-if="item.issue_logs && item.issue_logs.length > 0"
                @click="selectOrderIssueLog = item.id">显示
        </button>
        <button type="button" class="btn btn-sm btn-outline-primary float-right"
                v-show="selectOrderIssueLog === item.id"
                @click="selectOrderIssueLog = null">隐藏
        </button>
    </div>
</div>
<transition name="fade">
    <div class="alert alert-light m-0 border-top p-0"
         v-show="selectOrderIssueLog === item.id"
         v-if="item.issue_logs && item.issue_logs.length > 0">
        <div class="alert alert-light mb-0 border-top"
             v-for="(log,logIndex) in item.issue_logs">
            @can('订单管理-问题件-处理结果删除')
            <div class="float-right">
                <button class="btn btn-sm btn-outline-danger" @click="destroyLog(log,logIndex,i)">删</button>
                <button class="btn btn-sm btn-outline-primary" @click="tagIssueLog(log)" v-show="log.tag === 0">标</button>
            </div>
            @endcan
            <div>
                <span class="mr-3">处理人:</span>
                <span class="text-truncate"
                      v-text="log.user ? log.user.name : ''"></span>
            </div>
            <div>
                <span class="mr-3">类型:</span>
                <span class="text-truncate"
                      v-text="log.type"></span>
            </div>
            <div v-if="log.content">
                <span class="mr-3">内容:</span>
                <span class="text-truncate"
                      v-text="log.content"></span>
            </div>
            <div>
                <span class="mr-3">处理时间:</span>
                <span class="text-truncate"
                      v-text="log.created_at"></span>
            </div>
        </div>
    </div>
</transition>