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

<div class="modal fade " id="work-order-process-log-modal" tabindex="-1" role="dialog" aria-labelledby="checkModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="checkModalLabel">@{{ processLog.type === '1' ? '宝时处理' : '承运商处理' }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                {{--是否赔偿--}}
                <div class="form-group row">
                    <label for="work-order-logistic-number" class="text-primary col-sm-2 col-form-label text-right">是否赔偿</label>
                    <div class="col-sm-10">
                        <div class="custom-control custom-radio">
                            <input type="radio" id="is-indemnity-yes" name="isIndemnity" class="custom-control-input"
                                   value="1"
                                   v-model="processLog['is_indemnity']">
                            <label class="custom-control-label" for="is-indemnity-yes">赔偿</label>
                        </div>
                        <div class="custom-control custom-radio">
                            <input type="radio" id="is-indemnity-no" name="isIndemnity" class="custom-control-input"
                                   value="2"
                                   v-model="processLog['is_indemnity']">
                            <label class="custom-control-label" for="is-indemnity-no">不赔偿</label>
                        </div>
                    </div>
                </div>
                {{-- 宝时处理 确认赔偿方 --}}
                <div class="form-group row" v-show="processLog['is_indemnity'] === '1' &&  processLog.type === 1">
                    <label for="process-log-indemnity" class="text-primary col-sm-2 col-form-label text-right">赔偿方</label>
                    <div class="col-sm-10">
                        <div class="custom-control custom-radio">
                            <input type="radio" id="indemnitor-baoshi" name="indemnitor" class="custom-control-input"
                                   value="1"
                                   v-model="processLog['indemnitor']">
                            <label class="custom-control-label" for="indemnitor-baoshi">宝时</label>
                        </div>
                        <div class="custom-control custom-radio">
                            <input type="radio" id="indemnitor-logistic" name="indemnitor" class="custom-control-input"
                                   value="2"
                                   v-model="processLog['indemnitor']">
                            <label class="custom-control-label" for="indemnitor-logistic">承运商</label>
                        </div>
                    </div>
                </div>
                {{--描述--}}
                <div class="form-group row" v-show="processLog['is_indemnity'] === '2'">
                    <label for="process-log-remark" class="text-primary col-sm-2 col-form-label text-right ">理由</label>
                    <div class="col-sm-10">
                        <textarea name="process-log-remark" id="process-log-remark" cols="30" rows="5" class="form-control"
                                  v-model="processLog.remark" ref="process-log-remark"></textarea>
                    </div>
                </div>
                {{--赔偿金额--}}
                <div class="form-group row" v-show="processLog['is_indemnity'] === '1'">
                    <label for="process-log-indemnity" class="text-primary col-sm-2 col-form-label text-right">赔偿金额</label>
                    <div class="col-sm-10">
                        <input type="number" id="process-log-indemnity" class="form-control"
                               v-model="processLog.indemnity" placeholder="赔偿金额" ref="process-log-indemnity">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭
                </button>

                {{--填充工单--}}
                {{--宝时--}}
                <button type="button" class="btn btn-outline-primary"   v-show="processLog['type'] === 1" @click="storeProcessLog">提交</button>
                {{--承运商--}}
                <button type="button" class="btn btn-outline-primary"   v-show="processLog['type'] === 2" @click="storeLogisticProcessLog">提交</button>
            </div>
        </div>
    </div>
</div>