|
@@ -9,8 +9,8 @@
|
|
</el-tabs>
|
|
</el-tabs>
|
|
<div class="tab-content">
|
|
<div class="tab-content">
|
|
<div class="search">
|
|
<div class="search">
|
|
- <el-cascader v-model="value" :options="options" @change="handleChange" placeholder="请选择楼层" class="item"></el-cascader>
|
|
|
|
- <el-cascader v-model="value" :options="options" @change="handleChange" placeholder="请选择分区" class="item"
|
|
|
|
|
|
+ <el-cascader v-model="value1" :options="options" @change="handleChange" placeholder="请选择楼层" class="item"></el-cascader>
|
|
|
|
+ <el-cascader v-model="value2" :options="options" @change="handleChange" placeholder="请选择分区" class="item"
|
|
v-if="activeName==='picture'"></el-cascader>
|
|
v-if="activeName==='picture'"></el-cascader>
|
|
<admSearch @SearchValue="searchValue" class="item" v-if="activeName==='table'" />
|
|
<admSearch @SearchValue="searchValue" class="item" v-if="activeName==='table'" />
|
|
</div>
|
|
</div>
|
|
@@ -18,6 +18,7 @@
|
|
<admMultiTable />
|
|
<admMultiTable />
|
|
</div>
|
|
</div>
|
|
<div class="graph" v-if="activeName==='picture'">
|
|
<div class="graph" v-if="activeName==='picture'">
|
|
|
|
+ <spaceGraph />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -28,9 +29,10 @@
|
|
import { Vue, Component, Watch } from "vue-property-decorator";
|
|
import { Vue, Component, Watch } from "vue-property-decorator";
|
|
import Bus from "@/utils/bus";
|
|
import Bus from "@/utils/bus";
|
|
import { Statistics, AdmSearch, AdmMultiTable } from "../components/index";
|
|
import { Statistics, AdmSearch, AdmMultiTable } from "../components/index";
|
|
|
|
+import spaceGraph from "./components/spaceGraph";
|
|
@Component({
|
|
@Component({
|
|
name: "space-index",
|
|
name: "space-index",
|
|
- components: { Statistics, AdmSearch, AdmMultiTable },
|
|
|
|
|
|
+ components: { Statistics, AdmSearch, AdmMultiTable, spaceGraph },
|
|
})
|
|
})
|
|
export default class extends Vue {
|
|
export default class extends Vue {
|
|
private statisticsMsg = {
|
|
private statisticsMsg = {
|
|
@@ -38,10 +40,32 @@ export default class extends Vue {
|
|
total: 93640,
|
|
total: 93640,
|
|
};
|
|
};
|
|
activeName = "table";
|
|
activeName = "table";
|
|
- value: "";
|
|
|
|
- options = [];
|
|
|
|
|
|
+ value1: ["zhinan", "shejiyuanze"];
|
|
|
|
+ value2: [];
|
|
|
|
+ options = [
|
|
|
|
+ {
|
|
|
|
+ value: "zhinan",
|
|
|
|
+ label: "指南",
|
|
|
|
+ children: [
|
|
|
|
+ {
|
|
|
|
+ value: "shejiyuanze",
|
|
|
|
+ label: "设计原则",
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ value: "yizhi",
|
|
|
|
+ label: "一致",
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ value: "fankui",
|
|
|
|
+ label: "反馈",
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
|
|
+ },
|
|
|
|
+ ];
|
|
// 建筑楼层更改
|
|
// 建筑楼层更改
|
|
- handleChange() {}
|
|
|
|
|
|
+ handleChange(v) {
|
|
|
|
+ console.log(v);
|
|
|
|
+ }
|
|
// 搜索
|
|
// 搜索
|
|
searchValue(val: string) {
|
|
searchValue(val: string) {
|
|
console.log(val);
|
|
console.log(val);
|