|  |  |  | 
|---|
|  |  |  | <el-input v-model="form.serverPhone" placeholder="请输入服务电话"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="押金金额"> | 
|---|
|  |  |  | <el-input v-model="form.rentDeposit" placeholder="请输入押金金额"></el-input> | 
|---|
|  |  |  | <el-input v-model="form.rentDeposit" type="number" placeholder="请输入押金金额"></el-input> | 
|---|
|  |  |  | <div class="tips">请输入需要缴纳的押金金额(单位:元)</div> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="营业时间"> | 
|---|
|  |  |  | <el-time-select placeholder="开始时间" v-model="form.businessStarttime"></el-time-select> | 
|---|
|  |  |  | <el-time-picker placeholder="开始时间" value-format="HH:mm" :picker-options="option" v-model="form.businessStarttime"></el-time-picker> | 
|---|
|  |  |  | 至 | 
|---|
|  |  |  | <el-time-select placeholder="结束时间" v-model="form.businessEndtime"></el-time-select> | 
|---|
|  |  |  | <el-time-picker placeholder="结束时间" value-format="HH:mm" :picker-options="option" v-model="form.businessEndtime"></el-time-picker> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="免费骑行时长"> | 
|---|
|  |  |  | <el-input v-model="form.freeRentTime" placeholder="请输入名称"></el-input> | 
|---|
|  |  |  | <el-input v-model="form.freeRentTime" type="number" placeholder="请输入免费骑行时长"></el-input> | 
|---|
|  |  |  | <div class="tips">免费骑行时长,单位:分钟</div> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="满载预警(%)" prop="name"> | 
|---|
|  |  |  | <div style="display: flex;"> | 
|---|
|  |  |  | 低于<el-input style="width: 80px;" v-model="form.warnMin" placeholder="最小值"></el-input> | 
|---|
|  |  |  | 或高于<el-input style="width: 80px;" v-model="form.warnMax" placeholder="最大值"></el-input> | 
|---|
|  |  |  | 低于<el-input style="width: 80px;" v-model="form.warnMin" type="number" placeholder="最小值"></el-input> | 
|---|
|  |  |  | 或高于<el-input style="width: 80px;" v-model="form.warnMax" type="number" placeholder="最大值"></el-input> | 
|---|
|  |  |  | 会想钉钉群发送预警 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="tips">当车辆满载超过以上配置时,提示管理员</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-input v-model="form.warnDingdingUrl" placeholder="请输入预警钉钉群地址"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="租赁流程视频" prop="name"> | 
|---|
|  |  |  | <!-- :before-upload="beforeAvatarUpload" --> | 
|---|
|  |  |  | <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" | 
|---|
|  |  |  | accept=".mp4" :on-success="handleAvatarSuccess"> | 
|---|
|  |  |  | <el-upload class="avatar-uploader" :action="uploadImgUrl" :show-file-list="false" | 
|---|
|  |  |  | accept=".mp4" :data="{folder: 'bike',}" :on-success="handleAvatarSuccess"> | 
|---|
|  |  |  | <video v-if="form.rentTipsVideo" :src="form.rentTipsVideo" class="avatar"></video> | 
|---|
|  |  |  | <!-- <img v-if="imageUrl" :src="imageUrl" > --> | 
|---|
|  |  |  | <i v-else class="el-icon-plus avatar-uploader-icon"></i> | 
|---|
|  |  |  | 
|---|
|  |  |  | placeholder="请输入停止服务提示"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="停止服务时间"> | 
|---|
|  |  |  | <el-time-select placeholder="开始时间" v-model="form.stopServeStarttime"></el-time-select> | 
|---|
|  |  |  | <el-time-picker placeholder="开始时间" value-format="HH:mm" :picker-options="option" v-model="form.stopServeStarttime"></el-time-picker> | 
|---|
|  |  |  | 至 | 
|---|
|  |  |  | <el-time-select placeholder="结束时间" v-model="form.stopServeEndtime"></el-time-select> | 
|---|
|  |  |  | <el-time-picker placeholder="结束时间" value-format="HH:mm" :picker-options="option" v-model="form.stopServeEndtime"></el-time-picker> | 
|---|
|  |  |  | <div class="tips">停止服务开始时间至结束时间</div> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | components: { TableLayout }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/public/uploadLocal', | 
|---|
|  |  |  | option: { | 
|---|
|  |  |  | format: 'HH:mm' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 搜索 | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | businessEndtime: '', | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | handleAvatarSuccess(res, file) { | 
|---|
|  |  |  | this.imageUrl = URL.createObjectURL(file.raw); | 
|---|
|  |  |  | console.log(res.data.url); | 
|---|
|  |  |  | this.form.rentTipsVideo = res.data.url; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // beforeAvatarUpload(file) { | 
|---|
|  |  |  | //   console.log(file.type); | 
|---|