rollup打包配置

.babelrc

+{
+  "presets": ["@babel/preset-env"],
+  "plugins": []
+}
\ No newline at end of file

package.json

@@ -13,8 +13,19 @@
   "author": "翁进城",
   "license": "ISC",
   "devDependencies": {
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-url": "^8.0.2",
+    "rollup": "^4.17.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-vue": "^5.1.9",
     "sass": "^1.62.1",
-    "sass-loader": "^13.2.2"
+    "sass-loader": "^13.2.2",
+    "vue-template-compiler": "^2.6.14"
   },
   "dependencies": {
     "@liveqing/liveplayer": "^2.7.10",
@@ -25,6 +36,7 @@
     "file-saver": "^2.0.5",
     "global": "^4.4.0",
     "interactjs": "^1.10.17",
+    "jquery": "^3.7.1",
     "jspack": "^0.0.4",
     "moment": "^2.30.1",
     "mqtt": "^4.3.6",

rollup.config.js

+const vuePlugin = require("rollup-plugin-vue");
+const { terser } = require("rollup-plugin-terser");
+const resolve = require("@rollup/plugin-node-resolve");
+const image = require("@rollup/plugin-image");
+const url = require("@rollup/plugin-url");
+const commonjs = require("@rollup/plugin-commonjs");
+const babel = require("@rollup/plugin-babel");
+
+module.exports = {
+  input: "./src/components/MMCFlightControlCenter/index.vue",
+  output: {
+    dir: "dist",
+    format: "es",
+  },
+  plugins: [
+    vuePlugin(),
+
+    resolve({
+      preferBuiltins: false,
+      extensions: [".js", ".vue"], // 添加你要解析的扩展名
+    }),
+    url({
+      include: ["**/*.png", "**/*.svg"], // 包括所有的 PNG 文件
+      limit: 0, // 将所有文件复制到输出目录中
+      emitFiles: true, // 发布文件到输出目录
+    }),
+    commonjs({
+      requireReturnsDefault: (id) => {
+        // console.log('id', id);
+        return true;
+      }, // <---- this solves default issue
+    }),
+    /* babel({
+      babelrc: true,
+      exclude: "node_modules/**",
+      babelHelpers: "bundled",
+    }), */
+    // image(),
+    terser(),
+  ],
+  external: (...args) => {
+    // console.log('args', args);
+    // node_modules下的库都不打包进去
+    if (args[0].includes("node_modules")) {
+      return true;
+    }
+  },
+};

src/components/MMCFlightControlCenter/components/mount/MMC_Gimbal_Z60R/js/index.js

@@ -806,7 +806,7 @@ function msg_TIF1B1D1_parse_F1(rdata) {
   return msg_F1_parse(F1buf);
 }
 
-export const MMC_Gimbal_ZT60R = {
+export const MMC_Gimbal_Z60R = {
   zoomTo(value) {
     const zoom = Number(value);
     const buff = [0xa5, 0x4f, 0x00];

src/components/MMCFlightControlCenter/components/mount/MMC_Gimbal_Z60R/js/index_1.js

@@ -272,7 +272,7 @@ var A1_SERVO_STATUS = {
   noaction: 0x0f,
   lookdown: 0x12,
   centeryaw: 0x16,
-  levelpitch: 0x17
+  levelpitch: 0x17,
 };
 // crc校验字节生成函数
 function cal_crc_table(array) {
@@ -289,14 +289,14 @@ var A1_PARAM_INT16 = {
   PARAM1: 0x0000,
   PARAM2: 0x0000,
   PARAM3: 0x0000,
-  PARAM4: 0x0000
+  PARAM4: 0x0000,
 };
 var A1_CMD_ANGLE = {
   server_status: A1_SERVO_STATUS.noaction,
   param1: A1_PARAM_INT16.PARAM1,
   param2: A1_PARAM_INT16.PARAM2,
   param3: A1_PARAM_INT16.PARAM3,
-  param4: A1_PARAM_INT16.PARAM4
+  param4: A1_PARAM_INT16.PARAM4,
 };
 var viewlink_cmdLEN = {
   // cmd_DATA_len + 3(len+cmdid+cs)
@@ -329,7 +329,7 @@ var viewlink_cmdLEN = {
   T2_DATA: 18,
   F2_DATA: 15,
   B2_DATA: 11,
-  D2_DATA: 5
+  D2_DATA: 5,
 };
 var viewlinkheadlen = 3;
 var viewlinkFrameLen = {
@@ -350,7 +350,7 @@ var viewlinkFrameLen = {
   V: viewlink_cmdLEN.V + viewlinkheadlen,
   M_AHRS: viewlink_cmdLEN.M_AHRS + viewlinkheadlen,
   HEART_BEAT: viewlink_cmdLEN.HEART_BEAT + viewlinkheadlen,
-  SHAKE_HAND: viewlink_cmdLEN.SHAKE_HAND + viewlinkheadlen
+  SHAKE_HAND: viewlink_cmdLEN.SHAKE_HAND + viewlinkheadlen,
 };
 
 var mmcAddLen = 2; // (len+cs)
@@ -372,7 +372,7 @@ var mmcCmdLen = {
   V: viewlinkFrameLen.V + mmcAddLen,
   M_AHRS: viewlinkFrameLen.M_AHRS + mmcAddLen,
   HEART_BEAT: viewlinkFrameLen.HEART_BEAT + mmcAddLen,
-  SHAKE_HAND: viewlinkFrameLen.SHAKE_HAND + mmcAddLen
+  SHAKE_HAND: viewlinkFrameLen.SHAKE_HAND + mmcAddLen,
 };
 var mmcHeadLen = 2;
 var mmcFrameLen = {
@@ -393,7 +393,7 @@ var mmcFrameLen = {
   V: mmcCmdLen.V + mmcHeadLen,
   M_AHRS: mmcCmdLen.M_AHRS + mmcHeadLen,
   HEART_BEAT: mmcCmdLen.HEART_BEAT + mmcHeadLen,
-  SHAKE_HAND: mmcCmdLen.SHAKE_HAND + mmcHeadLen
+  SHAKE_HAND: mmcCmdLen.SHAKE_HAND + mmcHeadLen,
 };
 var viewlinkheadlen = 3;
 var viewlinkFrameLen = {
@@ -414,7 +414,7 @@ var viewlinkFrameLen = {
   V: viewlink_cmdLEN.V + viewlinkheadlen,
   M_AHRS: viewlink_cmdLEN.M_AHRS + viewlinkheadlen,
   HEART_BEAT: viewlink_cmdLEN.HEART_BEAT + viewlinkheadlen,
-  SHAKE_HAND: viewlink_cmdLEN.SHAKE_HAND + viewlinkheadlen
+  SHAKE_HAND: viewlink_cmdLEN.SHAKE_HAND + viewlinkheadlen,
 };
 var viewlink_cmdID = {
   A1C1E1: 0x30,
@@ -436,7 +436,7 @@ var viewlink_cmdID = {
   SHAKE_HAND: 0x00,
   T1F1B1D1: 0x40,
   T2F2B2D2: 0x41,
-  FW: 0xff
+  FW: 0xff,
 };
 
 var mmc_cs_pos = {
@@ -457,7 +457,7 @@ var mmc_cs_pos = {
   V: mmcFrameLen.V - 1,
   M_AHRS: mmcFrameLen.M_AHRS - 1,
   HEART_BEAT: mmcFrameLen.HEART_BEAT - 1,
-  SHAKE_HAND: mmcFrameLen.SHAKE_HAND - 1
+  SHAKE_HAND: mmcFrameLen.SHAKE_HAND - 1,
 };
 
 var viewlink_cs_pos = {
@@ -478,7 +478,7 @@ var viewlink_cs_pos = {
   V: viewlinkFrameLen.V - 1,
   M_AHRS: viewlinkFrameLen.M_AHRS - 1,
   HEART_BEAT: viewlinkFrameLen.HEART_BEAT - 1,
-  SHAKE_HAND: viewlinkFrameLen.SHAKE_HAND - 1
+  SHAKE_HAND: viewlinkFrameLen.SHAKE_HAND - 1,
 };
 
 function A1_to_array(A1_CMD) {
@@ -560,7 +560,7 @@ export const MMC_Gimbal_Z60S = {
       param1: 0,
       param2: 0,
       param3: 0,
-      param4: 0
+      param4: 0,
     };
     var buff = new Array(0xa5, 0x4f, 0x00);
     buff[2] = 17;
@@ -598,8 +598,8 @@ export const MMC_Gimbal_Z60S = {
     buff_arr.forEach(function (item) {
       buff.push(item);
     });
-    console.log(buff_arr, 'buff_arr');
+    console.log(buff_arr, "buff_arr");
     buff[mmc_cs_pos.A1] = cal_crc_table(buff);
     return package_send(buff, mmcFrameLen.A1);
-  }
+  },
 };

src/components/MMCFlightControlCenter/components/mount/PagerP1_New/components/angleControl.vue

@@ -3,9 +3,9 @@
     <div class="angleControlBg w99 h99 dib">
       <div class="dib wih100 ht100 pr">
         <div class="angleControlLB tc w40 ml50 mt40 h30" />
-        <img class="pa top0 left21" src="./assets/LBT2.png" alt />
+        <img class="pa top0 left21" src="./assets/lbt2.png" alt />
         <div class="light pa left30 top20" :style="`transform: rotate(${90 - rotate}deg);`">
-          <img src="./assets/LB2.png" alt />
+          <img src="./assets/lb2.png" alt />
         </div>
         <div class="iconfont icon-zuo1 pa top40 left15 c08c" />
         <div class="rolate iconfont icon-zuo1 pa top40 right15 c08c" />

src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlBottom/index.vue

@@ -26,7 +26,7 @@
         <span class="dib f12">摇杆</span>
       </div>
       <div v-else-if="controlType === 2" class="control-bottom-item" @click="onModeAuto">
-        <img src="../../assets/images/键盘.png" alt />
+        <img src="../../assets/images/keyboard.png" alt />
         <span class="dib f12">键盘</span>
       </div>
     </template>
@@ -142,7 +142,7 @@
               @mousedown="clickControl({key:'ArrowUp'})"
               @mouseup="cancelControl"
             >
-              <img src="../../assets/images/向上.png" alt />
+              <img src="../../assets/images/up.png" alt />
             </div>
           </div>
           <div>
@@ -152,7 +152,7 @@
               @mousedown="clickControl({key:'ArrowLeft'})"
               @mouseup="cancelControl"
             >
-              <img src="../../assets/images/向左.png" alt />
+              <img src="../../assets/images/left.png" alt />
             </div>
             <div
               :class="{active: keycode == 'ArrowDown'}"
@@ -160,7 +160,7 @@
               @mousedown="clickControl({key:'ArrowDown'})"
               @mouseup="cancelControl"
             >
-              <img src="../../assets/images/向下.png" alt />
+              <img src="../../assets/images/down.png" alt />
             </div>
             <div
               :class="{active: keycode == 'ArrowRight'}"
@@ -168,7 +168,7 @@
               @mousedown="clickControl({key:'ArrowRight'})"
               @mouseup="cancelControl"
             >
-              <img src="../../assets/images/向右.png" alt />
+              <img src="../../assets/images/right.png" alt />
             </div>
           </div>
         </div>

src/components/MMCFlightControlCenter/components/uavApplications/components/controlPanel/components/controlRight/components/PagerP1/utils/mavlink20.js

@@ -45,4 +45,4 @@ class Mavlink20 {
 
 }
 
-module.exports = Mavlink20
\ No newline at end of file
+export default Mavlink20;
\ No newline at end of file

src/components/MMCFlightControlCenter/components/uavApplications/components/player/components/carai/index.vue

@@ -117,7 +117,6 @@
 </template>
 
 <script>
-import API from "../../../../../../api";
 import data from "./data";
 import { Viewer, Utils } from "../../../../../../lib/cesium";
 export default {
@@ -144,7 +143,7 @@ export default {
     getAddress() {
       this.list.forEach(async (val) => {
         if (val.lon) {
-          let address = await API.MAP.AiRegeo({
+          /* let address = await API.MAP.AiRegeo({
             location: `${val.lon},${val.lat}`,
           });
           val.findAddress =
@@ -152,7 +151,7 @@ export default {
             address.city.value +
             address.dist.value +
             address.road.roadname +
-            address.poi;
+            address.poi; */
         }
       });
       // this.handleDetail(this.list[0])
@@ -210,10 +209,8 @@ export default {
       let data = {
         uavId: this.uavId,
       };
-      let res = await API.HOME.getflightvideoMsg(data);
-      // console.log("get_face_list", res);
-      this.list = res || [];
-      // console.log("车牌this.list", this.list);
+     /*  let res = await API.HOME.getflightvideoMsg(data);
+      this.list = res || []; */
     },
 
     add_zysb(res) {

src/components/MMCFlightControlCenter/components/uavApplications/components/player/components/faceai/index.vue

@@ -72,7 +72,6 @@
 </template>
 
 <script>
-import API from "../../../../../../api";
 import data from "./data";
 export default {
   props: ["uavId"],
@@ -88,7 +87,7 @@ export default {
         this.$message.error("请选择无人机");
         return;
       }
-      let data = {
+      /* let data = {
         aiFacePid: this.uavId,
       };
       let res = await API.AIUSE.getFaceuavvideoMsg(data);
@@ -111,7 +110,7 @@ export default {
             address.poi;
         }
       }
-      this.list = res || [];
+      this.list = res || []; */
     },
   },
   mounted() {

src/components/MMCFlightControlCenter/components/uavApplications/components/player/components/srs/index.vue

@@ -5,13 +5,14 @@
 </template>
 
 <script>
-import $ from "./jquery-1.10.2.min";
+import jquery from "jquery";
 import {
   SrsRtcPublisherAsync,
   SrsRtcPlayerAsync,
   SrsRtcFormatSenders,
 } from "./srs.sdk";
 
+const $ = jquery;
 window.$ = $;
 
 export default {

src/components/MMCFlightControlCenter/components/uavApplications/components/player/components/videoModelChange/index.vue

@@ -17,7 +17,7 @@
   </div>
 </template>
 <script>
-import API from "../../../../../../api";
+// import API from "../../../../../../api";
 export default {
   data() {
     return {
@@ -80,13 +80,13 @@ export default {
   methods: {
     async checkUseOperateFn(device) {
       // 查看是否有控制权限
-      let res = await API.FCKERNEL.checkUseOperate({ deviceHardId: device });
+      /* let res = await API.FCKERNEL.checkUseOperate({ deviceHardId: device });
       if (res.code == 201) {
         this.$message.warning(res.msg);
         return false;
       } else {
         return true;
-      }
+      } */
     },
     getImg(key) {
       let arr = this.imgList.filter(item => item.id == key);

src/components/MMCFlightControlCenter/components/uavApplications/components/player/index.vue

@@ -346,7 +346,7 @@
             </el-tooltip>
             <el-tooltip content="AI识别" placement="bottom">
               <div class="menu-item">
-                <img src="./assets/images/car.png" @click="aiVisible = !aiVisible" />
+                <img src="./assets/images/car1.png" @click="aiVisible = !aiVisible" />
                 <div class="ai-list" v-if="aiVisible">
                   <el-tooltip
                     v-for="(item,index) in aiIdentifyList"
@@ -421,7 +421,6 @@ import { newDate } from "../../../../utils/formatDate";
 import Obstacle from "./components/obstacle";
 import PointList from "./components/pointList";
 import videoModelChange from "./components/videoModelChange";
-import methods from "./methods";
 import fkutils from "./methods/utils";
 
 export default {

src/components/MMCFlightControlCenter/components/uavApplications/components/player/methods/index.js

 import axios from 'axios';
-import API from "../../../../../api";
+// import API from "../../../../../api";
 
 export default {
   interfaceAI(url) {

src/components/MMCFlightControlCenter/components/uavApplications/components/player/methods/utils.js

-import API from "../../../../../api";
+// import API from "../../../../../api";
 import axios from 'axios';
 import { Utils } from "../../../../../lib/cesium";
 import { zoomTo } from "./zoomTo";

src/components/MMCFlightControlCenter/components/uavApplications/components/uavList/index.vue

@@ -50,7 +50,7 @@
 <script>
 import { Control_API } from "../../../../api";
 import List from "./components/list";
-import data from "./data.json";
+// import data from "./data.json";
 
 export default {
   components: {

src/components/MMCFlightControlCenter/index.vue

@@ -173,6 +173,11 @@ export default {
 
 <style lang="scss">
 .mmc-filght-control-center {
+  overflow: hidden;
+  position: relative;
+  height: 100%;
+  width: 100%;
+
   .el-input__inner {
     background-color: #02173d;
     color: #00aacb;