智慧场景、智能空调

src/components/common/timeRange.vue

@@ -1,22 +1,24 @@
 <template>
-  <a-range-picker
-    :disabled-date="disabledDate"
-    :disabled-time="disabledRangeTime"
-    :show-time="{
-      hideDisabledOptions: true,
-      defaultValue: [
-        $moment('00:00:00', 'HH:mm:ss'),
-        $moment('23:59:59', 'HH:mm:ss'),
-      ],
-    }"
-    format="YYYY-MM-DD HH:mm:ss"
-  />
+  <a-range-picker :disabled-date="disabledDate" :disabled-time="disabledRangeTime" :show-time="{
+    hideDisabledOptions: true,
+    defaultValue: [
+      $moment('00:00:00', 'HH:mm:ss'),
+      $moment('23:59:59', 'HH:mm:ss'),
+    ],
+  }" :format="timeFormat" />
 </template>
 
 <script>
-export default { 
+export default {
+  props: {
+    timeFormat: {
+      type: String,
+      default: "YYYY-MM-DD HH:mm:ss"
+
+    }
+  },
   methods: {
-    getTimeRange(){
+    getTimeRange() {
       console.log(1);
     },
     range(start, end) {
@@ -56,5 +58,4 @@ export default {
 };
 </script>
 
-<style>
-</style>
+<style></style>

src/components/scene/access/sceneAccessGuestManage.vue

@@ -1,11 +1,452 @@
 <template>
+    <div class="accessManage border-shadow">
+        <div class="container">
+            <div class="search_container">
+                <a-form class="ant-advanced-search-form">
+                    <a-row :gutter="24">
+                        <a-col :span="6">
+                            <a-form-item :label="'访客姓名：'">
+                                <a-input />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'访问事由：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        开会
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        交流
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'访客手机号：'">
+                                <a-input />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'所属公司：'">
+                                <a-input />
+                            </a-form-item>
+                        </a-col>
+                    </a-row>
+                    <a-row :gutter="24">
+                        <a-col :span="6">
+                            <a-form-item :label="'受访人：'">
+                                <a-input />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'受访人电话：'">
+                                <a-input />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="12">
+                            <a-form-item :label="'到访时间：'">
+                                <timeRange ref="timeRange"></timeRange>
+                            </a-form-item>
+                        </a-col>
+                    </a-row>
+                    <a-row :gutter="24">
+                        <a-col :span="18"></a-col>
+                        <a-col :span="6">
+                            <a-button>
+                                重置
+                            </a-button>
+                            <a-button type="primary">
+                                查询
+                            </a-button>
+                        </a-col>
+                    </a-row>
+                </a-form>
+            </div>
+            <div ref="table_container" class="table_container">
 
+                <a-table :columns="tableColumns" :data-source="tableData" :pagination="false"
+                    :scroll="{ y: tableContainerHeight }" bordered>
+
+                    <a-button slot="action" slot-scope="text" type="link">
+                        查看
+                    </a-button>
+                </a-table>
+            </div>
+        </div>
+        <div class="footer">
+            <a-pagination show-quick-jumper show-size-changer :default-current="1" :total="500" :page-size="10"
+                :show-total="(total, range) => `共 ${total} 条`" />
+        </div>
+    </div>
 </template>
 
 <script>
-export default {}
+import timeRange from "@/components/common/timeRange.vue";
+export default {
+    components: {
+        timeRange,
+    },
+    data() {
+        return {
+            tableContainerHeight: 100,
+            tableColumns: [
+                {
+                    title: '序号',
+                    dataIndex: 'index',
+                    key: 'index',
+                    align: "center",
+                    width: 80,
+                    customRender: (text, record, index) => `${index + 1}`
+                },
+                {
+                    title: '姓名',
+                    dataIndex: 'name',
+                    key: 'name',
+                },
+                {
+                    title: '访客手机号',
+                    dataIndex: 'people_type',
+                    key: 'people_type',
+                },
+                {
+                    title: '所属公司',
+                    dataIndex: 'department',
+                    key: 'department',
+                },
+                {
+                    title: '受访人',
+                    dataIndex: 'interviewee',
+                    key: 'interviewee',
+                },
+                {
+                    title: '访问事由',
+                    dataIndex: 'equipment',
+                    key: 'equipment',
+                },
+                {
+                    title: '受访人手机号',
+                    dataIndex: 'direction',
+                    key: 'direction',
+                },
+                {
+                    title: '通行时间',
+                    dataIndex: 'time',
+                    key: 'time',
+                },
+                {
+                    title: '通行方向',
+                    dataIndex: 'direction',
+                    key: 'direction',
+                },
+                {
+                    title: '行为感知',
+                    key: 'operation',
+                    fixed: 'right',
+                    width: 100,
+                    scopedSlots: { customRender: 'action' },
+                },
+
+            ],
+            // name:"",
+            // people_type:"",
+            // department:"",
+            // time:"",
+            // equipment:"",
+            // direction:"",
+            // behavior:"",
+            tableData: [
+                {
+                    key: '1',
+                    name: "潘夏彤",
+                    people_type: "自有员工",
+                    department: "办公室",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B3",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '2',
+                    name: "庞慧",
+                    people_type: "协作员工",
+                    department: "规划院-办公室",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入1F",
+                    interviewee: "某某某",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '3',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '4',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '5',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '6',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '7',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '8',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '9',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '10',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '11',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '12',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '13',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '14',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '15',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '16',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '17',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '18',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '19',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '20',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+                {
+                    key: '21',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    interviewee: "某某某", behavior: "",
+                },
+            ]
+        }
+    },
+    mounted() {
+        let that = this
+        setTimeout(() => {
+            that.tableContainerHeight = that.$refs.table_container.clientHeight - 64 - 10;
+            window.onresize = () => {
+                return (() => {
+                    that.tableContainerHeight = that.$refs.table_container.clientHeight - 64 - 10
+                })()
+            };
+        }, 100);
+    }
+}
 </script>
 
 <style lang="less" scoped>
+.accessManage {
+    width: 100%;
+    height: 100%;
+    padding: 5px 5px;
+
+    .container {
+        box-sizing: border-box;
+        padding: 5px 5px;
+        height: calc(100% - 60px);
+
+        .search_container {
+            .ant-input {
+                width: 220px;
+            }
+
+            .ant-select {
+                width: 220px;
+            }
+
+            .ant-calendar-picker {
+                width: 320px !important;
+            }
+        }
+
+        .table_container {
+            height: calc(100% - 210px);
+            box-sizing: border-box;
+            padding-top: 10px;
+        }
+    }
+
+    .footer {
+        height: 60px;
+        line-height: 60px;
+        margin-right: 50px;
+        padding-top: 14px;
+    }
+
+    .ant-table-wrapper {
+        height: 100%;
+    }
+
+    .ant-advanced-search-form {
+        padding: 24px;
+        background: #fbfbfb;
+        border: 1px solid #d9d9d9;
+        border-radius: 6px
+    }
+
+    .ant-advanced-search-form .ant-form-item {
+        display: flex;
+
+        /deep/ .ant-form-item-label {
+            min-width: 90px;
+        }
+    }
+
+    .ant-advanced-search-form .ant-form-item-control-wrapper {
+        flex: 1
+    }
 
+    .ant-pagination {
+        float: right;
+    }
+}
 </style>

src/components/scene/access/sceneAccessManage.vue

@@ -1,11 +1,487 @@
 <template>
+    <div class="accessManage border-shadow">
+        <div class="container">
+            <div class="search_container">
+                <a-form class="ant-advanced-search-form">
+                    <a-row :gutter="24">
+                        <a-col :span="6">
+                            <a-form-item :label="'员工姓名：'">
+                                <a-input />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'部门：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        办公室
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        餐厅
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'人员类型：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        自由员工
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        外派
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col>
+                    </a-row>
+                    <a-row :gutter="24">
+                        <a-col :span="6">
+                            <a-form-item :label="'设备名称：'">
+                                <a-input />
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'通行方向：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        进
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        出
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'通行时间：'">
+                                <timeRange ref="timeRange" v-bind="{
+                                    timeFormat: 'YYYY-MM-DD HH:mm:ss'
+                                }"></timeRange>
+                            </a-form-item>
+                        </a-col>
 
+
+                        <!-- <a-col :span="6">
+                            <a-form-item :label="'疫苗接种：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        未接种
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        第一针
+                                    </a-select-option>
+                                    <a-select-option value="2">
+                                        第二针
+                                    </a-select-option>
+                                    <a-select-option value="3">
+                                        第三针
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'核酸时间：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        1天
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        2天
+                                    </a-select-option>
+                                    <a-select-option value="2">
+                                        3天以上
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col> -->
+                    </a-row>
+                    <a-row :gutter="24">
+                        <a-col :span="18"></a-col>
+                        <a-col :span="6">
+                            <a-button>
+                                重置
+                            </a-button>
+                            <a-button type="primary">
+                                查询
+                            </a-button>
+                        </a-col>
+                    </a-row>
+                </a-form>
+            </div>
+            <div ref="table_container" class="table_container">
+
+                <a-table :columns="tableColumns" :data-source="tableData" :pagination="false"
+                    :scroll="{ y: tableContainerHeight }" bordered>
+                    <a-button slot="action" slot-scope="text" type="link">
+                        查看
+                    </a-button>
+                </a-table>
+            </div>
+        </div>
+        <div class="footer">
+            <a-pagination show-quick-jumper show-size-changer :default-current="1" :total="500" :page-size="10"
+                :show-total="(total, range) => `共 ${total} 条`" />
+            <!--  @change="onChange" -->
+        </div>
+    </div>
 </template>
 
 <script>
-export default {}
+import timeRange from "@/components/common/timeRange.vue";
+export default {
+    components: {
+        timeRange,
+    },
+    data() {
+        return {
+            tableContainerHeight: 100,
+            tableColumns: [
+                {
+                    title: '序号',
+                    dataIndex: 'index',
+                    key: 'index',
+                    align: "center",
+                    width: 80,
+                    customRender: (text, record, index) => `${index + 1}`
+                },
+                {
+                    title: '姓名',
+                    dataIndex: 'name',
+                    key: 'name',
+                },
+                {
+                    title: '人员类型',
+                    dataIndex: 'people_type',
+                    key: 'people_type',
+                },
+                {
+                    title: '部门',
+                    dataIndex: 'department',
+                    key: 'department',
+                },
+                {
+                    title: '通行时间',
+                    dataIndex: 'time',
+                    key: 'time',
+                },
+                {
+                    title: '通行设备',
+                    dataIndex: 'equipment',
+                    key: 'equipment',
+                },
+                {
+                    title: '通行方向',
+                    dataIndex: 'direction',
+                    key: 'direction',
+                },
+                {
+                    title: '行为感知',
+                    key: 'operation',
+                    fixed: 'right',
+                    width: 100,
+                    scopedSlots: { customRender: 'action' },
+                },
+
+            ],
+            // name:"",
+            // people_type:"",
+            // department:"",
+            // time:"",
+            // equipment:"",
+            // direction:"",
+            // behavior:"",
+            tableData: [
+                {
+                    key: '1',
+                    name: "潘夏彤",
+                    people_type: "自有员工",
+                    department: "办公室",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B3",
+                    behavior: "",
+                },
+                {
+                    key: '2',
+                    name: "庞慧",
+                    people_type: "协作员工",
+                    department: "规划院-办公室",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入1F",
+                    behavior: "",
+                },
+                {
+                    key: '3',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '4',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '5',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '6',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '7',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '8',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '9',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '10',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '11',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '12',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '13',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '14',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '15',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '16',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '17',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '18',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '19',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '20',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '21',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+            ]
+        }
+    },
+    mounted() {
+        let that = this
+        setTimeout(() => {
+            that.tableContainerHeight = that.$refs.table_container.clientHeight - 64 - 10;
+            window.onresize = () => {
+                return (() => {
+                    that.tableContainerHeight = that.$refs.table_container.clientHeight - 54 - 10
+                })()
+            };
+        }, 100);
+    }
+}
 </script>
 
 <style lang="less" scoped>
+.accessManage {
+    width: 100%;
+    height: 100%;
+    padding: 5px 5px;
+
+    .container {
+        box-sizing: border-box;
+        padding: 5px 5px;
+        height: calc(100% - 60px);
+
+        .search_container {
+            .ant-input {
+                width: 220px;
+            }
+
+            .ant-select {
+                width: 220px;
+            }
+
+            .ant-calendar-picker {
+                width: 320px !important;
+            }
+        }
+
+        .table_container {
+            height: calc(100% - 210px);
+            box-sizing: border-box;
+            padding-top: 10px;
+        }
+    }
+
+    .footer {
+        height: 60px;
+        line-height: 60px;
+        margin-right: 50px;
+        padding-top: 14px;
+    }
+
+    .ant-table-wrapper {
+        height: 100%;
+    }
+
+    .ant-advanced-search-form {
+        padding: 24px;
+        background: #fbfbfb;
+        border: 1px solid #d9d9d9;
+        border-radius: 6px
+    }
+
+    .ant-advanced-search-form .ant-form-item {
+        display: flex;
+
+        /deep/ .ant-form-item-label {
+            min-width: 90px;
+        }
+    }
+
+    .ant-advanced-search-form .ant-form-item-control-wrapper {
+        flex: 1
+    }
 
+    .ant-pagination {
+        float: right;
+    }
+}
 </style>

src/components/scene/access/sceneAccessParkManage.vue

@@ -1,11 +1,487 @@
 <template>
+    <div class="accessManage border-shadow">
+        <div class="container">
+            <div class="search_container">
+                <a-form class="ant-advanced-search-form">
+                    <a-row :gutter="24">
+                        <a-col :span="6">
+                            <a-radio-group default-value="a" button-style="solid">
+                                <a-radio-button value="a">
+                                    入场
+                                </a-radio-button>
+                                <a-radio-button value="b">
+                                    出场
+                                </a-radio-button>
+                            </a-radio-group>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'部门：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        办公室
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        餐厅
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'人员类型：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        自由员工
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        外派
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-button type="primary">
+                                查询
+                            </a-button>
+                        </a-col>
+                    </a-row>
+                    <a-row :gutter="24">
+                        <a-col :span="6">
+                            <a-form-item :label="'订单状态：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        进
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        出
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'通行方向：'">
+                                <a-select default-value="0">
+                                    <a-select-option value="0">
+                                        进
+                                    </a-select-option>
+                                    <a-select-option value="1">
+                                        出
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-form-item :label="'通行时间：'">
+                                <timeRange ref="timeRange" v-bind="{
+                                    timeFormat: 'YYYY-MM-DD HH:mm:ss'
+                                }"></timeRange>
+                            </a-form-item>
+                        </a-col>
+                        <a-col :span="6">
+                            <a-button>
+                                重置
+                            </a-button>
+                        </a-col>
+                    </a-row>
+                </a-form>
+            </div>
+            <div ref="table_container" class="table_container">
 
+                <a-table :columns="tableColumns" :data-source="tableData" :pagination="false"
+                    :scroll="{ y: tableContainerHeight }" bordered>
+                    <a-button slot="action" slot-scope="text" type="link">
+                        查看
+                    </a-button>
+                </a-table>
+            </div>
+        </div>
+        <div class="footer">
+            <a-pagination show-quick-jumper show-size-changer :default-current="1" :total="500" :page-size="10"
+                :show-total="(total, range) => `共 ${total} 条`" />
+            <!--  @change="onChange" -->
+        </div>
+    </div>
 </template>
 
 <script>
-export default {}
+import timeRange from "@/components/common/timeRange.vue";
+export default {
+    components: {
+        timeRange,
+    },
+    data() {
+        return {
+            tableContainerHeight: 100,
+            tableColumns: [
+                {
+                    title: '序号',
+                    dataIndex: 'index',
+                    key: 'index',
+                    align: "center",
+                    width: 80,
+                    customRender: (text, record, index) => `${index + 1}`
+                },
+                {
+                    title: '车牌号',
+                    dataIndex: 'name',
+                    key: 'name',
+                },
+                {
+                    title: '订单状态',
+                    dataIndex: 'people_type',
+                    key: 'people_type',
+                },
+                {
+                    title: '支付方式',
+                    dataIndex: 'department',
+                    key: 'department',
+                },
+                {
+                    title: '实收金额（￥）',
+                    dataIndex: 'equipment',
+                    key: 'equipment',
+                },
+                {
+                    title: '入场时间',
+                    dataIndex: 'time',
+                    key: 'time',
+                },
+                {
+                    title: '出场时间',
+                    dataIndex: 'outtime',
+                    key: 'outtime',
+                },
+                {
+                    title: '操作',
+                    key: 'operation',
+                    fixed: 'right',
+                    width: 100,
+                    scopedSlots: { customRender: 'action' },
+                },
+            ],
+            // name:"",
+            // people_type:"",
+            // department:"",
+            // time:"",
+            // equipment:"",
+            // direction:"",
+            // behavior:"",
+            tableData: [
+                {
+                    key: '1',
+                    name: "潘夏彤",
+                    people_type: "自有员工",
+                    department: "办公室",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B3",
+                    behavior: "",
+                },
+                {
+                    key: '2',
+                    name: "庞慧",
+                    people_type: "协作员工",
+                    department: "规划院-办公室",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入1F",
+                    behavior: "",
+                },
+                {
+                    key: '3',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '4',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '5',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '6',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '7',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '8',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '9',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '10',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '11',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '12',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '13',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '14',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '15',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '16',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '17',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '18',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '19',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '20',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+                {
+                    key: '21',
+                    name: "李天泽",
+                    people_type: "访客",
+                    department: "规划院-产品中心",
+                    time: "进：2022-08-26 12:00:00",
+                    outtime: "进：2022-08-26 12:00:00",
+                    equipment: "ZY010012",
+                    direction: "进入B2",
+                    behavior: "",
+                },
+            ]
+        }
+    },
+    mounted() {
+        let that = this
+        setTimeout(() => {
+            that.tableContainerHeight = that.$refs.table_container.clientHeight - 64 - 10;
+            window.onresize = () => {
+                return (() => {
+                    that.tableContainerHeight = that.$refs.table_container.clientHeight - 54 - 10
+                })()
+            };
+        }, 100);
+    }
+}
 </script>
 
 <style lang="less" scoped>
+.accessManage {
+    width: 100%;
+    height: 100%;
+    padding: 5px 5px;
 
+    .container {
+        box-sizing: border-box;
+        padding: 5px 5px;
+        height: calc(100% - 60px);
+
+        .search_container {
+            .ant-input {
+                width: 220px;
+            }
+
+            .ant-select {
+                width: 220px;
+            }
+
+            .ant-calendar-picker {
+                width: 320px !important;
+            }
+
+            .ant-btn {
+                margin-left: 50px !important;
+            }
+        }
+
+        .table_container {
+            height: calc(100% - 210px);
+            box-sizing: border-box;
+            padding-top: 10px;
+        }
+    }
+
+    .footer {
+        height: 60px;
+        line-height: 60px;
+        margin-right: 50px;
+        padding-top: 14px;
+    }
+
+    .ant-table-wrapper {
+        height: 100%;
+    }
+
+    .ant-advanced-search-form {
+        padding: 24px;
+        background: #fbfbfb;
+        border: 1px solid #d9d9d9;
+        border-radius: 6px
+    }
+
+    .ant-advanced-search-form .ant-form-item {
+        display: flex;
+
+        /deep/ .ant-form-item-label {
+            min-width: 90px;
+        }
+    }
+
+    .ant-advanced-search-form .ant-form-item-control-wrapper {
+        flex: 1
+    }
+
+    .ant-pagination {
+        float: right;
+    }
+}
 </style>

src/components/scene/energy/sceneEnergyAircondition.vue

@@ -1,11 +1,799 @@
 <template>
+    <div class="container">
+        <a-tabs default-active-key="1" v-model="activeKey" :size="size" @change="tabChange">
+            <a-tab-pane :key="1" tab="空调总览">
+                <div class="airconditioning search_container">
+                    <a-row>
+                        <a-form class="ant-advanced-search-form">
+                            <a-row :gutter="24">
+                                <a-col :span="4">
+                                    <a-form-item :label="'开关：'">
+                                        <a-select default-value="0">
+                                            <a-select-option value="0">
+                                                开
+                                            </a-select-option>
+                                            <a-select-option value="1">
+                                                关
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="4">
+                                    <a-form-item :label="'模式：'">
+                                        <a-select default-value="0">
+                                            <a-select-option value="0">
+                                                制冷
+                                            </a-select-option>
+                                            <a-select-option value="1">
+                                                制热
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="4">
+                                    <a-form-item :label="'风速：'">
+                                        <a-select default-value="0">
+                                            <a-select-option value="0">
+                                                1级
+                                            </a-select-option>
+                                            <a-select-option value="1">
+                                                2级
+                                            </a-select-option>
+                                            <a-select-option value="2">
+                                                3级
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="4">
+                                    <a-form-item :label="'温度：'">
+                                        <a-select default-value="0">
+                                            <a-select-option value="0">
+                                                26°C
+                                            </a-select-option>
+                                            <a-select-option value="1">
+                                                27°C
+                                            </a-select-option>
+                                            <a-select-option value="2">
+                                                28°C
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="4">
+                                    <a-form-item :label="'设备编号：'">
+                                        <a-input />
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="4">
+                                    <a-button type="link">
+                                        重置
+                                    </a-button>
+                                    <a-button type="primary">
+                                        查找
+                                    </a-button>
+                                </a-col>
+                            </a-row>
+                        </a-form>
+                    </a-row>
+                    <a-row style="">
+                        <div style="margin-left:27px;margin-bottom:10px;color:#000000;float:left;">
+                            全开 <a-switch size="small" default-checked style="margin-right:15px;" />
+                            全关 <a-switch size="small" style="margin-right:15px;" />
+                            <a-button type="primary">
+                                批量执行策略
+                            </a-button>
+                        </div>
+                        <div style="margin-right:10px;margin-bottom:10px;float:right;vertical-align: top;">
+                            <a-select default-value="0">
+                                <a-select-option value="0">
+                                    按楼层显示
+                                </a-select-option>
+                                <a-select-option value="1">
+                                    按公司
+                                </a-select-option>
+                                <a-select-option value="2">
+                                    按功能
+                                </a-select-option>
+                                <a-select-option value="3">
+                                    按分组
+                                </a-select-option>
+                            </a-select>
+                            <a-button>全部展开</a-button>
+                            <a-button type="primary">列表模式</a-button>
+                        </div>
+                    </a-row>
+                </div>
+                <div class="aircon_resutlt_container">
+                    <a-layout>
+                        <a-layout-sider>
+                            <a-input placeholder="请输入"></a-input>
+                            <div class="list_container">
+                                <a-list item-layout="horizontal" :data-source="listData" style="margin-top:10px">
+                                    <a-list-item slot="renderItem" slot-scope="item, index">
+                                        <a-list-item-meta>
+                                            <div slot="title">{{ item.title }}</div>
+                                        </a-list-item-meta>
+                                    </a-list-item>
+                                </a-list>
+                            </div>
+                        </a-layout-sider>
+                        <a-layout-content>
+                            <div class="" v-if="dataPresentationFormType == 1"></div>
+                            <div class="table_container1" ref="table_container1" v-if="dataPresentationFormType == 2">
+                                <a-table :columns="tableColumns1" :data-source="tableData1" :row-selection="rowSelection1"
+                                    :pagination="false" :scroll="{ y: tableContainerHeight1 }" bordered>
+                                    <div slot="onoff" slot-scope="item">
+                                        <a-switch :defaultChecked="item.onoff" />
+                                    </div>
+                                    <div slot="action" slot-scope="item">
+                                        <a-button type="link">
+                                            查看
+                                        </a-button>
+                                    </div>
+                                </a-table>
+                            </div>
+                        </a-layout-content>
+                    </a-layout>
+                </div>
+            </a-tab-pane>
+            <a-tab-pane :key="2" tab="智能策略">
+                <div class="tactics search_container">
+                    <a-row>
+                        <a-form class="ant-advanced-search-form">
+                            <a-row :gutter="24">
+                                <a-col :span="4">
+                                    <a-form-item :label="'策略名称：'">
+                                        <a-select default-value="0">
+                                            <a-select-option value="0">
+                                                开
+                                            </a-select-option>
+                                            <a-select-option value="1">
+                                                关
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="7">
+                                    <a-form-item :label="'创建时间：'">
+                                        <timeRange ref="timeRange" v-bind="{
+                                            timeFormat: 'YYYY-MM-DD HH:mm:ss'
+                                        }"></timeRange>
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="4">
+                                    <a-form-item :label="'楼宇名称：'">
+                                        <a-input />
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="4">
+                                    <a-form-item :label="'创建人：'">
+                                        <a-input />
+                                    </a-form-item>
+                                </a-col>
+                                <a-col :span="4">
+                                    <a-form-item :label="'状态：'">
+                                        <a-select default-value="0">
+                                            <a-select-option value="0">
+                                                启用
+                                            </a-select-option>
+                                            <a-select-option value="1">
+                                                关闭
+                                            </a-select-option>
+                                        </a-select>
+                                    </a-form-item>
+                                </a-col>
+                            </a-row>
+                        </a-form>
+                    </a-row>
+                    <a-row style="">
+                        <div style="margin-left:27px;margin-bottom:10px;color:#000000;float:left;">
+                            <a-button type="primary">
+                                新建
+                            </a-button>
+                            <a-button>
+                                批量删除
+                            </a-button>
+                        </div>
+                        <div style="margin-right:10px;margin-bottom:10px;float:right;vertical-align: top;">
+                            <a-button>重置</a-button>
+                            <a-button type="primary">查询</a-button>
+                        </div>
+                    </a-row>
+                </div>
+                <div ref="table_container2" class="table_container2">
+                    <a-table :columns="tableColumns2" :data-source="tableData2" :row-selection="rowSelection2"
+                        :pagination="false" :scroll="{ y: tableContainerHeight2 }">
+                        <div slot="openingUp" slot-scope="text">
+                            <a-switch default-checked />
+                        </div>
+                        <div slot="action" slot-scope="text">
+                            <a-button type="link">
+                                查看
+                            </a-button>
+                            <a-button type="link">
+                                编辑
+                            </a-button>
+                            <a-button type="link">
+                                删除
+                            </a-button>
+                        </div>
+                    </a-table>
+                </div>
+                <div class="footer">
+                    <a-pagination show-quick-jumper show-size-changer :default-current="1" :total="500" :page-size="10"
+                        :show-total="(total, range) => `共 ${total} 条`" />
+                </div>
+            </a-tab-pane>
+        </a-tabs>
 
+        <a-modal v-model="visible" title="批量执行策略">
+            <template slot="footer">
+                <a-button key="back" @click="handleCancel1">
+                    取消
+                </a-button>
+                <a-button key="submit" type="primary" :loading="false" @click="handleOk1">
+                    批量执行
+                </a-button>
+            </template>
+        </a-modal>
+        <a-modal v-model="visible" title="新建智能策略">
+            <template slot="footer">
+                <a-button key="back" @click="handleCancel2">
+                    取消
+                </a-button>
+                <a-button key="submit" type="primary" :loading="false" @click="handleOk2">
+                    确认
+                </a-button>
+            </template>
+        </a-modal>
+        <a-modal v-model="visible" title="查看">
+            <template slot="footer">
+                <a-button key="back" @click="handleCancel3">
+                    Return
+                </a-button>
+                <a-button key="submit" type="primary" :loading="false" @click="handleOk3">
+                    Submit
+                </a-button>
+            </template>
+        </a-modal>
+
+    </div>
 </template>
 
 <script>
-export default {}
+import timeRange from "@/components/common/timeRange.vue";
+export default {
+    components: {
+        timeRange,
+    },
+    data() {
+        return {
+            activeKey: 1,
+            dataPresentationForm: 1,
+            size: 'small',
+            dataPresentationFormType: 1,
+            tableContainerHeight1: 100,
+            tableColumns1: [
+                {
+                    title: '名称',
+                    dataIndex: 'name',
+                    key: 'name',
+                },
+                {
+                    title: '模式',
+                    dataIndex: 'model',
+                    key: 'model',
+                },
+                {
+                    title: '温度',
+                    dataIndex: 'temperature',
+                    key: 'temperature',
+                },
+                {
+                    title: '风速',
+                    dataIndex: 'windspeed',
+                    key: 'windspeed',
+                },
+                {
+                    title: '开关',
+                    // dataIndex: 'onoff',
+                    key: 'onoff',
+                    scopedSlots: { customRender: 'onoff' },
+                },
+                {
+                    title: '是否支持调控',
+                    dataIndex: 'control',
+                    key: 'control',
+                },
+                {
+                    title: '状态',
+                    dataIndex: 'status',
+                    key: 'status',
+                },
+                {
+                    title: '执行策略',
+                    dataIndex: 'tactics',
+                    key: 'tactics',
+                    width: 200,
+                },
+                {
+                    title: '操作',
+                    key: 'operation',
+                    fixed: 'right',
+                    width: 100,
+                    scopedSlots: { customRender: 'action' },
+                }
+            ],
+            tableData1: [
+                {
+                    key: '1',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: false,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '2',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '3',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '4',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '5',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '6',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '7',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '8',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '9',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '10',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '11',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+                {
+                    key: '12',
+                    name: "xxxx空调",
+                    model: "制冷",
+                    temperature: "26°C",
+                    windspeed: "自动挡",
+                    onoff: true,
+                    control: "是",
+                    status: '在线',
+                    tactics: "【夏季】空调定时打开"
+                },
+
+            ],
+            rowSelection1: {
+                onChange: (selectedRowKeys, selectedRows) => {
+                    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+                },
+                onSelect: (record, selected, selectedRows) => {
+                    console.log(record, selected, selectedRows);
+                },
+                onSelectAll: (selected, selectedRows, changeRows) => {
+                    console.log(selected, selectedRows, changeRows);
+                },
+            },
+
+            tableContainerHeight2: 100,
+            tableColumns2: [
+                // {
+                //     title: '序号',
+                //     dataIndex: 'index',
+                //     key: 'index',
+                //     align: "center",
+                //     width: 80,
+                //     customRender: (text, record, index) => `${index + 1}`
+                // },
+                {
+                    title: '名称',
+                    dataIndex: 'name',
+                    key: 'name',
+                },
+                {
+                    title: '创建时间',
+                    dataIndex: 'time',
+                    key: 'time',
+                },
+                {
+                    title: '创建人',
+                    dataIndex: 'interviewee',
+                    key: 'interviewee',
+                },
+                {
+                    title: '启用',
+                    key: 'operation',
+                    fixed: 'right',
+                    width: 100,
+                    scopedSlots: { customRender: 'openingUp' },
+                },
+                {
+                    title: '操作',
+                    key: 'action',
+                    fixed: 'right',
+                    width: 240,
+                    scopedSlots: { customRender: 'action' },
+                }
+            ],
+            tableData2: [
+                {
+                    key: '1',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                },
+                {
+                    key: '2',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                },
+                {
+                    key: '3',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                },
+                {
+                    key: '4',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                },
+                {
+                    key: '5',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                },
+                {
+                    key: '6',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                },
+                {
+                    key: '7',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                },
+                {
+                    key: '8',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                },
+                {
+                    key: '9',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                },
+                {
+                    key: '10',
+                    name: "xxxx空调",
+                    time: "2022-08-26 12:00:00",
+                    interviewee: "潘夏彤",
+                }
+            ],
+            rowSelection2: {
+                onChange: (selectedRowKeys, selectedRows) => {
+                    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+                },
+                onSelect: (record, selected, selectedRows) => {
+                    console.log(record, selected, selectedRows);
+                },
+                onSelectAll: (selected, selectedRows, changeRows) => {
+                    console.log(selected, selectedRows, changeRows);
+                },
+            },
+            listData: [
+                {
+                    title: '一层',
+                },
+                {
+                    title: '二层',
+                },
+                {
+                    title: '三层',
+                },
+                {
+                    title: '四层',
+                },
+                {
+                    title: '五层',
+                },
+                {
+                    title: '六层',
+                },
+                {
+                    title: '七层',
+                },
+                {
+                    title: '八层',
+                },
+                {
+                    title: '九层',
+                },
+                {
+                    title: '十层',
+                },
+                {
+                    title: '十一层',
+                },
+                {
+                    title: '十二层',
+                },
+                {
+                    title: '十三层',
+                },
+                {
+                    title: '十四层',
+                },
+                {
+                    title: '十五层',
+                },
+                {
+                    title: '十六层',
+                },
+                {
+                    title: '十七层',
+                },
+                {
+                    title: '十八层',
+                },
+                {
+                    title: '十九层',
+                },
+                {
+                    title: '二十层',
+                },
+                {
+                    title: '二十一层',
+                },
+            ]
+        };
+    },
+    mounted() {
+        let that = this;
+        this.tabChange(this.activeKey)
+        window.onresize = () => {
+            return (() => {
+                that.adjustTableHeight(that.activeKey);
+            })()
+        };
+    },
+    methods: {
+        tabChange(activeKey) {
+            let that = this;
+            setTimeout(() => {
+                that.adjustTableHeight(activeKey);
+            }, 100);
+        },
+
+        adjustTableHeight(activeKey) {
+            if (activeKey == 1) {
+                if (this.dataPresentationFormType == 2)
+                    this.tableContainerHeight1 = this.$refs.table_container1.parentElement.clientHeight - 53;
+            }
+            else if (activeKey == 2) {
+                this.tableContainerHeight2 = this.$refs.table_container2.parentElement.clientHeight - 103 - 60 - 53;
+            }
+        },
+
+
+        handleCancel1() { },
+        handleOk1() { },
+
+        handleCancel2() { },
+        handleOk2() { },
+
+        handleCancel3() { },
+        handleOk3() { },
+    }
+}
 </script>
 
 <style lang="less" scoped>
+.container {
+    width: 100%;
+    height: 100%;
+
+    .ant-tabs {
+        width: 100%;
+        height: 100%;
+
+        /deep/ .ant-tabs-content {
+            width: 100%;
+            height: calc(100% - 36px);
+        }
+
+        /deep/ .ant-tabs-bar {
+            border-bottom: 0px solid transparent;
+            margin-bottom: 5px;
+
+            .ant-tabs-tab {
+                font-size: 16px;
+                font-weight: bold;
+                font-family: SourceHanSansSC;
+                padding: 4px 4px;
+                margin: 0 32px 0 0;
+
+                &.ant-tabs-tab-active {
+                    color: #156de4;
+                }
+            }
+
+            .ant-tabs-ink-bar {
+                width: 72px !important;
+                background-color: #156de4;
+            }
+        }
+    }
+
+    .search_container {
+        border-radius: 4px;
+        background: #cecece29;
+        margin-bottom: 5px;
+
+        .ant-advanced-search-form {
+            padding: 8px;
+            background: #fbfbfb;
+            // border: 1px solid #d9d9d9;
+            // border-radius: 6px
+        }
+
+        .ant-advanced-search-form .ant-form-item {
+            display: flex;
+            margin-bottom: 0px;
+
+            /deep/ .ant-form-item-label {
+                min-width: 60px;
+            }
+        }
+
+        .ant-advanced-search-form .ant-form-item-control-wrapper {
+            flex: 1
+        }
+
+        .ant-select {
+            width: 180px;
+        }
+    }
+
+    .aircon_resutlt_container {
+        height: calc(100% - 103px);
+
+        .ant-layout-sider {
+            background-color: #f5f5f5;
+            padding: 4px 4px;
+
+            // .list_container {}
+
+            .ant-list-item-meta-title {
+                text-indent: 40px;
+            }
+        }
+
+        .ant-layout {
+            height: 100%;
+            background-color: transparent;
+
+            .ant-layout-content {
+                overflow: hidden;
+            }
+        }
+    }
+
+    .footer {
+        height: 60px;
+        line-height: 60px;
+        margin-right: 50px;
+        padding-top: 14px;
+
+        .ant-pagination {
+            float: right;
+        }
+    }
+
 
+}
 </style>

src/data/json/menuList.json

@@ -231,11 +231,6 @@
             "name": "停车管理",
             "router": "/scene/access/park",
             "icon": ""
-          },
-          {
-            "name": "行为感知",
-            "router": "/scene/access/behaviour",
-            "icon": ""
           }
         ]
       }