|
@@ -3,22 +3,41 @@
|
|
<div class="model-title">
|
|
<div class="model-title">
|
|
<div class="model-title-text">收款率分析</div>
|
|
<div class="model-title-text">收款率分析</div>
|
|
<div class="model-title-right">
|
|
<div class="model-title-right">
|
|
- <el-select v-model="mixins_query.communityId" placeholder="所有社区" clearable class="saveColumn-select" @change="getData">
|
|
|
|
- <el-option v-for="(item, index) in communityList" :label="item.communityName" :value="item.id" :key="index"></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- <el-select v-model="mixins_query.chargeType" placeholder="所有费用" clearable class="saveColumn-select" @change="getData">
|
|
|
|
- <el-option v-for="(item, index) in amountType" :label="item.name" :value="item.value" :key="index"></el-option>
|
|
|
|
- </el-select>
|
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
value-format="yyyy-MM"
|
|
value-format="yyyy-MM"
|
|
v-model="date"
|
|
v-model="date"
|
|
type="month"
|
|
type="month"
|
|
placeholder="选择月"
|
|
placeholder="选择月"
|
|
- class="saveColumn-select"
|
|
|
|
|
|
+ class="saveColumn-select saveColumn-select-time"
|
|
@change="changeTime"
|
|
@change="changeTime"
|
|
:clearable="false"
|
|
:clearable="false"
|
|
>
|
|
>
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
|
+ <div>
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="mixins_query.communityId"
|
|
|
|
+ placeholder="所有社区"
|
|
|
|
+ clearable
|
|
|
|
+ class="saveColumn-select"
|
|
|
|
+ @change="getData"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="(item, index) in communityList"
|
|
|
|
+ :label="item.communityName"
|
|
|
|
+ :value="item.id"
|
|
|
|
+ :key="index"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="mixins_query.chargeType"
|
|
|
|
+ placeholder="所有费用"
|
|
|
|
+ clearable
|
|
|
|
+ class="saveColumn-select"
|
|
|
|
+ @change="getData"
|
|
|
|
+ >
|
|
|
|
+ <el-option v-for="(item, index) in amountType" :label="item.name" :value="item.value" :key="index"></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="model-content">
|
|
<div class="model-content">
|
|
@@ -141,12 +160,22 @@ export default {
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
@import './style.scss';
|
|
@import './style.scss';
|
|
.modelBlock {
|
|
.modelBlock {
|
|
|
|
+ .model-content {
|
|
|
|
+ height: calc(100% - #{rem(80)});
|
|
|
|
+ }
|
|
.model-title {
|
|
.model-title {
|
|
.saveColumn-select {
|
|
.saveColumn-select {
|
|
- width: rem(80);
|
|
|
|
|
|
+ width: calc(50% - 5px);
|
|
|
|
+ }
|
|
|
|
+ .saveColumn-select-time {
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-bottom: rem(5);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+.model-title-right {
|
|
|
|
+ width: calc(100% - #{rem(100)});
|
|
|
|
+}
|
|
// .indexWorkbench {
|
|
// .indexWorkbench {
|
|
// .modelBlock {
|
|
// .modelBlock {
|
|
// .model-title {
|
|
// .model-title {
|