5

guanqb

2022-09-22 09a69362532dc868941a5306afe6ea4dfd04dc64

5

 src/views/activity/index.vue

@@ -49,7 +49,12 @@
            </div>
            <div class="result-content">
                <div class="table-box">
                    <div class="row-box" v-for="(item, index) in 6" :key="index">
                    <div
                        class="row-box"
                        v-for="(item, index) in 6"
                        :key="index"
                        @click="goAbDetail"
                    >
                        <div class="row-title">常规安保</div>
                        <div class="row-content">
                            <div>
@@ -68,6 +73,51 @@
                            </div>
                        </div>
                    </div>
                    <el-dialog
                        title="安保活动详情"
                        :visible.sync="dialogVisible"
                        width="25%"
                        height="70%"
                        :before-close="handleClose"
                        custom-class="tan"
                        center="false"
                    >
                        <table border="1" class="tableClass">
                            <tr>
                                <th>活动名称：</th>
                                <td>xxx活动</td>
                            </tr>
                            <tr>
                                <th>活动时间：</th>
                                <td>2022-08-01 00:00:00 至 2022-09-01 00:00:00</td>
                            </tr>
                            <tr>
                                <th>活动内容：</th>
                                <td>(1)在接到停电通知的状况下，管理运作部应事先将停电线路、区域、时光、电梯使用 以及安全防范要求等状况通知每个住户和商户，并在主要出入口发布停电通告；同时， 工程物料部应做好停电前的应变工作。</td>
                            </tr>
                            <tr>
                                <th></th>
                                <td>(2)在没有接到任何通知、突然发生停电的状况下，工程物料部应立即确认是内部故障 停电还是外部停电。若系内部故障停电，应立即派人查找原因采取措施，防止故障扩 大；若系外部停电，一方面要防止突然来电引发事故，一方面致电电力局查询停电状 况，了解何时恢复供电，并将了解的状况通知管理运作部。</td>
                            </tr>
                            <tr>
                                <th></th>
                                <td>(3)保安部立即会同工程物料部派人分头前往各楼检查电梯运行状况，发现电梯关人立 即按照电梯困人应急预案施救。</td>
                            </tr>
                            <tr>
                                <th>撤退路线</th>
                                <td>
                                    <input type="text" />
                                </td>
                            </tr>
                            <tr>
                                <th>设置xx范围：</th>
                                <td>
                                    <input type="text" />
                                </td>
                            </tr>
                        </table>
                        <span slot="footer" class="dialog-footer"></span>
                    </el-dialog>
                </div>

                <el-pagination
@@ -253,7 +303,8 @@
            defaultProps: {
                children: 'children',
                label: 'label'
            }
            },
            dialogVisible: false,
        }
    },
    created () {
@@ -299,6 +350,11 @@
                material: '#f00',
                width: 2
            })
        },
        goAbDetail () {
            console.log(1)
            this.dialogVisible = true

        },

    },
@@ -379,6 +435,23 @@
                        }
                    }
                }
                .row-box:hover {
                    background-color: rgba(255, 255, 255, 0.5);
                    color: #000;
                }
                :deep(.el-dialog) {
                    margin-right: 0px;
                }
                .tableClass {
                    margin: 0 auto;
                    width: 400px;
                    // height: 400px;
                    border-collapse: collapse;
                }

                .tableClass td {
                    width: 300px;
                }
            }
        }
    }
@@ -389,7 +462,6 @@
        left: 405px;
        flex-direction: column;
        width: 240px;
        // height: 70%;
        color: #fff;
        background: rgba(7, 22, 37, 0.8);
        :deep(.el-tree-node__content) {
@@ -397,6 +469,7 @@
        }
        :deep(.el-tree-node) {
            background: #0f1e2d;
            background-color: #fff;
        }
    }
}

 src/views/house/index.vue

@@ -243,7 +243,6 @@
                    width="40%"
                    height="60%"
                    :before-close="handleClose"
                    custom-class="tan"
                >
                    <table border="1" class="tableClass">
                        <tr v-for="(value,key) in JWdetails" :key="key">
@@ -264,6 +263,7 @@
            :visible.sync="residentDetailsShow"
            :before-close="residentDetailsClose"
            :close-on-click-modal="true"
            height="70%"
            class="resident-details-box"
        >
            <div