样式修改

shuishen

2023-01-05 8f5efe744e24eb586ff07932108c7ed7f39bf039

 src/views/home/components/bottomContainer.vue

@@ -25,14 +25,14 @@
                <ul class="title-header">
                    <li>
                        <span class="num">序号</span>
                        <span class="type">警情类别</span>
                        <span class="dealTime">接警时间</span>
                        <span class="state">警情状态</span>
                        <span class="dealPolice">经办民警</span>
                        <span class="callPeople">报警人</span>
                        <span class="comingPhone">报警电话</span>
                        <span class="callPhone">报警人联系人</span>
                        <span class="callContent">报警内容</span>
                        <span class="type">报警类别</span>
                        <span class="out-people">出动人员</span>
                        <span class="out-car">出动车辆</span>
                        <span class="receiving-alarm-time">接警时间</span>
                        <span class="arrive-time">到达现场时间</span>
                        <span class="dispose-time">处理完毕时间</span>
                        <span class="police-unit">处警单位</span>
                        <span class="out-police-bz">备注</span>
                    </li>
                </ul>
                <vue-seamless-scroll :data="historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr"
@@ -43,13 +43,13 @@
                            <!-- <span class="num" v-text="item.num"></span> -->
                            <span class="num" v-text="index + 1"></span>
                            <span class="type" v-text="item.type"></span>
                            <span class="dealTime" v-text="item.dealTime"></span>
                            <span class="state" v-text="item.state"></span>
                            <span class="dealPolice" v-text="item.dealPolice"></span>
                            <span class="callPeople" v-text="item.callPeople"></span>
                            <span class="comingPhone" v-text="item.comingPhone"></span>
                            <span class="callPhone" v-text="item.callPhone"></span>
                            <span class="callContent" v-text="item.callContent"></span>
                            <span class="out-people" v-text="item.dealTime"></span>
                            <span class="out-car" v-text="item.state"></span>
                            <span class="receiving-alarm-time" v-text="item.dealPolice"></span>
                            <span class="arrive-time" v-text="item.callPeople"></span>
                            <span class="dispose-time" v-text="item.comingPhone"></span>
                            <span class="police-unit" v-text="item.callPhone"></span>
                            <span class="out-police-bz" v-text="item.callContent"></span>
                        </li>
                    </ul>
                </vue-seamless-scroll>
@@ -407,38 +407,38 @@
                cursor: pointer;

                .num {
                    width: 8%;
                    width: 6%;
                }

                .type {
                    width: 10%;
                }

                .state {
                    width: 8%;
                .out-people {
                    width: 10%;
                }

                .comingPhone {
                    width: 14%;
                .out-car {
                    width: 10%;
                }

                .dealTime {
                    width: 14%;
                .receiving-alarm-time {
                    width: 12%;
                }

                .dealPolice {
                    width: 8%;
                .arrive-time {
                    width: 12%;
                }

                .callPeople {
                    width: 8%;
                .dispose-time {
                    width: 12%;
                }

                .callPhone {
                    width: 14%;
                .police-unit {
                    width: 12%;
                }

                .callContent {
                .out-police-bz {
                    flex: 1;
                }
            }