'依赖更新0.0.1'

src/layout/index.vue

@@ -32,7 +32,7 @@
        <div style="display:inline-block;position:absolute;right:10px">
          <vab-avatar />
        </div>
-        <a-row>
+        <el-row>
           <!-- <a-col
             :xs="10"
             :sm="10"
@@ -68,7 +68,7 @@
             <!-- 菜单end-->
             <!-- <vab-avatar /> -->
           <!-- </a-col> -->
-        </a-row>
+        </el-row>
       </a-layout-header>
     </div>
     <!-- 顶部横向排版 end -->

src/main.js

@@ -21,9 +21,7 @@ import SvgIcon from '@/components/SvgIcon'
 
 import 'video.js/dist/video-js.css'
 
-/**
- * 引入vue.grid-layout
- */
+//引入vue.grid-layout
 import VueGridLayout from 'vue-grid-layout'
 
 var app = createApp(App)

src/views/siteManage/camera/index.vue

@@ -7,7 +7,12 @@
           <span class="" style="margin-right: 30px">
             【{{ labelCom }}】站点的所有摄像头设备
           </span>
-          <el-button icon="el-icon-plus" type="success" @click="addItem()" :disabled="store.state.authorities.indexOf('新增')==-1">
+          <el-button
+            icon="el-icon-plus"
+            type="success"
+            @click="addItem()"
+            :disabled="store.state.authorities.indexOf('新增') == -1"
+          >
             新增
           </el-button>
           <a
@@ -34,11 +39,23 @@
           }"
           :file-list="fileList"
           style="margin-right: 10px; display: inline-block"
-          :disabled="store.state.authorities.indexOf('导入')==-1"
+          :disabled="store.state.authorities.indexOf('导入') == -1"
         >
-          <el-button size="small" type="primary" :disabled="store.state.authorities.indexOf('导入')==-1">导入</el-button>
+          <el-button
+            size="small"
+            type="primary"
+            :disabled="store.state.authorities.indexOf('导入') == -1"
+          >
+            导入
+          </el-button>
         </el-upload>
-        <el-button type="primary" @click="DataReportExport()" :disabled="store.state.authorities.indexOf('导出')==-1">导出</el-button>
+        <el-button
+          type="primary"
+          @click="DataReportExport()"
+          :disabled="store.state.authorities.indexOf('导出') == -1"
+        >
+          导出
+        </el-button>
       </div>
     </div>
     <!-- 筛选end -->
@@ -121,7 +138,7 @@
             type="text"
             size="small"
             @click.prevent="editRow(scope.row)"
-            :disabled="store.state.authorities.indexOf('修改')==-1"
+            :disabled="store.state.authorities.indexOf('修改') == -1"
           >
             编辑
           </el-button>
@@ -135,7 +152,12 @@
             @cancel="cancelEvent"
           >
             <template #reference>
-              <el-button type="text" size="small" class="delete-text" :disabled="store.state.authorities.indexOf('删除')==-1">
+              <el-button
+                type="text"
+                size="small"
+                class="delete-text"
+                :disabled="store.state.authorities.indexOf('删除') == -1"
+              >
                 删除
               </el-button>
             </template>
@@ -193,433 +215,433 @@
 </template>
 
 <script>
