@yimou6/common-ui 1.13.25 → 1.13.27

package/lib/components/geoMark/src/geoMark.vue2.js

@@ -16,19 +16,19 @@ var VectorLayer = require('ol/layer/Vector.js');
 var style = require('ol/style');
 var CircleStyle = require('ol/style/Circle.js');
 var Style = require('ol/style/Style');
+var _default = require('./assets/default.png.js');
+var waring = require('./assets/waring.png.js');
 var __$3 = require('./assets/保存.png.js');
 var __ = require('./assets/删除.png.js');
+var ___$1 = require('./assets/新弹框.png.js');
+var ___ = require('./assets/灭火器.png.js');
 var __$1 = require('./assets/编辑.png.js');
 var __$2 = require('./assets/颜色.png.js');
-var _default = require('./default.png.js');
 require('./DragIcon.vue.js');
-require('./floorRight/floor.vue.js');
+require('./floor.vue.js');
 var geoMark = require('./geoMark.js');
 require('./openMap.vue.js');
-var waring = require('./waring.png.js');
-var ___$1 = require('./新弹框.png.js');
-var ___ = require('./灭火器.png.js');
-var floor_vue_vue_type_script_setup_true_lang = require('./floorRight/floor.vue2.js');
+var floor_vue_vue_type_script_setup_true_lang = require('./floor.vue2.js');
 var DragIcon_vue_vue_type_script_setup_true_lang = require('./DragIcon.vue2.js');
 var openMap_vue_vue_type_script_setup_true_lang = require('./openMap.vue2.js');
 
@@ -38,9 +38,12 @@ const _hoisted_1 = {
   id: "ypc-map-container",
   class: "relative w-full h-full overflow-hidden t-geo-mark"
 };
-const _hoisted_2 = { class: "flex items-center justify-between w-full h-full -mt-2" };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { class: "flex items-center justify-between w-full h-full -mt-2" };
+const _hoisted_2 = { class: "flex items-center justify-between h-full" };
+const _hoisted_3 = {
+  key: 0,
+  class: "t-top-bar__value"
+};
+const _hoisted_4 = { class: "t-bottom-bar__inner" };
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = ["onClick"];
 const _hoisted_7 = ["onClick"];
@@ -48,61 +51,62 @@ const _hoisted_8 = ["onClick"];
 const _hoisted_9 = { class: "grid grid-cols-3 gap-2 p-1" };
 const _hoisted_10 = ["onClick"];
 const _hoisted_11 = { class: "text-xs mt-1" };
