|  |  |  | 
|---|
|  |  |  | <div class="main_content"> | 
|---|
|  |  |  | <el-form :model="form" label-position="top" ref="form" :rules="rules"> | 
|---|
|  |  |  | <div class="head"> | 
|---|
|  |  |  | <div class="m_title">基础信息-{{time.startDate}}~{{time.endDate}}</div> | 
|---|
|  |  |  | <div class="m_title">基础信息</div> | 
|---|
|  |  |  | <div class="tabs"> | 
|---|
|  |  |  | <div class="tab" :class="{ active: form.feeType === 0 }" @click="timeTabClick(0)">周期费用</div> | 
|---|
|  |  |  | <div class="tab" :class="{ active: form.feeType === 1 }" @click="timeTabClick(1)">一次性费用</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | type="daterange" | 
|---|
|  |  |  | range-separator="至" | 
|---|
|  |  |  | v-model="form.date" | 
|---|
|  |  |  | :min-date="new Date(time.startDate)" | 
|---|
|  |  |  | :max-date="new Date(time.endDate)" | 
|---|
|  |  |  | :picker-options="pickerOptions" | 
|---|
|  |  |  | @change="changeDate" | 
|---|
|  |  |  | start-placeholder="开始日期" | 
|---|
|  |  |  | end-placeholder="结束日期" | 
|---|
|  |  |  | 
|---|
|  |  |  | extends: BaseOpera, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | const validateArr = (rule, value, callback) => { | 
|---|
|  |  |  | if (value.length === 0 || !value) { | 
|---|
|  |  |  | callback(new Error('请选择')); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | callback(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | if (!value) return callback(new Error('请选择')); | 
|---|
|  |  |  | if (!value.length === 0) return callback(new Error('请选择')); | 
|---|
|  |  |  | callback(); | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | 
|---|
|  |  |  | billTypeCopy: 0, | 
|---|
|  |  |  | date: [] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | pickerOptions: {}, | 
|---|
|  |  |  | time: { | 
|---|
|  |  |  | startDate: '', | 
|---|
|  |  |  | endDate: '' | 
|---|
|  |  |  | 
|---|
|  |  |  | { required: true, message: '请选择', trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | date: [ | 
|---|
|  |  |  | { validator: validateArr, trigger: 'blur' } | 
|---|
|  |  |  | { required: true, validator: validateArr, trigger: 'blur' } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | receivableFee: [ | 
|---|
|  |  |  | { required: true, message: '请输入', trigger: 'blur' } | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | open (title, target, time) { | 
|---|
|  |  |  | var that = this | 
|---|
|  |  |  | this.title = title | 
|---|
|  |  |  | this.time.startDate = time.startDate | 
|---|
|  |  |  | this.time.endDate = time.endDate | 
|---|
|  |  |  | this.pickerOptions = { | 
|---|
|  |  |  | disabledDate(time) { | 
|---|
|  |  |  | // 如果没有后面的 -8.64e7 就是不可以选择今天的 | 
|---|
|  |  |  | const beginDate = new Date(that.time.startDate).getTime() - 8.64e7 | 
|---|
|  |  |  | const endDate = new Date(that.time.endDate).getTime() | 
|---|
|  |  |  | return beginDate > time.getTime() || endDate < time.getTime() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.getCompany() | 
|---|
|  |  |  | this.visible = true | 
|---|
|  |  |  | // 新建 | 
|---|