|
@@ -0,0 +1,554 @@
|
|
|
|
|
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
|
|
|
+<html>
|
|
|
|
|
+<head>
|
|
|
|
|
+ <jsp:include page="head.jsp"/>
|
|
|
|
|
+ <title>享居屋房源管理系统</title>
|
|
|
|
|
+ <style>
|
|
|
|
|
+ .img {
|
|
|
|
|
+ width: 200px;
|
|
|
|
|
+ height: 200px;
|
|
|
|
|
+ cursor: zoom-in;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .delImg {
|
|
|
|
|
+ margin-top: -36px;
|
|
|
|
|
+ margin-left: 80px;
|
|
|
|
|
+ }
|
|
|
|
|
+ </style>
|
|
|
|
|
+</head>
|
|
|
|
|
+<body>
|
|
|
|
|
+<jsp:include page="contentBefore.jsp"/>
|
|
|
|
|
+<template>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <el-form ref="form" :model="row_info" label-width="80px">
|
|
|
|
|
+ <el-form-item label="id" v-show="false">
|
|
|
|
|
+ <el-input v-model="row_info.id"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="地区">
|
|
|
|
|
+ <el-input v-model="row_info.address"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="姓名">
|
|
|
|
|
+ <el-input v-model="row_info.name"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="电话">
|
|
|
|
|
+ <el-input v-model="row_info.phone"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="身份证">
|
|
|
|
|
+ <el-input v-model="row_info.idCard"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="身份证正面">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="idCardPhotoA" v-show="idCardPhotoA">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('idCardPhotoA')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="身份证背面">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="idCardPhotoB" v-show="idCardPhotoB">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('idCardPhotoB')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="身份证正面" v-show="show_Flag==1">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="idCardPhotoAa" v-show="idCardPhotoAa">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('idCardPhotoAa')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="身份证背面" v-show="show_Flag==1">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="idCardPhotoBb" v-show="idCardPhotoBb">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('idCardPhotoBb')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="资产证明A" v-show="show_Flag==1">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="equityProveA" v-show="equityProveA">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('equityProveA')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ <!-- <el-button @click.native="deleteImg('equityProveA')">删除</el-button> -->
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="资产证明B" v-show="show_Flag==1">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="equityProveB" v-show="equityProveB">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('equityProveB')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="资产证明C" v-show="show_Flag==1">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="equityProveC" v-show="equityProveC">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('equityProveC')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="资产证明D" v-show="show_Flag==1">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="equityProveD" v-show="equityProveD">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('equityProveD')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="合同A">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="contractA" v-show="contractA"><br>
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('contractA')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="合同B">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="contractB" v-show="contractB">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('contractB')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="合同C">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="contractC" v-show="contractC">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('contractC')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="合同D">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="contractD" v-show="contractD">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('contractD')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="房东授权委托书" v-show="show_Flag==1">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="commission" v-show="commission">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('commission')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item class="excess" label="月租金">
|
|
|
|
|
+ <el-input v-model="row_info.monthRent"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- </el-form-item> -->
|
|
|
|
|
+ <!-- <el-form-item class="excess" label="租金" v-show="show_Flag==1">
|
|
|
|
|
+ <el-input v-model="row_info.rent"></el-input>
|
|
|
|
|
+ </el-form-item> -->
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item class="excess" label="支付方式">
|
|
|
|
|
+ <el-input v-model="row_info.payType"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item class="excess" label="支付宝户名" v-show="show_Flag==1">
|
|
|
|
|
+ <el-input v-model="row_info.alipayName"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item class="excess" label="支付宝帐号" v-show="show_Flag==1">
|
|
|
|
|
+ <el-input v-model="row_info.alipayCount"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item class="excess" label="银行卡户名" v-show="show_Flag==1">
|
|
|
|
|
+ <el-input v-model="row_info.bankCardName"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item class="excess" label="银行卡卡号" v-show="show_Flag==1">
|
|
|
|
|
+ <el-input v-model="row_info.bankCardCount"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="银行卡照片" v-show="show_Flag==1">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="bankCardPhoto" v-show="bankCardPhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('bankCardPhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item label="支付截图">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="payPhoto" v-show="payPhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile" @click.native="clickAvatar('payPhoto')"
|
|
|
|
|
+ :show-file-list="false" :on-success="handleAvatarSuccess"
|
|
|
|
|
+ :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item class="excess" label="合同开始日期">
|
|
|
|
|
+ <el-input v-model="row_info.contractStart"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item class="excess" label="合同结束日期">
|
|
|
|
|
+ <el-input v-model="row_info.contractEnd"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item class="excess" label="空置期" v-show="show_Flag==1">
|
|
|
|
|
+ <el-input v-model="row_info.vacancyTime"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item class="excess" label="年限" v-show="show_Flag==1">
|
|
|
|
|
+ <el-input v-model="row_info.ageLimit"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item label="押金收据">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="depositPaper" v-show="depositPaper">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('depositPaper')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="水卡卡号">
|
|
|
|
|
+ <el-input v-model="row_info.waterMetersNum"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="水卡照片">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="waterMetersNumPhoto" v-show="waterMetersNumPhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('waterMetersNumPhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="水表度数">
|
|
|
|
|
+ <el-input v-model="row_info.waterMetersValue"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="水表度数照片">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="waterMetersValuePhoto" v-show="waterMetersValuePhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('waterMetersValuePhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="电卡卡号">
|
|
|
|
|
+ <el-input v-model="row_info.elecMetersNum"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="电卡照片">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="elecMetersNumPhoto" v-show="elecMetersNumPhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('elecMetersNumPhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <!-- <el-form-item label="电卡度数">
|
|
|
|
|
+ <el-input v-model="row_info.elecMetersValue"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="电表度数照片">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="elecMetersValuePhoto" v-show="elecMetersValuePhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile" @click.native="clickAvatar('elecMetersValuePhoto')" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item> -->
|
|
|
|
|
+ <el-form-item label="电表峰">
|
|
|
|
|
+ <el-input v-model="row_info.elecMetersPeak"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="电表峰照片">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="elecMetersPeakPhoto" v-show="elecMetersPeakPhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('elecMetersPeakPhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="电表谷">
|
|
|
|
|
+ <el-input v-model="row_info.elecMetersValley"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="电表谷照片">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="elecMetersValleyPhoto" v-show="elecMetersValleyPhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('elecMetersValleyPhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="电表总">
|
|
|
|
|
+ <el-input v-model="row_info.elecMetersSum"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="电表总照片">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="elecMetersSumPhoto" v-show="elecMetersSumPhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('elecMetersSumPhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item label="燃气卡卡号">
|
|
|
|
|
+ <el-input v-model="row_info.gasMetersNum"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="燃气卡照片">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="gasMetersNumPhoto" v-show="gasMetersNumPhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('gasMetersNumPhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="燃气度数">
|
|
|
|
|
+ <el-input v-model="row_info.gasMetersValue"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="燃气度数照片">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="gasMetersValuePhoto" v-show="gasMetersValuePhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('gasMetersValuePhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item label="交接单">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="handover" v-show="handover">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile" @click.native="clickAvatar('handover')"
|
|
|
|
|
+ :show-file-list="false" :on-success="handleAvatarSuccess"
|
|
|
|
|
+ :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <el-form-item label="中介">
|
|
|
|
|
+ <el-input v-model="row_info.medium"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="中介费用" v-if="row_info.medium == '是'">
|
|
|
|
|
+ <el-input v-model="row_info.mediumCost"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="收据" v-if="row_info.medium == '是'">
|
|
|
|
|
+ <img class="img" @click="showBig" :src="acquittancePhoto" v-show="acquittancePhoto">
|
|
|
|
|
+ <el-upload class="avatar-uploader" action="../assets/uploadFile"
|
|
|
|
|
+ @click.native="clickAvatar('acquittancePhoto')" :show-file-list="false"
|
|
|
|
|
+ :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
|
|
+ <el-button>修改</el-button>
|
|
|
|
|
+ </el-upload>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="备注">
|
|
|
|
|
+ <el-input v-model="row_info.note"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="开单人">
|
|
|
|
|
+ <el-input v-model="row_info.submitter"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- <el-form-item label="type">
|
|
|
|
|
+ <el-input v-model="row_info.type"></el-input>
|
|
|
|
|
+ </el-form-item> -->
|
|
|
|
|
+ <!-- <el-form-item label="创建时间">
|
|
|
|
|
+ <el-input v-model="row_info.createdTime"></el-input>
|
|
|
|
|
+ </el-form-item> -->
|
|
|
|
|
+ <!-- <el-form-item label="删除标志">
|
|
|
|
|
+ <el-input v-model="row_info.delFlag"></el-input>
|
|
|
|
|
+ </el-form-item> -->
|
|
|
|
|
+ <el-form-item label="审核">
|
|
|
|
|
+
|
|
|
|
|
+ <el-input :value="formatReviewFlag(row_info.reviewFlag)" disabled ></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="审核原因">
|
|
|
|
|
+ <el-input v-model="row_info.reviewRemark" disabled></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="首次支付房租时间">
|
|
|
|
|
+ <el-input v-model="row_info.firstPayTime"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="视频">
|
|
|
|
|
+ <el-input v-model="row_info.houseVideo"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item>
|
|
|
|
|
+ <el-button type="primary" v-show='userLimit==2||userLimit==3||userLimit==4' v-if="row_info.reviewFlag=='N'"
|
|
|
|
|
+ @click="onSubmit">{{edit?'修改并保存':'立即创建'}}
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button @click="reback()">返回</el-button>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</template>
|
|
|
|
|
+<jsp:include page="contentAfter.jsp"/>
|
|
|
|
|
+</body>
|
|
|
|
|
+<script>
|
|
|
|
|
+ function getQueryString(name) {
|
|
|
|
|
+ var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|
|
|
|
+ var r = window.location.search.substr(1).match(reg);
|
|
|
|
|
+ if (r != null) return unescape(r[2]);
|
|
|
|
|
+ return null;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ new Vue({
|
|
|
|
|
+ el: '#app',
|
|
|
|
|
+
|
|
|
|
|
+ data: function () {
|
|
|
|
|
+ return {
|
|
|
|
|
+ menu: '2-1',
|
|
|
|
|
+ user: {
|
|
|
|
|
+ id: '',
|
|
|
|
|
+
|
|
|
|
|
+ username: 'admin',
|
|
|
|
|
+ avatar: ''
|
|
|
|
|
+ },
|
|
|
|
|
+ loading: false,
|
|
|
|
|
+ userLimit: '',
|
|
|
|
|
+ edit: false,
|
|
|
|
|
+ idCardPhotoA: '',
|
|
|
|
|
+ idCardPhotoB: '',
|
|
|
|
|
+ idCardPhotoAa: '',
|
|
|
|
|
+ idCardPhotoBb: '',
|
|
|
|
|
+ equityProveA: '',
|
|
|
|
|
+ equityProveB: '',
|
|
|
|
|
+ equityProveC: '',
|
|
|
|
|
+ equityProveD: '',
|
|
|
|
|
+ contractA: '',
|
|
|
|
|
+ contractB: '',
|
|
|
|
|
+ contractC: '',
|
|
|
|
|
+ contractD: '',
|
|
|
|
|
+ handover: '',
|
|
|
|
|
+ commission: '',
|
|
|
|
|
+ depositPaper: '',
|
|
|
|
|
+ acquittancePhoto: '',
|
|
|
|
|
+ waterMetersNumPhoto: '',
|
|
|
|
|
+ waterMetersValuePhoto: '',
|
|
|
|
|
+ elecMetersNumPhoto: '',
|
|
|
|
|
+ elecMetersValuePhoto: '',
|
|
|
|
|
+ elecMetersPeakPhoto: '',
|
|
|
|
|
+ elecMetersValleyPhoto: '',
|
|
|
|
|
+ elecMetersSumPhoto: '',
|
|
|
|
|
+ gasMetersNumPhoto: '',
|
|
|
|
|
+ gasMetersValuePhoto: '',
|
|
|
|
|
+ payPhoto: '',
|
|
|
|
|
+ bankCardPhoto: '',
|
|
|
|
|
+ row_info: {},
|
|
|
|
|
+ show_Flag: '',
|
|
|
|
|
+ model: '',
|
|
|
|
|
+ imgSrc: 'http://microball.oss-cn-hangzhou.aliyuncs.com/suyuan/application/1510722353962.jpg'
|
|
|
|
|
+ };
|
|
|
|
|
+ },
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ logout: function () {
|
|
|
|
|
+// this.$confirm('确定要注销吗?', '提示', {
|
|
|
|
|
+// confirmButtonText: '确定',
|
|
|
|
|
+// cancelButtonText: '取消',
|
|
|
|
|
+// type: 'info'
|
|
|
|
|
+// }).then(function () {
|
|
|
|
|
+// localStorage.removeItem('user');
|
|
|
|
|
+// this.$router.push({path: '/login'});
|
|
|
|
|
+// }.bind(this))(function (e) {
|
|
|
|
|
+
|
|
|
|
|
+// });
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ handleAvatarSuccess: function (res, file) {
|
|
|
|
|
+ console.log(res);
|
|
|
|
|
+ console.log('file ' + file);
|
|
|
|
|
+ this.row_info[this.model] = res.data[0];
|
|
|
|
|
+ this[this.model] = URL.createObjectURL(file.raw);
|
|
|
|
|
+ },
|
|
|
|
|
+ beforeAvatarUpload: function (file) {
|
|
|
|
|
+ const isJPG = file.type === 'image/jpeg' || 'image/png';
|
|
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 10;
|
|
|
|
|
+
|
|
|
|
|
+ if (!isJPG) {
|
|
|
|
|
+ this.$message.error('上传头像图片只能是 JPG 或者 PNG 格式!');
|
|
|
|
|
+ }
|
|
|
|
|
+ if (!isLt2M) {
|
|
|
|
|
+ this.$message.error('上传头像图片大小不能超过 10MB!');
|
|
|
|
|
+ }
|
|
|
|
|
+ return isJPG && isLt2M;
|
|
|
|
|
+ },
|
|
|
|
|
+ clickAvatar: function (file_type) {
|
|
|
|
|
+ this.model = file_type;
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+ onSubmit: function () {
|
|
|
|
|
+ var data = JSON.parse(JSON.stringify(this.row_info));
|
|
|
|
|
+ var that = this;
|
|
|
|
|
+ $.post({
|
|
|
|
|
+ url: this.edit ? '../rentInfo/update' : '../rentInfo/save',
|
|
|
|
|
+ data: data
|
|
|
|
|
+ }).then(function (res) {
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+ if (!this.edit) {
|
|
|
|
|
+ that.row_info.id = res.data;
|
|
|
|
|
+ }
|
|
|
|
|
+ that.edit = true;
|
|
|
|
|
+ that.$message.success(that.edit ? '保存成功' : '创建成功');
|
|
|
|
|
+ history.back();
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.$message.error(that.edit ? '保存失败' : '创建失败');
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
|
|
+ },
|
|
|
|
|
+ showBig: function (event) {
|
|
|
|
|
+ if (event.srcElement.style.width == '600px') {
|
|
|
|
|
+ event.srcElement.style.width = '200px';
|
|
|
|
|
+ event.srcElement.style.height = '200px';
|
|
|
|
|
+ event.srcElement.style.cursor = 'zoom-in';
|
|
|
|
|
+ } else {
|
|
|
|
|
+ event.srcElement.style.width = '600px';
|
|
|
|
|
+ event.srcElement.style.height = '600px';
|
|
|
|
|
+ event.srcElement.style.cursor = 'zoom-out';
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ },
|
|
|
|
|
+ deleteImg: function (e) {
|
|
|
|
|
+ this[e] = '';
|
|
|
|
|
+ this.row_info[e] = '';
|
|
|
|
|
+ },
|
|
|
|
|
+ reback: function () {
|
|
|
|
|
+ window.history.back();
|
|
|
|
|
+ },
|
|
|
|
|
+ getUserLimit: function () {
|
|
|
|
|
+ var that = this;
|
|
|
|
|
+ $.get({
|
|
|
|
|
+ url: 'getUserLimit',
|
|
|
|
|
+ data: {}
|
|
|
|
|
+ }).then(function (res) {
|
|
|
|
|
+ if (res.success) {
|
|
|
|
|
+ that.userLimit = res.data.limitF;
|
|
|
|
|
+ }
|
|
|
|
|
+ }.bind(this))
|
|
|
|
|
+ },
|
|
|
|
|
+ formatReviewFlag: function (row) {
|
|
|
|
|
+ switch (row) {
|
|
|
|
|
+ case 'N':
|
|
|
|
|
+ return '审核中';
|
|
|
|
|
+ case 'Y':
|
|
|
|
|
+ return '通过';
|
|
|
|
|
+ case 'F':
|
|
|
|
|
+ return '不通过';
|
|
|
|
|
+ default:
|
|
|
|
|
+ return '未知'
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ },
|
|
|
|
|
+ created: function () {
|
|
|
|
|
+ this.getUserLimit();
|
|
|
|
|
+ var that = this;
|
|
|
|
|
+ var id = getQueryString('id');
|
|
|
|
|
+ if (id) {
|
|
|
|
|
+ $.get({
|
|
|
|
|
+ url: '../rentInfo/getRentInfo',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ id: id
|
|
|
|
|
+ }
|
|
|
|
|
+ }).then(function (res) {
|
|
|
|
|
+
|
|
|
|
|
+ that.show_Flag = res.data.type;
|
|
|
|
|
+
|
|
|
|
|
+ if (res.success == true) {
|
|
|
|
|
+ that.edit = true;
|
|
|
|
|
+ that.row_info = res.data;
|
|
|
|
|
+ for (var j in res.data) {
|
|
|
|
|
+ that[j] = res.data[j];
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ })
|
|
|
|
|
+</script>
|
|
|
|
|
+</html>
|
|
|
|
|
+
|