Merge branch 'master' of http://gitlab.smartai.com/zhupei/smartai2dian0

src/modules/dify/MessageBody.vue

@@ -22,7 +22,6 @@ const defaultURL = ref('');
 //workflow  应用
 onMounted(async () => {
   defaultURL.value = BASE_URL + '/app/' + props.id + `/workflow?token=${token}`;
-  // console.log('defaultURL', BASE_URL + '/app/' + props.id + `/workflow`);
   const element = document.getElementById('dify');
   element.onload = function () {
     if (element && element.contentWindow) {
@@ -30,7 +29,8 @@ onMounted(async () => {
         JSON.stringify({
           type: 'insertStyle',
           value: `
-            .sticky{display:none;}
+            body > div > div > div.sticky.top-0.left-0.right-0.z-30 > div{display:none;}
+            body > div > div > div.style_app___hJq8.flex.overflow-hidden{margin-top: -65px;}
             .style_app___hJq8 > div:first-of-type > div:first-of-type{display:none;}
             .style_app___hJq8 > div:first-of-type > nav> a:nth-child(2){display:none;}
             .style_app___hJq8 > div:first-of-type > nav> a:nth-child(3){display:none;}

src/modules/intelligent/MessageBody.vue

@@ -6,7 +6,7 @@
       :key="item.id"
       :name="item.name"
       :img_src="item.img_src"
-      :height="200"
+      :height="195"
       @clickIcon="editIconHandle(item)"
     >
       <template #description> {{ item.desc }} </template>
@@ -41,24 +41,6 @@
             </div>
           </template>
         </a-dropdown>
-        <!-- <a-select :default-value="'Beijing'" placeholder="Please select ..." multiple>
-          <a-option>Beijing</a-option>
-          <a-option>Shanghai</a-option>
-          <a-option>Guangzhou</a-option>
-          <a-option disabled>Disabled</a-option>
-          <a-option>Shenzhen</a-option>
-          <a-option>Wuhan</a-option>
-          <template #header>
-            <div style="padding: 6px 12px">
-              <a-checkbox value="1">全选</a-checkbox>
-            </div>
-          </template>
-          <template #footer>
-            <div style="padding: 6px 0; text-align: center">
-              <a-button>Click Me</a-button>
-            </div>
-          </template>
-        </a-select> -->
       </template>
       <template #bottom>
         <div class="bottom">

src/modules/intelligent/ModalSelectIcon.vue

@@ -10,98 +10,10 @@
     <template #title>替换图标</template>
     <div class="section">
       <div class="labels">全部图标</div>
-      <div class="icons">
+      <div class="icons" v-for="(item, index) in icons" :key="index">
         <div
           class="icon-border"
-          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)"
+          v-for="icon in item"
           :key="icon.icon"
           :class="{ 'icon-border-active': icon.id === target_icon_id }"
           @click="changeItem(icon.id)"
@@ -116,6 +28,8 @@
 <script setup>
 import { ref, computed, watch } from 'vue';
 import { getIconIntelligent } from '../common/icon-map.js';
+import { icons_intell } from '../../views/manage/common';
+import icon from '@arco-design/web-vue/es/icon';
 
 const props = defineProps({
   show_select_icon: {
@@ -128,278 +42,280 @@ const props = defineProps({
   }
 });
 const emit = defineEmits(['update:show_model_item', 'sendIcon']);
-const icons = ref([
-  {
-    id: 1,
-    name: 'intellFrame1',
-    group: 1
-  },
-  {
-    id: 2,
-    name: 'intellFrame2',
-    group: 1
-  },
-  {
-    id: 3,
-    name: 'intellFrame3',
-    group: 1
-  },
-  {
-    id: 4,
-    name: 'intellFrame4',
-    group: 1
-  },
-  {
-    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',
-    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
-  }
-]);
+const icons = ref(icons_intell);
+console.log(icons_intell, icons);
+// const icons = ref([
+//   {
+//     id: 1,
+//     name: 'intellFrame1',
+//     group: 1
+//   },
+//   {
+//     id: 2,
+//     name: 'intellFrame2',
+//     group: 1
+//   },
+//   {
+//     id: 3,
+//     name: 'intellFrame3',
+//     group: 1
+//   },
+//   {
+//     id: 4,
+//     name: 'intellFrame4',
+//     group: 1
+//   },
+//   {
+//     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',
+//     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
+//   }
+// ]);
 
 const target_icon_id = ref(icons.value[0].id);
 
@@ -409,7 +325,16 @@ const changeItem = (id) => {
   target_icon_id.value = id;
 };
 const handleBeforeOk = (done) => {
-  emit('sendIcon', icons.value.filter((icon) => icon.id === target_icon_id.value)[0].name);
+  let send_icon = null;
+  for (const subArray of icons.value) {
+    // 在每个子数组中查找具有特定id的对象
+    let icon = subArray.find((item) => item.id === target_icon_id.value);
+    if (icon) {
+      send_icon = icon.name;
+    }
+  }
+  // emit('sendIcon', icons.value.filter((icon) => icon.id === target_icon_id.value)[0].name);
+  emit('sendIcon', send_icon);
   emit('update:show_select_icon', false);
   done();
 };
@@ -421,9 +346,15 @@ watch(
   () => props.target_icon,
   (new_value) => {
     if (new_value && new_value.length) {
-      target_icon_id.value = icons.value.filter((icon) => icon.name === new_value)[0]?.id || icons.value[0].id;
+      let send_icon = '';
+      for (const subArray of icons.value) {
+        // 在每个子数组中查找具有特定id的对象
+        send_icon = subArray.find((item) => item.name === new_value)?.id || icons.value[0][0].id;
+      }
+      // target_icon_id.value = icons.value.filter((icon) => icon.name === new_value)[0]?.id || icons.value[0].id;
+      target_icon_id.value = send_icon;
     } else {
-      target_icon_id.value = icons.value[0].id;
+      target_icon_id.value = icons.value[0][0].id;
     }
   },
   {

src/modules/intelligent/TopSetting.vue

@@ -193,6 +193,8 @@ const showSelectIcon = () => {
 
 const clearSelectIcon = () => {
   target_icon.value = '';
+  add_type.value = 'add';
+  edit_icon_data.value = null;
 };
 /**
  * 监听编辑智能体事件
@@ -232,6 +234,7 @@ onUnmounted(() => {
   bus_intelligentEdit.off();
   bus_intelligentIconEdit.off();
   bus_intelligentLabelSync.off();
+  console.log(add_type, 99);
 });
 </script>
 <style scoped lang="css">

src/views/common/header-btns/ModalLogout.vue

@@ -1,6 +1,13 @@
 <template>
-  <a-modal :visible="showModal" @ok="handleOk" @cancel="handleCancel" :okText="$t('login.okBtn')"
-    :cancelText="$t('login.cancelBtn')" unmountOnClose>
+  <a-modal
+    width="420px"
+    :visible="showModal"
+    @ok="handleOk"
+    @cancel="handleCancel"
+    :okText="$t('login.okBtn')"
+    :cancelText="$t('login.cancelBtn')"
+    unmountOnClose
+  >
     <template #title><icon-exclamation-circle-fill class="tips-icon" /> {{ $t('login.tip') }} </template>
     <div>{{ $t('login.okText') }}</div>
   </a-modal>

src/views/manage/CardItem.vue

@@ -56,6 +56,9 @@ const handleClickIcon = () => {
   overflow: hidden;
   cursor: pointer;
 }
+.card-container:hover {
+  box-shadow: 0 0 10px var(--color-neutral-4);
+}
 .card-name .name {
   margin-top: 10px;
   font-size: 16px;
@@ -70,17 +73,18 @@ const handleClickIcon = () => {
 }
 .card-label {
   width: 100%;
-  margin-top: 15px;
   color: var(--color-neutral-2);
 }
 
 .card-des {
   display: -webkit-box;
   overflow: hidden;
-  min-height: 32px;
+  height: 60px;
   margin-top: 5px;
+  font-size: 12px;
+  line-height: 16px;
   color: var(--color-neutral-6);
-  -webkit-line-clamp: 2;
+  -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
 }

src/views/manage/common.js

@@ -39,3 +39,238 @@ export const getDefaultIntelligent = () => {
     }
   ];
 };
+
+/**
+ * @description: 智能体图标
+ * */
+export const icons_intell = [
+  [
+    {
+      id: 1,
+      name: 'intellFrame1'
+    },
+    {
+      id: 2,
+      name: 'intellFrame2'
+    },
+    {
+      id: 3,
+      name: 'intellFrame3'
+    },
+    {
+      id: 4,
+      name: 'intellFrame4'
+    },
+    {
+      id: 19,
+      name: 'intellFrame19'
+    },
+    {
+      id: 20,
+      name: 'intellFrame20'
+    },
+    {
+      id: 21,
+      name: 'intellFrame21'
+    },
+    {
+      id: 22,
+      name: 'intellFrame22'
+    },
+    {
+      id: 23,
+      name: 'intellFrame23'
+    }
+  ],
+  [
+    {
+      id: 6,
+      name: 'intellFrame6'
+    },
+    {
+      id: 5,
+      name: 'intellFrame5'
+    },
+    {
+      id: 24,
+      name: 'intellFrame24'
+    },
+    {
+      id: 25,
+      name: 'intellFrame25'
+    },
+    {
+      id: 26,
+      name: 'intellFrame26'
+    },
+    {
+      id: 27,
+      name: 'intellFrame27'
+    },
+    {
+      id: 28,
+      name: 'intellFrame28'
+    },
+    {
+      id: 29,
+      name: 'intellFrame29'
+    },
+    {
+      id: 30,
+      name: 'intellFrame30'
+    }
+  ],
+  [
+    {
+      id: 36,
+      name: 'intellFrame36'
+    },
+    {
+      id: 37,
+      name: 'intellFrame37'
+    },
+    {
+      id: 38,
+      name: 'intellFrame38'
+    },
+    {
+      id: 39,
+      name: 'intellFrame39'
+    },
+    {
+      id: 31,
+      name: 'intellFrame31'
+    },
+    {
+      id: 32,
+      name: 'intellFrame32'
+    },
+    {
+      id: 33,
+      name: 'intellFrame33'
+    },
+    {
+      id: 34,
+      name: 'intellFrame34'
+    },
+    {
+      id: 35,
+      name: 'intellFrame35'
+    }
+  ],
+  [
+    {
+      id: 40,
+      name: 'intellFrame40'
+    },
+    {
+      id: 41,
+      name: 'intellFrame41'
+    },
+    {
+      id: 42,
+      name: 'intellFrame42'
+    },
+    {
+      id: 43,
+      name: 'intellFrame43'
+    },
+    {
+      id: 44,
+      name: 'intellFrame44'
+    },
+    {
+      id: 45,
+      name: 'intellFrame45'
+    },
+    {
+      id: 46,
+      name: 'intellFrame46'
+    },
+    {
+      id: 47,
+      name: 'intellFrame47'
+    },
+    {
+      id: 48,
+      name: 'intellFrame48'
+    }
+  ],
+  [
+    {
+      id: 51,
+      name: 'intellFrame51'
+    },
+    {
+      id: 52,
+      name: 'intellFrame52'
+    },
+    {
+      id: 53,
+      name: 'intellFrame53'
+    },
+    {
+      id: 54,
+      name: 'intellFrame54'
+    },
+    {
+      id: 55,
+      name: 'intellFrame55'
+    },
+    {
+      id: 56,
+      name: 'intellFrame56'
+    },
+    {
+      id: 57,
+      name: 'intellFrame57'
+    },
+    {
+      id: 58,
+      name: 'intellFrame58'
+    },
+    {
+      id: 50,
+      name: 'intellFrame50',
+      group: 5
+    }
+  ],
+  [
+    {
+      id: 61,
+      name: 'intellFrame61'
+    },
+    {
+      id: 62,
+      name: 'intellFrame62'
+    },
+    {
+      id: 63,
+      name: 'intellFrame63'
+    },
+    {
+      id: 64,
+      name: 'intellFrame64'
+    },
+    {
+      id: 65,
+      name: 'intellFrame65'
+    },
+    {
+      id: 66,
+      name: 'intellFrame66'
+    },
+    {
+      id: 67,
+      name: 'intellFrame67'
+    },
+    {
+      id: 68,
+      name: 'intellFrame68'
+    },
+    {
+      id: 60,
+      name: 'intellFrame60'
+    }
+  ]
+];