|
@@ -0,0 +1,95 @@
|
|
|
+<template>
|
|
|
+ <div class="modelBlock">
|
|
|
+ <template>
|
|
|
+ <div class="model-title">
|
|
|
+ <div class="model-title-text">巡更问题数量分析</div>
|
|
|
+ <div class="model-title-right">
|
|
|
+ <el-date-picker
|
|
|
+ value-format="yyyy-MM"
|
|
|
+ v-model="date"
|
|
|
+ type="month"
|
|
|
+ placeholder="选择月"
|
|
|
+ class="saveColumn-select"
|
|
|
+ @change="changeTime"
|
|
|
+ :clearable="false"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="model-content">
|
|
|
+ <zz-echart
|
|
|
+ :option="clientOptions"
|
|
|
+ class="chart"
|
|
|
+ ></zz-echart>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <!-- <no-permission tipsText="巡更问题数量分析"></no-permission> -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+<script>
|
|
|
+import { quantitativeAnalysisProblems } from './indexOptionChart';
|
|
|
+import permissionComponent from './permissionComponent';
|
|
|
+export default {
|
|
|
+ mixins: [permissionComponent],
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ defaultModel: {
|
|
|
+ permissUrl: '19',
|
|
|
+ titleName: '安保巡更'
|
|
|
+ },
|
|
|
+ mixins_query: {
|
|
|
+ communityId: '',
|
|
|
+ date: ''
|
|
|
+ },
|
|
|
+ clientOptions: quantitativeAnalysisProblems(['市容市貌', '环境卫生', '公共秩序', '消防安全'], '日期', '问题数量',
|
|
|
+ ['1日', 2, 3, 4, 5, 6, 7, 8, 9, 10],
|
|
|
+ [
|
|
|
+ {
|
|
|
+ name: '市容市貌',
|
|
|
+ data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '环境卫生',
|
|
|
+ data: [11, 2, 3, 4, 5, 6, 7, 8, 9, 10]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '公共秩序',
|
|
|
+ data: [15, 2, 3, 4, 5, 6, 7, 8, 9, 10]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '消防安全',
|
|
|
+ data: [19, 2, 3, 4, 5, 6, 7, 8, 9, 10]
|
|
|
+ },
|
|
|
+
|
|
|
+ ], []
|
|
|
+ )
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ changeTime (v) {
|
|
|
+ this.mixins_query.date = v + '-01';
|
|
|
+ this.getData();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+@import './style.scss';
|
|
|
+// .model-title {
|
|
|
+// .model-title-right {
|
|
|
+// .saveColumn-select {
|
|
|
+// &:not(:first-child) {
|
|
|
+// margin-left: rem(20);
|
|
|
+// }
|
|
|
+// }
|
|
|
+// }
|
|
|
+// }
|
|
|
+</style>
|