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

11

V1.0
jiangyy 3 years ago
parent
93adec74ba
commit
e730a60a3e
3 changed files with 259 additions and 202 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. 60
      src/assets/scss/buttonstyle.scss
  2. 22
      src/assets/scss/modules/management/list-main.scss
  3. 179
      src/views/modules/base/community/community.vue

60
src/assets/scss/buttonstyle.scss
View File

@ -6,8 +6,8 @@
color: #fff !important; color: #fff !important;
font-size: 14px !important; font-size: 14px !important;
border-color: #8C91FF !important; border-color: #8C91FF !important;
min-width: 83px !important; min-width: 60px !important;
height: 29px !important; height: 32px !important;
line-height: 2px !important; line-height: 2px !important;
padding:0 8px !important; padding:0 8px !important;
} }
@ -18,8 +18,8 @@
border-color: #29D2CE !important; border-color: #29D2CE !important;
font-size: 14px !important; font-size: 14px !important;
color: #fff !important; color: #fff !important;
min-width: 83px !important; min-width: 60px !important;
height: 29px !important; height: 32px !important;
line-height: 2px !important; line-height: 2px !important;
padding:0 8px !important; padding:0 8px !important;
@ -28,14 +28,14 @@
//蓝色 //蓝色
.diy-button--blue { .diy-button--blue {
background: linear-gradient(0deg, #0062BB 0%, #0081EC 100%) !important; background: #0056D6 !important;
border-color: #0081EC !important; border-radius: 2px !important;
font-size: 14px !important; font-size: 14px !important;
color: #fff !important; color: #fff !important;
min-width: 83px !important; min-width: 60px !important;
height: 29px !important; height: 32px !important;
line-height: 2px !important; // line-height: 22px !important;
padding:0 8px !important; // padding:0 8px !important;
} }
@ -46,8 +46,8 @@
color: #fff !important; color: #fff !important;
font-size: 14px !important; font-size: 14px !important;
color: #fff !important; color: #fff !important;
min-width: 83px !important; min-width: 60px !important;
height: 29px !important; height: 32px !important;
line-height: 2px !important; line-height: 2px !important;
padding:0 8px !important; padding:0 8px !important;
} }
@ -58,8 +58,8 @@
border-color: #FC8C6B !important; border-color: #FC8C6B !important;
font-size: 14px !important; font-size: 14px !important;
color: #fff !important; color: #fff !important;
min-width: 83px !important; min-width: 60px !important;
height: 29px !important; height: 32px !important;
line-height: 2px !important; line-height: 2px !important;
padding:0 8px !important; padding:0 8px !important;
@ -71,8 +71,8 @@
border-color: #FF8080 !important; border-color: #FF8080 !important;
font-size: 14px !important; font-size: 14px !important;
color: #fff !important; color: #fff !important;
min-width: 83px !important; min-width: 60px !important;
height: 29px !important; height: 32px !important;
line-height: 2px !important; line-height: 2px !important;
padding:0 8px !important; padding:0 8px !important;
@ -84,22 +84,26 @@
border-color: #A6C3D0 !important; border-color: #A6C3D0 !important;
color: #002765 !important; color: #002765 !important;
font-size: 14px !important; font-size: 14px !important;
min-width: 83px !important; min-width: 60px !important;
height: 29px !important; height: 32px !important;
line-height: 2px !important; line-height: 2px !important;
padding:0 8px !important; padding:0 8px !important;
} }
//白色 //白色
.diy-button--white { .diy-button--white {
background-color:#fff!important;
border: 1px solid #3D77FF !important;
color: #0153B2 !important;
font-size: 14px !important; font-size: 14px !important;
min-width: 83px !important; font-family: PingFangSC-Regular, PingFang SC;
height: 29px !important; font-weight: 400;
line-height: 2px !important; color: #0056D6 !important;
padding:0 8px !important; // line-height: 22px !important;
min-width: 60px !important;
height: 32px !important;
// padding:0 8px !important;
background: #FFFFFF !important;
border-radius: 2px !important;
border: 1px solid #0056D6 !important;
} }
//操作栏更多 //操作栏更多
@ -107,8 +111,8 @@
text-decoration: underline !important; text-decoration: underline !important;
color: #002765 !important; color: #002765 !important;
font-size: 14px !important; font-size: 14px !important;
// min-width: 83px !important; // min-width: 60px !important;
// height: 29px !important; // height: 32px !important;
// line-height: 2px !important; // line-height: 2px !important;
// padding:0 8px !important; // padding:0 8px !important;
@ -127,7 +131,7 @@
font-size: 14px !important; font-size: 14px !important;
font-family: Source Han Serif CN !important; font-family: Source Han Serif CN !important;
font-weight: 600 !important; font-weight: 600 !important;
color: #0153B2 !important; color: #0056D6 !important;
} }
.div-table-button--red { .div-table-button--red {
font-size: 14px !important; font-size: 14px !important;

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

@ -9,11 +9,20 @@
.div_search { .div_search {
padding: 10px; 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: #FFFFFF;
border: 1px solid #D3DCE6; box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.08), 0px 3px 6px -4px rgba(0,0,0,0.12);
margin:7px 7px; margin:7px 7px;
/deep/ .el-form-item{
margin-bottom:14px;
}
.search_form{
}
.div_search_btn{ .div_search_btn{
margin-top:5px;
float:right; float:right;
} }
@ -33,15 +42,18 @@
//查询栏---常规宽度 //查询栏---常规宽度
.item_width_normal{ .item_width_normal{
width: 138px; width: 168px;
} }
//查询栏---日期、时间范围的宽度 //查询栏---日期、时间范围的宽度
.item_width_daterange{ .item_width_daterange{
width: 176px; width: 206px;
} }
//查询栏---小区、楼、单元、楼号，级联长度 //查询栏---小区、楼、单元、楼号，级联长度
.item_width_communitycascader{
width: 141px;
}
.item_width_buildcascader{ .item_width_buildcascader{
width: 151px; width: 96px;
} }
.div_table{ .div_table{

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

@ -33,6 +33,7 @@
class=div_left> class=div_left>
<div class="div_search"> <div class="div_search">
<div class="search_form">
<el-form :inline="true" <el-form :inline="true"
ref="ref_searchform" ref="ref_searchform"
:label-width="'100px'"> :label-width="'100px'">
@ -89,15 +90,6 @@
</el-form-item> </el-form-item>
<el-form-item label="备注"
prop="remark">
<el-input v-model="remark"
class="item_width_normal"
size="small"
clearable
placeholder="请输入备注">
</el-input>
</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"
@ -120,16 +112,24 @@
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="所属房屋"> --> prop="remark">
<el-input v-model="remark"
class="item_width_normal"
size="small"
clearable
placeholder="请输入备注">
</el-input>
</el-form-item>
<el-form-item prop="neighborHoodId"> <el-form-item label="所属房屋"
prop="neighborHoodId">
<el-select v-model.trim="neighborHoodId" <el-select v-model.trim="neighborHoodId"
:disabled="vDisabled" :disabled="vDisabled"
placeholder="小区" placeholder="小区"
size="small" size="small"
clearable clearable
class="item_width_buildcascader" class="item_width_communitycascader"
@change="handleChangeV"> @change="handleChangeV">
<el-option v-for="item in optionsV" <el-option v-for="item in optionsV"
:key="item.value" :key="item.value"
@ -137,14 +137,13 @@
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item>
<el-form-item prop="buildingId">
<el-select v-model.trim="buildingId" <el-select v-model.trim="buildingId"
placeholder="楼号" placeholder="楼号"
:disabled="!neighborHoodId || bDisabled" :disabled="!neighborHoodId || bDisabled"
size="small" size="small"
clearable clearable
class="item_width_buildcascader" class="item_width_buildcascader"
style="margin-left:5px"
@change="handleChangeB"> @change="handleChangeB">
<el-option v-for="item in optionsB" <el-option v-for="item in optionsB"
:key="item.value" :key="item.value"
@ -152,14 +151,13 @@
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item>
<el-form-item prop="buildingUnitId">
<el-select v-model.trim="buildingUnitId" <el-select v-model.trim="buildingUnitId"
placeholder="单元" placeholder="单元"
size="small" size="small"
:disabled="!buildingId" :disabled="!buildingId"
clearable clearable
class="item_width_buildcascader" class="item_width_buildcascader"
style="margin-left:5px"
@change="handleChangeD"> @change="handleChangeD">
<el-option v-for="item in optionsD" <el-option v-for="item in optionsD"
:key="item.value" :key="item.value"
@ -167,8 +165,51 @@
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-model.trim="houseId"
placeholder="房号"
:disabled="!buildingUnitId"
size="small"
clearable
class="item_width_buildcascader"
style="margin-left:5px">
<el-option v-for="item in optionsH"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item prop="houseId"> <!-- <el-form-item prop="buildingId">
<el-select v-model.trim="buildingId"
placeholder="楼号"
:disabled="!neighborHoodId || bDisabled"
size="small"
clearable
class="item_width_buildcascader"
@change="handleChangeB">
<el-option v-for="item in optionsB"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> -->
<!-- <el-form-item prop="buildingUnitId">
<el-select v-model.trim="buildingUnitId"
placeholder="单元"
size="small"
:disabled="!buildingId"
clearable
class="item_width_buildcascader"
@change="handleChangeD">
<el-option v-for="item in optionsD"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> -->
<!-- <el-form-item prop="houseId">
<el-select v-model.trim="houseId" <el-select v-model.trim="houseId"
placeholder="房号" placeholder="房号"
:disabled="!buildingUnitId" :disabled="!buildingUnitId"
@ -181,22 +222,29 @@
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item> -->
<!-- </el-form-item> --> <!-- </el-form-item> -->
</div>
<div class="div_search_btn"> <div class="div_search_btn">
<el-button style="margin-left:30px" <el-button size="small"
class="diy-button--white"
@click="resetSearch">重置</el-button>
<el-button style="margin-left:10px"
size="small" size="small"
class="diy-button--blue" class="diy-button--blue"
@click="handleSearch">查询</el-button> @click="handleSearch">查询</el-button>
<el-button style="margin-left:10px" <el-button style="margin-left:15px"
size="small" size="small"
class="diy-button--gray" class="div-table-button--blue"
@click="resetSearch">重置</el-button> type="text"
@click="handleSearch">展开<i class="el-icon-arrow-down el-icon--right"></i></el-button>
</div> </div>
</el-form> </el-form>
</div> </div>
<div class="div_table"> <div class="div_table">
<build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable" <build-table v-if="selTreeObj.level==='neighborHood'&&!showRoomTable"
ref="ref_neighTable" ref="ref_neighTable"
@ -763,16 +811,7 @@ export default {
</script> </script>
<style>
/* .aui-content > .el-tabs > .el-tabs__content {
padding: 0px;
} */
.el-tree-node:focus > .el-tree-node__content {
/* background-color: #ccc !important; */
color: #2195fe;
}
</style>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/modules/visual/communityManage.scss"; @import "@/assets/scss/modules/visual/communityManage.scss";
@ -789,22 +828,22 @@ export default {
.el-tree--highlight-current .el-tree--highlight-current
.el-tree-node.is-current .el-tree-node.is-current
> .el-tree-node__content { > .el-tree-node__content {
background-color: #e1ecff; background: #e6f0ff;
border-radius: 3px; border-radius: 2px;
} }
/deep/ .el-tree-node:focus > .el-tree-node__content { /deep/ .el-tree-node:focus > .el-tree-node__content {
color: #0043c8; color: #0056d6;
// background-color: #fff; // background-color: #e6f0ff;
} }
/deep/ .el-tree-node__expand-icon { // /deep/ .el-tree-node__expand-icon {
color: #0043c8; // color: #0043c8;
border: 1px solid #e1ecff; // border: 1px solid #e1ecff;
background-color: #e1ecff; // background-color: #e1ecff;
padding: 0px; // padding: 0px;
margin-right: 8px; // margin-right: 8px;
font-size: 9px; // font-size: 9px;
} // }
/deep/.el-tree { /deep/.el-tree {
flex: 1; flex: 1;
@ -814,27 +853,27 @@ export default {
} }
//原有的箭头 去掉 //原有的箭头 去掉
.el-icon svg { // .el-icon svg {
display: none; // display: none;
height: 0; // height: 0;
width: 0; // width: 0;
} // }
//引入图标的位置 //引入图标的位置
.el-tree-node__expand-icon { // .el-tree-node__expand-icon {
// position: absolute; // // position: absolute;
// left: 2px; // // left: 2px;
// 图标是否旋转，如果是箭头类型的，可以设置旋转90度。 // // 图标是否旋转，如果是箭头类型的，可以设置旋转90度。
.expanded { // .expanded {
transform: rotate(90deg); // transform: rotate(90deg);
} // }
// 未展开的节点 // // 未展开的节点
&:before { // &:before {
// content: "\008B"; // // content: "\008B";
// content: "\008B"; // // content: "\008B";
font-size: 12px; // font-size: 12px;
color: #0043c8; // color: #0043c8;
} // }
} // }
// 叶子节点（不显示图标） // 叶子节点（不显示图标）
.is-leaf.el-tree-node__expand-icon::before { .is-leaf.el-tree-node__expand-icon::before {
// display: none; // display: none;
@ -857,11 +896,13 @@ export default {
//搜索输入框样式 //搜索输入框样式
/deep/ .el-input--medium .el-input__inner { /deep/ .el-input--medium .el-input__inner {
height: 27px; height: 27px;
border-radius: 0; background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
} }
flex: 0 0 280px; flex: 0 0 280px;
background-color: #f6f6f6; background: #ffffff;
border: 1px solid #d3dce6; box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
0px 3px 6px -4px rgba(0, 0, 0, 0.12);
// border-radius: 5px; // border-radius: 5px;
padding: 19px 15px; padding: 19px 15px;
overflow-y: hidden; overflow-y: hidden;
@ -869,7 +910,7 @@ export default {
.filter_tree { .filter_tree {
overflow-x: auto; overflow-x: auto;
background-color: #f6f6f6; // background-color: #f6f6f6;
margin-top: 5px; margin-top: 5px;
} }

Write Preview
Loading…
Cancel
Save