feat：新增图标，并打包

src/modules/common/icon-map.js

@@ -16,6 +16,57 @@ import intellFrame3 from '../../assets/image/management/intellFrame3.png';
 import intellFrame4 from '../../assets/image/management/intellFrame4.png';
 import intellFrame5 from '../../assets/image/management/intellFrame5.png';
 import intellFrame6 from '../../assets/image/management/intellFrame6.png';
+import intellFrame19 from '../../assets/image/management/intellFrame19.png';
+import intellFrame20 from '../../assets/image/management/intellFrame20.png';
+import intellFrame21 from '../../assets/image/management/intellFrame21.png';
+import intellFrame22 from '../../assets/image/management/intellFrame22.png';
+import intellFrame23 from '../../assets/image/management/intellFrame23.png';
+import intellFrame24 from '../../assets/image/management/intellFrame24.png';
+import intellFrame25 from '../../assets/image/management/intellFrame25.png';
+import intellFrame26 from '../../assets/image/management/intellFrame26.png';
+import intellFrame27 from '../../assets/image/management/intellFrame27.png';
+import intellFrame28 from '../../assets/image/management/intellFrame28.png';
+import intellFrame29 from '../../assets/image/management/intellFrame29.png';
+import intellFrame30 from '../../assets/image/management/intellFrame30.png';
+
+import intellFrame31 from '../../assets/image/management/intellFrame31.png';
+import intellFrame32 from '../../assets/image/management/intellFrame32.png';
+import intellFrame33 from '../../assets/image/management/intellFrame33.png';
+import intellFrame34 from '../../assets/image/management/intellFrame34.png';
+import intellFrame35 from '../../assets/image/management/intellFrame35.png';
+import intellFrame36 from '../../assets/image/management/intellFrame36.png';
+import intellFrame37 from '../../assets/image/management/intellFrame37.png';
+import intellFrame38 from '../../assets/image/management/intellFrame38.png';
+import intellFrame39 from '../../assets/image/management/intellFrame39.png';
+import intellFrame40 from '../../assets/image/management/intellFrame40.png';
+import intellFrame41 from '../../assets/image/management/intellFrame41.png';
+import intellFrame42 from '../../assets/image/management/intellFrame42.png';
+import intellFrame43 from '../../assets/image/management/intellFrame43.png';
+import intellFrame44 from '../../assets/image/management/intellFrame44.png';
+import intellFrame45 from '../../assets/image/management/intellFrame45.png';
+import intellFrame46 from '../../assets/image/management/intellFrame46.png';
+import intellFrame47 from '../../assets/image/management/intellFrame47.png';
+import intellFrame48 from '../../assets/image/management/intellFrame48.png';
+import intellFrame50 from '../../assets/image/management/intellFrame50.png';
+import intellFrame51 from '../../assets/image/management/intellFrame51.png';
+import intellFrame52 from '../../assets/image/management/intellFrame52.png';
+import intellFrame53 from '../../assets/image/management/intellFrame53.png';
+import intellFrame54 from '../../assets/image/management/intellFrame54.png';
+import intellFrame55 from '../../assets/image/management/intellFrame55.png';
+import intellFrame56 from '../../assets/image/management/intellFrame56.png';
+import intellFrame57 from '../../assets/image/management/intellFrame57.png';
+import intellFrame58 from '../../assets/image/management/intellFrame58.png';
+
+import intellFrame60 from '../../assets/image/management/intellFrame60.png';
+import intellFrame61 from '../../assets/image/management/intellFrame61.png';
+import intellFrame62 from '../../assets/image/management/intellFrame62.png';
+import intellFrame63 from '../../assets/image/management/intellFrame63.png';
+import intellFrame64 from '../../assets/image/management/intellFrame64.png';
+import intellFrame65 from '../../assets/image/management/intellFrame65.png';
+import intellFrame66 from '../../assets/image/management/intellFrame66.png';
+import intellFrame67 from '../../assets/image/management/intellFrame67.png';
+import intellFrame68 from '../../assets/image/management/intellFrame68.png';
+
 import modelFrame1 from '../../assets/image/management/modelFrame1.svg';
 import modelFrame2 from '../../assets/image/management/modelFrame2.svg';
 import modelFrame3 from '../../assets/image/management/modelFrame3.svg';