-const _hoisted_12 = { class: "flex px-3.5 justify-between flex-shrink-0 w-full h-10 py-1 select-none -mt-5 p-2" };
-const _hoisted_13 = { class: "flex justify-between w-30" };
-const _hoisted_14 = {
+const _hoisted_12 = { class: "t-info-panel__header" };
+const _hoisted_13 = { class: "t-info-panel__tabs" };
+const _hoisted_14 = { class: "t-info-panel__filters" };
+const _hoisted_15 = {
   key: 0,
   class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
 };
-const _hoisted_15 = { class: "col-span-4" };
-const _hoisted_16 = {
+const _hoisted_16 = { class: "col-span-4" };
+const _hoisted_17 = {
   key: 1,
   class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
 };
-const _hoisted_17 = {
+const _hoisted_18 = {
   key: 2,
   style: { "height": "calc(100% - 100px)" },
   class: "w-full mt-4 pb-5 overflow-x-hidden overflow-y-auto panel"
 };
-const _hoisted_18 = ["title"];
-const _hoisted_19 = { class: "col-span-1 cursor-pointer" };
-const _hoisted_20 = { class: "col-span-4 break-words" };
-const _hoisted_21 = ["title"];
+const _hoisted_19 = ["title"];
+const _hoisted_20 = { class: "col-span-1 cursor-pointer" };
+const _hoisted_21 = { class: "col-span-4 break-words" };
 const _hoisted_22 = ["title"];
-const _hoisted_23 = {
+const _hoisted_23 = ["title"];
+const _hoisted_24 = {
   key: 3,
   style: { "height": "calc(100% - 100px)" },
   class: "w-full mt-4 overflow-x-hidden overflow-y-auto panel"
 };
-const _hoisted_24 = { class: "col-span-1" };
 const _hoisted_25 = { class: "col-span-1" };
-const _hoisted_26 = {
+const _hoisted_26 = { class: "col-span-1" };
+const _hoisted_27 = {
   key: 0,
   class: "!w-8 h-full t-image-point"
 };
-const _hoisted_27 = { class: "col-span-8" };
-const _hoisted_28 = ["onClick"];
-const _hoisted_29 = {
+const _hoisted_28 = { class: "col-span-8" };
+const _hoisted_29 = ["onClick"];
+const _hoisted_30 = {
   key: 0,
   class: "flex flex-col justify-start text-white opacity-80 t-bg-overlay flex-nowrap"
 };
-const _hoisted_30 = ["src"];
-const _hoisted_31 = { class: "flex t-overlay-item items-center w-full !mt-10 justify-items-start" };
-const _hoisted_32 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_31 = ["src"];
+const _hoisted_32 = { class: "flex t-overlay-item items-center w-full !mt-10 justify-items-start" };
 const _hoisted_33 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
-const _hoisted_34 = ["title"];
-const _hoisted_35 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
-const _hoisted_36 = ["title"];
-const _hoisted_37 = {
+const _hoisted_34 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_35 = ["title"];
+const _hoisted_36 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_37 = ["title"];
+const _hoisted_38 = {
   key: 1,
   class: "flex flex-col justify-start text-white opacity-80 t-bg-overlay flex-nowrap"
 };
-const _hoisted_38 = ["src"];
-const _hoisted_39 = { class: "flex t-overlay-item items-center w-full !mt-10 justify-items-start" };
-const _hoisted_40 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_39 = ["src"];
+const _hoisted_40 = { class: "flex t-overlay-item items-center w-full !mt-10 justify-items-start" };
 const _hoisted_41 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
 const _hoisted_42 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
-const _hoisted_43 = ["src"];
+const _hoisted_43 = { class: "flex items-center w-full t-overlay-item justify-items-start" };
+const _hoisted_44 = ["src"];
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "IGeoMark" },
   __name: "geoMark",
@@ -133,7 +137,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const listFloor = vue.ref([]);
     const listDevice = vue.ref([]);
     const listAllDevice = vue.ref([]);
-    const list_title = vue.ref("\u8BBE\u5907\u4FE1\u606F\u5217\u8868");
+    const listTitle = vue.ref("\u8BBE\u5907\u4FE1\u606F\u5217\u8868");
     const configIcon = vue.ref({});
     const configTopBar = vue.ref([
       { name: `\u5355\u4F4D\u540D\uFF1A`, icon: "icon-jianzhu02-L", value: "-----" },
@@ -163,13 +167,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const refFloor = vue.ref(null);
     const alarmType = vue.ref("fire");
     const filtrationType = vue.ref([]);
-    const _waring = vue.ref(null);
+    const waring$1 = vue.ref(null);
     const hasWaring = vue.computed(() => {
-      const w = _waring.value;
+      const w = waring$1.value;
       return w != null && w !== "";
     });
     const isWaringCode = /* @__PURE__ */ __name((code) => {
-      const w = _waring.value;
+      const w = waring$1.value;
       return w != null && w !== "" && w === code;
     }, "isWaringCode");
     const imgUrl = vue.ref(_default.default);
@@ -308,14 +312,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         alarmType.value = params.type;
       }
       if (params.listTitle) {
-        list_title.value = params.listTitle;
+        listTitle.value = params.listTitle;
       }
       listFloor.value = params.listFloor;
       listDevice.value = params.listDevice;
       listAllDevice.value = params.listDevice;
       configIcon.value = params.configIcon || {};
       configTopBar.value = params.configTopBar || [];
-      _waring.value = (_a = params.waring) != null ? _a : null;
+      waring$1.value = (_a = params.waring) != null ? _a : null;
       const defaultFloor = params.defaultFloor ? params.defaultFloor : listFloor.value[0];
       (_b = refFloor.value) == null ? void 0 : _b.init(listFloor.value, defaultFloor);
       const floorList = listFloor.value.map((item) => item.floor);
@@ -538,15 +542,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const FnUpdateFloor = /* @__PURE__ */ __name((item) => {
       loadingSource(item, false);
     }, "FnUpdateFloor");
-    const FnUpdateDrawFeature2 = /* @__PURE__ */ __name((event) => {
+    const fnUpdateDrawFeature2 = /* @__PURE__ */ __name((event) => {
       event.feature.set("color", defaultColor.value);
       event.feature.set("drawType", "lineString");
-    }, "FnUpdateDrawFeature2");
-    const FnUpdateDrawFeature = /* @__PURE__ */ __name((event) => {
+    }, "fnUpdateDrawFeature2");
+    const fnUpdateDrawFeature = /* @__PURE__ */ __name((event) => {
       event.feature.set("color", defaultColor.value);
       event.feature.set("text", "\u91CD\u70B9\u9632\u63A7\u533A\u57DF");
-    }, "FnUpdateDrawFeature");
-    const FnOverrideStyle = /* @__PURE__ */ __name((feature, style) => {
+    }, "fnUpdateDrawFeature");
+    const fnOverrideStyle = /* @__PURE__ */ __name((feature, style) => {
       var _a, _b, _c, _d, _e, _f;
       const code = (_a = feature.getProperties()) == null ? void 0 : _a.code;
       const iconUrl = configIcon.value[code] || ___.default;
@@ -560,7 +564,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         updateFeatureStyle(feature);
       }
       return style;
-    }, "FnOverrideStyle");
+    }, "fnOverrideStyle");
     const deleteFeature = /* @__PURE__ */ __name((feature) => {
       var _a;
       (_a = rrefMap.value) == null ? void 0 : _a.getVectorSource().removeFeature(feature);
@@ -772,8 +776,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ),
         activatedMode.value === "edit" ? (vue.openBlock(), vue.createBlock(_component_el_card, {
           key: 0,
-          style: { "height": "50px", "width": "680px", "z-index": "999999999 !important", "top": "5px", "left": "5px" },
-          class: "absolute tob-6"
+          class: "t-top-bar"
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_2, [
@@ -781,33 +784,39 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.Fragment,
                 null,
                 vue.renderList(configTopBar.value, (o) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    key: o.name,
-                    class: "mr-3 cursor-pointer text item t truncate ...",
-                    onClick: _cache[0] || (_cache[0] = ($event) => FnCloseMain())
-                  }, [
-                    vue.createElementVNode(
-                      "i",
-                      {
-                        class: vue.normalizeClass(["iconfont", [o.icon]])
-                      },
-                      null,
-                      2
-                      /* CLASS */
-                    ),
-                    vue.createTextVNode(
-                      " " + vue.toDisplayString(o.name) + " ",
-                      1
-                      /* TEXT */
-                    ),
-                    o.name !== "\u9000\u51FA" ? (vue.openBlock(), vue.createElementBlock(
-                      "span",
-                      _hoisted_3,
-                      vue.toDisplayString(o.value),
-                      1
-                      /* TEXT */
-                    )) : vue.createCommentVNode("v-if", true)
-                  ]);
+                  return vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: o.name,
+                      class: vue.normalizeClass(["t-top-bar__item", { "t-top-bar__item--exit": o.name === "\u9000\u51FA" }]),
+                      onClick: _cache[0] || (_cache[0] = ($event) => FnCloseMain())
+                    },
+                    [
+                      vue.createElementVNode(
+                        "i",
+                        {
+                          class: vue.normalizeClass(["iconfont", [o.icon]])
+                        },
+                        null,
+                        2
+                        /* CLASS */
+                      ),
+                      vue.createTextVNode(
+                        " " + vue.toDisplayString(o.name) + " ",
+                        1
+                        /* TEXT */
+                      ),
+                      o.name !== "\u9000\u51FA" ? (vue.openBlock(), vue.createElementBlock(
+                        "span",
+                        _hoisted_3,
+                        vue.toDisplayString(o.value),
+                        1
+                        /* TEXT */
+                      )) : vue.createCommentVNode("v-if", true)
+                    ],
+                    2
+                    /* CLASS */
+                  );
                 }),
                 128
                 /* KEYED_FRAGMENT */
@@ -819,8 +828,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         })) : vue.createCommentVNode("v-if", true),
         activatedMode.value === "edit" ? (vue.openBlock(), vue.createBlock(_component_el_card, {
           key: 1,
-          style: { "height": "50px", "width": "920px", "z-index": "999999999 !important", "transform": "translateX(-50%)", "left": "50%" },
-          class: "absolute bottom-6"
+          class: "t-bottom-bar"
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_4, [
@@ -836,7 +844,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     [
                       o.name !== "\u989C\u8272" && o.name !== "\u533A\u57DF\u8BBE\u7F6E" ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 0,
-                        class: vue.normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                        class: vue.normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
                         onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
                       }, [
                         vue.createElementVNode("span", null, [
@@ -868,7 +876,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         {
                           reference: vue.withCtx(() => [
                             vue.createElementVNode("div", {
-                              class: vue.normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                              class: vue.normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
                               onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
                             }, [
                               vue.createElementVNode("span", null, [
@@ -896,7 +904,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                               vue.renderList(configBottomBar2.value, (o2) => {
                                 return vue.openBlock(), vue.createElementBlock("div", {
                                   key: o2.name,
-                                  class: vue.normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o2.name ? "bg-red-600" : ""]]),
+                                  class: vue.normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o2.name ? "t-bbar-active" : ""]]),
                                   onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o2.name), "onClick")
                                 }, [
                                   vue.createElementVNode("span", null, [
@@ -939,7 +947,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         {
                           reference: vue.withCtx(() => [
                             vue.createElementVNode("div", {
-                              class: vue.normalizeClass(["mr-3 cursor-pointer text item", [activatedBottomBar.value === o.name ? "bg-red-600" : ""]]),
+                              class: vue.normalizeClass(["t-bottom-bar__item", [activatedBottomBar.value === o.name ? "t-bbar-active" : ""]]),
                               onClick: /* @__PURE__ */ __name(($event) => handlerChecked(o.name), "onClick")
                             }, [
                               vue.createElementVNode("span", null, [
@@ -1016,9 +1024,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         })) : vue.createCommentVNode("v-if", true),
         activatedMode.value === "edit" ? (vue.openBlock(), vue.createBlock(_component_el_card, {
           key: 2,
-          style: { "width": "500px", "z-index": "999999999 !important" },
-          class: vue.normalizeClass(["absolute right-6", [activatedFold.value === true ? "t-fold " : "t-unfold open-info-list"]]),
-          "body-style": { height: "100%" }
+          class: vue.normalizeClass(["t-info-panel", [activatedFold.value === true ? "t-fold" : "t-unfold"]])
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_12, [
@@ -1026,17 +1032,17 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode(
                   "span",
                   {
-                    class: vue.normalizeClass(["flex items-center mr-5 cursor-pointer", [activatedList.value ? "text-primary" : ""]]),
+                    class: vue.normalizeClass(["t-info-panel__tab", { "t-info-panel__tab--active": activatedList.value }]),
                     onClick: _cache[1] || (_cache[1] = ($event) => activatedList.value = true)
                   },
-                  vue.toDisplayString(list_title.value),
+                  vue.toDisplayString(listTitle.value),
                   3
                   /* TEXT, CLASS */
                 ),
                 vue.createElementVNode(
                   "span",
                   {
-                    class: vue.normalizeClass(["flex items-center cursor-pointer", [!activatedList.value ? "text-primary" : ""]]),
+                    class: vue.normalizeClass(["t-info-panel__tab", { "t-info-panel__tab--active": !activatedList.value }]),
                     onClick: _cache[2] || (_cache[2] = ($event) => activatedList.value = false)
                   },
                   " \u6807\u6CE8\u4FE1\u606F\u5217\u8868 ",
@@ -1044,97 +1050,100 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   /* CLASS */
                 )
               ]),
-              activatedFold.value ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                class: "flex items-center cursor-pointer text-primary",
-                onClick: FnUpdateActivatedFold
-              }, " \u5C55\u5F00 ")) : (vue.openBlock(), vue.createElementBlock("span", {
-                key: 1,
-                class: "flex items-center cursor-pointer text-primary",
-                onClick: FnUpdateActivatedFold
-              }, " \u6536\u8D77 "))
+              vue.createElementVNode(
+                "span",
+                {
+                  class: "t-info-panel__fold",
+                  onClick: FnUpdateActivatedFold
+                },
+                vue.toDisplayString(activatedFold.value ? "\u5C55\u5F00" : "\u6536\u8D77"),
+                1
+                /* TEXT */
+              )
             ]),
-            vue.createVNode(_component_el_select, {
-              modelValue: queryDeviceList.value.activatedDeviceType,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => queryDeviceList.value.activatedDeviceType = $event),
-              clearable: "",
-              style: { "width": "32%" },
-              class: "mr-2",
-              placeholder: "\u8BF7\u9009\u62E9\u7C7B\u578B",
-              teleported: false
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
-                  null,
-                  vue.renderList(configOptionsDeviceType.value, (item) => {
-                    return vue.openBlock(), vue.createBlock(_component_el_option, {
-                      key: item.value,
-                      label: item.label,
-                      value: item.value
-                    }, null, 8, ["label", "value"]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["modelValue"]),
-            vue.createVNode(_component_el_select, {
-              modelValue: queryDeviceList.value.activatedDeviceModel,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => queryDeviceList.value.activatedDeviceModel = $event),
-              clearable: "",
-              style: { "width": "32%" },
-              class: "mr-2",
-              placeholder: "\u8BF7\u9009\u62E9\u578B\u53F7",
-              teleported: false
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
-                  null,
-                  vue.renderList(configOptionsDeviceModel.value, (item) => {
-                    return vue.openBlock(), vue.createBlock(_component_el_option, {
-                      key: item.value,
-                      label: item.label,
-                      value: item.value
-                    }, null, 8, ["label", "value"]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["modelValue"]),
-            vue.createVNode(_component_el_select, {
-              modelValue: queryDeviceList.value.activatedManufacturer,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => queryDeviceList.value.activatedManufacturer = $event),
-              clearable: "",
-              style: { "width": "32%" },
-              placeholder: "\u8BF7\u9009\u62E9\u5382\u5546",
-              teleported: false
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
-                  null,
-                  vue.renderList(configOptionsManufacturer.value, (item) => {
-                    return vue.openBlock(), vue.createBlock(_component_el_option, {
-                      key: item.value,
-                      label: item.label,
-                      value: item.value
-                    }, null, 8, ["label", "value"]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["modelValue"]),
-            activatedList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+            vue.createElementVNode("div", _hoisted_14, [
+              vue.createVNode(_component_el_select, {
+                modelValue: queryDeviceList.value.activatedDeviceType,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => queryDeviceList.value.activatedDeviceType = $event),
+                clearable: "",
+                style: { "width": "32%" },
+                class: "mr-2",
+                placeholder: "\u8BF7\u9009\u62E9\u7C7B\u578B",
+                teleported: false
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(configOptionsDeviceType.value, (item) => {
+                      return vue.openBlock(), vue.createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, null, 8, ["label", "value"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue"]),
+              vue.createVNode(_component_el_select, {
+                modelValue: queryDeviceList.value.activatedDeviceModel,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => queryDeviceList.value.activatedDeviceModel = $event),
+                clearable: "",
+                style: { "width": "32%" },
+                class: "mr-2",
+                placeholder: "\u8BF7\u9009\u62E9\u578B\u53F7",
+                teleported: false
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(configOptionsDeviceModel.value, (item) => {
+                      return vue.openBlock(), vue.createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, null, 8, ["label", "value"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue"]),
+              vue.createVNode(_component_el_select, {
+                modelValue: queryDeviceList.value.activatedManufacturer,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => queryDeviceList.value.activatedManufacturer = $event),
+                clearable: "",
+                style: { "width": "32%" },
+                placeholder: "\u8BF7\u9009\u62E9\u5382\u5546",
+                teleported: false
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(configOptionsManufacturer.value, (item) => {
+                      return vue.openBlock(), vue.createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, null, 8, ["label", "value"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["modelValue"])
+            ]),
+            activatedList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
               _cache[6] || (_cache[6] = vue.createElementVNode(
                 "span",
                 { class: "col-span-1" },
@@ -1152,8 +1161,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(' <span class="col-span-2 text-center">\u697C\u5C42</span> '),
               vue.createElementVNode(
                 "span",
-                _hoisted_15,
-                vue.toDisplayString(list_title.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? "\u8BBE\u5907\u7C7B\u578B" : "\u8BBE\u65BD\u7C7B\u578B"),
+                _hoisted_16,
+                vue.toDisplayString(listTitle.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? "\u8BBE\u5907\u7C7B\u578B" : "\u8BBE\u65BD\u7C7B\u578B"),
                 1
                 /* TEXT */
               ),
@@ -1164,7 +1173,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 -1
                 /* CACHED */
               ))
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, _cache[9] || (_cache[9] = [
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, _cache[9] || (_cache[9] = [
               vue.createElementVNode(
                 "span",
                 { class: "col-span-1" },
@@ -1194,7 +1203,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 /* CACHED */
               )
             ]))),
-            activatedList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
+            activatedList.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
               vue.createCommentVNode(" {{ listUnitDevice.length }} "),
               (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
@@ -1202,10 +1211,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.renderList(listUnitDevice.value, (item, index) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: index,
-                    class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12",
+                    class: "t-info-panel__row grid gap-1 mt-4 px-3.5 w-full grid-cols-12",
                     title: item.deviceTypeName
                   }, [
-                    vue.createElementVNode("span", _hoisted_19, [
+                    vue.createElementVNode("span", _hoisted_20, [
                       vue.createVNode(DragIcon_vue_vue_type_script_setup_true_lang.default, {
                         icon: configIcon.value[item.code] || vue.unref(___.default),
                         item,
@@ -1217,7 +1226,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ]),
                     vue.createElementVNode(
                       "span",
-                      _hoisted_20,
+                      _hoisted_21,
                       vue.toDisplayString(item.code),
                       1
                       /* TEXT */
@@ -1225,34 +1234,34 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("span", {
                       class: "col-span-4 break-words",
                       title: item.remark || item.deviceTypeName || item.videoName
-                    }, vue.toDisplayString(item.remark || item.deviceTypeName || item.videoName), 9, _hoisted_21),
+                    }, vue.toDisplayString(item.remark || item.deviceTypeName || item.videoName), 9, _hoisted_22),
                     vue.createElementVNode("span", {
                       class: "col-span-3 break-words",
                       title: item.locationDesc
-                    }, vue.toDisplayString(item.locationDesc || item.addressDesc), 9, _hoisted_22)
-                  ], 8, _hoisted_18);
+                    }, vue.toDisplayString(item.locationDesc || item.addressDesc), 9, _hoisted_23)
+                  ], 8, _hoisted_19);
                 }),
                 128
                 /* KEYED_FRAGMENT */
               ))
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_23, [
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_24, [
               (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
                 null,
                 vue.renderList(activatedArrayFeatures.value, (item, index) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: item,
-                    class: "grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
+                    class: "t-info-panel__row grid gap-1 mt-4 px-3.5 w-full grid-cols-12"
                   }, [
                     vue.createElementVNode(
                       "span",
-                      _hoisted_24,
+                      _hoisted_25,
                       vue.toDisplayString(index + 1),
                       1
                       /* TEXT */
                     ),
-                    vue.createElementVNode("span", _hoisted_25, [
-                      item.values_.geometry.getType() === "Point" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26)) : (vue.openBlock(), vue.createElementBlock(
+                    vue.createElementVNode("span", _hoisted_26, [
+                      item.values_.geometry.getType() === "Point" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27)) : (vue.openBlock(), vue.createElementBlock(
                         "div",
                         {
                           key: 1,
@@ -1264,7 +1273,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         /* STYLE */
                       ))
                     ]),
-                    vue.createElementVNode("span", _hoisted_27, [
+                    vue.createElementVNode("span", _hoisted_28, [
                       item.values_.geometry.getType() === "Point" ? (vue.openBlock(), vue.createBlock(_component_el_input, {
                         key: 0,
                         modelValue: item.values_.type,
@@ -1291,7 +1300,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         -1
                         /* CACHED */
                       )
-                    ]), 8, _hoisted_28)
+                    ]), 8, _hoisted_29)
                   ]);
                 }),
                 128
@@ -1315,43 +1324,43 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           extent: extent.value,
           "config-menu-items": configMenuItems.value,
           "activated-bottom-bar": activatedBottomBar.value,
-          onReady: handleMapReady,
-          _waring: hasWaring.value ? _waring.value : null,
+          waring: hasWaring.value ? waring$1.value : null,
           "activated-position-overlay-waring": activatedPositionOverlayWaring.value,
           "activated-position-overlay": activatedPositionOverlay.value,
           "activated-properties-overlay": activatedPropertiesOverlay.value,
-          list_title: list_title.value,
+          "list-title": listTitle.value,
           "alarm-type": alarmType.value,
           "svg-overlay": vue.unref(___$1.default),
           "waring-icon": vue.unref(waring.default),
-          FnUpdateDrawFeature,
-          FnUpdateDrawFeature2,
-          FnOverrideStyle
+          "fn-update-draw-feature": fnUpdateDrawFeature,
+          "fn-update-draw-feature2": fnUpdateDrawFeature2,
+          "fn-override-style": fnOverrideStyle,
+          onReady: handleMapReady
         }, {
           overlay: vue.withCtx(() => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
             return [
-              activatedPropertiesOverlay.value.type && list_title.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29, [
+              activatedPropertiesOverlay.value.type && listTitle.value === "\u8BBE\u5907\u4FE1\u606F\u5217\u8868" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_30, [
                 vue.createElementVNode("img", {
                   src: vue.unref(___$1.default),
                   alt: "",
                   class: "absolute w-full h-full"
-                }, null, 8, _hoisted_30),
+                }, null, 8, _hoisted_31),
                 vue.createElementVNode(
                   "div",
-                  _hoisted_31,
+                  _hoisted_32,
                   " \u8BBE\u5907\u7F16\u7801\uFF1A " + vue.toDisplayString((_a = activatedPropertiesOverlay.value.other) == null ? void 0 : _a.code),
                   1
                   /* TEXT */
                 ),
                 vue.createElementVNode(
                   "div",
-                  _hoisted_32,
+                  _hoisted_33,
                   " \u521B\u5EFA\u65E5\u671F\uFF1A " + vue.toDisplayString((_b = activatedPropertiesOverlay.value.other) == null ? void 0 : _b.createTime),
                   1
                   /* TEXT */
                 ),
-                vue.createElementVNode("div", _hoisted_33, [
+                vue.createElementVNode("div", _hoisted_34, [
                   _cache[11] || (_cache[11] = vue.createTextVNode(
                     " \u8BBE\u5907\u4F4D\u7F6E\uFF1A ",
                     -1
@@ -1360,9 +1369,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("div", {
                     class: "w-52 flex justify-start items-center text-gradient2 truncate ...",
                     title: ((_c = activatedPropertiesOverlay.value.other) == null ? void 0 : _c.videoName) || ((_d = activatedPropertiesOverlay.value.other) == null ? void 0 : _d.addressDesc)
-                  }, vue.toDisplayString(alarmType.value === "video" ? (_e = activatedPropertiesOverlay.value.other) == null ? void 0 : _e.videoName : (_f = activatedPropertiesOverlay.value.other) == null ? void 0 : _f.addressDesc), 9, _hoisted_34)
+                  }, vue.toDisplayString(alarmType.value === "video" ? (_e = activatedPropertiesOverlay.value.other) == null ? void 0 : _e.videoName : (_f = activatedPropertiesOverlay.value.other) == null ? void 0 : _f.addressDesc), 9, _hoisted_35)
                 ]),
-                vue.createElementVNode("div", _hoisted_35, [
+                vue.createElementVNode("div", _hoisted_36, [
                   _cache[12] || (_cache[12] = vue.createTextVNode(
                     " \u8BBE\u5907\u7C7B\u578B\uFF1A ",
                     -1
@@ -1371,40 +1380,40 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("div", {
                     class: "w-52 flex justify-start items-center text-gradient2 truncate ...",
                     title: ((_g = activatedPropertiesOverlay.value.other) == null ? void 0 : _g.remark) || ((_h = activatedPropertiesOverlay.value.other) == null ? void 0 : _h.deviceTypeName) || ((_i = activatedPropertiesOverlay.value.other) == null ? void 0 : _i.facilityTypeName)
-                  }, vue.toDisplayString(alarmType.value === "video" ? "\u6444\u50CF\u5934" : ((_j = activatedPropertiesOverlay.value.other) == null ? void 0 : _j.remark) || ((_k = activatedPropertiesOverlay.value.other) == null ? void 0 : _k.facilityTypeName) || ((_l = activatedPropertiesOverlay.value.other) == null ? void 0 : _l.deviceTypeName)), 9, _hoisted_36)
+                  }, vue.toDisplayString(alarmType.value === "video" ? "\u6444\u50CF\u5934" : ((_j = activatedPropertiesOverlay.value.other) == null ? void 0 : _j.remark) || ((_k = activatedPropertiesOverlay.value.other) == null ? void 0 : _k.facilityTypeName) || ((_l = activatedPropertiesOverlay.value.other) == null ? void 0 : _l.deviceTypeName)), 9, _hoisted_37)
                 ])
               ])) : vue.createCommentVNode("v-if", true),
               vue.createCommentVNode(" \u8BBE\u65BD\u4FE1\u606F\u5F39\u7A97 "),
-              activatedPropertiesOverlay.value.type && list_title.value === "\u8BBE\u65BD\u4FE1\u606F\u5217\u8868" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_37, [
+              activatedPropertiesOverlay.value.type && listTitle.value === "\u8BBE\u65BD\u4FE1\u606F\u5217\u8868" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_38, [
                 vue.createElementVNode("img", {
                   src: vue.unref(___$1.default),
                   alt: "",
                   class: "absolute w-full h-full"
-                }, null, 8, _hoisted_38),
+                }, null, 8, _hoisted_39),
                 vue.createElementVNode(
                   "div",
-                  _hoisted_39,
+                  _hoisted_40,
                   " \u8BBE\u65BD\u7F16\u7801\uFF1A " + vue.toDisplayString((_m = activatedPropertiesOverlay.value.other) == null ? void 0 : _m.code),
                   1
                   /* TEXT */
                 ),
                 vue.createElementVNode(
                   "div",
-                  _hoisted_40,
+                  _hoisted_41,
                   " \u521B\u5EFA\u65E5\u671F\uFF1A " + vue.toDisplayString((_n = activatedPropertiesOverlay.value.other) == null ? void 0 : _n.createTime),
                   1
                   /* TEXT */
                 ),
                 vue.createElementVNode(
                   "div",
-                  _hoisted_41,
+                  _hoisted_42,
                   " \u8BBE\u65BD\u578B\u53F7\uFF1A " + vue.toDisplayString((_o = activatedPropertiesOverlay.value.other) == null ? void 0 : _o.deviceModelName),
                   1
                   /* TEXT */
                 ),
                 vue.createElementVNode(
                   "div",
-                  _hoisted_42,
+                  _hoisted_43,
                   " \u8BBE\u65BD\u5382\u5546\uFF1A " + vue.toDisplayString((_p = activatedPropertiesOverlay.value.other) == null ? void 0 : _p.manufacturerName),
                   1
                   /* TEXT */
@@ -1414,12 +1423,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }),
           _: 1
           /* STABLE */
-        }, 8, ["center", "zoom", "projection", "img-url", "size", "extent", "config-menu-items", "activated-bottom-bar", "_waring", "activated-position-overlay-waring", "activated-position-overlay", "activated-properties-overlay", "list_title", "alarm-type", "svg-overlay", "waring-icon"])) : (vue.openBlock(), vue.createElementBlock("img", {
+        }, 8, ["center", "zoom", "projection", "img-url", "size", "extent", "config-menu-items", "activated-bottom-bar", "waring", "activated-position-overlay-waring", "activated-position-overlay", "activated-properties-overlay", "list-title", "alarm-type", "svg-overlay", "waring-icon"])) : (vue.openBlock(), vue.createElementBlock("img", {
           key: 4,
           src: vue.unref(_default.default),
           alt: "\u9ED8\u8BA4\u5E95\u56FE",
           style: vue.normalizeStyle({ width: `${size.value[0]}px`, height: `${size.value[1]}px` })
-        }, null, 12, _hoisted_43))
+        }, null, 12, _hoisted_44))
       ]);
     };
   }