| | |
| | | export function list (data) { |
| | | return request.post('/visitsAdmin/cloudService/business/ywCustomer/list', data) |
| | | } |
| | | |
| | | // 阜宁运维 - 查询联系人列表 |
| | | export function ywList (data) { |
| | | return request.post('/visitsAdmin/cloudService/business/member/ywList', data) |
| | | } |
| | | |
| | |
| | | <el-form-item label="证件号码" prop="member.idcardNo"> |
| | | <el-input v-model="form.member.idcardNo" placeholder="请输入" v-trim /> |
| | | </el-form-item> |
| | | <el-form-item label="邮箱" prop="email"> |
| | | <el-form-item label="邮箱" prop="member.email" :rules="[ |
| | | { required: false, type: 'email', message: '请输入正确的邮箱格式'} |
| | | ]"> |
| | | <el-input v-model="form.member.email" placeholder="请输入邮箱" v-trim /> |
| | | </el-form-item> |
| | | </template> |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |
| | |
| | | <el-form-item label="证件号码" prop="member.idcardNo"> |
| | | <el-input v-model="form.idcardNo" placeholder="请输入" v-trim /> |
| | | </el-form-item> |
| | | <el-form-item label="邮箱" prop="email"> |
| | | <el-form-item label="邮箱" prop="email" :rules="[ |
| | | { required: false, type: 'email', message: '请输入正确的邮箱格式'} |
| | | ]"> |
| | | <el-input v-model="form.email" placeholder="请输入邮箱" v-trim /> |
| | | </el-form-item> |
| | | <el-form-item label="性别"> |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |
| | |
| | | roundedUp: [{ required: true, message: '请选择' }], |
| | | companyId: [{ required: true, message: '请选择' }], |
| | | renterName: [{ required: true, message: '请选择' }], |
| | | memberName: [{ required: true, message: '请选择' }], |
| | | memberId: [{ required: true, message: '请选择' }], |
| | | zlDeposit: [{ required: true, message: '请输入' }], |
| | | zlPayType: [{ required: true, message: '请选择' }], |
| | | wyDeposit: [{ required: true, message: '请输入' }], |
| | |
| | | <template> |
| | | <!-- :text="activeTabs === 0 ? '下一步' : '提交'"--> |
| | | <!-- :backText="activeTabs === 0 ? '返回' : '上一步'"--> |
| | | <GlobalWindow |
| | | width="100%" |
| | | :title="title" |
| | |
| | | <el-date-picker type="date" v-model="form.endDate" @change="getHouseData" :clearable="false" value-format="yyyy-MM-dd" placeholder="请选择" /> |
| | | </el-form-item> |
| | | <el-form-item label="归属项目" prop="projectId"> |
| | | <el-select v-model="form.projectId" placeholder="请选择"> |
| | | <el-select v-model="form.projectId" @change="getHouseTree" placeholder="请选择"> |
| | | <el-option v-for="(item, index) in projectList" :key="index" :value="item.id" :label="item.name"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-input v-model="form.renterName" readonly placeholder="请点击选择租客" /> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="联系人" prop="memberName"> |
| | | <el-input v-model="form.memberName" readonly placeholder="请点击选择租客" /> |
| | | <el-form-item label="联系人" prop="memberId"> |
| | | <el-select v-model="form.memberId" placeholder="请选择"> |
| | | <el-option v-for="(item, index) in contactsList" :key="index" :value="item.id" :label="item.name"></el-option> |
| | | </el-select> |
| | | <!-- <el-input v-model="form.memberName" readonly placeholder="请点击选择租客" />--> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | |
| | | import MemberSearch from '@/components/common/MemberSearch' |
| | | import { rules } from './config' |
| | | import { create, getBillList } from '@/api/contract' |
| | | import { ywList } from '@/api/customer' |
| | | import { getUserList } from '@/api/system/user' |
| | | import { getProjectList, tree } from '@/api/project/ywProject' |
| | | import { companyList } from '@/api/company' |
| | |
| | | zlDate: [], |
| | | zlDetailList: [ |
| | | { |
| | | circleType: 0, |
| | | startDate: '', |
| | | endDate: '', |
| | | time: [], |
| | |
| | | wyDate: [], |
| | | wyDetailList: [ |
| | | { |
| | | circleType: 0, |
| | | startDate: '', |
| | | endDate: '', |
| | | time: [], |
| | |
| | | wyList: [], |
| | | |
| | | rules, |
| | | |
| | | contactsList: [], |
| | | |
| | | loadingInstance: null, |
| | | uploadImgUrl: process.env.VUE_APP_API_PREFIX + '/visitsAdmin/cloudService/public/uploadBatch', |
| | |
| | | open (title, target) { |
| | | this.title = title |
| | | this.ids = [] |
| | | this.houseList = [] |
| | | this.getUser() |
| | | this.getProject() |
| | | this.getCompany() |
| | |
| | | } |
| | | this.form.zlDetailList = [ |
| | | { |
| | | startDate: '', |
| | | endDate: '', |
| | | time: [], |
| | | circleType: 0, |
| | | startDate: this.form.startDate, |
| | | endDate: this.form.endDate, |
| | | time: [this.form.startDate, this.form.endDate], |
| | | price: '', |
| | | advanceDays: '' |
| | | } |
| | | ] |
| | | this.form.wyDetailList = [ |
| | | { |
| | | startDate: '', |
| | | endDate: '', |
| | | time: [], |
| | | circleType: 0, |
| | | startDate: this.form.startDate, |
| | | endDate: this.form.endDate, |
| | | time: [this.form.startDate, this.form.endDate], |
| | | price: '', |
| | | advanceDays: '' |
| | | } |
| | |
| | | this.form.signDate = this.getDayTime() |
| | | this.form.startDate = this.getDayTime() |
| | | this.form.endDate = this.getDayTime(1) |
| | | this.getHouseTree() |
| | | // this.getHouseTree() |
| | | }) |
| | | }, |
| | | // 获取联系人 |
| | | getYwList () { |
| | | ywList({ |
| | | customerId: this.form.renterId |
| | | }).then(res => { |
| | | this.contactsList = res |
| | | }) |
| | | }, |
| | | getHouseData () { |
| | |
| | | return `${year + 1}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`; |
| | | } |
| | | }, |
| | | 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: '' |
| | | } |
| | | ] |
| | | }, |
| | | confirm () { |
| | | if (this.activeTabs === 0) { |
| | | this.$refs.form.validate((valid) => { |
| | | if (!valid) return |
| | | if (this.form.roomIds.length === 0) return this.$message.warning('请选择房源!') |
| | | this.clearData() |
| | | this.activeTabs = 1 |
| | | }) |
| | | } else if (this.activeTabs === 1) { |
| | |
| | | getHouseTree () { |
| | | tree({ |
| | | startDate: this.form.startDate, |
| | | endDate: this.form.endDate |
| | | endDate: this.form.endDate, |
| | | projectId: this.form.projectId |
| | | }) |
| | | .then(res => { |
| | | res.forEach(item => { |
| | |
| | | }, |
| | | addZl () { |
| | | this.form.zlDetailList.push({ |
| | | startDate: '', |
| | | endDate: '', |
| | | time: [], |
| | | circleType: 0, |
| | | startDate: this.form.startDate, |
| | | endDate: this.form.endDate, |
| | | time: [this.form.startDate, this.form.endDate], |
| | | price: '', |
| | | advanceDays: '' |
| | | }) |
| | | }, |
| | | addWy () { |
| | | this.form.wyDetailList.push({ |
| | | startDate: '', |
| | | endDate: '', |
| | | time: [], |
| | | circleType: 0, |
| | | startDate: this.form.startDate, |
| | | endDate: this.form.endDate, |
| | | time: [this.form.startDate, this.form.endDate], |
| | | price: '', |
| | | advanceDays: '' |
| | | }) |
| | |
| | | getTenant (row) { |
| | | this.form.renterId = row.id |
| | | this.form.renterName = row.name |
| | | this.form.memberId = row.memberId |
| | | this.form.memberName = row.memberName |
| | | this.form.memberId = '' |
| | | this.form.memberName = '' |
| | | this.getYwList() |
| | | }, |
| | | dele (imgaddr) { |
| | | this.form.fileList.forEach((item, index) => { |
| | |
| | | position: sticky; |
| | | top: 0; |
| | | left: 0; |
| | | z-index: 999; |
| | | } |
| | | .tabs { |
| | | border-bottom: 1px solid #DFE2E8; |