elink-star
/
epmet-work-pc-chengyang
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

111

feature
jiangyy 3 years ago
parent
029b189c2c
commit
f726e12fcf
3 changed files with 192 additions and 164 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 47
      src/assets/scss/modules/management/list-main.scss
  2. 5
      src/assets/scss/modules/visual/communityManage.scss
  3. 304
      src/views/modules/base/community/community.vue

47
src/assets/scss/modules/management/list-main.scss
View File

@ -8,25 +8,55 @@
.div_search { .div_search {
padding: 20px 20px 5px 15px; padding: 10px;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); // box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
background-color: #f6f6f6; background-color: #f6f6f6;
border: 1px solid #D3DCE6; border: 1px solid #D3DCE6;
margin-top:15px; margin-top:18px;
.div_search_btn{
float:right;
}
//特殊查询的文字，如房屋级联
.div_search_label{
line-height: 36px;
margin-left:24px;
margin-right:6px;
font-size: 14px;
color: #606266;
vertical-align: middle;
}
} }
.data-tag{ .data-tag{
margin-left:10px; margin-left:10px;
} }
//查询栏---常规宽度
.item_width_normal{
width: 138px;
}
//查询栏---日期、时间范围的宽度
.item_width_daterange{
width: 176px;
}
//查询栏---小区、楼、单元、楼号，级联长度
.item_width_buildcascader{
width: 151px;
}
.item_width_2{
width: 138px;
}
.item_width_1{ .item_width_1{
width: 260px; width: 260px;
} }
.item_width_3{ .item_width_3{
width: 200px; width: 200px;
} }
.item_width_2{
width: 160px;
}
.list_item_width_1 { .list_item_width_1 {
width: 165px; width: 165px;
@ -44,10 +74,7 @@
// padding: 10px 20px; // padding: 10px 20px;
position: relative; position: relative;
.div_table_item {
margin-top: 10px;
position: relative;
}
.div_btn { .div_btn {
margin-top: 10px; margin-top: 10px;

5
src/assets/scss/modules/visual/communityManage.scss
View File

@ -1,5 +1,8 @@
.div_table_item {
margin-top: 10px;
position: relative;
}
.div_del { .div_del {
position: absolute; position: absolute;
left: 10px; left: 10px;

304
src/views/modules/base/community/community.vue
View File

@ -35,159 +35,156 @@
<div class="div_search"> <div class="div_search">
<el-form :inline="true" <el-form :inline="true"
ref="ref_searchform" ref="ref_searchform"
:label-width="'80px'"> :label-width="'100px'">
<div>
<el-form-item label="房主姓名"
<el-form-item label="房主姓名" prop="ownerName">
prop="ownerName"> <el-input v-model="ownerName"
<el-input v-model="ownerName" class="item_width_normal"
class="item_width_2" size="small"
size="small" clearable
clearable placeholder="请输入内容">
placeholder="请输入内容">
</el-input>
</el-input> </el-form-item>
</el-form-item> <el-form-item label="联系方式"
<el-form-item label="联系方式" prop="ownerPhone">
prop="ownerPhone"> <el-input v-model="ownerPhone"
<el-input v-model="ownerPhone" class="item_width_normal"
class="item_width_2" size="small"
size="small" clearable
clearable placeholder="请输入手机">
placeholder="请输入手机"> </el-input>
</el-input>
</el-form-item>
</el-form-item>
<el-form-item label="房屋状态"
<el-form-item label="房屋状态" prop="rentFlag">
prop="rentFlag"> <el-select class="item_width_normal"
<el-select class="item_width_2" v-model="rentFlag"
v-model="rentFlag" placeholder="请选择"
placeholder="请选择" size="small"
size="small" clearable>
clearable> <el-option v-for="item in rentList"
<el-option v-for="item in rentList" :key="item.value"
:key="item.value" :label="item.label"
:label="item.label" :value="item.value">
:value="item.value"> </el-option>
</el-option> </el-select>
</el-select> </el-form-item>
</el-form-item>
<el-form-item label="房屋用途"
<el-form-item label="房屋用途" prop="purpose">
prop="purpose"> <el-select v-model="purpose"
<el-select v-model="purpose" class="item_width_normal"
class="item_width_2" placeholder="请选择"
placeholder="请选择" size="small"
size="small" clearable>
clearable> <el-option v-for="item in purposeArr"
<el-option v-for="item in purposeArr" :key="item.dictValue"
:key="item.dictValue" :label="item.dictName"
:label="item.dictName" :value="item.dictValue">
:value="item.dictValue"> </el-option>
</el-option> </el-select>
</el-select>
</el-form-item>
</el-form-item>
<el-form-item label="备注"
<el-form-item label="备注" prop="remark">
prop="remark"> <el-input v-model="remark"
<el-input v-model="remark" class="item_width_normal"
class="item_width_2" size="small"
size="small" clearable
clearable placeholder="请输入备注">
placeholder="请输入备注"> </el-input>
</el-input> </el-form-item>
</el-form-item> <el-form-item label="更新时间"
<el-form-item label="更新时间" prop="updateStartDate">
prop="updateStartDate"> <el-date-picker v-model="updateStartDate"
<el-date-picker v-model="updateStartDate" :picker-options="startPickerOptions"
:picker-options="startPickerOptions" class="item_width_daterange"
class="item_width_2" size="small"
size="small" type="date"
type="date" value-format="yyyyMMdd"
value-format="yyyyMMdd" value="yyyy-MM-dd"
value="yyyy-MM-dd" placeholder="开始时间">
placeholder="开始时间"> </el-date-picker>
</el-date-picker> <span class="data-tag">至</span>
<span class="data-tag">至</span> <el-date-picker v-model="updateEndDate"
<el-date-picker v-model="updateEndDate" :picker-options="endPickerOptions"
:picker-options="endPickerOptions" class="item_width_daterange data-tag"
class="item_width_2 data-tag" size="small"
size="small" type="date"
type="date" value-format="yyyyMMdd"
value-format="yyyyMMdd" value="yyyy-MM-dd"
value="yyyy-MM-dd" placeholder="结束时间">
placeholder="结束时间"> </el-date-picker>
</el-date-picker> </el-form-item>
</el-form-item> <span class="div_search_label">所属房屋：</span>
<!-- <el-form-item label="所属房屋"> -->
<el-form-item label="所属房屋">
<div class="resi-cell-value"> <el-form-item prop="neighborHoodId">
<div class="resi-cell-col"> <el-select v-model.trim="neighborHoodId"
<el-form-item prop="neighborHoodId"> :disabled="vDisabled"
<el-select v-model.trim="neighborHoodId" placeholder="小区"
:disabled="vDisabled" size="small"
placeholder="小区" clearable
size="small" class="item_width_buildcascader"
clearable @change="handleChangeV">
class="resi-cell-select" <el-option v-for="item in optionsV"
@change="handleChangeV"> :key="item.value"
<el-option v-for="item in optionsV" :label="item.label"
:key="item.value" :value="item.value">
:label="item.label" </el-option>
:value="item.value"> </el-select>
</el-option> </el-form-item>
</el-select> <el-form-item prop="buildingId">
</el-form-item> <el-select v-model.trim="buildingId"
<el-form-item prop="buildingId"> placeholder="楼号"
<el-select v-model.trim="buildingId" :disabled="!neighborHoodId || bDisabled"
placeholder="楼号" size="small"
:disabled="!neighborHoodId || bDisabled" clearable
size="small" class="item_width_buildcascader"
clearable @change="handleChangeB">
class="resi-cell-select resi-cell-select-middle list_item_width_1" <el-option v-for="item in optionsB"
@change="handleChangeB"> :key="item.value"
<el-option v-for="item in optionsB" :label="item.label"
:key="item.value" :value="item.value">
:label="item.label" </el-option>
:value="item.value"> </el-select>
</el-option> </el-form-item>
</el-select> <el-form-item prop="buildingUnitId">
</el-form-item> <el-select v-model.trim="buildingUnitId"
<el-form-item prop="buildingUnitId"> placeholder="单元"
<el-select v-model.trim="buildingUnitId" size="small"
placeholder="单元" :disabled="!buildingId"
size="small" clearable
:disabled="!buildingId" class="item_width_buildcascader"
clearable @change="handleChangeD">
class="resi-cell-select resi-cell-select-middle list_item_width_1" <el-option v-for="item in optionsD"
@change="handleChangeD"> :key="item.value"
<el-option v-for="item in optionsD" :label="item.label"
:key="item.value" :value="item.value">
:label="item.label" </el-option>
:value="item.value"> </el-select>
</el-option> </el-form-item>
</el-select> <el-form-item prop="houseId">
</el-form-item> <el-select v-model.trim="houseId"
<el-form-item prop="houseId"> placeholder="房号"
<el-select v-model.trim="houseId" :disabled="!buildingUnitId"
placeholder="房号" size="small"
:disabled="!buildingUnitId" clearable
size="small" class="item_width_buildcascader">
clearable <el-option v-for="item in optionsH"
class="resi-cell-select resi-cell-select-middle list_item_width_1"> :key="item.value"
<el-option v-for="item in optionsH" :label="item.label"
:key="item.value" :value="item.value">
:label="item.label" </el-option>
:value="item.value"> </el-select>
</el-option> </el-form-item>
</el-select>
</el-form-item> <!-- </el-form-item> -->
</div> <div class="div_search_btn">
</div>
</el-form-item>
<el-button style="margin-left:30px" <el-button style="margin-left:30px"
size="small" size="small"
class="diy-button--blue" class="diy-button--blue"
@ -198,6 +195,7 @@
@click="resetSearch">重置</el-button> @click="resetSearch">重置</el-button>
</div> </div>
</el-form> </el-form>
</div> </div>
<div class="div_table div_left_table"> <div class="div_table div_left_table">
<build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable" <build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable"

Write Preview
Loading…
Cancel
Save