qimall/addons/Store/client/views/reserve-staff/edit.php

<el-drawer :title="(add ?'添加':'编辑') + custom_text" :show-close="false" :visible.sync="drawer" :direction="direction"
           :before-close="handleClose" size="500px">

    <div style="height: 750px; overflow-y: auto;">

        <el-form @submit.native.prevent v-loading="btnLoading" :model="form" :rules="rules" size="small" ref="form" label-width="130px">


            <el-form-item v-if="add" label="用户昵称" prop="nickname" :rules="[{required: true, message: custom_text + '等级不能为空'}]">
                <el-autocomplete size="small" style="width:320px" v-model="form.nickname" value-key="nickname" @keyup.enter.native="keyUp" :fetch-suggestions="querySearchAsync" placeholder="请输入用户昵称/id/手机号" @select="agentClick"></el-autocomplete>
            </el-form-item>

            <el-form-item :label="custom_text + '等级'" prop="level" :rules="[{required: true, message: custom_text + '等级不能为空'}]">
                <el-select style="width:320px" v-model="form.level" placeholder="请选择" disabled>
                    <el-option v-for="item in levels" :key="item.level" :label="item.name" :value="item.level">
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="身份证号" prop="idcard" :rules="[{required: true, message: '身份证号不能为空',trigger: 'blur'}]">
                <el-input class="width-300" v-model="form.idcard" placeholder="请输入身份证号" disabled></el-input>
            </el-form-item>
            <el-form-item label="姓名" prop="name" :rules="[{required: true, message: '姓名不能为空',trigger: 'blur'}]">
                <el-input class="width-300" v-model="form.name" placeholder="请输入姓名" disabled></el-input>
            </el-form-item>
            <el-form-item label="联系电话" prop="mobile" :rules="[{required: true, message: '姓名不能为空',trigger: 'blur'}]">
                <el-input class="width-300" v-model="form.mobile" placeholder="请输入联系电话" disabled></el-input>
            </el-form-item>
            <el-form-item label="性别" prop="gender" :rules="[{required: true, message: '请选择性别',trigger: 'blur'}]">
                <el-radio v-model="form.gender" label="1" disabled>男</el-radio>
                <el-radio v-model="form.gender" label="2" disabled>女</el-radio>
            </el-form-item>

            <el-form-item label="年龄" prop="age" :rules="[{required: true, message: '年龄不能为空',trigger: 'blur'}]">
                <el-input class="width-300" v-model="form.age" placeholder="请输入年龄"  oninput="value=value.replace(/[^\d]/g,'')" disabled></el-input>
            </el-form-item>

            <el-form-item prop="idcard_front" class="com-goods" label="身份证正面">
                <template v-if="form.idcard_front">
                    <div class="card-covers">
                        <el-image mode="aspectFill" style="width: 100px; height: 100px"
                                  :src="form.idcard_front"></el-image>
                    </div>
                </template>
            </el-form-item>

            <el-form-item prop="idcard_back" class="com-goods" label="身份证反面">
                <template v-if="form.idcard_back">
                    <div class="card-covers">
                        <el-image mode="aspectFill" style="width: 100px; height: 100px"
                                  :src="form.idcard_back"></el-image>
                    </div>
                </template>
            </el-form-item>

            <el-form-item prop="qualification_certificate" label="资格证书">
                <div flex="dir:left">
                    <draggable v-model="form.qualification_certificate" v-if="form.qualification_certificate.length" flex="dif:left">
                        <div class="card-covers">
                            <el-image class="elImages" style="width: 100px; height: 100px"
                                      v-for="(item, index) in form.qualification_certificate" :src="item"></el-image>
                        </div>
                    </draggable>
                </div>
            </el-form-item>

            <el-form-item prop="avatar" class="com-goods" label="用户头像">
                <template v-if="form.avatar">
                    <div class="card-covers">
                        <el-image mode="aspectFill" style="width: 100px; height: 100px"
                                  :src="form.avatar"></el-image>
                    </div>
                </template>
            </el-form-item>

            <el-form-item label="服务地址" prop="address">
                <el-input class="width-300" v-model="form.address" v-mtfocus size="small" disabled placeholder="请输入服务地址" disabled></el-input>
            </el-form-item>

            <el-form-item label="经纬度" prop="">
                <el-input class="width-300" v-model="lng_lat" disabled></el-input>
            </el-form-item>
        </el-form>
        <div>
            <div style=" display:flex;margin: auto;width: 150px;">
                <el-button type="warning" @click="handleClose" size="mini">
                    取消
                </el-button>
                <el-button type="primary" style="margin-left:20px" @click="submitForm('form')" size="mini">
                    保存
                </el-button>
            </div>
        </div>
    </div>
</el-drawer>