liche/admin/views/receiver/orders/oinfo.php

<div class="am-panel am-panel-default">
    <div class="am-panel-hd">
        <span style="font-size: 20px">订单明细</span>
        <span style="float:right;margin-top:5px">
        </span>
    </div>
    <div class="am-panel-bd am-g" style="margin-top: 10px;margin-bottom: 10px;">
        <div class="am-form-inline">
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">品牌车型：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">{{info.brand_name}}{{info.s_name}}</label>
                </div>
            </div>
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">车辆级别：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">{{info.v_name}}</label>
                </div>
            </div>
        </div>
        <div class="am-form-inline">
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">车辆售价：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">
                        {{info.sale_price}}
                        <span class="text-danger">
                            (指导价:{{info.price}}<template v-if="info.price_discount">,优惠金额:{{info.price_discount}}</template>)
                        </span>
                    </label>
                </div>
            </div>
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">车身颜色：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">{{info.cor_name}}</label>
                </div>
            </div>
        </div>
        <div class="am-form-inline">
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">定金金额：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">{{info.deposit}}</label>
                </div>
            </div>
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">内饰颜色：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">{{info.incor_name}}</label>
                </div>
            </div>
        </div>
        <div class="am-form-inline">
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">服务费：</span></label>
                <div class="am-para-input" style="margin-left:120px">
                    <label class="am-para-label-con" v-if="info.srv_info">{{info.srv_info.total}}<template v-if="info.srv_info.detail">({{info.srv_info.detail}})</template></label>
                </div>
            </div>
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">付款方式：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">
                        <span v-if="info.payway">全款</span>
                        <span v-else>贷款</span>
                    </label>
                </div>
            </div>
        </div>
        <div class="am-form-inline">
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">销售员：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">{{info.admin_name}}</label>
                </div>
            </div>
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">期望交付时间：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">{{info.delry_time}}</label>
                </div>
            </div>
        </div>
        <div class="am-form-inline">
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">车辆信息：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label-con">
                        <span v-if="info.item_id">
                            <a href="javascript:void(0);" :data-modal="'/items/goods/goods/get_info?id='+info.item_id"
                               data-title="车辆信息">{{info.vin}}</a>
                        </span>
                        <span v-else>未选择</span>
                    </label>
                </div>
            </div>
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label label-width"><span class="span-bold">备注：</span></label>
                <div class="am-para-input">
                    <label class="am-para-label" style="width: 70%">
                        <textarea rows="2" v-model="info.note"></textarea>
                    </label>
                    <a @click="save_edit(1)" class='am-btn am-btn-primary am-btn-xs'
                       style="margin-left: 20px;margin-top: 5px;">保存备注</a>
                </div>
            </div>
        </div>
        <div class="am-form-inline">
            <div class="am-form-group am-u-lg-6">
                <label class="am-para-label">
                    <a @click="carModal" class='am-btn am-btn-primary am-btn-xs'>车辆分配</a></label>
            </div>
        </div>
    </div>
</div>
<div id="car-modal" style="display: none;">
    <div class="modal-body">
        <form class="form-search coms-table-hd clearfix no-border" action="" style="padding-left: 0px;padding-right: 0px;">
            <input type="hidden" name="status_pid"
                   value="<?= $params['status_pid'] != -99 ? $params['status_pid'] : '' ?>">
            <input type="hidden" name="status_id" value="<?= $params['status_id'] ?>">
            <div class="am-form am-form-horizontal">
                <div class="am-form-group fl">
                    <label class="am-para-label w60">品牌:</label>
                    <div class="am-para-inline w100">
                        <select v-model="brand_id">
                            <option v-for="item in brand_list" :value="item.id">
                                {{item.name}}
                            </option>
                        </select>
                    </div>
                </div>
                <div class="am-form-group fl">
                    <label class="am-para-label w50">车系:</label>
                    <div class="am-para-inline w100">
                        <select v-model="s_id">
                            <option value="0">全部</option>
                            <option v-for="item in series_list" :value="item.id">
                                {{item.name}}
                            </option>
                        </select>
                    </div>
                </div>
                <div class="am-form-group fl">
                    <label class="am-para-label w80">车辆级别:</label>
                    <div class="am-para-inline w100">
                        <select v-model="v_id">
                            <option value="0">全部</option>
                            <option v-for="item in v_list" :value="item.id">
                                {{item.name}}
                            </option>
                        </select>
                    </div>
                </div>
                <div class="am-form-group fl">
                    <label class="am-para-label w80">车身颜色:</label>
                    <div class="am-para-inline w80">
                        <select v-model="cor_id">
                            <option value="0">全部</option>
                            <option v-for="item in cor_list" :value="item.id">
                                {{item.name}}
                            </option>
                        </select>
                    </div>
                </div>
                <div class="am-form-group fl">
                    <label class="am-para-label w80">内饰颜色:</label>
                    <div class="am-para-inline w80">
                        <select v-model="incor_id">
                            <option value="0">全部</option>
                            <option v-for="item in incor_list" :value="item.id">
                                {{item.name}}
                            </option>
                        </select>
                    </div>
                </div>
                <div class="am-form-group fl">
                    <label class="am-para-label w60">车架号:</label>
                    <div class="am-para-inline">
                        <input type="text" v-model="vin"/>
                    </div>
                </div>
                <div class="am-form-group fl">
                    <div class="am-form-group fl ml10">
                        <a href="javascript:;" @click="carModal" class="am-btn am-btn-success am-btn-sm w100">搜索</a>
                    </div>
                </div>
            </div>
        </form>
        <table class="am-table">
            <thead>
            <tr>
                <th>品牌车型</th>
                <th>车型</th>
                <th>车身颜色</th>
                <th>内饰颜色</th>
                <th>车架号</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="(v,i) in carslist">
                <td>{{v.brand_name}}{{v.series_name}}</td>
                <td>{{v.v_name}}</td>
                <td>{{v.cor_name}}</td>
                <td>{{v.incor_name}}</td>
                <td>{{v.vin}}</td>
                <td>
                    <a v-if="v.selected==0" href="javascript:void(0);" @click="setCars(v,1)"
                       class="btn btn-primary btn-sm">选择</a>
                    <a v-else-if="v.selected==1" href="javascript:void(0);" @click="setCars(v,0)"
                       class="btn btn-default btn-sm">移除</a>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="clearfix">
            <span class="pull-left text-muted">第{{page.page}}页(每页{{page.pageLimit}}条,共{{page.pageCount}}条)</span>
            <nav class="pull-right" aria-label="Page navigation">
                <ul class="pagination pagination-sm">
                    <li>
                        <a href="javascript:void(0);" @click="beforeUsersPage();" aria-label="上一页">
                            <span class="glyphicon glyphicon-menu-left"></span>
                        </a>
                    </li>
                    <li v-if="page.hasNext">
                        <a href="javascript:void(0);" @click="afterUsersPage();" aria-label="下一页">
                            <span class="glyphicon glyphicon-menu-right"></span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>