低版本浏览器兼容

babel.config.js

@@ -9,6 +9,5 @@ if (IS_PROD) {
 }
 
 module.exports = {
-  presets: [['@vue/cli-plugin-babel/preset', { useBuiltIns: 'usage', corejs: 3 }]],
-  plugins
+  presets: [['@babel/preset-env', {useBuiltIns: 'usage', corejs: 3}], '@vue/babel-preset-jsx'], plugins
 }

src/App.vue

@@ -8,7 +8,7 @@
 // import watercom from '@/components/waterCom.vue'
 
 export default {
-  
+
   name: 'App'
 }
 </script>
@@ -37,4 +37,8 @@ html,body,div,h1,h2,h3,h4,h5,p{
   padding: 0;
   margin: 0;
 }
+pre{
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
 </style>

src/utils/globalMixins.js

@@ -40,7 +40,7 @@ export default {
         return v.key === key
       })
       console.log(item, 'item')
-      return item?.value
+      return item.value
     },
     /** 获取字典值
      * key: String 查询具体值
@@ -48,15 +48,15 @@ export default {
      * 组件页面中需要设置：mapGetters(['dictionary']']),
      * */
     getDictLabel(key, dictType) {
-      let item = this.dictionary?.find(v => {
+      let item = this.dictionary.find(v => {
         return v.key === dictType
       })
-      let dictLabel = item?.value?.find(v => {
+      let dictLabel = item.value.find(v => {
         if (v.dictValue == key) {
-          return v?.dictLabel
+          return v.dictLabel
         }
       })
-      return dictLabel?.dictLabel
+      return dictLabel.dictLabel
     },
     //时间范围模板：2020-01-01~2020-01-02
     rangDate(start, end, a) {

src/views/menu/monitoringCall/components/consultInfo.vue

@@ -19,7 +19,7 @@
             <MonitoingList :list="item" :taskStatus="taskData.taskStatus"></MonitoingList>
           </div>
         </div>
-       
+
         <div v-else>
           <van-collapse-item :name="item.hostId" v-for="item in hostList" :key="item.hostId">
             <template #title>
@@ -97,11 +97,16 @@ export default {
         let { code, data, msg } = res
         if (code == 200) {
           this.taskData = data
-          Toast(`当前为调阅通道选择界面，仅需选择实际调阅通道，无需全选。`,{duration:5000});
-          //如果当前是调阅中则获取视频主机和通道
-          if (data && data.taskStatus < 2) {
-            this.getHostHandler(num)
-          }
+          // Toast(`当前为调阅通道选择界面，仅需选择实际调阅通道，无需全选。`,{duration:5000});
+          Dialog.alert({
+            message: '当前为调阅通道选择界面，仅需选择实际调阅通道，无需全选。',
+          }).then(() => {
+            //如果当前是调阅中则获取视频主机和通道
+            if (data && data.taskStatus < 2) {
+              this.getHostHandler(num)
+            }
+          });
+
         }
       })
     },
@@ -149,7 +154,7 @@ export default {
               // on cancel
             })
         }
-        
+
       } else {
         Dialog({ message: '调阅项目登记不能为全空!' })
         return
@@ -218,11 +223,11 @@ export default {
         taskId: this.$route.params.id.split('_')[0]
       }).then(res => {
         this.$router.go(-1)
-        
+
       })
     },
     addActiveNames() {
-      
+
     }
   }
 }