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

<div class="am-panel am-panel-default" v-if="info.status>=4">
    <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;">
        <form id="agent_form">
            <div class="am-form-inline">
                <div class="am-form-group am-u-lg-3">
                    <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: 60%"><input type="text" name="car_num"
                                                                               v-model="info.agent.car_num"></label>
                    </div>
                </div>
                <div class="am-form-group am-u-lg-3">
                    <label class="am-para-label label-width"><span class="span-bold">挂牌是否代办：</span></label>
                    <div class="am-para-input">
                        <input type="checkbox" name="if_listed_db" value="1" v-if="info.agent.if_listed_db" checked
                               class="mui-switch mui-switch-anim">
                        <input type="checkbox" name="if_listed_db" value="1" v-else class="mui-switch mui-switch-anim">
                    </div>
                </div>
                <div class="am-form-group am-u-lg-3">
                    <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: 80%"><input type="text" name="e_time" id="bx_time"
                                                                               value="<?= $info['agent']['ins_time'] ?>"></label>
                    </div>
                </div>
                <div class="am-form-group am-u-lg-3">
                    <label class="am-para-label label-width"><span class="span-bold">保险是否代办：</span></label>
                    <div class="am-para-input">
                        <input type="checkbox" name="if_ins_db" value="1" v-if="info.agent.if_ins_db" checked
                               class="mui-switch mui-switch-anim">
                        <input type="checkbox" name="if_ins_db" value="1" v-else class="mui-switch mui-switch-anim">
                    </div>
                </div>
            </div>
            <div class="am-form-inline">
                <div class="am-form-group am-u-lg-12"></div>
            </div>
            <div class="am-form-inline">
                <div class="am-form-group am-u-lg-4">
                    <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: 90%"><input type="text" name="company"
                                                                               v-model="info.agent.company"></label>
                    </div>
                </div>
                <div class="am-form-group am-u-lg-4">
                    <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: 50%"><input type="text" name="ins_risk"
                                                                               v-model="info.agent.ins_risk"></label>
                    </div>
                </div>
                <div class="am-form-group am-u-lg-4">
                    <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: 50%"><input type="text" name="business_risk"
                                                                               v-model="info.agent.business_risk"></label>
                    </div>
                </div>
            </div>
            <div class="am-form-inline">
                <div class="am-form-group am-u-lg-12" style="margin-top: 5px;">
                    <div class="admin-content">
                        <label class="am-para-label label-width"><span class="span-bold">登记证：</span></label>
                        <div class="am-para-input">
                            <div class="am-form-group am-form-file">
                                <button type="button" class="am-btn am-btn-default am-btn-sm fl"
                                        data-file="1" data-mark="file" data-type="pdf,jpg,png,gif,png,jpeg"
                                        data-uptype="qiniu" data-params-source="vue_obj.register_img">
                                    <i class="am-icon-cloud-upload"></i> 选择要上传的文件
                                </button>
                                <div class="photo-upload mt10 fl">
                                    <div class="photo-upload-item" v-for="(v,i) in register_img">
                                        <a :href="v.src" target="_blank" :data-value='v.value' class="ml10 mt5"
                                           style="width:100px;line-height:20px;">{{v.title}}</a>
                                        <span class="photo-upload-item-remove">
                                        <i class="fa fa-remove" data-rm-vue="vue_obj.register_img" :data-index="i"></i>
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="am-form-inline">
                <div class="am-form-group am-u-lg-12" style="margin-top: 5px;">
                    <div class="admin-content">
                        <label class="am-para-label label-width"><span class="span-bold">行驶证：</span></label>
                        <div class="am-para-input">
                            <div class="am-form-group am-form-file">
                                <button type="button" class="am-btn am-btn-default am-btn-sm fl"
                                        data-file="1" data-mark="file" data-type="pdf,jpg,png,gif,png,jpeg"
                                        data-uptype="qiniu" data-params-source="vue_obj.car_imgs">
                                    <i class="am-icon-cloud-upload"></i> 选择要上传的文件
                                </button>
                                <div class="photo-upload mt10 fl">
                                    <div class="photo-upload-item" v-for="(v,i) in car_imgs">
                                        <a :href="v.src" target="_blank" :data-value='v.value' class="ml10 mt5"
                                           style="width:100px;line-height:20px;">{{v.title}}</a>
                                        <span class="photo-upload-item-remove">
                                        <i class="fa fa-remove" data-rm-vue="vue_obj.car_imgs" :data-index="i"></i>
                                    </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="am-form-inline">
                <div class="am-form-group am-u-lg-12">
                    <label class="am-para-label label-width"><span class="span-bold">保险单：</span></label>
                    <div class="am-para-input">
                        <div class="am-form-group am-form-file">
                            <button type="button" class="am-btn am-btn-default am-btn-sm fl"
                                    data-file="5" data-mark="file" data-type="pdf,jpg,png,gif,png,jpeg"
                                    data-params-source="vue_obj.bx_imgs">
                                <i class="am-icon-cloud-upload"></i> 选择要上传的文件
                            </button>
                            <div class="photo-upload mt10 fl">
                                <div class="photo-upload-item" v-for="(v,i) in bx_imgs">
                                    <a :href="v.src" target="_blank" :data-value='v.value' class="ml10 mt5"
                                       style="width:100px;line-height:20px;">{{v.title}}</a>
                                    <span class="photo-upload-item-remove">
                                <i class="fa fa-remove" data-rm-vue="vue_obj.bx_imgs" :data-index="i"></i>
                            </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="am-form-inline am-u-lg-12">
                <div class="am-form-group am-u-lg-12" style="margin-top: 15px;">
                    <a href='javascript:;' class='am-btn am-btn-primary am-btn-xs' @click="save_agent">
                        保存
                    </a>
                    <a class='am-btn am-btn-primary am-btn-xs ml10' v-if="info.status==4" data-ajax="post"
                       data-action="/receiver/orders/edit_agentfh" :data-params-oid="info.id">
                        完成代办
                    </a>
                    <a class='am-btn am-btn-default am-active am-btn-xs ml10' v-else>
                        已完成代办
                    </a>
                </div>
            </div>
        </form>
    </div>
</div>