-import { useStore } from 'vuex'
-import { defineComponent, ref, reactive, onMounted, watch } from 'vue'
-import DialogComponent from './dialogComponent'
-import checkVideo from './checkVideo'
-import * as api from '@/api/siteManage/camera.js'
-import { ElMessage } from 'element-plus'
-import axios from 'axios'
-
-export default defineComponent({
-  components: { DialogComponent, checkVideo },
-  props: {
-    siteId: Number,
-    activeName: String,
-  },
-  setup(props) {
-    const store = useStore()
-    store
-    const total = ref(0)
-    const pageSize = ref(15)
-    const currentPage = ref(1)
-    const goSiteListParam = ref('')
-    const platformAreaName = ref('')
-    const pageShow = ref(false)
-    const showDialog = ref(false)
-    const showDialog2 = ref(false)
-    const deviceData = ref([])
-
-    const tableItem = reactive([])
-    const dialogTitle = ref('')
-
-    const fileUrl = ref(process.env.VUE_APP_BASE_URL)
-    const fileList = ref([])
-    const accessToken = ref(store.state.user.accessToken)
-    const labelCom = ref(store.state.siteManageLabelCom)
-
-    const onLineVideoList = ref([])
-    const openId = ref('')
-    const reCount = ref(0)
-    const count = ref(0)
-    const loadingStatus = ref(false)
-    const timer = ref('')
-    const deviceCode = ref('')
-
-    // 表头样式设置
-    const headClass = () => {
-      return 'background:#FAFAFA;'
-    }
-    //分页操作
-    const handleSizeChange = (val) => {
-      pageSize.value = val
-      videoMonitoringDeviceList()
-    }
-    const handleCurrentChange = (val) => {
-      currentPage.value = val
-      videoMonitoringDeviceList()
-    }
-    //监控设备列表
-    function videoMonitoringDeviceList() {
-      api
-        .videoMonitoringDeviceList({
-          siteId: props.siteId,
-          size: pageSize.value,
-          current: currentPage.value,
-          // deviceType:2
-        })
-        .then((requset) => {
-          if (requset.status === 'SUCCESS') {
-            deviceData.value = requset.data.records
-            total.value = requset.data.total
-          } else {
-            ElMessage.error(requset.msg)
-          }
-        })
-    }
-
-    // 添加操作
-    const addItem = () => {
-      tableItem.value = {
-        deviceName: '',
-        deviceCode: '',
-        floor: '',
-        siteId: '',
-        deviceAddress: '',
-        deviceType: '',
-        sim: '',
+  import { useStore } from 'vuex'
+  import { defineComponent, ref, reactive, onMounted, watch } from 'vue'
+  import DialogComponent from './dialogComponent'
+  import checkVideo from './checkVideo'
+  import * as api from '@/api/siteManage/camera.js'
+  import { ElMessage } from 'element-plus'
+  import axios from 'axios'
+
+  export default defineComponent({
+    components: { DialogComponent, checkVideo },
+    props: {
+      siteId: Number,
+      activeName: String,
+    },
+    setup(props) {
+      const store = useStore()
+      store
+      const total = ref(0)
+      const pageSize = ref(15)
+      const currentPage = ref(1)
+      const goSiteListParam = ref('')
+      const platformAreaName = ref('')
+      const pageShow = ref(false)
+      const showDialog = ref(false)
+      const showDialog2 = ref(false)
+      const deviceData = ref([])
+
+      const tableItem = reactive([])
+      const dialogTitle = ref('')
+
+      const fileUrl = ref(process.env.VUE_APP_BASE_URL)
+      const fileList = ref([])
+      const accessToken = ref(store.state.user.accessToken)
+      const labelCom = ref(store.state.siteManageLabelCom)
+
+      const onLineVideoList = ref([])
+      const openId = ref('')
+      const reCount = ref(0)
+      const count = ref(0)
+      const loadingStatus = ref(false)
+      const timer = ref('')
+      const deviceCode = ref('')
+
+      // 表头样式设置
+      const headClass = () => {
+        return 'background:#FAFAFA;'
       }
-      dialogTitle.value = '新增'
-      showDialog.value = true
-    }
-
-    // 编辑操作
-    const editRow = (row) => {
-      tableItem.value = {
-        id: row.id,
-        deviceCode: row.deviceCode,
-        deviceName: row.deviceName,
-        floor: row.floor,
-        siteId: row.siteId,
-        deviceAddress: row.deviceAddress,
-        deviceType: Number(row.deviceType),
-        sim: row.sim,
+      //分页操作
+      const handleSizeChange = (val) => {
+        pageSize.value = val
+        videoMonitoringDeviceList()
       }
-      dialogTitle.value = '编辑'
-      showDialog.value = true
-    }
-
-    // 关闭操作
-    const closeDialog = () => {
-      showDialog.value = false
-
-      videoMonitoringDeviceList()
-      chk_video()
-    }
-    const closeDialog2 = () => {
-      showDialog2.value = false
-      count.value = 0
-    }
-
-    //删除 是否删除  ---- 是
-    const handleDelete = (row) => {
-      api.correspondDeviceDel({ id: row.id }).then((requset) => {
-        if (requset.status === 'SUCCESS') {
-          ElMessage.success({
-            message: '删除成功',
-            type: 'success',
+      const handleCurrentChange = (val) => {
+        currentPage.value = val
+        videoMonitoringDeviceList()
+      }
+      //监控设备列表
+      function videoMonitoringDeviceList() {
+        api
+          .videoMonitoringDeviceList({
+            siteId: props.siteId,
+            size: pageSize.value,
+            current: currentPage.value,
+            // deviceType:2
           })
-          videoMonitoringDeviceList()
-        } else {
-          ElMessage.error(requset.msg)
+          .then((requset) => {
+            if (requset.status === 'SUCCESS') {
+              deviceData.value = requset.data.records
+              total.value = requset.data.total
+            } else {
+              ElMessage.error(requset.msg)
+            }
+          })
+      }
+
+      // 添加操作
+      const addItem = () => {
+        tableItem.value = {
+          deviceName: '',
+          deviceCode: '',
+          floor: '',
+          siteId: '',
+          deviceAddress: '',
+          deviceType: '',
+          sim: '',
         }
-      })
-    }
-
-    //是否删除  ---- 否
-    const cancelEvent = () => {
-      console.log('cancel!')
-    }
-
-    //导入
-    const handleProgress = (file, fileList) => {
-      file
-      if (
-        !(
-          fileList.raw.type ===
-            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
-          fileList.raw.type === 'application/vnd.ms-excel'
-        )
-      ) {
-        ElMessage({
-          message: '上传文件只能是 xls 和 xlsx 格式!',
-          type: 'error',
-        })
-        return false
-      } else {
-        return true
+        dialogTitle.value = '新增'
+        showDialog.value = true
       }
-    }
-    const handleUpAvatar = (res, file) => {
-      console.log(res, file)
-      fileList.value = []
-      ElMessage.success({
-        message: '导入成功',
-        type: 'success',
-      })
-      videoMonitoringDeviceList()
-    }
-
-    const handleError = (res) => {
-      let myError = res.toString() //转字符串
-      myError = myError.replace('Error: ', '') //去掉前面的
-      myError = JSON.parse(myError) //转对象
-      ElMessage.error({
-        message: myError.msg,
-        type: 'error',
-      })
-    }
-    //导出
-    const DataReportExport = () => {
-      api
-        .deviceExport({
-          siteId: props.siteId,
-        })
-        .then((requset) => {
+
+      // 编辑操作
+      const editRow = (row) => {
+        tableItem.value = {
+          id: row.id,
+          deviceCode: row.deviceCode,
+          deviceName: row.deviceName,
+          floor: row.floor,
+          siteId: row.siteId,
+          deviceAddress: row.deviceAddress,
+          deviceType: Number(row.deviceType),
+          sim: row.sim,
+        }
+        dialogTitle.value = '编辑'
+        showDialog.value = true
+      }
+
+      // 关闭操作
+      const closeDialog = () => {
+        showDialog.value = false
+
+        videoMonitoringDeviceList()
+        chk_video()
+      }
+      const closeDialog2 = () => {
+        showDialog2.value = false
+        count.value = 0
+      }
+
+      //删除 是否删除  ---- 是
+      const handleDelete = (row) => {
+        api.correspondDeviceDel({ id: row.id }).then((requset) => {
           if (requset.status === 'SUCCESS') {
-            window.location.href = process.env.VUE_APP_IMAGES + requset.data
             ElMessage.success({
-              message: '导出成功',
+              message: '删除成功',
               type: 'success',
             })
+            videoMonitoringDeviceList()
           } else {
             ElMessage.error(requset.msg)
           }
         })
-    }
-
-    //请求视频cgi数据
-    const chk_video = () => {
-      axios
-        .post(
-          'https://fire.usky.cn:8443/YtIoT/cgi-bin/demo2.cgi',
-          'queryJson:' +
-            JSON.stringify({
-              CMD: 1,
-            }),
-          {
-            headers: {
-              'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
-            },
-          }
-        )
-        .then((response) => {
-    
-          onLineVideoList.value = response.data.RESULT.LIST
-
-          if (openId.value.length > 0) {
-            // start
-            for (var n = 0; n < onLineVideoList.value.length; n++) {
-              if (openId.value == onLineVideoList.value[n].DEVICE) {
-                // console.log('再次打开摄像头')
-                // console.log(openId.value)
-                // console.log(onLineVideoList.value[n].DEVICE)
-                // console.log(onLineVideoList.value[n].ONAIR)
-                reCount.value++
-                // console.log(reCount.value)
-                if (onLineVideoList.value[n].ONAIR) {
-                  if (++count.value > 2) {
-                    loadingStatus.value = false
-                    tableItem.value = {
-                      id: '',
-                      stationName: '',
-                      watchName: '',
-                      watchCode: '',
-                      siteList: [],
-                      done: '',
-                      guaZai: '',
-                      checked: true,
-                      resource: '',
+      }
+
+      //是否删除  ---- 否
+      const cancelEvent = () => {
+        console.log('cancel!')
+      }
+
+      //导入
+      const handleProgress = (file, fileList) => {
+        file
+        if (
+          !(
+            fileList.raw.type ===
+              'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||
+            fileList.raw.type === 'application/vnd.ms-excel'
+          )
+        ) {
+          ElMessage({
+            message: '上传文件只能是 xls 和 xlsx 格式!',
+            type: 'error',
+          })
+          return false
+        } else {
+          return true
+        }
+      }
+      const handleUpAvatar = (res, file) => {
+        console.log(res, file)
+        fileList.value = []
+        ElMessage.success({
+          message: '导入成功',
+          type: 'success',
+        })
+        videoMonitoringDeviceList()
+      }
+
+      const handleError = (res) => {
+        let myError = res.toString() //转字符串
+        myError = myError.replace('Error: ', '') //去掉前面的
+        myError = JSON.parse(myError) //转对象
+        ElMessage.error({
+          message: myError.msg,
+          type: 'error',
+        })
+      }
+      //导出
+      const DataReportExport = () => {
+        api
+          .deviceExport({
+            siteId: props.siteId,
+          })
+          .then((requset) => {
+            if (requset.status === 'SUCCESS') {
+              window.location.href = process.env.VUE_APP_IMAGES + requset.data
+              ElMessage.success({
+                message: '导出成功',
+                type: 'success',
+              })
+            } else {
+              ElMessage.error(requset.msg)
+            }
+          })
+      }
+
+      //请求视频cgi数据
+      const chk_video = () => {
+        axios
+          .post(
+            'https://fire.usky.cn:8443/YtIoT/cgi-bin/demo2.cgi',
+            'queryJson:' +
+              JSON.stringify({
+                CMD: 1,
+              }),
+            {
+              headers: {
+                'Content-Type':
+                  'application/x-www-form-urlencoded;charset=UTF-8',
+              },
+            }
+          )
+          .then((response) => {
+            onLineVideoList.value = response.data.RESULT.LIST
+
+            if (openId.value.length > 0) {
+              // start
+              for (var n = 0; n < onLineVideoList.value.length; n++) {
+                if (openId.value == onLineVideoList.value[n].DEVICE) {
+                  // console.log('再次打开摄像头')
+                  // console.log(openId.value)
+                  // console.log(onLineVideoList.value[n].DEVICE)
+                  // console.log(onLineVideoList.value[n].ONAIR)
+                  reCount.value++
+                  // console.log(reCount.value)
+                  if (onLineVideoList.value[n].ONAIR) {
+                    if (++count.value > 2) {
+                      loadingStatus.value = false
+                      tableItem.value = {
+                        id: '',
+                        stationName: '',
+                        watchName: '',
+                        watchCode: '',
+                        siteList: [],
+                        done: '',
+                        guaZai: '',
+                        checked: true,
+                        resource: '',
+                      }
+                      dialogTitle.value = '查看视频'
+                      showDialog2.value = true
+                    } else {
+                      store.state.siteCameraTimer = setTimeout(chk_video, 5000)
                     }
-                    dialogTitle.value = '查看视频'
-                    showDialog2.value = true
                   } else {
-                    store.state.siteCameraTimer = setTimeout(chk_video, 5000)
-                  }
-                } else {
-                  if (reCount.value > 7) {
-                    loadingStatus.value = false
-                    alert('远程摄像头链接超时，请稍后再试')
+                    if (reCount.value > 7) {
+                      loadingStatus.value = false
+                      alert('远程摄像头链接超时，请稍后再试')
 
-                    break
+                      break
+                    }
+                    store.state.siteCameraTimer = setTimeout(chk_video, 5000)
                   }
-                  store.state.siteCameraTimer = setTimeout(chk_video, 5000)
                 }
               }
-            }
-            // end
-          } else {
-            for (var i = 0; i < onLineVideoList.value.length; i++) {
-              for (var j = 0; j < deviceData.value.length; j++) {
-                if (
-                  onLineVideoList.value[i].DEVICE ==
-                  deviceData.value[j].deviceCode
-                ) {
-                  deviceData.value[j].ALIVEVALUE =
-                    onLineVideoList.value[i].ALIVEVALUE
+              // end
+            } else {
+              for (var i = 0; i < onLineVideoList.value.length; i++) {
+                for (var j = 0; j < deviceData.value.length; j++) {
+                  if (
+                    onLineVideoList.value[i].DEVICE ==
+                    deviceData.value[j].deviceCode
+                  ) {
+                    deviceData.value[j].ALIVEVALUE =
+                      onLineVideoList.value[i].ALIVEVALUE
+                  }
                 }
               }
+              // console.log('处理后的，deviceData.value')
+              // console.log(deviceData.value)
             }
-            // console.log('处理后的，deviceData.value')
-            // console.log(deviceData.value)
-          }
-        })
-        .catch((error) => {
-          console.log(error)
-        })
-    }
-
-    // 查看视频
-    const open_video = (item) => {
-      deviceCode.value = item.deviceCode
-      if (openId.value != item.deviceCode) {
-        openId.value = item.deviceCode
+          })
+          .catch((error) => {
+            console.log(error)
+          })
       }
-      for (var n = 0; n < onLineVideoList.value.length; n++) {
-        if (onLineVideoList.value[n].DEVICE == openId.value) {
-          // console.log('第一次打开时设备及其状态')
-          // console.log(onLineVideoList.value[n].DEVICE)
-          // console.log(openId.value)
-          // console.log(onLineVideoList.value[n].ONAIR)
-          if (onLineVideoList.value[n].ONAIR) {
-            tableItem.value = {
-              id: '',
-              stationName: '',
-              watchName: '',
-              watchCode: '',
-              siteList: [],
-              done: '',
-              guaZai: '',
-              checked: true,
-              resource: '',
+
+      // 查看视频
+      const open_video = (item) => {
+        deviceCode.value = item.deviceCode
+        if (openId.value != item.deviceCode) {
+          openId.value = item.deviceCode
+        }
+        for (var n = 0; n < onLineVideoList.value.length; n++) {
+          if (onLineVideoList.value[n].DEVICE == openId.value) {
+            // console.log('第一次打开时设备及其状态')
+            // console.log(onLineVideoList.value[n].DEVICE)
+            // console.log(openId.value)
+            // console.log(onLineVideoList.value[n].ONAIR)
+            if (onLineVideoList.value[n].ONAIR) {
+              tableItem.value = {
+                id: '',
+                stationName: '',
+                watchName: '',
+                watchCode: '',
+                siteList: [],
+                done: '',
+                guaZai: '',
+                checked: true,
+                resource: '',
+              }
+              dialogTitle.value = '查看视频'
+              showDialog2.value = true
+              return
             }
-            dialogTitle.value = '查看视频'
-            showDialog2.value = true
-            return
           }
         }
-      }
-      count.value = 0
-      reCount.value = 0
-      loadingStatus.value = true
-      axios
-        .post(
-          'https://fire.usky.cn:8443/YtIoT/cgi-bin/demo2.cgi',
-          'queryJson:' +
-            JSON.stringify({
-              CMD: 3,
-              BODY: {
-                DEVICE: item.deviceCode,
-                ACTION: 1,
-                IDX: 7,
+        count.value = 0
+        reCount.value = 0
+        loadingStatus.value = true
+        axios
+          .post(
+            'https://fire.usky.cn:8443/YtIoT/cgi-bin/demo2.cgi',
+            'queryJson:' +
+              JSON.stringify({
+                CMD: 3,
+                BODY: {
+                  DEVICE: item.deviceCode,
+                  ACTION: 1,
+                  IDX: 7,
+                },
+              }),
+            {
+              headers: {
+                'Content-Type':
+                  'application/x-www-form-urlencoded;charset=UTF-8',
               },
-            }),
-          {
-            headers: {
-              'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
-            },
-          }
-        )
-        .then((response) => {
-          response
-          store.state.siteCameraTimer = window.setTimeout(function () {
-            chk_video()
-          }, 5000)
-        })
+            }
+          )
+          .then((response) => {
+            response
+            store.state.siteCameraTimer = window.setTimeout(function () {
+              chk_video()
+            }, 5000)
+          })
 
-      // end
-    }
-
-    //监听变化
-    watch(
-      () => props.siteId,
-      (newVal) => {
-        newVal
-
-        labelCom.value = store.state.siteManageLabelCom
-        if (props.activeName == 'five') {
-          // window.clearTimeOut() //关闭定时器
-          reCount.value = 0
-          openId.value = ''
-          loadingStatus.value = false
-          videoMonitoringDeviceList()
-          chk_video()
-        }
+        // end
       }
-    )
-    watch(
-      () => props.activeName,
-      (newVal) => {
-        if (newVal == 'five') {
-          //  clearTimeOut(timer.value)
-          // window.clearTimeOut() //关闭定时器// alert('关闭定时器?')
-          reCount.value = 0
-          openId.value = ''
-          loadingStatus.value = false
-
-          videoMonitoringDeviceList()
-          chk_video()
+
+      //监听变化
+      watch(
+        () => props.siteId,
+        (newVal) => {
+          newVal
+
+          labelCom.value = store.state.siteManageLabelCom
+          if (props.activeName == 'five') {
+            // window.clearTimeOut() //关闭定时器
+            reCount.value = 0
+            openId.value = ''
+            loadingStatus.value = false
+            videoMonitoringDeviceList()
+            chk_video()
+          }
         }
+      )
+      watch(
+        () => props.activeName,
+        (newVal) => {
+          if (newVal == 'five') {
+            //  clearTimeOut(timer.value)
+            // window.clearTimeOut() //关闭定时器// alert('关闭定时器?')
+            reCount.value = 0
+            openId.value = ''
+            loadingStatus.value = false
+
+            videoMonitoringDeviceList()
+            chk_video()
+          }
+        }
+      )
+
+      onMounted(() => {})
+
+      return {
+        deviceData,
+        showDialog,
+        showDialog2,
+
+        platformAreaName,
+        pageShow,
+        dialogTitle,
+
+        props,
+        tableItem,
+        goSiteListParam,
+
+        total,
+        pageSize,
+        currentPage,
+        chk_video,
+
+        videoMonitoringDeviceList,
+        headClass,
+        addItem,
+
+        editRow,
+        closeDialog,
+        closeDialog2,
+        handleDelete,
+        cancelEvent,
+        handleSizeChange,
+        handleCurrentChange,
+
+        DataReportExport,
+
+        fileList,
+        fileUrl,
+        accessToken,
+        handleProgress,
+        handleUpAvatar,
+
+        labelCom,
+
+        openId,
+        onLineVideoList,
+        reCount,
+        count,
+        loadingStatus,
+        open_video,
+        timer,
+        deviceCode,
+        handleError,
+
+        store,
       }
-    )
-
-    onMounted(() => {})
-
-    return {
-      deviceData,
-      showDialog,
-      showDialog2,
-
-      platformAreaName,
-      pageShow,
-      dialogTitle,
-
-      props,
-      tableItem,
-      goSiteListParam,
-
-      total,
-      pageSize,
-      currentPage,
-      chk_video,
-
-      videoMonitoringDeviceList,
-      headClass,
-      addItem,
-
-      editRow,
-      closeDialog,
-      closeDialog2,
-      handleDelete,
-      cancelEvent,
-      handleSizeChange,
-      handleCurrentChange,
-
-      DataReportExport,
-
-      fileList,
-      fileUrl,
-      accessToken,
-      handleProgress,
-      handleUpAvatar,
-
-      labelCom,
-
-      openId,
-      onLineVideoList,
-      reCount,
-      count,
-      loadingStatus,
-      open_video,
-      timer,
-      deviceCode,
-      handleError,
-
-      store
-    }
-  },
-})
+    },
+  })
 </script>
 
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

vue.config.js

@@ -20,6 +20,7 @@ const {
 const { version, author } = require('./package.json')
 const Webpack = require('webpack')
 const WebpackBar = require('webpackbar')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 const FileManagerPlugin = require('filemanager-webpack-plugin')
 const dayjs = require('dayjs')
 const date = dayjs().format('YYYY_M_D')
@@ -41,8 +42,6 @@ const resolve = (dir) => {
 //     }
 // }
 
-const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
-
 module.exports = {
   publicPath,
   assetsDir,