@@ -49,7 +100,55 @@ const icon_intelligent_map = {
   intellFrame3: intellFrame3,
   intellFrame4: intellFrame4,
   intellFrame5: intellFrame5,
-  intellFrame6: intellFrame6
+  intellFrame6: intellFrame6,
+  intellFrame19: intellFrame19,
+  intellFrame20: intellFrame20,
+  intellFrame21: intellFrame21,
+  intellFrame22: intellFrame22,
+  intellFrame23: intellFrame23,
+  intellFrame24: intellFrame24,
+  intellFrame25: intellFrame25,
+  intellFrame26: intellFrame26,
+  intellFrame27: intellFrame27,
+  intellFrame28: intellFrame28,
+  intellFrame29: intellFrame29,
+  intellFrame30: intellFrame30,
+  intellFrame31: intellFrame31,
+  intellFrame32: intellFrame32,
+  intellFrame33: intellFrame33,
+  intellFrame34: intellFrame34,
+  intellFrame35: intellFrame35,
+  intellFrame36: intellFrame36,
+  intellFrame37: intellFrame37,
+  intellFrame38: intellFrame38,
+  intellFrame39: intellFrame39,
+  intellFrame40: intellFrame40,
+  intellFrame41: intellFrame41,
+  intellFrame42: intellFrame42,
+  intellFrame43: intellFrame43,
+  intellFrame44: intellFrame44,
+  intellFrame45: intellFrame45,
+  intellFrame46: intellFrame46,
+  intellFrame47: intellFrame47,
+  intellFrame48: intellFrame48,
+  intellFrame50: intellFrame50,
+  intellFrame51: intellFrame51,
+  intellFrame52: intellFrame52,
+  intellFrame53: intellFrame53,
+  intellFrame54: intellFrame54,
+  intellFrame55: intellFrame55,
+  intellFrame56: intellFrame56,
+  intellFrame57: intellFrame57,
+  intellFrame58: intellFrame58,
+  intellFrame60: intellFrame60,
+  intellFrame61: intellFrame61,
+  intellFrame62: intellFrame62,
+  intellFrame63: intellFrame63,
+  intellFrame64: intellFrame64,
+  intellFrame65: intellFrame65,
+  intellFrame66: intellFrame66,
+  intellFrame67: intellFrame67,
+  intellFrame68: intellFrame68
 };
 const image_model_map = {
   modelFrame1: modelFrame1,

src/modules/intelligent/ModalSelectIcon.vue

@@ -3,6 +3,7 @@
     v-model:visible="showModal"
     :align-center="false"
     top="15vh"
+    width="650px"
     @cancel="handleCancel"
     @before-ok="handleBeforeOk"
   >
@@ -12,7 +13,95 @@
       <div class="icons">
         <div
           class="icon-border"
-          v-for="icon in icons"
+          v-for="icon in icons.filter((icon) => icon.group === 1)"
+          :key="icon.icon"
+          :class="{ 'icon-border-active': icon.id === target_icon_id }"
+          @click="changeItem(icon.id)"
+        >
+          <img class="icon" :src="getIconIntelligent(icon.name)" />
+        </div>
+      </div>
+      <div class="icons">
+        <div
+          class="icon-border"
+          v-for="icon in icons.filter((icon) => icon.group === 2)"
+          :key="icon.icon"
+          :class="{ 'icon-border-active': icon.id === target_icon_id }"
+          @click="changeItem(icon.id)"
+        >
+          <img class="icon" :src="getIconIntelligent(icon.name)" />
+        </div>
+      </div>
+      <div class="icons">
+        <div
+          class="icon-border"
+          v-for="icon in icons.filter((icon) => icon.group === 3)"
+          :key="icon.icon"
+          :class="{ 'icon-border-active': icon.id === target_icon_id }"
+          @click="changeItem(icon.id)"
+        >
+          <img class="icon" :src="getIconIntelligent(icon.name)" />
+        </div>
+      </div>
+      <div class="icons">
+        <div
+          class="icon-border"
+          v-for="icon in icons.filter((icon) => icon.group === 4)"
+          :key="icon.icon"
+          :class="{ 'icon-border-active': icon.id === target_icon_id }"
+          @click="changeItem(icon.id)"
+        >
+          <img class="icon" :src="getIconIntelligent(icon.name)" />
+        </div>
+      </div>
+      <div class="icons">
+        <div
+          class="icon-border"
+          v-for="icon in icons.filter((icon) => icon.group === 5)"
+          :key="icon.icon"
+          :class="{ 'icon-border-active': icon.id === target_icon_id }"
+          @click="changeItem(icon.id)"
+        >
+          <img class="icon" :src="getIconIntelligent(icon.name)" />
+        </div>
+      </div>
+      <div class="icons">
+        <div
+          class="icon-border"
+          v-for="icon in icons.filter((icon) => icon.group === 6)"
+          :key="icon.icon"
+          :class="{ 'icon-border-active': icon.id === target_icon_id }"
+          @click="changeItem(icon.id)"
+        >
+          <img class="icon" :src="getIconIntelligent(icon.name)" />
+        </div>
+      </div>
+      <div class="icons">
+        <div
+          class="icon-border"
+          v-for="icon in icons.filter((icon) => icon.group === 7)"
+          :key="icon.icon"
+          :class="{ 'icon-border-active': icon.id === target_icon_id }"
+          @click="changeItem(icon.id)"
+        >
+          <img class="icon" :src="getIconIntelligent(icon.name)" />
+        </div>
+      </div>
+      <div class="icons">
+        <div
+          class="icon-border"
+          v-for="icon in icons.filter((icon) => icon.group === 8)"
+          :key="icon.icon"
+          :class="{ 'icon-border-active': icon.id === target_icon_id }"
+          @click="changeItem(icon.id)"
+        >
+          <img class="icon" :src="getIconIntelligent(icon.name)" />
+        </div>
+      </div>
+      <div class="icons">
+        <div
+          class="icon-border"
+          v-for="icon in icons.filter((icon) => icon.group === 9)"
           :key="icon.icon"
           :class="{ 'icon-border-active': icon.id === target_icon_id }"
           @click="changeItem(icon.id)"
@@ -42,27 +131,273 @@ const emit = defineEmits(['update:show_model_item', 'sendIcon']);
 const icons = ref([
   {
     id: 1,
-    name: 'intellFrame1'
+    name: 'intellFrame1',
+    group: 1
   },
   {
     id: 2,
-    name: 'intellFrame2'
+    name: 'intellFrame2',
+    group: 1
   },
   {
     id: 3,
-    name: 'intellFrame3'
+    name: 'intellFrame3',
+    group: 1
   },
   {
     id: 4,
-    name: 'intellFrame4'
+    name: 'intellFrame4',
+    group: 1
   },
   {
-    id: 5,
-    name: 'intellFrame5'
+    id: 19,
+    name: 'intellFrame19',
+    group: 1
+  },
+  {
+    id: 20,
+    name: 'intellFrame20',
+    group: 1
+  },
+  {
+    id: 21,
+    name: 'intellFrame21',
+    group: 1
+  },
+  {
+    id: 22,
+    name: 'intellFrame22',
+    group: 1
+  },
+  {
+    id: 23,
+    name: 'intellFrame23',
+    group: 1
   },
   {
     id: 6,
-    name: 'intellFrame6'
+    name: 'intellFrame6',
+    group: 2
+  },
+  {
+    id: 5,
+    name: 'intellFrame5',
+    group: 2
+  },
+  {
+    id: 24,
+    name: 'intellFrame24',
+    group: 2
+  },
+  {
+    id: 25,
+    name: 'intellFrame25',
+    group: 2
+  },
+  {
+    id: 26,
+    name: 'intellFrame26',
+    group: 2
+  },
+  {
+    id: 27,
+    name: 'intellFrame27',
+    group: 2
+  },
+  {
+    id: 28,
+    name: 'intellFrame28',
+    group: 2
+  },
+  {
+    id: 29,
+    name: 'intellFrame29',
+    group: 2
+  },
+  {
+    id: 30,
+    name: 'intellFrame30',
+    group: 2
+  },
+  {
+    id: 31,
+    name: 'intellFrame31',
+    group: 3
+  },
+  {
+    id: 32,
+    name: 'intellFrame32',
+    group: 3
+  },
+  {
+    id: 33,
+    name: 'intellFrame33',
+    group: 3
+  },
+  {
+    id: 34,
+    name: 'intellFrame34',
+    group: 3
+  },
+  {
+    id: 35,
+    name: 'intellFrame35',
+    group: 3
+  },
+  {
+    id: 36,
+    name: 'intellFrame36',
+    group: 3
+  },
+  {
+    id: 37,
+    name: 'intellFrame37',
+    group: 3
+  },
+  {
+    id: 38,
+    name: 'intellFrame38',
+    group: 3
+  },
+  {
+    id: 39,
+    name: 'intellFrame39',
+    group: 3
+  },
+  {
+    id: 40,
+    name: 'intellFrame40',
+    group: 4
+  },
+  {
+    id: 41,
+    name: 'intellFrame41',
+    group: 4
+  },
+  {
+    id: 42,
+    name: 'intellFrame42',
+    group: 4
+  },
+  {
+    id: 43,
+    name: 'intellFrame43',
+    group: 4
+  },
+  {
+    id: 44,
+    name: 'intellFrame44',
+    group: 4
+  },
+  {
+    id: 45,
+    name: 'intellFrame45',
+    group: 4
+  },
+  {
+    id: 46,
+    name: 'intellFrame46',
+    group: 4
+  },
+  {
+    id: 47,
+    name: 'intellFrame47',
+    group: 4
+  },
+  {
+    id: 48,
+    name: 'intellFrame48',
+    group: 4
+  },
+  {
+    id: 50,
+    name: 'intellFrame50',
+    group: 5
+  },
+  {
+    id: 51,
+    name: 'intellFrame51',
+    group: 5
+  },
+  {
+    id: 52,
+    name: 'intellFrame52',
+    group: 5
+  },
+  {
+    id: 53,
+    name: 'intellFrame53',
+    group: 5
+  },
+  {
+    id: 54,
+    name: 'intellFrame54',
+    group: 5
+  },
+  {
+    id: 55,
+    name: 'intellFrame55',
+    group: 5
+  },
+  {
+    id: 56,
+    name: 'intellFrame56',
+    group: 5
+  },
+  {
+    id: 57,
+    name: 'intellFrame57',
+    group: 5
+  },
+  {
+    id: 58,
+    name: 'intellFrame58',
+    group: 5
+  },
+  {
+    id: 60,
+    name: 'intellFrame60',
+    group: 6
+  },
+  {
+    id: 61,
+    name: 'intellFrame61',
+    group: 6
+  },
+  {
+    id: 62,
+    name: 'intellFrame62',
+    group: 6
+  },
+  {
+    id: 63,
+    name: 'intellFrame63',
+    group: 6
+  },
+  {
+    id: 64,
+    name: 'intellFrame64',
+    group: 6
+  },
+  {
+    id: 65,
+    name: 'intellFrame65',
+    group: 6
+  },
+  {
+    id: 66,
+    name: 'intellFrame66',
+    group: 6
+  },
+  {
+    id: 67,
+    name: 'intellFrame67',
+    group: 6
+  },
+  {
+    id: 68,
+    name: 'intellFrame68',
+    group: 6
   }
 ]);
 
@@ -75,7 +410,7 @@ const changeItem = (id) => {
 };
 const handleBeforeOk = (done) => {
   emit('sendIcon', icons.value.filter((icon) => icon.id === target_icon_id.value)[0].name);
-  handleCancel();
+  emit('update:show_select_icon', false);
   done();
 };
 const handleCancel = () => {
@@ -98,18 +433,17 @@ watch(
 </script>
 <style scoped lang="css">
 .section {
-  height: 200px;
+  height: 420px;
   padding: 0 20px;
 }
 .icons {
   display: flex;
   flex-wrap: wrap;
-  gap: 10px;
+  gap: 1px;
   margin-top: 10px;
 }
 .icon-border {
   border: 1px solid var(--color-neutral-2);
-
   border-radius: 5px;
   padding: 5px 8px 0px 8px;
   cursor: pointer;