|  |  | 
 |  |  |     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" | 
 |  |  | 
 |  |  | <script> | 
 |  |  | import BaseOpera from '@/components/base/BaseOpera' | 
 |  |  | import GlobalAlertWindow from '@/components/common/GlobalAlertWindow' | 
 |  |  | import { create } from '@/api/business/pricingParam' | 
 |  |  | 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() | 
 |  |  | 
 |  |  |           return | 
 |  |  |         } | 
 |  |  |         this.isWorking = true | 
 |  |  |         create(this.form) | 
 |  |  |         updatePricingDetailById(this.form) | 
 |  |  |           .then(res => { | 
 |  |  |             this.visible = false | 
 |  |  |             this.$tip.apiSuccess('修改成功') |