社区修改

guanqb

2023-05-09 75890183f35aef211d4778a008fb474079d242d5

社区修改

 src/styles/media/index.scss

@@ -766,7 +766,7 @@

                                            .floor-detail {
                                                margin-top: countSizeVh(14);
                                                height: countSizeVh(220);
                                                height: countSizeVh(240);

                                                &>div {
                                                    margin: countSizeVh(8);
@@ -823,6 +823,10 @@
                                                    }
                                                }
                                            }

                                            .resident-box {
                                                height: countSizeVh(294);
                                            }
                                        }

                                    }

 src/views/home/components/rightContainer.vue

@@ -7,33 +7,18 @@
                </div>

                <div class="table-box" v-show="!showMJL">
                    <el-table
                        size="small"
                        :height="tableHeight"
                        :data="schedulingList"
                        style="width: 100%;"
                    <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%;"
                        :header-cell-style="{ 'text-align': 'center' }"
                        :cell-style="{ 'text-align': 'center', borderColor: '#324e75' }"
                        :row-class-name="tableRowClassName"
                        :empty-text="schedulingNoDataText"
                        v-loading="schedulingLoading"
                        element-loading-text="拼命加载中"
                        element-loading-spinner="el-icon-loading"
                        element-loading-background="rgba(0, 0, 0, 0.5)"
                    >
                        :cell-style="{ 'text-align': 'center', borderColor: '#324e75' }" :row-class-name="tableRowClassName"
                        :empty-text="schedulingNoDataText" v-loading="schedulingLoading" element-loading-text="拼命加载中"
                        element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)">
                        <el-table-column prop="dept" label="值班单位"></el-table-column>
                        <el-table-column prop="person" label="姓名"></el-table-column>
                        <el-table-column prop="contact" label="联系方式"></el-table-column>
                    </el-table>
                    <div class="pointList" v-if="schedulingList == []">
                        <el-tooltip
                            class="item"
                            effect="dark"
                            :content="item.dept"
                            placement="top"
                            v-for="(item, index) in schedulingDeptList"
                            :key="index"
                        >
                        <el-tooltip class="item" effect="dark" :content="item.dept" placement="top"
                            v-for="(item, index) in schedulingDeptList" :key="index">
                            <div class="point" @click="getSchedlingList(item)"></div>
                        </el-tooltip>
                    </div>
@@ -60,19 +45,10 @@
            </div>

            <svg class="border-svg">
                <use
                    stroke-width="2"
                    xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                    mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)"
                    stroke="#4fd2dd"
                >
                    <animate
                        attributeName="stroke-dasharray"
                        from="0, 1442"
                        to="1442, 0"
                        dur="8s"
                        repeatCount="indefinite"
                    />
                <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                    mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd">
                    <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s"
                        repeatCount="indefinite" />
                </use>
            </svg>
        </div>
@@ -82,39 +58,18 @@
                <div class="title">
                    警情统计
                    <div class="timer">
                        <el-date-picker
                            :clearable="false"
                            v-model="eventTime"
                            type="daterange"
                            align="right"
                            unlink-panels
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                            @change="caseTimeChange"
                            :picker-options="pickerOptions"
                        ></el-date-picker>
                        <el-date-picker :clearable="false" v-model="eventTime" type="daterange" align="right" unlink-panels
                            range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @change="caseTimeChange"
                            :picker-options="pickerOptions"></el-date-picker>
                    </div>
                </div>
                <el-main
                    v-loading="eventChangeEchartsLoading"
                    element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading"
                    element-loading-background="rgba(0, 0, 0, 0.5)"
                >
                <el-main v-loading="eventChangeEchartsLoading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)">
                    <div class="sub-tab">
                        <div
                            class="tab"
                            :class="{ 'select-on-tab': caseInfoType == 0 }"
                            @click="initEventChangeEcharts(0)"
                        >
                        <div class="tab" :class="{ 'select-on-tab': caseInfoType == 0 }" @click="initEventChangeEcharts(0)">
                            <div class="tab-title-small">警情变化趋势</div>
                        </div>
                        <div
                            class="tab"
                            :class="{ 'select-on-tab': caseInfoType == 1 }"
                            @click="initEventChangeEcharts(1)"
                        >
                        <div class="tab" :class="{ 'select-on-tab': caseInfoType == 1 }" @click="initEventChangeEcharts(1)">
                            <div class="tab-title-small">警情排行</div>
                        </div>
                    </div>
