|  |  |  | 
|---|
|  |  |  | width="600px" | 
|---|
|  |  |  | @confirm="confirm" | 
|---|
|  |  |  | > | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-form :model="form" ref="form" :rules="rules" label-suffix=":"> | 
|---|
|  |  |  | <el-form-item label="车型名称" prop="bikeTypeName"> | 
|---|
|  |  |  | {{ form.bikeTypeName }} | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="工作日计费"> | 
|---|
|  |  |  | <!--      base--> | 
|---|
|  |  |  | <el-form-item label="工作日计费" prop="base"> | 
|---|
|  |  |  | <el-select v-model="form.baseType" @change="selectBaseType"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in priceType" | 
|---|
|  |  |  | 
|---|
|  |  |  | :value="item.id" | 
|---|
|  |  |  | ></el-option> | 
|---|
|  |  |  | </el-select> | 
|---|
|  |  |  | <div class="setting" v-if="form.baseType == 1" style="display: flex;"> | 
|---|
|  |  |  | <div class="setting" v-if="form.baseType === 1" style="display: flex;"> | 
|---|
|  |  |  | <el-input v-model="form.basePrice" type="number" placeholder="" v-trim/> | 
|---|
|  |  |  | 元,畅骑一整天 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="节假日计费"> | 
|---|
|  |  |  | <el-form-item label="节假日计费" prop="holiday"> | 
|---|
|  |  |  | <el-select v-model="form.holidayBaseType" @change="selectHolidayBaseType"> | 
|---|
|  |  |  | <el-option | 
|---|
|  |  |  | v-for="item in priceType" | 
|---|
|  |  |  | 
|---|
|  |  |  | import GlobalAlertWindow from '@/components/common/GlobalAlertWindow' | 
|---|
|  |  |  | import { updatePricingDetailById } from '@/api/business/pricingParam' | 
|---|
|  |  |  | // import { findList } from '@/api/business/roomTime' | 
|---|
|  |  |  | import { numRule } from '@/utils/form' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'OperaPriceConfigWindow', | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | components: { GlobalAlertWindow }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | const baseRule = (rule, value, callback) => { | 
|---|
|  |  |  | if (this.form.baseType == 1) { | 
|---|
|  |  |  | if (/^[1-9]\d*$|^0$/.test(this.form.basePrice)) { | 
|---|
|  |  |  | callback() | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | callback(new Error()) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | if ( | 
|---|
|  |  |  | (/^[1-9]\d*$|^0$/.test(this.form.basePrice)) && | 
|---|
|  |  |  | (/^[1-9]\d*$|^0$/.test(this.form.baseTime)) && | 
|---|
|  |  |  | (/^[1-9]\d*$|^0$/.test(this.form.unitPrice)) && | 
|---|
|  |  |  | (/^[1-9]\d*$|^0$/.test(this.form.unitTime))) { | 
|---|
|  |  |  | callback() | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | callback(new Error()) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | const holidayRule = (rule, value, callback) => { | 
|---|
|  |  |  | if (this.form.holidayBaseType === 1) { | 
|---|
|  |  |  | if (/^[1-9]\d*$|^0$/.test(this.form.holidayBasePrice)) { | 
|---|
|  |  |  | callback() | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | callback(new Error()) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | if ( | 
|---|
|  |  |  | (/^[1-9]\d*$|^0$/.test(this.form.holidayBasePrice)) && | 
|---|
|  |  |  | (/^[1-9]\d*$|^0$/.test(this.form.holidayBaseTime)) && | 
|---|
|  |  |  | (/^[1-9]\d*$|^0$/.test(this.form.holidayUnitTime))) { | 
|---|
|  |  |  | callback() | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | callback(new Error()) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 表单数据 | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | id: null, | 
|---|
|  |  |  | pricePramId: null, | 
|---|
|  |  |  | bikeTypeId: null, | 
|---|
|  |  |  | pricePramId: '', | 
|---|
|  |  |  | bikeTypeId: '', | 
|---|
|  |  |  | bikeTypeName: '', | 
|---|
|  |  |  | baseType: '', | 
|---|
|  |  |  | baseTime: '', | 
|---|
|  |  |  | 
|---|
|  |  |  | backInfoRequired: false, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | duration: [ | 
|---|
|  |  |  | { required: true, validator: numRule, message: '请输入计费时长', tigger: 'blur' } | 
|---|
|  |  |  | base: [ | 
|---|
|  |  |  | { required: true, validator: baseRule, message: '请完善工作日计价信息', tigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | backReason: [ | 
|---|
|  |  |  | { required: true, message: '请选择调整原因', tigger: 'change'}, | 
|---|
|  |  |  | holiday: [ | 
|---|
|  |  |  | { required: true, validator: holidayRule, message: '请完善节假日计价信息', tigger: 'blur'}, | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | /** | 
|---|
|  |  |  | * 打开窗口 | 
|---|
|  |  |  | 
|---|
|  |  |  | for (const key in this.form) { | 
|---|
|  |  |  | this.form[key] = target[key] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.form.baseType = target.baseTime==-1 ? 1 : 2 | 
|---|
|  |  |  | this.form.holidayBaseType = target.holidayBaseTime==-1 ? 1 : 2 | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.form.baseType = target.baseTime === -1 ? 1 : 2 | 
|---|
|  |  |  | this.form.holidayBaseType = target.holidayBaseTime === -1 ? 1 : 2 | 
|---|
|  |  |  | // this.form.backReason = '' | 
|---|
|  |  |  | // this.form.backInfo = '' | 
|---|
|  |  |  | // this.$refs.form.clearValidate() | 
|---|