警力设备在线状态图标

guanqb

2022-11-11 303e95547440ec32229a7d3b0f645d4d66448eec

警力设备在线状态图标

 src/assets/data/dt.js

@@ -17,7 +17,7 @@
    carId: '赣E12354',
    dtType: '大众',
    person: "李会军",
    state: "在线",
    state: "离线",
}, {
    name: '2号电台',
    lng: 116.029917,
@@ -27,7 +27,7 @@
    carId: '赣E12354',
    dtType: '大众',
    person: "李会军",
    state: "在线",
    state: "离线",
}, {
    name: '3号电台',
    lng: 116.031044,
@@ -47,7 +47,7 @@
    carId: '赣E12354',
    dtType: '大众',
    person: "李会军",
    state: "在线",
    state: "离线",
}, {
    name: '5号电台',
    lng: 116.150081,
@@ -77,7 +77,7 @@
    carId: '赣E12354',
    dtType: '大众',
    person: "李会军",
    state: "在线",
    state: "离线",
}, {
    name: '8号电台',
    lng: 116.210143,
@@ -97,7 +97,7 @@
    carId: '赣E12354',
    dtType: '大众',
    person: "李会军",
    state: "在线",
    state: "离线",
}, {
    name: '10号电台',
    lng: 116.121559,
@@ -117,7 +117,7 @@
    carId: '赣E12354',
    dtType: '大众',
    person: "李会军",
    state: "在线",
    state: "离线",
}, {
    name: '12号电台',
    lng: 116.043007,
@@ -137,7 +137,7 @@
    carId: '赣E12354',
    dtType: '大众',
    person: "李会军",
    state: "在线",
    state: "离线",
}, {
    name: '14号电台',
    lng: 116.009437,
@@ -147,7 +147,7 @@
    carId: '赣E12354',
    dtType: '大众',
    person: "李会军",
    state: "在线",
    state: "离线",
}, {
    name: '15号电台',
    lng: 116.067097,

 src/views/police/index.vue

@@ -57,7 +57,11 @@
                        </el-table-column>
                        <el-table-column prop="name" label="名称" width="120"></el-table-column>
                        <el-table-column prop="carType" label="类型" width="60"></el-table-column>
                        <el-table-column prop="state" label="状态" width="80"></el-table-column>
                        <el-table-column prop="state" label="状态" width="80">
                            <template slot-scope="scope">
                                <div class="state-box" :class="{online:scope.row.state == '使用中'}"></div>
                            </template>
                        </el-table-column>

                        <el-table-column label="操作" align="center">
                            <template slot-scope="scope">
@@ -109,7 +113,11 @@
                        </el-table-column>
                        <el-table-column prop="name" label="名称" width="120"></el-table-column>
                        <el-table-column prop="phoneType" label="类型" width="80"></el-table-column>
                        <el-table-column prop="state" label="状态" width="70"></el-table-column>
                        <el-table-column prop="state" label="状态" width="70">
                            <template slot-scope="scope">
                                <div class="state-box" :class="{online:scope.row.state == '在线'}"></div>
                            </template>
                        </el-table-column>

                        <el-table-column label="操作" align="center">
                            <template slot-scope="scope">
@@ -161,7 +169,11 @@
                        </el-table-column>
                        <el-table-column prop="name" label="名称" width="120"></el-table-column>
                        <el-table-column prop="dtType" label="类型" width="60"></el-table-column>
                        <el-table-column prop="state" label="状态" width="80"></el-table-column>
                        <el-table-column prop="state" label="状态" width="80">
                            <template slot-scope="scope">
                                <div class="state-box" :class="{online:scope.row.state == '在线'}"></div>
                            </template>
                        </el-table-column>

                        <el-table-column label="操作" align="center">
                            <template slot-scope="scope">
@@ -213,7 +225,11 @@
                        </el-table-column>
                        <el-table-column prop="name" label="名称" width="120"></el-table-column>
                        <el-table-column prop="phoneType" label="类型" width="80"></el-table-column>
                        <el-table-column prop="state" label="状态" width="70"></el-table-column>
                        <el-table-column label="状态" width="70">
                            <template slot-scope="scope">
                                <div class="state-box" :class="{online:scope.row.state == '在线'}"></div>
                            </template>
                        </el-table-column>

                        <el-table-column label="操作" align="center">
                            <template slot-scope="scope">
@@ -836,6 +852,18 @@
                    align-items: center;
                    justify-content: center;
                }
                .state-box {
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    margin: 0 auto;
                    border-radius: 50%;
                    background-color: #adadad;
                }
                .online {
                    background-color: #4ccc7d;
                }
            }
        }