@@ -123,19 +78,10 @@
            </div>

            <svg class="border-svg">
                <use
                    stroke-width="2"
                    xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                    mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)"
                    stroke="#4fd2dd"
                >
                    <animate
                        attributeName="stroke-dasharray"
                        from="0, 1442"
                        to="1442, 0"
                        dur="8s"
                        repeatCount="indefinite"
                    />
                <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                    mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd">
                    <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s"
                        repeatCount="indefinite" />
                </use>
            </svg>
        </div>
@@ -171,25 +117,13 @@
        <div class="crowd-box" ref="crowdBox">
            <div class="box">
                <div class="title">现有设备</div>
                <el-main
                    v-loading="equipmentEchartsLoading"
                    element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading"
                    element-loading-background="rgba(0, 0, 0, 0.5)"
                >
                <el-main v-loading="equipmentEchartsLoading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.5)">
                    <div class="sub-tab">
                        <div
                            class="tab"
                            :class="{ 'select-on-tab': linetype == 0 }"
                            @click="initEquipmentEcharts(0)"
                        >
                        <div class="tab" :class="{ 'select-on-tab': linetype == 0 }" @click="initEquipmentEcharts(0)">
                            <div class="tab-title-small">设备种类</div>
                        </div>
                        <div
                            class="tab"
                            :class="{ 'select-on-tab': linetype == 1 }"
                            @click="initEquipmentEcharts(1)"
                        >
                        <div class="tab" :class="{ 'select-on-tab': linetype == 1 }" @click="initEquipmentEcharts(1)">
                            <div class="tab-title-small">设备状态</div>
                        </div>
                    </div>
@@ -198,19 +132,10 @@
            </div>

            <svg class="border-svg">
                <use
                    stroke-width="2"
                    xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                    mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)"
                    stroke="#4fd2dd"
                >
                    <animate
                        attributeName="stroke-dasharray"
                        from="0, 1442"
                        to="1442, 0"
                        dur="8s"
                        repeatCount="indefinite"
                    />
                <use stroke-width="2" xlink:href="#border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                    mask="url(#border-box-8-mask-974b4d7cfafa444396861ca1d1173c8c)" stroke="#4fd2dd">
                    <animate attributeName="stroke-dasharray" from="0, 1442" to="1442, 0" dur="8s"
                        repeatCount="indefinite" />
                </use>
            </svg>
        </div>
@@ -1389,7 +1314,7 @@
                align-items: center;
                justify-content: center;

                & > div {
                &>div {
                    height: 22px;
                    line-height: 22px;
                    white-space: nowrap;
@@ -1455,29 +1380,29 @@
        .duty-information-box {
            height: 100%;

            & > div:first-child {
            &>div:first-child {
                background: $table-body-tr-n-color;
            }

            & > div:last-child {
            &>div:last-child {
                background: $table-body-tr-2n-color;
            }

            & > div {
            &>div {
                display: flex;
                height: 50%;

                & > div {
                &>div {
                    display: flex;
                    align-items: center;
                }

                & > div:first-child {
                &>div:first-child {
                    width: 28%;
                    justify-content: center;
                }

                & > div:last-child {
                &>div:last-child {
                    width: 72%;
                    text-align: left;
                }

 src/views/house/index.vue

@@ -172,7 +172,7 @@
                            </div>
                            <el-main v-loading="pictLoading" element-loading-background="rgba(0, 0, 0, 0.5)"
                                element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading"
                                style="overflow:hidden;padding:0px;height: 240px;">
                                class="resident-box">
                                <div class="floor-outBox">
                                    <div @click="lastFloorBtn" class="floorBtn" v-show="lastFloorShow">
                                        <i class="el-icon-caret-left"></i>
@@ -412,7 +412,7 @@
                        </span>
                    </template>
                </el-table-column>
                <el-table-column prop="censusAddress" label="户籍地址">
                <el-table-column :show-overflow-tooltip="true" prop="censusAddress" label="户籍地址">
                    <template slot-scope="scope">
                        <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                            {{
@@ -2735,7 +2735,8 @@

                        .floor-detail {
                            margin-top: 14px;
                            height: 220px;
                            height: 240px;
                            overflow-x: scroll;

                            &>div {
                                margin: 8px;
@@ -2745,6 +2746,7 @@

                                .title {
                                    width: 50px;
                                    flex-shrink:0;
                                }

                                .detail {
@@ -2808,6 +2810,12 @@
                                }
                            }
                        }

                        .resident-box {
                            overflow: hidden;
                            padding: 0px;
                            height: 294px;
                        }
                    }
                }