admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-02-24 05:46:03 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化代码

Browse Source
This commit is contained in:
java110 2020-10-13 16:19:16 +08:00
parent 5ff44ec97b
commit e5abf6db7c
3 changed files with 180 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/css/vc-ui.css
View File

@ -2001,4 +2001,18 @@ a:hover {
.modal-header {
border-bottom-color: #EEEEEE;
background-color: #FAFAFA;
}
.vc-float-left{
float: left;
}
.vc-float-right{
float:right
}
.vc-line{
width:100%;
height:2px;
background: -webkit-linear-gradient(left, #fff -4%,#1ab394 50%,#fff 100%);
}

130
public/pages/property/simplifyAcceptance/simplifyAcceptance.html
View File

@ -1,3 +1,129 @@
<div>
<div class="white-bg padding-top-lg ">
<div class="row margin-top padding-bottom-lg text-center ">
<div class="col-lg-3">
</div>
<div class="col-lg-1 padding-lr-0 margin-left-xs">
<select v-model="simplifyAcceptanceInfo.searchType" class=" form-control" @change="_changeSearchType()">
<option value="1">房屋号</option>
<option value="2">姓名</option>
<option value="3">电话</option>
<option value="4">身份证</option>
<option value="5">车牌号</option>
</select>
</div>
<div class="col-lg-4 padding-lr-0 margin-left-xs">
<input class="form-control" v-bind:placeholder="simplifyAcceptanceInfo.searchPlaceholder" />
</div>
<div class="col-lg-1 padding-lr-0 margin-left-sm">
<button type="button" class="form-control btn btn-primary" @click="_doSearch()">查询</button>
</div>
<div class="col-lg-3">
</div>
</div>
<div class="vc-line"></div>
<div class="padding margin-top">
<div class="">
<div class="text-center vc-float-left" style="width: 150px;">
<image width="120px" height="140px" v-bind:src="simplifyAcceptanceInfo.ownerPhoto"
@error="errorLoadImg" />
</div>
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">业主编号：</label>
<label class="">{{simplifyAcceptanceInfo.ownerId}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">业主名称：</label>
<label class="">{{simplifyAcceptanceInfo.name}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">联系电话：</label>
<label class="">{{simplifyAcceptanceInfo.link}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">身份证：</label>
<label class="">{{simplifyAcceptanceInfo.idCard}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">入住日期：</label>
<label class="">{{simplifyAcceptanceInfo.age}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">性别：</label>
<label class="">{{simplifyAcceptanceInfo.sex == 0 ? '男' : '女'}}</label>
</div>
</div>
<div class="col-sm-6">
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">房屋编号：</label>
<label class="">{{simplifyAcceptanceInfo.age}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">房屋面积：</label>
<label class="">{{simplifyAcceptanceInfo.age}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">算费系数：</label>
<label class="">{{simplifyAcceptanceInfo.age}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">户型：</label>
<label class="">{{simplifyAcceptanceInfo.age}}</label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">房屋状态：</label>
<label class="">{{simplifyAcceptanceInfo.age}}</label>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<label class="col-form-label">房屋编号：</label>
<label class="">{{simplifyAcceptanceInfo.age}}</label>
</div>
</div>
<div class="col-sm-3">
</div>
<div class="col-sm-3">
</div>
</div>
</div>
</div>
</div>
</div>
</div>

41
public/pages/property/simplifyAcceptance/simplifyAcceptance.js
View File

@ -7,17 +7,52 @@
vc.extends({
data: {
simplifyAcceptanceInfo: {
searchType: '1',
searchValue: '',
searchPlaceholder: '请输入房屋编号 楼栋-单元-房屋 如1-1-1',
ownerPhoto:'',
}
},
_initMethod: function () {
},
_initEvent: function () {
},
methods: {
_changeSearchType: function () {
switch ($that.simplifyAcceptanceInfo.searchType) {
case '1':
$that.simplifyAcceptanceInfo.searchPlaceholder = '请输入房屋编号 楼栋-单元-房屋 如1-1-1';
break;
case '2':
$that.simplifyAcceptanceInfo.searchPlaceholder = '请输入业主名称';
break;
case '3':
$that.simplifyAcceptanceInfo.searchPlaceholder = '请输入业主手机号';
break;
case '4':
$that.simplifyAcceptanceInfo.searchPlaceholder = '请输入业主身份证';
break;
case '5':
$that.simplifyAcceptanceInfo.searchPlaceholder = '请输入业主车牌号';
break;
default:
$that.simplifyAcceptanceInfo.searchPlaceholder = '请输入房屋编号 楼栋-单元-房屋 如1-1-1';
}
},
_doSearch:function(){
if(!vc.isNotEmpty($that.simplifyAcceptanceInfo.searchValue)){
vc.toast('请输入查询条件');
return ;
}
},
errorLoadImg:function(){
vc.component.simplifyAcceptanceInfo.ownerPhoto="/img/noPhoto.jpg";
},
}
});
})(window.vc);