|
@@ -1,73 +1,71 @@
|
|
|
<template>
|
|
|
- <div class="modelBlock">
|
|
|
- <div class="model-title">
|
|
|
- <div class="model-title-text">商铺租售情况</div>
|
|
|
+ <div class="modelBlock">
|
|
|
+ <div class="model-title">
|
|
|
+ <div class="model-title-text">商铺租售情况</div>
|
|
|
+ </div>
|
|
|
+ <div class="model-content">
|
|
|
+ <zz-echart :option="clientOptions" class="chart"></zz-echart>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="model-content">
|
|
|
- <zz-echart
|
|
|
- :option="clientOptions"
|
|
|
- class="chart"
|
|
|
- ></zz-echart>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import { columnOptionsChartName } from './indexOptionChart.js';
|
|
|
import index from './allcommunit';
|
|
|
export default {
|
|
|
- mixins: [index],
|
|
|
- data () {
|
|
|
- return {
|
|
|
- mixins_query: {
|
|
|
- communityId: ''
|
|
|
- },
|
|
|
- clientOptions: columnOptionsChartName(
|
|
|
- '(间)',
|
|
|
- ['name1', 'name2', 'name3'],
|
|
|
- [
|
|
|
- {
|
|
|
- name: 'name1',
|
|
|
- data: 0
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'name2',
|
|
|
- data: 0
|
|
|
- },
|
|
|
- {
|
|
|
- name: 'name3',
|
|
|
- data: 0
|
|
|
- }
|
|
|
- ],
|
|
|
- [],
|
|
|
- 10
|
|
|
- )
|
|
|
- };
|
|
|
- },
|
|
|
- created () {
|
|
|
- this.getData();
|
|
|
- },
|
|
|
- mounted () { },
|
|
|
- computed: {},
|
|
|
- methods: {
|
|
|
- getData () {
|
|
|
- this.$http
|
|
|
- .get('/sc-community/statisticsaleRate', this.mixins_query)
|
|
|
- .then(({ status, data, msg }) => {
|
|
|
- if (status == 0) {
|
|
|
- let name = ['待租售', '已售', '已租'];
|
|
|
- let dataList = [];
|
|
|
- for (let i in data.datas) {
|
|
|
- dataList.push({
|
|
|
- name: name[i],
|
|
|
- data: data.datas[i]
|
|
|
- })
|
|
|
- }
|
|
|
- this.clientOptions = columnOptionsChartName('(间)', name, dataList, [], 10);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => { });
|
|
|
+ mixins: [index],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ mixins_query: {
|
|
|
+ communityId: '',
|
|
|
+ type: 2
|
|
|
+ },
|
|
|
+ clientOptions: columnOptionsChartName(
|
|
|
+ '(间)',
|
|
|
+ ['name1', 'name2', 'name3'],
|
|
|
+ [
|
|
|
+ {
|
|
|
+ name: 'name1',
|
|
|
+ data: 0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'name2',
|
|
|
+ data: 0
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'name3',
|
|
|
+ data: 0
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ [],
|
|
|
+ 10
|
|
|
+ )
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getData();
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ computed: {},
|
|
|
+ methods: {
|
|
|
+ getData() {
|
|
|
+ this.$http
|
|
|
+ .get('/sc-community/statisticsaleRate', this.mixins_query)
|
|
|
+ .then(({ status, data, msg }) => {
|
|
|
+ if (status == 0) {
|
|
|
+ let name = ['待租售', '已售', '已租'];
|
|
|
+ let dataList = [];
|
|
|
+ for (let i in data.datas) {
|
|
|
+ dataList.push({
|
|
|
+ name: name[i],
|
|
|
+ data: data.datas[i]
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.clientOptions = columnOptionsChartName('(间)', name, dataList, [], 10);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((err) => {});
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
};
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|