| | |
| | | <a-row justify="space-between"> |
| | | <a-col :span="24" class="table_add_clore" v-if="loading"> |
| | | <a-tabs |
| | | :default-active-key="tabKey" |
| | | type="line" |
| | | :default-active-key="tabKey" |
| | | v-model:activeKey="tabKey" |
| | | :editable="true" |
| | | @tab-click="changeTabs" |
| | | @add="handleAdd" |
| | | @delete="handleDelete" |
| | | show-add-button |
| | | auto-switch |
| | | > |
| | | <a-tab-pane |
| | | v-for="(item, index) in tabData" |
| | |
| | | <div class="card_content"> |
| | | <div class="content_top"> |
| | | <div class="card_wrap_box"> |
| | | <div class="wrap_box_add"> |
| | | <!-- <div class="wrap_box_add"> |
| | | <a-button |
| | | type="primary" |
| | | @click="handleAddModel" |
| | |
| | | </template> |
| | | 添加 |
| | | </a-button> |
| | | </div> |
| | | </div> --> |
| | | <div class="box_user_content"> |
| | | <div class="box_usr_img"> |
| | | <div class="card_wrap_box_img"> |
| | |
| | | <div class="box_user_btn"> |
| | | <a-space class="btn-group"> |
| | | <!-- <editModel></editModel> --> |
| | | |
| | | <a-button |
| | | type="primary" |
| | | @click="handleAddModel" |
| | | :disabled="addBtn" |
| | | > |
| | | <template #icon> |
| | | <icon-plus /> |
| | | </template> |
| | | 添加 |
| | | </a-button> |
| | | <a-button |
| | | type="outline" |
| | | @click="handleEditModel(item, 1)" |
| | | > |
| | | 编辑 |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div v-if="item.llm.length > 0" class="no_data"></div> |
| | | <div class="subset_list"> |
| | | <div v-if="item.llm?.length > 0" class="no_data"></div> |
| | | <div class="subset_list" v-if="item.llm?.length > 0"> |
| | | <div |
| | | class="card-wrap" |
| | | v-for="(list, index) of item.llm" |
| | |
| | | const isDeleteDialogVisible = ref(false); //删除提醒 |
| | | |
| | | const modalList = ref({}); |
| | | const tabKey = ref('key'); |
| | | const tabKey = ref(''); |
| | | const changeTabs = async (val) => { |
| | | tabKey.value = val; |
| | | await getFactory(); |
| | |
| | | }); |
| | | |
| | | if ((res as any).code == 0) { |
| | | queryModel(); |
| | | tabKey.value = factory; |
| | | await queryModel(''); |
| | | } else { |
| | | } |
| | | }, |
| | |
| | | const res = await deleteLlmFactory(tabKey.value); |
| | | if ((res as any).code == 200) { |
| | | // Reflect.deleteProperty(tabData.value, tabKey.value); |
| | | queryModel(); |
| | | |
| | | await queryModel(null); |
| | | |
| | | Message.success('删除成功'); |
| | | } |
| | | }; |
| | |
| | | name: '', |
| | | }); |
| | | const handleOk = () => { |
| | | count += 1; |
| | | formRef.value?.validate().then((res) => { |
| | | if (res) { |
| | | return; |
| | | } |
| | | data.value = data.value.concat({ |
| | | key: count, |
| | | title: `${form.name}`, |
| | | content: ``, |
| | | }); |
| | | visible.value = false; |
| | | activeKey.value = count; |
| | | }); |
| | | nextTick(() => { |
| | | visible.value = true; |
| | | }); |
| | | return false; |
| | | // count += 1; |
| | | // formRef.value?.validate().then((res) => { |
| | | // if (res) { |
| | | // return; |
| | | // } |
| | | // data.value = data.value.concat({ |
| | | // key: count, |
| | | // title: `${form.name}`, |
| | | // content: ``, |
| | | // }); |
| | | // visible.value = false; |
| | | // activeKey.value = count; |
| | | // }); |
| | | // nextTick(() => { |
| | | // visible.value = true; |
| | | // }); |
| | | // return false; |
| | | }; |
| | | |
| | | //获取模型列表 |
| | | const loading = ref(false); |
| | | const queryModel = async () => { |
| | | const queryModel = async (name) => { |
| | | const res = await modelmyLlms(); |
| | | modalList.value = res.data; |
| | | loading.value = true; |
| | | // tabData.value = Object.assign({}, tabData.value, res.data); |
| | | |
| | | tabData.value = filterObject(res.data, 1); |
| | | tabKey.value = Object.keys(tabData.value)[0]; |
| | | await filterObject(res.data, 1, name); |
| | | |
| | | await getFactory(); |
| | | }; |
| | | queryModel(); |
| | | queryModel(null); |
| | | //返回满足条件的对象 |
| | | const filterObject = (obj, threshold) => { |
| | | return Object.keys(obj) |
| | | const filterObject = (obj, threshold, name) => { |
| | | tabData.value = ''; |
| | | tabKey.value = ''; |
| | | const objs = Object.keys(obj) |
| | | .filter((key) => obj[key].added == 1) |
| | | .reduce((result, key) => { |
| | | result[key] = obj[key]; |
| | | return result; |
| | | }, {}); |
| | | |
| | | tabData.value = objs; |
| | | if (name) { |
| | | tabKey.value = name; |
| | | } else { |
| | | tabKey.value = Object.keys(tabData.value)[0]; |
| | | } |
| | | console.log(tabKey.value, 6766); |
| | | }; |
| | | |
| | | const refreshParentMethod = async (name) => { |
| | | // console.log(name, 678776); |
| | | await queryModel(); |
| | | |
| | | await queryModel(name); |
| | | // tabKey.value = name; |
| | | // 这里执行需要的操作 |
| | | }; |
| | |
| | | } else { |
| | | addBtn.value = false; |
| | | } |
| | | |
| | | // if (!name) { |
| | | // tabKey.value = Object.keys(tabData.value)[0]; |
| | | // } else { |
| | | // tabKey.value = name; |
| | | // } |
| | | console.log(tabKey.value, 9787); |
| | | }; |
| | | </script> |
| | | |
| | |
| | | .box_usr_img { |
| | | display: flex; |
| | | align-items: center; |
| | | margin-left: 100px; |
| | | |
| | | .arco-content-title { |
| | | line-height: 34px; |
| | |
| | | } |
| | | .box_user_btn { |
| | | text-align: right; |
| | | .btn_delete { |
| | | margin-left: 10px; |
| | | } |
| | | // .btn_delete { |
| | | // margin-left: 10px; |
| | | // } |
| | | } |
| | | } |
| | | } |