Ant Design-tags组件按需注册，paramBehind参数更改。

src/plugins/antd.js

@@ -20,6 +20,7 @@ import {
     Select,
     Popconfirm,
     Tooltip,
+    Tag,
     Drawer,
     Divider
 } from "ant-design-vue";
@@ -42,6 +43,7 @@ Vue.use(Col);
 Vue.use(Select);
 Vue.use(Popconfirm)
 Vue.use(Tooltip)
+Vue.use(Tag)
 Vue.use(Drawer)
 Vue.use(Divider)
 Vue.prototype.$message = message;

src/router/index.js

@@ -76,7 +76,6 @@ const routes = [{
         //         },
         //     ]
         // },
-
         {
             path: 'checkManage',
             name: 'checkManage',
@@ -94,7 +93,8 @@ const routes = [{
                 name: '巷道管理'
             },
             component: () => import('@/views/roadwayManage/index')
-        }, {
+        },
+        {
             path: 'cameraManage',
             name: 'cameraManage',
             meta: {
@@ -102,7 +102,8 @@ const routes = [{
                 name: '球机管理'
             },
             component: () => import('@/views/cameraManage/index')
-        },{
+        },
+        {
             path: 'center',
             name: 'center',
             meta: {

src/views/checkManage/index.vue

@@ -1,5 +1,37 @@
 <template>
-    <div>
+    <div class="check-page">
-        盘点管理
+        <div class="title-info">
+            <span class="explain">颜色说明：</span>
+            <span class="info-text">
+                <a-tag color="#d81e06" style="width:30px;height:20px"></a-tag>
+                盘点错误
+            </span>
+            <span class="info-text">
+                 <a-tag color="#1afa29" style="width:30px;height:20px"></a-tag>
+                盘点正确
+            </span>
+            <span class="info-text">
+                 <a-tag color="#bfbfbf" style="width:30px;height:20px"></a-tag>
+                未盘点
+            </span>
+        </div>
     </div>
 </template>
+<style lang="scss" scoped>
+    .check-page{
+        .title-info{
+            display: flex;
+            align-items: center;
+            justify-content: start;
+            .explain{
+                font-weight:600;
+            }
+            .info-text{
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                margin-right: 15px;
+            }
+        }
+    }
+</style>

src/views/realTimeMonitoring/index.vue

@@ -105,7 +105,7 @@ export default {
                                 data:{
                                     "sourceUrl":item.rtsp,
                                     "paramBefore": "-y -i",
-                                    "paramBehind": "-f mpegts -codec:v mpeg1video -an -s 480*270 -b:v 1000k -r 20 -bf 0 -codec:a mp2 -ar 44100 -ac 1 -b:a 128k"
+                                    "paramBehind": "-f mpegts -vcodec mpeg1video -an -s 480*270 -b:v 1000k -r 20 -bf 0 -codec:a mp2 -ar 44100 -ac 1 -b:a 128k"
                                 }
                             }).then(res => {
                                 console.log(res.data)

src/views/realTimeMonitoring/model.vue

@@ -146,7 +146,7 @@ export default {
                 data:{
                     "sourceUrl":data.rtsp,
                     "paramBefore": "-y -i",
-                    "paramBehind": "-f mpegts -codec:v mpeg1video -an -s 1707*960 -b:v 1000k -r 20 -bf 0 -codec:a mp2 -ar 44100 -ac 1 -b:a 128k"
+                    "paramBehind": "-f mpegts -vcodec mpeg1video -an -s 1707*960 -b:v 1000k -r 20 -bf 0 -codec:a mp2 -ar 44100 -ac 1 -b:a 128k"
                 }
             }).then(res => {
                 console.log(res.data)