| | |
| | | <el-input v-model="form.zlDeposit" @input="clearzl" placeholder="请输入" v-trim /> |
| | | </el-form-item> |
| | | <el-form-item label="付款方式" prop="zlPayType"> |
| | | <el-select v-model="form.zlPayType" @change="clearzl" placeholder="请选择"> |
| | | <el-select v-model="form.zlPayType" @change="changePayType" placeholder="请选择"> |
| | | <el-option v-for="(item, index) in payMethods" :key="index" :value="item.value" :label="item.name"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-input v-model="form.wyDeposit" @input="clearwy" placeholder="请输入" v-trim /> |
| | | </el-form-item> |
| | | <el-form-item label="付款方式" prop="wyPayType"> |
| | | <el-select v-model="form.wyPayType" @change="clearwy" placeholder="请选择"> |
| | | <el-select v-model="form.wyPayType" @change="changePayType1" placeholder="请选择"> |
| | | <el-option v-for="(item, index) in payMethods" :key="index" :value="item.value" :label="item.name"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | }"> |
| | | <el-input placeholder="请输入" @input="clearwy" v-model="wyDetailList.price"> |
| | | <el-select v-model="wyDetailList.circleType" @change="clearwy" style="width: 150px;" slot="append" placeholder="请选择"> |
| | | <el-option v-for="(item, index) in unitOps" :key="index" :value="item.value" :label="item.name"></el-option> |
| | | <el-option v-for="(item, index) in unitOps1" :key="index" :value="item.value" :label="item.name"></el-option> |
| | | </el-select> |
| | | </el-input> |
| | | </el-form-item> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="window__footer" style="position: sticky; bottom: 0; left: 0; z-index: 9; background: #ffffff;"> |
| | | <div class="window__footer"> |
| | | <slot name="footer"> |
| | | <el-button @click="confirm" :loading="confirmWorking" type="primary">{{activeTabs === 0 ? '下一步' : '提交'}}</el-button> |
| | | <slot name="btns" /> |
| | |
| | | startDate: '', |
| | | endDate: '', |
| | | projectId: '', |
| | | roundedUp: '', |
| | | roundedUp: 0, |
| | | companyId: '', |
| | | renterId: '', |
| | | renterName: '', |
| | |
| | | { name: '元/m²·年', value: 2 }, |
| | | { name: '元/场', value: 6 }, |
| | | ], |
| | | unitOps1: [ |
| | | { name: '元/m²·天', value: 0 }, |
| | | { name: '元/m²·月', value: 1 }, |
| | | { name: '元/天', value: 3 }, |
| | | { name: '元/月', value: 4 }, |
| | | { name: '元/年', value: 5 }, |
| | | { name: '元/m²·年', value: 2 }, |
| | | { name: '元/场', value: 6 }, |
| | | ], |
| | | |
| | | houseLvThree: [] |
| | | } |
| | |
| | | advanceDays: '' |
| | | } |
| | | ] |
| | | this.form.roundedUp = 0 |
| | | // this.getHouseTree() |
| | | }) |
| | | }, |
| | | changePayType (e) { |
| | | if (e === 0) { |
| | | this.unitOps = [ |
| | | { name: '元/m²·天', value: 0 }, |
| | | { name: '元/m²·月', value: 1 }, |
| | | { name: '元/天', value: 3 }, |
| | | { name: '元/月', value: 4 }, |
| | | { name: '元/年', value: 5 }, |
| | | { name: '元/m²·年', value: 2 }, |
| | | { name: '元/场', value: 6 }, |
| | | ] |
| | | } else { |
| | | this.form.zlDetailList.forEach(item => { |
| | | if (item.circleType === 6) { |
| | | item.circleType = 0 |
| | | } |
| | | }) |
| | | this.unitOps = [ |
| | | { name: '元/m²·天', value: 0 }, |
| | | { name: '元/m²·月', value: 1 }, |
| | | { name: '元/天', value: 3 }, |
| | | { name: '元/月', value: 4 }, |
| | | { name: '元/年', value: 5 }, |
| | | { name: '元/m²·年', value: 2 } |
| | | ] |
| | | } |
| | | this.clearzl() |
| | | }, |
| | | changePayType1 (e) { |
| | | if (e === 0) { |
| | | this.unitOps1 = [ |
| | | { name: '元/m²·天', value: 0 }, |
| | | { name: '元/m²·月', value: 1 }, |
| | | { name: '元/天', value: 3 }, |
| | | { name: '元/月', value: 4 }, |
| | | { name: '元/年', value: 5 }, |
| | | { name: '元/m²·年', value: 2 }, |
| | | { name: '元/场', value: 6 }, |
| | | ] |
| | | } else { |
| | | this.form.wyDetailList.forEach(item => { |
| | | if (item.circleType === 6) { |
| | | item.circleType = 0 |
| | | } |
| | | }) |
| | | this.unitOps1 = [ |
| | | { name: '元/m²·天', value: 0 }, |
| | | { name: '元/m²·月', value: 1 }, |
| | | { name: '元/天', value: 3 }, |
| | | { name: '元/月', value: 4 }, |
| | | { name: '元/年', value: 5 }, |
| | | { name: '元/m²·年', value: 2 } |
| | | ] |
| | | } |
| | | this.clearwy() |
| | | }, |
| | | // 获取联系人 |
| | | getYwList () { |
| | |
| | | getHouseData () { |
| | | if (this.form.startDate && this.form.endDate) { |
| | | this.getHouseTree() |
| | | if (this.form.zlDetailList.length === 1) { |
| | | this.form.zlDetailList[0].startDate = this.form.startDate |
| | | this.form.zlDetailList[0].endDate = this.form.endDate |
| | | this.form.zlDetailList[0].time = [this.form.startDate, this.form.endDate] |
| | | } |
| | | if (this.form.wyDetailList.length === 1) { |
| | | this.form.wyDetailList[0].startDate = this.form.startDate |
| | | this.form.wyDetailList[0].endDate = this.form.endDate |
| | | this.form.wyDetailList[0].time = [this.form.startDate, this.form.endDate] |
| | | } |
| | | } |
| | | }, |
| | | changeType (e) { |
| | |
| | | getDayTime (num) { |
| | | const today = new Date(); |
| | | const year = today.getFullYear(); |
| | | const month = today.getMonth() + 1; // 月份是从 0 开始的,因此需要加 1 |
| | | const month = today.getMonth() + 1; |
| | | const day = today.getDate(); |
| | | if (!num) { |
| | | return `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`; |
| | | } else { |
| | | return `${year + 1}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day - 1 : day - 1}`; |
| | | } |
| | | }, |
| | | clearData () { |
| | | this.form.zlDetailList = [ |
| | | { |
| | | circleType: 0, |
| | | startDate: this.form.startDate, |
| | | endDate: this.form.endDate, |
| | | time: [this.form.startDate, this.form.endDate], |
| | | price: '', |
| | | advanceDays: '' |
| | | } |
| | | ] |
| | | this.form.wyDetailList = [ |
| | | { |
| | | circleType: 0, |
| | | startDate: this.form.startDate, |
| | | endDate: this.form.endDate, |
| | | time: [this.form.startDate, this.form.endDate], |
| | | price: '', |
| | | advanceDays: '' |
| | | } |
| | | ] |
| | | }, |
| | | clearzl () { |
| | | this.zlList = [] |
| | |
| | | close () { |
| | | if (this.activeTabs === 0) { |
| | | this.$emit('close') |
| | | this.visible = false |
| | | } else { |
| | | this.activeTabs = 0 |
| | | this.zlList = [] |
| | | this.wyList = [] |
| | | } |
| | | } |
| | | } |
| | |
| | | left: 0; |
| | | z-index: 999; |
| | | } |
| | | .window__footer { |
| | | position: absolute; |
| | | width: 100%; |
| | | bottom: 0; |
| | | left: 0; |
| | | z-index: 9; |
| | | background: #ffffff; |
| | | user-select: none; |
| | | border-top: 1px solid #eee; |
| | | height: 60px; |
| | | line-height: 60px; |
| | | text-align: center; |
| | | } |
| | | .tabs { |
| | | border-bottom: 1px solid #DFE2E8; |
| | | display: flex; |