MrShi

MrShi

2023-11-09 19d17f0f0fb02f46342d70b5180e40a0ad1b66d3

 admin/src/views/business/miniproSetting.vue

@@ -10,7 +10,7 @@
        <el-input v-model="form.serverPhone" placeholder="请输入服务电话"></el-input>
      </el-form-item>
      <el-form-item label="押金金额">
        <el-input v-model="form.rentDeposit" type="number" placeholder="请输入押金金额"></el-input>
        <el-input v-model="form.rentDeposit" @change="changeVal(form.rentDeposit,1)" type="number" placeholder="请输入押金金额"></el-input>
        <div class="tips">请输入需要缴纳的押金金额(单位：元)</div>
      </el-form-item>
      <el-form-item label="营业时间">
@@ -21,20 +21,20 @@
          v-model="form.businessEndtime"></el-time-picker>
      </el-form-item>
      <el-form-item label="免费骑行时长">
        <el-input v-model="form.freeRentTime" type="number" placeholder="请输入免费骑行时长"></el-input>
        <el-input v-model="form.freeRentTime" type="number" @change="changeVal(form.freeRentTime,2)" 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" type="number" placeholder="最小值"></el-input>
          或高于<el-input style="width: 80px;" v-model="form.warnMax" type="number" placeholder="最大值"></el-input>
          低于<el-input style="width: 80px;" v-model="form.warnMin" @change="changeVal(form.warnMin,3)" type="number" placeholder="最小值"></el-input>
          或高于<el-input style="width: 80px;" v-model="form.warnMax" @change="changeVal(form.warnMax,4)" type="number" placeholder="最大值"></el-input>
          会想钉钉群发送预警
        </div>
        <div class="tips">当车辆满载超过以上配置时，提示管理员</div>
      </el-form-item>
      <el-form-item label="预警钉钉群地址">
        <el-input v-model="form.warnDingdingUrl" placeholder="请输入预警钉钉群地址"></el-input>
      </el-form-item>
<!--      <el-form-item label="预警钉钉群地址">-->
<!--        <el-input v-model="form.warnDingdingUrl" placeholder="请输入预警钉钉群地址"></el-input>-->
<!--      </el-form-item>-->
      <el-form-item label="租赁须知主图">
        <div style="display: flex;">
          <UploadAvatarImage
@@ -48,17 +48,30 @@
      </el-form-item>
      <el-form-item label="租赁流程视频" prop="name">
        <div style="display: flex;">
          <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>
          </el-upload>
          <div style="width: 250px;height: 180px" v-if="form.rentTipsVideo">
            <video controls :src="form.rentTipsVideo" style="width: 100%;height: 100%"></video>
          </div>
<!--          <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>-->
<!--            <i v-else class="el-icon-plus avatar-uploader-icon"></i>-->
<!--          </el-upload>-->
          <div class="tips">
            <div>
              <el-upload
                class="upload-demo"
                ref="upload"
                :action="uploadImgUrl"
                :show-file-list="false"
                accept=".mp4"
                :data="{ folder: 'bike', }"
                :on-success="handleAvatarSuccess">
                <el-button slot="trigger" size="small" type="primary">上传视频</el-button>
                <div slot="tip" class="el-upload__tip">只能上传mp4格式，建议不超过50M</div>
              </el-upload>
              <el-button type="text" style="color: red;" @click="form.rentTipsVideo = ''">删除</el-button>
            </div>
            <div>只能上传mp4格式，建议不超过50M</div>
<!--            <div>只能上传mp4格式，建议不超过50M</div>-->
          </div>
        </div>
        
@@ -141,26 +154,44 @@
        stopServeTips: '',
        warnDingdingUrl: '',
        warnMax: '',
        warnMin: '',
        warnMin: ''
      }
    }
  },
  created() {
    getMiniProgrammeDTO()
      .then(res => {
        console.log(res);
        this.form = res
        this.value1 = [res.stopServeStarttime, res.stopServeEndtime]
      })
  },
  methods: {
    changeVal (val, type) {
      if (type === 1) {
        if (this.form.rentDeposit < 0) {
          this.form.rentDeposit = ''
        }
      } else if (type === 2) {
        if (this.form.freeRentTime < 0) {
          this.form.freeRentTime = ''
        }
      } else if (type === 3) {
        if (this.form.warnMin < 0) {
          this.form.warnMin = ''
        }
      } else if (type === 4) {
        if (this.form.warnMax < 0) {
          this.form.warnMax = ''
        }
      }
    },
    handleAvatarSuccess(res, file) {
      console.log(res.data.url);
      this.form.rentTipsVideo = res.data.url;
      console.log(res.data.url)
      this.form.rentTipsVideo = res.data.url
    },
    uploadOutSuccess(file) {
      this.leaseNoticeUrl = file.imgurl;
      this.form.leaseNoticeUrl = file.imgurlfull;
      this.leaseNoticeUrl = file.imgurl
      this.form.leaseNoticeUrl = file.imgurlfull
    },
    selectDate(v) {
      this.form.stopServeStarttime = ''
@@ -183,12 +214,25 @@
    //   return isJPG;
    // },
    saveSetting() {
      const reg = /^[0-9][0-9]*|0\.\d*[0-9]\d*$/
      if (!reg.test(this.form.rentDeposit)) {
        return this.$tip.apiFailed({ message: '押金金额必须大于0' })
      }
      if (!reg.test(this.form.freeRentTime)) {
        return this.$tip.apiFailed({ message: '免费骑行时长必须大于0' })
      }
      if (!reg.test(this.form.warnMin)) {
        return this.$tip.apiFailed({ message: '满载预警必须大于0' })
      }
      if (!reg.test(this.form.warnMax)) {
        return this.$tip.apiFailed({ message: '满载预警必须大于0' })
      }
      updateById(this.form)
        .then(res => {
          this.$tip.apiSuccess('保存成功')
        })
    }
  },
  }
}
</script>